@charset "utf-8";

/* CSS Document */
/*公用*/
@media only screen and (min-width: 700px) {
	#phone-menu .menu-main {
		-ms-overflow-style: scrollbar;
	}

	#phone-menu .menu-main::-webkit-scrollbar-track,
	#phone-menu .menu-main::-webkit-scrollbar-track {
		background-color: #0f0f0f;
		border-left: 1px solid rgba(239, 239, 239, 0.6);
	}

	#phone-menu .menu-main::-webkit-scrollbar-thumb,
	#phone-menu .menu-main::-webkit-scrollbar-thumb {
		border-color: rgba(239, 239, 239, 0.6) !important;
		background-color: #0f0f0f;
		border-radius: 3px;
	}

	#phone-menu .menu-main::-webkit-scrollbar,
	#phone-menu .menu-main::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}

	#phone-menu .menu-main::-webkit-scrollbar-thumb,
	#phone-menu .menu-main::-webkit-scrollbar-thumb {
		border: 1px solid;
	}
}

@font-face {
	font-family: "fontcustom";
	src: url("../../fonts/fontawesome-webfont.eot");
	src: url("../../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.ttf") format("truetype"), url("../../fonts/fontawesome-webfont.svg#fontcustom") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "smallfont";
	src: url("../../fonts/MyriadPro-Light.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

	@font-face {
		font-family: "fontcustom";
		src: url("../../fonts/fontawesome-webfont.svg#fontcustom") format("svg")
	}
}

.smallfont {
	font-family: Myriad Set Pro, "smallfont", "Microsoft JhengHei", "Microsoft Yahei";
	font-weight: 300;

	transition: font .5s;
	-moz-transition: font .5s;
	/* Firefox 4 */
	-webkit-transition: font .5s;
	/* Safari and Chrome */
	-o-transition: font .5s;
	/* Opera */
}


.icon-nav:before {
	font-family: "fontcustom";
	content: "\f0c9";
	/*菜单标志*/
}

.icon-xiala:before {
	font-family: "fontcustom";
	content: "\f107";
	/*向下箭头*/
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

}

li {
	transition: font .5s;
	-moz-transition: font .5s;
	/* Firefox 4 */
	-webkit-transition: font .5s;
	/* Safari and Chrome */
	-o-transition: font .5s;
	/* Opera */
}

img {
	border: none;
	max-width: 100%;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 取消链接高亮 */
	text-decoration: none;
	color: #333;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	/* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	/* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	/* Opera */
}

html {
	min-height: 100%;
}

body {
	min-height: 100%;
	font-size: 14px;
	color: #262626;
	font-family: Arial, "Microsoft Yahei";
	min-width: 320px;
	overflow-x: hidden;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	/* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	/* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	/* Opera */

}

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

	body {
		font-size: 14px;
	}
}

li {
	list-style: none;
}

table {
	border-collapse: collapse;
}

input,
textarea,
select {
	font-family: Arial, "Microsoft YaHei";
	font-size: 12px;
	outline: none;
	transition: color .5s, background .5s, opacity .5s, border .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s;
	/* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s;
	/* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s;
	/* Opera */
	-ms-transition: color .5s, background .5s, opacity .5s, border .5s;
	/* Opera */
}

.fg {
	clear: both;
	width: 100%;
	height: 0px;
}

.red {
	color: #F00;
}

#ALL {
	padding-top: 116px;
	min-height: 500px;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	/* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	/* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	/* Opera */

}


/*top*/
#phone-top {
	display: none;
}

#top {
	background: #000;
	width: 100%;
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	text-align: center;
}

#top .entext {
	background-color: #5792ff;
	font-size: 18px;
	line-height: 30px;
}

#top .top {
	height: 65px;
	margin: auto;
	max-width: 1100px;
	margin: auto;
	width: 94%;
	margin: auto;
	position: relative;
}

#top .logo {
	position: absolute;
	left: 0%;
	top: 50%;
	display: block;
	height: 55%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#top .logo img {
	display: block;
	height: 100%;
}

#top .menu {
	height: 65px;
	display: inline-block;
	margin: auto;
	text-align: center;
}

#top .menu ul li.f1 {
	width: 0px;
	height: 0px;
	display: none;
}

#top .menu ul li {
	display: inline-block;
	position: relative;
}

#top .menu ul li .xiala {
	position: absolute;
	top: 65px;
	background: rgba(255, 255, 255, .9);
	display: none;
	font-size: 14px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

#top .menu ul li .xiala.cp {
	top: 116px;
}

#top .menu ul li:before {
	content: "";
	bottom: 0px;
	width: 0px;
	height: 3px;
	position: absolute;
	left: 50%;
	background: #0083eb;
	width: 0px;
	display: block;

	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: transform .3s, opacity .3s, width .3s;
	-moz-transition: transform .3s, opacity .3s, width .3s;
	-o-transition: transform .3s, opacity .3s, width .3s;
	-ms-transition: transform .3s, opacity .3s, width .3s;
	transition: transform .3s, opacity .3s, width .3s;

}

#top .menu ul li.on:before,
#top .menu ul li.onn:before {

	width: -moz-calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	width: -ms-calc(100% - 48px);
	width: -o-calc(100% - 48px);
	width: calc(100% - 48px);
}

#top .menu ul:hover li:before {
	width: 0px !important;
}

#top .menu ul li.on:before {

	width: -moz-calc(100% - 48px) !important;
	width: -webkit-calc(100% - 48px) !important;
	width: -ms-calc(100% - 48px) !important;
	width: -o-calc(100% - 48px) !important;
	width: calc(100% - 48px) !important;

}

#top .menu ul li .xiala.cp {
	left: 0;
	padding: 26px;
	width: 100%;
	background: #fff;
	position: fixed;
}

#top .menu ul li .xiala.cp .list {

	overflow: hidden;
	float: left;

}

#top .menu ul li .xiala.cp .menu-list {
	width: 272px;
	float: right;
	min-height: 273px;
	overflow: hidden;
	float: right;
	border-left: 1px solid #e5e5e5;
	padding-left: 35px;
}

#top .menu ul li .xiala.cp .menu-list ul {}

#top .menu ul li .xiala.cp .menu-list .classname {
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: left;
}

#top .menu ul li .xiala.cp .menu-list ul li {
	display: block;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

#top .menu ul li .xiala.cp .menu-list ul li a {
	display: block;
	height: 24px;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}

#top .menu ul li .xiala.cp .menu-list ul li a:hover,
#top .menu ul li .xiala.cp .menu-list ul li.on a {
	color: #0083eb;
}

#top .menu ul li .xiala.cp .list ul {
	display: block;

}

#top .menu ul li .xiala.cp .list ul:after {
	content: "";
	clear: both;
	display: block;
}

#top .menu ul li .xiala.cp .xixlacp-box {
	width: 1100px;
	margin: auto;
}

#top .menu ul li .xiala.cp .list ul li {
	display: block;
	float: left;
	width: 275px;
	height: 273px;
	overflow: hidden;
	border-left: 1px solid #e5e5e5;
}

#top .menu ul li .xiala.cp .list ul li a {
	display: block;
	width: 220px;
	margin: auto;
}


#top .menu ul li .xiala.cp .list ul li a .tu {
	height: 201px;
	padding-top: 10px;
	margin-bottom: 15px;
}

#top .menu ul li .xiala.cp .list ul li a .tu img {
	height: 191px;
	width: 220px;
	display: block;
}

#top .menu ul li .xiala.cp .list ul li a .title {
	line-height: 40px;
	color: #646464;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	overflow: hidden;
}



#top .menu ul li .xiala.cp .list ul li a:hover {
	color: #2473d2;
}

#top .menu ul li .xiala.pt {
	width: 150%;
	left: 0%;
}

#top .menu ul li:hover:before {
	display: block;
}

#top .menu ul li .a {
	display: inline-block;
	padding: 0 24px;
	line-height: 65px;
	color: #fff;
	font-size: 14px;
}

#top .menu ul li .xiala dl {
	padding: 10px 0;
}

#top .menu ul li .xiala dl dd {
	display: block;
	height: 40px;
	overflow: hidden;
}

#top .menu ul li .xiala dl dd a {
	display: block;
	line-height: 40px;
	padding: 0 24px;
	color: rgba(0, 0, 0, .9);
	height: 40px;
	overflow: hidden;
	text-align: left;
}

#top .menu ul li .xiala dl dd a:hover {
	color: #0083eb;
}



#top .top-right {
	position: absolute;
	top: 0px;
	right: 0%;
	height: 65px;
}

#phone-top {
	display: none;
	height: 50px;
	background: #000;
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	z-index: 100;
}

#phone-top .logo {
	position: absolute;
	left: 50%;
	top: 0px;
	display: block;
	height: 50px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;







}

.danbg {
	background: rgba(0, 0, 0, .8);
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 100%;
	z-index: 10;
	display: none;
}

#phone-top .phone-lang {
	display: block;
	height: 50px;
	width: 50px;
	position: absolute;
	left: 0px;
	top: 0px;
	border-right: 1px solid rgba(255, 255, 255, .15);
	line-height: 50px;
	text-align: center;
}

#phone-top .phone-lang a {
	display: block;
	color: rgba(255, 255, 255, .8);
}

#phone-top .logo img {
	display: block;
	height: 40%;
}

#phone-top #menu-btn {
	height: 50px;
	width: 50px;
	cursor: pointer;
	float: right;
	text-align: center;
	position: relative;

	line-height: 50px;
}

#menu-btn div {
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, width .2s, left .2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, width .2s, left .2s;
	transition: transform 0.3s, opacity 0.2s, width .2s, left .2s;
	width: 25px;
	left: 12.5px;
}

#menu-btn div:nth-child(1) {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);

}

#menu-btn div:nth-child(2) {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px);

}

#menu-btn[data-on='on'] div {
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
}

#menu-btn[data-on='on'] div:nth-child(3) {
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
	opacity: 0;
	width: 0px;
	left: 30px;
}

#menu-btn[data-on='on'] div:nth-child(2) {
	-webkit-transform: translateY(-1px) rotate(45deg) scale(1.2);
	-moz-transform: translateY(-1px) rotate(45deg) scale(1.2);
	transform: translateY(-1px) rotate(45deg) scale(1.2);
}

#menu-btn[data-on='on'] div:nth-child(1) {
	-webkit-transform: translateY(-1px) rotate(-45deg) scale(1.2);
	-moz-transform: translateY(-1px) rotate(-45deg) scale(1.2);
	transform: translateY(-1px) rotate(-45deg) scale(1.2);
}




#phone-menu {
	display: none;
	background: #111;
	height: 100%;
	top: 0px;
	right: 0px;
	width: 300px;
	padding: 60px 3% 20px;
	overflow: auto;
	right: 0px;
	position: fixed;
	z-index: 99;
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;


	-webkit-transition: transform .3s, opacity .3s;
	-moz-transition: transform .3s, opacity .3s;
	-o-transition: transform .3s, opacity .3s;
	-ms-transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
}

#phone-menu[data-on="on"] {
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;

}

#phone-menu .menu-main {
	width: 100%;
	margin: auto;
	max-width: 600px;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

#phone-menu .menu-main .search {
	right: 0px;
	height: 50px;
	position: relative;
}

#phone-menu .menu-main .search .search-view {
	height: 38px;
	border-radius: 2px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

#phone-menu .menu-main .search .search-view .input-text {
	line-height: 38px;
	padding: 0 60px 0 5px;
	border: 0px;
	background: none;
	width: 100%;
	display: block;
	float: left;
	color: #fff;
}

#phone-menu .menu-main .search .search-view .input-btn {
	height: 38px;
	background: none;
	text-align: right;
	border: 0px;
	top: 0px;
	right: 0px;
	color: #5885b2;
	cursor: pointer;
	width: 50px;
	position: absolute;
	z-index: 10;
}

#phone-menu .menu-main .search .search-view .input-btn:hover {
	color: #fff;
}

#phone-menu .menu-main .search .search-view:before {
	font-family: "fontcustom";
	content: "\f002";
	/*放大镜*/
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	font-size: 16px;
	line-height: 38px;
}

#phone-menu .menu-main .list {}

#phone-menu .menu-main .list ul li {
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	font-size: 16px;
	position: relative;
}

#phone-menu .menu-main .list ul li .biao {
	height: 40px;
	width: 10px;
	top: 0px;
	right: 0px;
	position: absolute;
	-webkit-transition: transform .3s, opacity .3s;
	-moz-transition: transform .3s, opacity .3s;
	-o-transition: transform .3s, opacity .3s;
	-ms-transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;








}

#phone-menu .menu-main .list ul li .biao:before {
	width: 5px;
	height: 5px;
	border-top: 1px solid rgba(255, 255, 255, 1);
	border-right: 1px solid rgba(255, 255, 255, 1);
	content: "";
	display: block;
	position: absolute;
	right: 2px;
	top: 50%;
	margin-top: -4px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#phone-menu .menu-main .list ul li[data-on='on'] .biao {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);

}

#phone-menu .menu-main .list ul li .a {
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: rgba(255, 255, 255, .8);
}

#phone-menu .menu-main .list ul li.have .a {
	display: inline-block;

}

#phone-menu .menu-main .list ul li .a:hover {
	color: #fff;
}

#phone-menu .menu-main .list ul li dl {
	display: none;
	padding-bottom: 10px;
}

#phone-menu .menu-main .list ul li dl dd {
	display: block;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
}

#phone-menu .menu-main .list ul li dl dd a {
	display: block;
	color: rgba(255, 255, 255, .8);
	font-size: 13px;
}

#phonemenubg {
	left: -1000%;
	top: -1000%;
}

@media only screen and (max-width: 1100px) {
	#phonemenubg {
		left: 0px;
		top: 0px;
	}

	#phone-menu {
		display: block;
	}

	#phone-top {
		display: block;
	}

	#top {
		display: none;
	}

	#ALL {
		padding-top: 50px;
	}
}

/*search-box*/
#top .top-right .search-box {
	width: 50px;
	height: 68px;
	float: left;
	text-align: center;
	color: #fff;
	line-height: 68px;
	font-size: 20px;
	background: none;
	position: relative;
}

#top .top-right .btnn {
	display: block;
	float: left;
	color: #fff;
	width: 30px;
	height: 30px;
	margin-top: 17px;
	position: relative;
	margin-right: 14px;
	cursor: pointer;
}

#top .top-right .btnn.icon-search:before {
	display: block;
	cursor: pointer;
	content: "";
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	border-radius: 100%;
	position: absolute;
	left: 5px;
	top: 7px;
}

#top .top-right .btnn.icon-search:after {
	display: block;
	cursor: pointer;
	content: "";
	width: 6px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 15px;
	top: 20px;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

#top .top-right .btnn.icon-shop:before {
	display: block;
	cursor: pointer;
	content: "";
	width: 12px;
	height: 12px;
	border: 1px solid rgba(255, 255, 255, .7);
	border-radius: 2px;
	position: absolute;
	left: 9px;
	top: 9px;
}

#top .top-right .btnn.icon-shop:after {
	display: block;
	cursor: pointer;
	content: "";
	width: 8px;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 8px;
	border-top: 1px solid rgba(255, 255, 255, 1);
	border-left: 1px solid rgba(255, 255, 255, 1);
	border-radius: 100%;
	position: absolute;
	left: 11px;
	top: 4px;
}

#top .gb {
	width: 65px;
	height: 65px;
	position: absolute;
	cursor: pointer;
	top: 0px;
	right: -65px;
}

#top .gb:before,
#top .gb:after {
	width: 20px;
	height: 1px;
	background: #fff;
	opacity: .5;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10px;
	display: block;
	content: "";

	-webkit-transition: transform .3s, opacity .3s;
	-moz-transition: transform .3s, opacity .3s;
	-o-transition: transform .3s, opacity .3s;
	-ms-transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;

}

#top[data-search="on"] .gb:before {
	opacity: 1;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;

}

#top[data-search="on"] .gb:after {
	opacity: 1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;

}

#top .suo {
	-webkit-transition: transform .3s, opacity .3s;
	-moz-transition: transform .3s, opacity .3s;
	-o-transition: transform .3s, opacity .3s;
	-ms-transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
}

#top .search {
	height: 65px;
	position: absolute;
	width: 800px;
	background: #000;
	left: 50%;
	margin-left: -400px;
	top: 0px;
	z-index: 10;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);

	-webkit-transition: transform .3s, opacity .3s;
	-moz-transition: transform .3s, opacity .3s;
	-o-transition: transform .3s, opacity .3s;
	-ms-transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;












}

#top[data-search="on"] .suo {
	opacity: 0;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}

#top[data-search="on"] .search {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

#top[data-search="on"] .search .search-view {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;

}

#top .search .search-view {
	width: 700px;
	height: 65px;
	margin: auto;
	padding-left: 40px;
	padding-top: 12.5px;
	position: relative;
	-webkit-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	opacity: 0;


	-webkit-transition: transform .3s, opacity .3s;
	-moz-transition: transform .3s, opacity .3s;
	-o-transition: transform .3s, opacity .3s;
	-ms-transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
}

#top .search .search-view:before {
	display: block;
	cursor: pointer;
	content: "";
	width: 14px;
	height: 14px;
	border: 1px solid #fff;
	border-radius: 100%;
	position: absolute;
	left: 5px;
	top: 22px;
}

#top .search .search-view:after {
	display: block;
	cursor: pointer;
	content: "";
	width: 8px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 17px;
	top: 37px;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

#top .search .search-view input[type="text"] {
	height: 40px;
	background: none;
	border: 0px;
	background-color: transparent;
	width: 100%;
	line-height: 40px;
	color: rgba(255, 255, 255, .8);
	font-size: 16px;
}



#top .top-right .lang {
	height: 65px;
	line-height: 65px;
	float: left;
	position: relative;
	padding-left: 10px;
}

#top .top-right .lang a {
	color: #fff;
	padding-left: 24px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: auto 12px;
	width: 80px;
	font-size: 12px;
	display: block;
	text-align: left;
}

#top .top-right .lang a.cn {
	background-image: url(../images/index_08.png);
}

#top .top-right .lang a.en {
	background-image: url(../images/index_10.png);
}

#top .top-right .lang .on {
	cursor: pointer;
}



#top .top-right .lang[data-on="on"] {
	color: #fff;
	background: #232323;
}

#top .top-right .lang dl {
	background: #232323;
	position: absolute;
	top: 65px;
	left: 0px;
	width: 100%;
	display: none;
}

#top .top-right .lang dl dd {
	line-height: 30px;
	height: 30px;
	display: block;
	padding-left: 10px;
}

#top .top-right .lang dl dd:hover {
	background: #000;
}

/*top end*/


/*banner*/




.pc-banner {
	background: #ccc;
	padding-top: 65px;
	margin-top: -65px;
}

@media only screen and (max-width:1024px) {
	.pc-banner {
		height: 67vw !important;
	}
}


.pc-banner .swiper-slide,
.pc-banner-small .swiper-slide {
	background-size: cover;
	background-position: center;
	position: relative;
	height: 100%;
}

.pc-banner .swiper-slide a {
	display: block;
	overflow: hidden;
	min-height: 200px;
	height: 100%;


}

.pc-banner .btnn-p {
	width: 62px;
	height: 62px;
	border-radius: 100%;
	background: rgba(0, 0, 0, .04);
	position: absolute;
	top: 50%;
	margin-top: -31px;
	z-index: 1;
	cursor: pointer;
}

.pc-banner .btnn-p:before {
	content: "";
	width: 14px;
	height: 14px;
	border-top: 2px solid #a2a4a6;
	border-right: 2px solid #a2a4a6;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px -10px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);


}

.pc-banner .btnn-p.prev {
	left: 3%;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);

}

.pc-banner .btnn-p.next {
	right: 3%;
}

.pc-banner .swiper-slide a .text {
	position: absolute;
	max-width: 94%;
	text-align: center;
	left: 50%;
	top: 11%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);

	width: 1100px;

}

.pc-banner .swiper-slide a .text .big {
	font-size: 40px;
	opacity: 0;

	-moz-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: transform .6s, opacity .6s;
	-moz-transition: transform .6s, opacity .6s;
	-o-transition: transform .6s, opacity .6s;
	-ms-transition: transform .6s, opacity .6s;
	transition: transform .6s, opacity .6s;

}

.pc-banner .swiper-slide a .text .small {
	line-height: 1.5;
	font-size: 18px;
	opacity: 0;

	-moz-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: transform .6s, opacity .6s;
	-moz-transition: transform .6s, opacity .6s;
	-o-transition: transform .6s, opacity .6s;
	-ms-transition: transform .6s, opacity .6s;
	transition: transform .6s, opacity .6s;

}

.pc-banner .swiper-slide.swiper-slide-active a .text .small {
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	-moz-transition-delay: .8s;
	-ms-transition-delay: .8s;
	-o-transition-delay: .8s;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;

}

.pc-banner .swiper-slide.swiper-slide-active a .text .big {
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;

}

.pc-banner .swiper-slide a img {
	display: block;
	width: 100%;
	opacity: 0;
	position: relative;
	margin: auto;
}

.pc-banner .swiper-pagination,
.zp-banner .swiper-pagination {
	bottom: 20px;
}

.pc-banner .swiper-pagination span,
.zp-banner .swiper-pagination span {
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	width: 10px;
	height: 10px;
	border-radius: 100%;
}

.pc-banner .swiper-pagination span.swiper-pagination-bullet-active,
.zp-banner .swiper-pagination span.swiper-pagination-bullet-active {
	border-color: #737d82;
	width: 12px;
	height: 12px;
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	background: #737d82;
}

@media only screen and (max-width: 1024px) {
	.pc-banner .btnn-p {
		display: none;
	}

	.pc-banner {
		padding-top: 50px;
		margin-top: -50px;
	}

}

@media only screen and (max-width: 600px) {
	.pc-banner .swiper-slide a .text .big {
		font-size: 30px;
	}

	.pc-banner .swiper-slide a .text .small {
		font-size: 14px;
	}

}

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

	.pc-banner .swiper-pagination span,
	.zp-banner .swiper-pagination span {
		opacity: 1;
		background: #fff;
		border-style: solid;
		border-width: 2px;
		border-color: transparent;
		width: 10px;
		height: 10px;
	}

	.pc-banner .swiper-pagination span.swiper-pagination-bullet-active,
	.zp-banner .swiper-pagination span.swiper-pagination-bullet-active {
		border-color: #737d82;
		width: 14px;
		height: 14px;
		-moz-transform: translateY(2px);
		-ms-transform: translateY(2px);
		-o-transform: translateY(2px);
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
		background: #fff;
	}
}




/*banner end*/
/*首页3格*/
.index-3g {
	padding-top: 5px;
}

.index-3g a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 300px;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
}

.index-3g a .tu {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0px;
	top: 0px;

	-webkit-transition: transform .6s, opacity .6s;
	-moz-transition: transform .6s, opacity .6s;
	-o-transition: transform .6s, opacity .6s;
	-ms-transition: transform .6s, opacity .6s;
	transition: transform .6s, opacity .6s;









}

.index-3g a:hover .tu {
	-moz-transform: rotate(1deg) scale(1.1);
	-ms-transform: rotate(1deg) scale(1.1);
	-o-transform: rotate(1deg) scale(1.1);
	-webkit-transform: rotate(1deg) scale(1.1);
	transform: rotate(1deg) scale(1.1);

}

.index-3g a .text {
	position: relative;
	z-index: 5;
	padding: 0 5%;
	text-align: center;
}

.index-3g a .text .big {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 5px;
}

.index-3g a .text .small {
	font-size: 18px;
	line-height: 1.2;
}

@media only screen and (max-width: 600px) {
	.index-3g a {
		height: 240px;
	}

}

@media only screen and (min-width: 767px) {
	.index-3g {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-orient: horizontal;
		-ms-box-orient: horizontal;
		box-orient: horizontal;
	}

	.index-3g a {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-flex: 1;
		margin-left: 5px;











	}

	.index-3g a:nth-child(1) {
		margin-left: 0px;
	}

	@media only screen and (max-width: 1200px) {
		.index-3g a {
			height: 240px;
		}
	}
}



/*首页3格 end*/

/*index-bottom*/
.index-bottom {
	width: 94%;
	margin: auto;
	text-align: center;
	padding-top: 60px;
}

.index-bottom a img {
	display: block;
	margin: auto;
}

.index-bottom .big {
	font-size: 40px;
	margin-bottom: 30px;
}

.index-bottom .small {
	font-size: 14px;
	margin-bottom: 30px;
}

@media only screen and (max-width: 1200px) {
	.index-bottom .big {
		font-size: 34px;
	}

	.index-bottom {
		padding-top: 50px;
	}

}

@media only screen and (max-width: 1000px) {
	.index-bottom .big {
		font-size: 28px;
	}

	.index-bottom {
		padding-top: 40px;
	}
}

@media only screen and (max-width: 800px) {
	.index-bottom .big {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.index-bottom .small {
		font-size: 12px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 600px) {
	.index-bottom .big {
		font-size: 18px;
	}
}

#bottom-index {
	background: #fcfcfc;
	border-top: 1px solid #e4e4e4;
}

#bottom-index .main {
	width: 94%;
	margin: auto;
	max-width: 1100px;
}

#bottom-index .main .box {
	padding: 30px 0;
	border-bottom: 1px solid #e4e4e4;
}

#bottom-index .main .box .view .bbt {
	height: 52px;
	line-height: 38px;
	font-size: 26px;
	color: #000;
}

#bottom-index .main .box .view .bbt a {
	display: block;
	border: 1px solid #0083eb;
	width: 15px;
	height: 15px;
	float: right;
	position: relative;
	margin-top: 11px;
}

#bottom-index .main .box .view .bbt a:before {
	content: "";
	display: block;
	width: 7px;
	height: 1px;
	background: #0083eb;
	top: 6px;
	left: 3px;
	position: absolute;
}

#bottom-index .main .box .view .bbt a:after {
	content: "";
	display: block;
	width: 1px;
	height: 7px;
	background: #0083eb;
	left: 6px;
	top: 3px;
	position: absolute;
}

#bottom-index .main .box .view .bbt a:hover {
	-moz-transform: rotate(360deg) scale(1.4);
	-ms-transform: rotate(360deg) scale(1.4);
	-o-transform: rotate(360deg) scale(1.4);
	-webkit-transform: rotate(360deg) scale(1.4);
	transform: rotate(360deg) scale(1.4);


}


#bottom-index .main .box .view .content {
	line-height: 2;
	overflow: hidden;
	color: #6f6d6d;
}

#bottom-index .main .box .view .list ul li {
	display: block;
	height: 32px;
	line-height: 32px;
}

#bottom-index .main .box .view .list ul li a {
	display: block;
	height: 32px;
	overflow: hidden;
}

#bottom-index .main .box .view .list ul li a span {
	float: right;
	padding-left: 10px;
	line-height: 12px;
	height: 12px;
	border-left: 1px solid #6f6d6d;
	margin-top: 10px;
}

#bottom-index .main .box .view .list ul li a:hover {
	color: #0083eb;
	text-decoration: underline;
}

@media only screen and (min-width: 767px) {
	#bottom-index .main {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-orient: horizontal;
		-ms-box-orient: horizontal;
		box-orient: horizontal;


	}

	#bottom-index .main .box {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-flex: 1;
		padding: 48px 0;
		border: 0px;

	}

	#bottom-index .main .box:nth-child(1) {
		border-right: 1px solid #e4e4e4;
	}

	#bottom-index .main .box .view {
		padding: 0 0 0 10%;
	}

	#bottom-index .main .box:nth-child(1) .view {
		padding: 0 10% 0 0;
	}
}

/*首页end*/



/*联系我们*/
.contact-main {
	width: 94%;
	margin: auto;
	max-width: 1100px;
}

.contact-main .view {
	line-height: 2;
	padding: 30px 0;
}

.contactlist ul {
	display: block;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 40px;
	padding-bottom: 10px;
}

.contactlist ul:after {
	content: "";
	display: block;
	clear: both;
}

.contactlist ul .clear {
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0;
}

.contactlist ul li.cbox {
	float: left;

}

.contactlist ul li .title {
	margin-bottom: 15px;
}

.contactlist ul li .title a {
	color: #2d2d2d;
	font-size: 26px;
}

.contactlist ul li .demo {
	line-height: 2;
	font-size: 12px;
}

.contact-bottom {
	/*border-bottom:1px solid #e4e4e4;*/
	padding-bottom: 20px;
	line-height: 2;
	margin-bottom: 50px;
}

@media only screen and (min-width: 800px) {
	.contactlist ul li {
		width: 32%;
		margin: 0 2% 30px 0;
	}

	.contactlist ul li.cbox3 {
		margin-right: 0;
	}

	.contactlist ul .clear3 {
		clear: both;
	}

}

@media only screen and (max-width: 799px) {
	.contactlist ul li .title a {
		color: #2d2d2d;
		font-size: 24px;
	}

	.contactlist ul li {
		width: 48.5%;
		margin: 0 3% 30px 0;
	}

	.contactlist ul li.cbox2 {
		margin-right: 0;
	}

	.contactlist ul .clear2 {
		clear: both;
	}

}

@media only screen and (max-width: 600px) {
	.contactlist ul li {
		float: none;
	}

	.contactlist ul li {
		width: 100%;
		margin: 0 0% 30px 0;
	}

}

/*联系我们 end*/
















/*关于我们*/
.about002001 {
	padding-bottom: 20px;
}

.about002001 .view {
	width: 94%;
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	line-height: 2;
}

.about002001 .view .title {
	color: #323232;
	font-size: 40px;
	text-align: center;
	padding: 15px 0;



}

.about002001 .view .title.big {
	font-size: 80px;
	color: #007bda;
	background-image: -webkit-linear-gradient(top, #007bda 0%, #00a9ec 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(top, #007bda 0%, #00a9ec 100%);
	background-clip: text;
	text-fill-color: transparent;
	background-image: -moz-linear-gradient(top, #007bda 0%, #00a9ec 100%);
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;

}

.about-video {
	height: 400px;
	overflow: hidden;
	position: relative;
	background-position: center;
	background-size: cover;


}

.about-video[data-on='play'] {
	height: auto;
}

.about-video .pro-video {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-height: 400px;
	opacity: 0;
}

.about-video[data-on='play'] .pro-video {
	position: relative;
	top: 0;
	left: 0px;
	-webkit-transform: translate(0%);
	-moz-transform: translate(0%);
	-ms-transform: translate(0%);
	-o-transform: translate(0%);
	transform: translate(0%);
	max-height: 11000px;
	opacity: 1;
}

.about-video.video-box .btn:before {
	display: none;
	opacity: 0;
}

.about-video.video-box .btn:after {
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	border: 1px solid rgba(255, 255, 255, .6);
	background: none;

	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: 20px;


}

.about-video.video-box .btn i {
	margin-left: 0px;
	font-size: 18px;


}

.aboutlist-type {
	padding: 25px 0;
	position: relative;
	text-align: center;
	color: #0083eb;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	line-height: 40px;
}

.aboutlist-type a {
	display: block;
	height: 40px;
	line-height: 36px;
	width: 40px;
	border: 2px solid #b7b7b7;
	position: absolute;
	top: 25px;
	font-family: 'simsun';
	font-weight: bold;
	color: #0083eb;
	font-size: 28px;
}

.aboutlist-type a:before {
	content: "";
	display: block;
	border-top: 2px solid #b7b7b7;
	border-right: 2px solid #b7b7b7;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
}

.aboutlist-type a:hover:before,
.aboutlist-type a:hover {
	border-color: #0083eb;
}

.aboutlist-type a.next:before {
	margin: -5px -8px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);


}

.aboutlist-type a.prev:before {
	margin: -5px -3px;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);


}

.aboutlist-type a.prev {
	left: 36px;
}

.aboutlist-type a.next {
	right: 36px;
}

.aboutlist {
	padding: 53px 0;
}

.aboutlist dl dd {
	width: 100%;
	margin: 0 9px 0 auto;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}

.aboutlist dl dd .biao {
	width: 36px;
	position: relative;
	padding: 10px 0;
}

.aboutlist dl dd .vvv {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	margin-left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

}

.aboutlist dl dd .vvv .con {
	width: 100%;
	padding: 10px 0;
}

.aboutlist dl .biao .quan {
	width: 20px;
	height: 20px;
	border: 3px solid #fff;
	border-radius: 100%;
	margin: -10px 0;
	left: 0%;
	top: 50%;
	background: #d8d8d8;
	position: absolute;
}

.aboutlist dl .biao .line {
	height: 100%;
	width: 2px;
	position: absolute;
	left: 9px;
	top: 0px;
	background: #eaeaea;
}

.aboutlist dl dd .tu {
	width: 120px;
	padding: 10px 0;
}

.aboutlist dl dd .tu img {
	display: block;
	width: 100%;
	border: 2px solid #d8d8d8;
}

.aboutlist dl dd .vvv .con .rq {
	font-weight: bold;
	color: #000;
}

.aboutlist dl dd .vvv .con .demo {
	line-height: 20px;
	font-size: 12px;
}

.aboutlist dl dd:nth-child(1) .line {
	height: 50%;
	top: 50%;
}

.aboutlist dl dd:last-child .line {
	height: 50%
}

.about-banner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	text-align: center;
	min-height: 400px;

}

.about-banner .title {
	font-size: 130px;
}

.about-banner .big {
	font-size: 60px;
	margin-bottom: 15px;
}

.about-banner .small {
	font-size: 24px;
	margin-bottom: 30px;
}

.about-banner .href {
	display: inline-block;
	height: 50px;
	border-radius: 25px;
	padding: 0 30px;
	color: #fff;
	background: #0083eb;
	font-size: 16px;
	line-height: 50px;
	font-weight: bold;
	cursor: pointer;
}

.about-banner .biao {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid #fff;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 40px;
	z-index: 1;
}

.about-banner .biao:before {
	content: "";
	display: block;
	clear: both;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;

	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);

	left: 50%;
	top: 50%;
	margin: -8px -6px;
	position: absolute;


}


.about-hdlist {
	max-width: 1100px;
	width: 94%;
	margin: auto;
	padding: 60px 0;
}

.about-hdlist .btt {
	color: #707473;
	font-size: 30px;
	padding-bottom: 20px;
}

.about-hdlist ul li {
	width: 48.5%;
	margin: 0 3% 6% 0;
	display: block;
	float: left;
}

.about-hdlist ul li:nth-child(2n) {
	margin-right: 0px;
}

.about-hdlist ul li a {
	display: block;
	color: #0083eb;
}

.about-hdlist ul li a:hover {
	text-decoration: underline;
}

.about-hdlist ul li a .tu {
	background-position: center;
	background-size: cover;
	margin-bottom: 15px;
}

.about-hdlist ul li a .tu img {
	opacity: 0;
	display: block;
	width: 100%;
}

.about-hdlist ul li a .title {
	line-height: 32px;
	height: 64px;
	overflow: hidden;
	font-size: 16px;
}

.about-hdlist ul:after {
	content: "";
	display: block;
	clear: both;
}

.aboutbox {
	width: 94%;
	max-width: 1100px;
	margin: 40px auto;
}

.aboutbox .about-type {
	border-bottom: 1px solid #ddd;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.aboutbox .about-type .title {
	color: #282828;
	font-size: 36px;
	margin-bottom: 10px;
}

.aboutbox .about-type:before {
	content: "";
	display: block;
	height: 2px;
	width: 60px;
	background: #848484;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.aboutbox .about-type .tt {
	padding-bottom: 15px;
	line-height: 20px;
}

.aboutbox .about-type .tt a {
	margin-right: 30px;
	display: inline-block;
}

.aboutbox .about-type .tt a span {
	color: #0083eb;
}

.aboutbox .about-view {
	line-height: 2;
	overflow: hidden;
}

/**/
.xinxing {
	text-align: center;
	color: #3a3a3a;
	font-size: 40px;
	margin: 60px auto;
}


.xinxing .xingzhuang {
	padding: 20px 0;

}


.zp-banner .btnn-p {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	margin-top: -31px;
	z-index: 1;
	cursor: pointer;
}

.zp-banner .btnn-p:before {
	content: "";
	width: 20px;
	height: 20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px -18px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);


}

.zp-banner .btnn-p.prev {
	left: 3%;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);

}

.zp-banner .btnn-p.next {
	right: 3%;
}

.zp-banner,
.zp-banner .swiper-wrapper,
.zp-banner .swiper-wrapper .swiper-slide {
	min-height: 600px;
	background-position: center;
	background-size: cover;
}

.zp-banner .swiper-wrapper .swiper-slide a {
	min-height: 600px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.zp-banner .swiper-wrapper .swiper-slide a .text {
	width: 94%;
	max-width: 1100px;
	padding: 40px 0;
}

.zp-banner .swiper-wrapper .swiper-slide a .text .big {
	font-size: 36px;
	margin-bottom: 15px;
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;

	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	-ms-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;









}

.zp-banner .swiper-wrapper .swiper-slide a .text .small {
	line-height: 1.6;
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	-ms-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, height .5s, transform .5s;

}

.zp-banner .swiper-slide.swiper-slide-active a .text .big {
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;

	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

.zp-banner .swiper-slide.swiper-slide-active a .text .small {
	-moz-transition-delay: .8s;
	-ms-transition-delay: .8s;
	-o-transition-delay: .8s;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

.zp-middle {
	padding: 60px 0;
	max-width: 1100px;
	width: 94%;
	color: #3a3a3a;
	font-size: 40px;
	text-align: center;
	border-bottom: 2px solid #f1f3f3;
	margin: auto;
}

.zplist {
	width: 94%;
	max-width: 400px;
	margin: auto;
	padding: 50px 0;
	position: relative;
}

.zplist .btt {
	font-size: 16px;
	margin-bottom: 40px;
	color: #000;
	font-size: 30px;
	text-align: center;
}

.zplist ul li {
	margin: 0 auto 20px;
	display: block;
}

.zplist ul li a .title {
	font-size: 26px;
	margin-bottom: 15px;
}

.zplist ul li a .demo {
	margin-bottom: 15px;
}

.zplist ul li a .demo b {
	color: #0083eb;
}

.zplist ul li a .demo span {
	margin: 0 10px;
}

.zplist ul li a .href {
	font-weight: 600;
	color: #9f9f9f;
	font-size: 14px;
}

.zp-bottom {
	background: #f1f3f3;
	padding: 60px 0;
}

.zp-bottom .main {
	width: 94%;
	max-width: 1100px;
	margin: auto;
	text-align: center;
}

.zp-bottom .main .title {
	font-size: 40px;
	color: #5b5b5b;
	margin-bottom: 10px;
}

.zp-bottom .main .href a {
	font-size: 16px;
	color: #0083eb;
	font-weight: 600;
}

.abouthref {
	border-top: 1px solid #ddd;
	padding: 30px 0;
	text-align: center;
	margin-top: 20px;
}

.abouthref a {
	width: 204px;
	height: 46px;
	color: #fff;
	line-height: 44px;
	background: #0083eb;
	border: 1px solid #006cc1;
	border-radius: 3px;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
}

/*关于我们新闻*/
.aboutnewslist {
	width: 94%;
	margin: auto;
	max-width: 1100px;
	position: relative;
}

.aboutnewslist .type-bt {
	color: #0083eb;
	font-size: 40px;
	text-align: center;
	line-height: 2.1;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 40px;
}

.aboutnewslist .list {}

.aboutnewslist .list .item {
	display: block;
	margin-bottom: 38px;
}

.aboutnewslist .list .item a {
	display: block;
}

.aboutnewslist .list .item a .tu {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.aboutnewslist .list .item a .text .vv .demo {
	color: #7f7f7f;
	line-height: 1.4;
	overflow: hidden;
	margin-bottom: 8px;
}

.aboutnewslist .list .item a .text .vv .href {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #0083eb;
}

@media only screen and (min-width:500px) {
	.aboutnewslist .list .item a {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-orient: horizontal;
		-ms-box-orient: horizontal;
		box-orient: horizontal;
		height: 180px;
	}

	.aboutnewslist .list .item a .text {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;

	}

	.aboutnewslist .list .item a .text .vv {
		width: 100%;
	}

	.aboutnewslist .list .item a .tu {
		margin-right: 23px;
		height: 180px;
	}

	.aboutnewslist .list .item a .tu img.bbg {
		display: block;
		opacity: 0;
		height: 100%;
		width: auto;
	}

	.aboutnewslist .list .item a .text .vv .title {
		color: #191919;
		font-size: 30px;
		line-height: 40px;
		overflow: hidden;
		height: 40px;
		margin-bottom: 8px;
	}

	.aboutnewslist .list .item a .text .vv .demo {
		color: #7f7f7f;
		font-size: 14px;
		line-height: 24px;
		overflow: hidden;
		max-height: 48px;
		margin-bottom: 8px;
	}
}

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

	.aboutnewslist .list .item a,
	.aboutnewslist .list .item a .tu {
		height: 140px;
	}

	.aboutnewslist .list .item a .text .vv .title {
		line-height: 36px;
		height: 36px;
		font-size: 28px;
	}
}

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

	.aboutnewslist .list .item a,
	.aboutnewslist .list .item a .tu {
		height: auto;
	}

	.aboutnewslist .list .item a .tu .bbg {
		width: 100%;
		height: auto;
	}

	.aboutnewslist .list .item a .tu {
		margin-bottom: 20px;
	}

	.aboutnewslist .list .item a .text .vv .title {
		line-height: 1;
		margin-bottom: 10px;
		font-size: 24px;
		height: auto;
	}
}




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

	.zplist {
		max-width: 768px;
	}

	.zplist ul li a .title {
		font-size: 30px;
	}

	.zplist .btt {
		color: #939393;
		font-size: 16px;
		text-align: center;
	}

	.zplist ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.zplist ul li {
		width: 320px;
		margin: 0 120px 0 0;
		display: block;
		float: left;
		height: 200px;
	}

	.zplist ul li a {
		display: block;
	}

	.zplist ul li:nth-child(2n) {
		margin-right: 0px;
	}

	.aboutlist dl dd .biao,
	.aboutlist dl dd .vvv .con,
	.aboutlist dl dd .tu {
		padding: 0;
	}

	.aboutlist-type a.prev {
		left: 9.7%;
	}

	.aboutlist-type a.next {
		right: 9.7%;
	}

	.aboutlist dl dd {
		width: 50%;
	}


	.aboutlist dl dd:nth-child(2n) {
		margin: 0 auto 0 12px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;

		-ms-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-orient: horizontal;
		-ms-box-orient: horizontal;
		box-orient: horizontal;
		text-align: right;

	}

	.aboutlist dl dd:nth-child(2n) .vvv {
		margin: 0 20px 0 0;
	}

	.aboutlist dl dd:nth-child(2n) .biao .quan {
		left: auto;
		right: 0px;
		top: 50%;
	}

	.aboutlist dl dd:nth-child(2n) .biao .line {
		right: 10px;
		left: auto;
		top: 0px;
	}
}



















@media only screen and (max-width:800px) {
	.aboutnewslist .type-bt {
		font-size: 34px;
	}

	.zp-banner .btnn-p {
		opacity: 0;
	}

	.aboutbox .about-type .tt {
		font-size: 12px;
	}

	.zp-bottom .main .title {
		font-size: 30px;
	}

	.zp-middle {
		font-size: 30px;
	}

	.xinxing {
		font-size: 36px;
	}

	.about-banner .big {
		font-size: 40px;
		margin-bottom: 10px;
		margin-top: -50px;
	}

	.about-banner .small {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.about-banner .href {
		height: 40px;
		border-radius: 20px;
		padding: 0 25px;
		color: #fff;
		font-size: 14px;
		line-height: 40px;
	}

	.aboutbox .about-type .title {
		font-size: 28px;
	}

	.about-banner .title {
		font-size: 90px;
	}

	.about002001 .view .title.big {
		font-size: 50px;
	}

	.about-video .pro-video {
		position: relative;
		top: 0;
		left: 0px;
		-webkit-transform: translate(0%);
		-moz-transform: translate(0%);
		-ms-transform: translate(0%);
		-o-transform: translate(0%);
		transform: translate(0%);
		max-height: 11000px;

	}

	.about-video {
		height: auto;
	}
}

















@media only screen and (max-width:500px) {
	.aboutnewslist .type-bt {
		font-size: 26px;
	}

	.zp-bottom .main .href a {
		font-weight: 300;
		font-size: 12px;
	}

	.zp-bottom {
		padding: 30px 0;
	}

	.zp-bottom .main .title {
		font-size: 20px;
	}

	.zp-middle {
		font-size: 18px;
	}

	.zp-banner .swiper-wrapper .swiper-slide a .text .big {
		font-size: 26px;
	}

	.zp-banner .swiper-wrapper .swiper-slide a .text .small {
		font-size: 12px;
	}

	.about002001 .view .title.big,
	.about002001 .view .title {
		font-size: 30px;
	}
}

/*关于我们 end*/
















/*服务*/

.service-type {
	width: 94%;
	margin: auto;
	max-width: 1100px;
}

.service-type ul li:nth-child(1) {
	border: 0px;
}

.service-type ul li {
	display: block;
	padding: 40px 0;
	border-top: 1px solid #dfdfdf;
	position: relative;
}

.service-type ul li:after {
	display: block;
	clear: both;
	content: "";
}

.service-type ul li .tu {
	width: 50%;
	float: left;
}

.service-type ul li .tu img {
	display: block;
	width: 100%;
}

.service-type ul li .demo {
	width: 45%;
	top: 0px;
	right: 0px;
	position: absolute;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right;
	min-height: 120px;
	padding: 40px 0;
	background-size: auto 30%;
}

.service-type ul li .demo .title {
	color: #000;
	font-size: 20px;
	padding-top: 100px;
	line-height: 30px;
	padding-bottom: 20px;
}

.service-type ul li .demo .text {
	line-height: 20px;
	margin: 0 0 20px;
}

.service-type ul li .demo .href {
	padding: 0 20px;
	height: 33px;
	display: inline-block;
	border: 1px solid #2473d2;
	text-align: center;
	color: #2473d2;
	font-size: 14px;
	line-height: 31px;
}

.service-type ul li .demo .href:hover {
	color: #fff;
	background: #2473d2;
}

.service-type ul li:nth-child(2n-1) .tu {
	float: right;
}

.service-type ul li:nth-child(2n-1) .demo {
	right: auto;
	left: 0px;
}

/**/
.wt-list {
	width: 94%;
	margin: auto;
	max-width: 1100px;
	border-top: 2px solid #dddddd;
	padding-bottom: 70px;
	position: relative;
}

.wt-list .wt-box {
	display: block;
	position: relative;
	overflow: hidden;
	border-bottom: 2px solid #ddd;
	padding: 20px 0;
	background: #fff;
}

.wt-list .wt-box .w {
	padding-left: 20px;
	position: relative;
	line-height: 20px;
	padding: 5px 0 5px 20px;
	font-size: 14px;
	cursor: pointer;
}

.wt-list .wt-box .w:before {
	display: block;
	background: #fff;
	content: "+";
	position: absolute;
	top: 0px;
	right: 0px;
	color: #2473d2;
	text-align: right;
	width: 40px;
	line-height: 20px;
	padding: 5px 0;
	font-size: 20px;
}

.wt-list .wt-box.on .w:before {
	content: "-";
}

.wt-list .wt-box .bbt {
	position: absolute;
	left: 0px;
	top: 5px;
	font-weight: bold;
	font-size: 14px;
}

.wt-list .wt-box .d {
	position: relative;
	padding: 5px 0 5px 20px;
	line-height: 20px;
	font-size: 12px;
	display: none;
}

.wt-list .wt-box.on .d {
	display: block;
}

.wt-list .paggg:hover {
	background: #ccc;
}

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

	.service-type ul li .demo .title {
		padding-top: 20px;
	}
}

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

	.service-type ul li .demo .title {
		padding-top: 0px;
	}
}

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

	.service-type ul li .demo {
		width: 100%;
		position: relative;
		left: 0px;
		top: 0px;
		height: auto;
		padding: 10px 0 0;
		background: none !important;
	}

	.service-type ul li .tu,
	.service-type ul li:nth-child(2n-1) .tu {
		float: none;
		width: 100%;
	}
}

/*服务 end.*/
/*新闻*/

.news-top {
	padding: 40px 0;
	background: #f7f8f9;
	position: relative;


}

.news-top .main {
	width: 94%;
	margin: auto;
	max-width: 1100px;
	margin: auto;
	position: relative;
}

.news-top .main .title {
	color: #0083eb;
	font-size: 48px;
}

.news-top .main .weizhi {
	line-height: 30px;
	color: rgba(0, 0, 0, .6);
	position: relative;
}

.news-top .main .weizhi a {
	color: rgba(0, 0, 0, .6);
}

.news-top .main .weizhi a.back {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.news-top .main .weizhi a.on,
.news-top .main .weizhi a:hover {
	color: #0083eb;
}

.news-main .left ul {
	display: block;
}

.news-main .left ul:after {
	content: "";
	display: block;
	clear: both;
}

.news-main .left ul li {
	display: block;
	float: left;
	margin-bottom: 75px;
}

.news-main .left ul li.da {
	width: 96%;
}

.news-main .left ul li.xiao {
	width: 46%;
	margin-right: 4%;
}

.news-main .left ul li a {
	display: block;
}

.news-main .left ul li a .tu {
	position: relative;
	margin-bottom: 10px;
}

.news-main .left ul li a .tu .bbg {
	display: block;
	width: 100%;
}

.news-main .left ul li a .tu .pic {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.news-main .left ul li a .rq span {
	line-height: 22px;
	height: 22px;
	display: inline-block;
	padding: 0 8px;
	background: #f7f8f9;
	color: rgba(0, 0, 0, .6);
}

.news-main .left ul li.xiao a .title {
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	margin-bottom: 10px;
}

.news-main .left ul li.da a .title {
	height: 52px;
	font-size: 16px;
	line-height: 26px;
	overflow: hidden;
	color: #0083eb;
	margin-bottom: 10px;
}

.news-main .left ul li a:hover {
	text-decoration: underline;
}

.news-main {
	max-width: 1100px;
	margin: auto;
	padding: 40px 0;
	width: 94%;
}

.news-main .right .classlist {
	margin-bottom: 30px;
}

.news-main .right .classlist dt {
	display: block;
	font-size: 26px;
	color: #727373;
	height: 36px;
}

.news-main .right .classlist dd {
	display: block;
	overflow: hidden;
	padding: 3px 0;
}

.news-main .right .classlist dd a {
	display: block;
	line-height: 20px;
	color: #0083eb;
	font-size: 16px;
}

.news-main .right .classlist dd.on a,
.news-main .right .classlist dd a:hover {
	font-weight: bold;
}

.news-main .right .classlist dd a:hover {
	text-decoration: underline;
}

.news-main .right .taglist {}

.news-main .right .taglist .bbt {
	display: block;
	font-size: 26px;
	color: #727373;
	height: 36px;
}

.news-main .right .taglist .list {
	padding-top: 5px;
	width: -webkit-calc(100% + 5px);
	width: -o-calc(100% + 5px);
	width: -ms-calc(100% + 5px);
	width: -moz-calc(100% + 5px);
	width: calc(100% + 5px);



}

.news-main .right .taglist .list:after {
	content: "";
	display: block;
	clear: both;
}

.news-main .right .taglist .list a {
	display: inline-block;
	line-height: 24px;
	height: 26px;
	padding: 0 5px;
	border-radius: 2px;
	border: 1px solid #0083eb;
	color: #0083eb;
	float: left;
	margin: 0 5px 5px 0;
}

.news-main .right .taglist .list a:hover,
.news-main .right .taglist .list a.on {
	color: #fff;
	background: #0083eb;
}

.news-main .right .sharelist {
	padding-top: 40px;
}

.news-main .right .sharelist .bbt {
	display: block;
	font-size: 26px;
	color: #727373;
	height: 36px;
}

.news-main .right .sharelist .list {
	padding-top: 10px;
}

.news-main .right .sharelist .list a {
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
	position: relative;
	font-size: 14px;
	color: #0083eb;
	cursor: pointer;
}

.news-main .right .sharelist .list a .ico {
	height: 32px;
	height: 32px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

.news-main .right .sharelist .list a:hover .ewm {
	display: block;
}

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

	.news-main .right .sharelist .list a {
		display: block;
		margin-bottom: 15px;
	}

	.news-main:after {
		content: "";
		display: block;
		clear: both;
	}

	.news-main .left {
		width: 67.2%;
		float: left;
	}

	.news-main .right {
		width: 25.45%;
		float: right;
	}

	.news-main .right .sharelist .list a .ewm {
		max-width: 400px;
		position: absolute;
		top: 50%;
		right: 100%;
		margin-right: 20px;
		width: 160px;
		height: 160px;
		margin-top: -80px;
		box-shadow: 0 0 10px rgba(0, 0, 0, .175);
		display: none;
	}
}

@media only screen and (max-width:1024px) {
	.news-top {
		padding: 4% 0;
	}

	.news-top .main .title {
		font-size: 38px;
	}
}

@media only screen and (max-width:799px) {
	.news-main .right .sharelist .list a {
		display: inline-block;
		width: 140px;
		margin-bottom: 15px;
	}

	.news-main .left {
		width: 104%;
	}

	.news-main .left ul li {
		margin-bottom: 40px;
	}

	.news-main .left ul li.xiao {
		width: 46%;
		margin-right: 4%;
	}

	.news-main .right .sharelist .list a .ewm {
		max-width: 400px;
		position: absolute;
		left: 50%;
		bottom: 100%;
		margin-bottom: 20px;
		width: 160px;
		height: 160px;
		margin-left: -80px;
		box-shadow: 0 0 10px rgba(0, 0, 0, .175);
		display: none;
	}



}

@media only screen and (max-width:500px) {
	.news-main .left ul li.da {
		width: 100%;
		margin-right: 0%;
	}

	.news-main .left {
		width: 100%;
	}

	.news-main .left ul li.xiao {
		width: 100%;
	}
}



/*view*/
.news-main .left.newsview .title {
	color: #2d2d2d;
	font-size: 26px;
}

.news-main .left.newsview .xx {
	line-height: 20px;
	color: #6a6d69;
	margin: 10px 0;
}

.news-main .left.newsview .xx span {
	display: inline-block;
	height: 20px;
	border-radius: 2px;
	padding: 0 5px;
	color: #fff;
	background: #6a6d69;
	margin-right: 10px;
}

.news-main .left.newsview .video-con {
	margin-bottom: 30px;
}

@media only screen and (max-width:799px) {
	.news-main .left.newsview {
		width: 100%;
	}

}




/*新闻 end*/


/*产品*/
.cp-banner {
	height: 710px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 97px;
	text-align: center;

	transition: color .5s, background .5s, opacity .5s, height .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, height .5s;
	-webkit-transition: color .5s, background .5s, opacity .5s, height .5s;
	-o-transition: color .5s, background .5s, opacity .5s, height .5s;
	-ms-transition: color .5s, background .5s, opacity .5s, height .5s;



}

@media only screen and (max-width:1600px) {
	.cp-banner {
		height: 600px;
		font-size: 80px;
	}

}

@media only screen and (max-width:1440px) {
	.cp-banner {
		height: 500px;
	}

}

@media only screen and (max-width:1280px) {
	.cp-banner {
		height: 400px;
		font-size: 70px;
	}

}

@media only screen and (max-width:768px) {
	.cp-banner {
		height: 320px;
		font-size: 50px;
	}

}

@media only screen and (max-width:500px) {
	.cp-banner {
		height: 240px;
		font-size: 40px;
	}

}

@media only screen and (max-width:359px) {
	.cp-banner {
		height: 200px;
		font-size: 40px;
	}

}

.pro-main {
	width: 94%;
	margin: auto;
	max-width: 1100px;
	padding: 0px 0 40px;
	position: relative;
}


#pro-main {
	top: -68px;
	position: absolute;
}

.pro-weizhi {
	line-height: 70px;
	height: 70px;
}

.pro-weizhi a.on,
.pro-main .pro-weizhi a:hover {
	color: #0083eb;
}



.pro-list .list {
	padding-top: 20px;
}

.pro-list .list ul:after {
	content: "";
	display: block;
	clear: both;
}

.pro-list .list ul li {
	display: block;
	float: left;
	margin-bottom: 6%;
}

.pro-list .list ul li a {
	display: block;
}

.pro-list .list ul li a .tu {
	position: relative;
	margin-bottom: 14px;
}

.pro-list .list ul li a .tu .bbg {
	display: block;
	width: 100%;
	opacity: 0px;
}

.pro-list .list ul li a .tu .pic {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.pro-list .list ul li a .title {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 14px;
	color: #0083eb;
	font-weight: bold;
}

.pro-list .list ul li a .demo {
	margin-top: 12px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	margin-bottom: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.pro-list .list ul li a .href {
	display: inline-block;
	line-height: 34px;
	border-bottom: 2px solid #0083eb;
}

@media only screen and (min-width:800px) {
	.pro-list .list ul li {
		width: 32%;
		margin-right: 2%;
	}

	.pro-list .list ul li:nth-child(3n) {
		margin-right: 0px;
	}
}

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

	.pro-list .list ul li {
		width: 47.5%;
		margin-right: 3%;
	}

	.pro-list .list ul li:nth-child(2n) {
		margin-right: 0px;
	}
}

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

	.pro-list .list ul li {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}

}

/*详细*/
.updown {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 20px 0;

}

.pro-up {


	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.pro-up .main {
	width: 94%;
	margin: auto;
	max-width: 1100px;
	min-height: 800px;
	margin-top: 168px;
}

@media only screen and (min-width:800px) {
	.pro-up .main {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-orient: horizontal;
		-ms-box-orient: horizontal;
		box-orient: horizontal;
	}

	.pro-up .main .left {
		position: relative;
		width: 380px;
		margin-right: 30px;
	}

	.pro-up .main .right {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-flex: 1;
		position: relative;
	}

	.pro-up .main .left .box {
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0px;
		top: 0px;
	}

	.pro-up .main .right .box {
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0px;
		top: 0px;
	}

	.pro-up .main .left .box .view .title {
		font-size: 60px;
	}
}

.pro-up .main .left .box .view {
	width: 100%;
}

.pro-up .main .left .box .view .title {
	color: #000;
	margin-bottom: 10px;
}

.pro-up .main .left .box .view .demo {
	line-height: 2;
}

.pro-up .main .left .box .view .color-menu {
	padding: 10px 0;
}

.pro-up .main .left .box .view .color-menu a.colorbox {
	width: 30px;
	height: 30px;
	position: relative;
	margin: 0 10px 30px 0;
	float: left;
	cursor: pointer;
	border-radius: 100%;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, .175);
}

.pro-up .main .left .box .view .color-menu a.colorbox:before {
	content: "";
	display: block;
	width: 0px;
	height: 2px;
	background-color: inherit;
	left: 50%;
	bottom: -10px;
	position: absolute;

	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;

	-webkit-transition: transform .6s, opacity .6s, width .6s;
	-moz-transition: transform .6s, opacity .6s, width .6s;
	-o-transition: transform .6s, opacity .6s, width .6s;
	-ms-transition: transform .6s, opacity .6s, width .6s;
	transition: transform .6s, opacity .6s, width .6s;


}

.pro-up .main .left .box .view .color-menu a.colorbox.active:before {
	width: 80%;
	opacity: 1;
}


.pro-up .main .left .box .view .color-menu:after {
	content: "";
	clear: both;
	display: block;
}

.pro-up .main .left .box .view .href a {
	display: inline-block;
	padding: 0 20px;
	border-radius: 19px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	background: #0083eb;
	cursor: pointer;
	color: #fff;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .1);
}

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

	.pro-up .main .left .box .view .title {
		font-size: 50px;
	}

	.pro-up .main {
		min-height: 700px;
	}
}

@media only screen and (max-width:1440px) {
	.pro-up .main .left .box .view .title {
		font-size: 40px;
	}

}

@media only screen and (max-width:1280px) {
	.pro-up .main {
		min-height: 600px;
	}
}

@media only screen and (max-width:1100px) {
	.pro-up .main {
		margin-top: 80px
	}
}

@media only screen and (max-width:1000px) {
	.pro-up .main {
		min-height: 500px;
	}
}

@media only screen and (max-width:800px) {
	.pro-up .main:after {
		content: "";
		display: block;
		clear: both;
	}

	.pro-up .main {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-orient: horizontal;
		-ms-box-orient: horizontal;
		box-orient: horizontal;
	}


}

.pro-view {}

.pro-view .ding {
	background: #f7f8f9;
}

.pro-view .ding .v {
	width: 94%;
	margin: auto;
	max-width: 1100px;
	position: relative;
	line-height: 70px;
}

.pro-view .ding .href {
	position: absolute;
	top: 0px;
	right: 0px;
}

.pro-view .ding .href a {
	display: inline-block;
	padding: 0 20px;
	float: left;
	cursor: pointer;
}

.pro-view .ding .href a[data-on="on"] {
	background: #e6e6e6;
	color: #0083eb;
}

.pro-view-box {
	background: #fff;
	width: 94%;
	max-width: 1100px;
	margin: auto;
	padding: 30px 0;
	z-index: 10;
	font-size: 14px;
	line-height: 2;
}

.showbox {
	display: none;
}

.showbox[data-on="on"] {
	display: block;
}

.video-box {
	position: relative;
}

.pro-video {
	position: relative;
	width: 100%;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.video-box .btn {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: -20px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 11;
	cursor: pointer;
	opacity: .8
}

.video-box .btn i {
	position: absolute;
	color: #fff;
	font-size: 20px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 11;
	margin-left: 100px;
	margin-top: 20px;

}

.video-box .btn[data-on="stop"]:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 20px solid #fff;
	border-bottom: 10px solid transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 11;
	margin-top: 20px;
}

.video-box .btn:after {
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 1);

	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: 20px;


}

.video-box[data-on="play"] .btn {
	opacity: 0;
}

.video-box[data-on="play"] .btn:before {
	display: block;
	content: "";
	width: 15px;
	height: 30px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.pro-img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	min-height: 250px;
}

.pro-img img {
	display: block;
	width: 100%;
	opacity: 0;
}

.prov-bottom-top {
	text-align: center;
	height: 68px;
	line-height: 68px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	background: #c3c6c8;
}

.prov-bottom-top span {
	display: inline-block;
	position: relative;
	padding-right: 20px;
}

.prov-bottom-top span:before {
	content: "";
	display: block;
	border-width: 5px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -2px;
}

.prov-bottom {
	max-width: 1280px;
	margin: 0 auto 60px;
	width: 100%;
	padding: 0 3%;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 13px 0;
}

.prov-bottom .href {
	width: 100%;
	max-width: 1100px;
	margin: auto;
	line-height: 24px;
}

.prov-bottom .href a {
	display: inline-block;
	margin-right: 20px;
	padding-right: 15px;
	position: relative;
}

.prov-bottom .href span {
	border-left: 1px solid #dcdcdc;
	display: inline-block;
	margin-right: 16px;
}

.prov-bottom .href a:before {
	content: "";
	display: block;
	border-width: 4px;
	border-style: solid;
	border-color: transparent transparent transparent #000;
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -4px;
}

/*产品目录*/
.book-main {
	padding: 5% 0;
	background-image: url(../images/bookbg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}

.bookblock {
	display: block;
	margin: auto;
	max-width: 1000px;
	width: 94%;
	position: relative;
	background: #fff;
}

.bookblock .bb-item a {
	display: block;
	height: inherit;
}

.bookblock .bb-item a img {
	width: inherit;
}

.bookblock .bbg {
	display: block;
	width: 100%;
}

.bookblock .btn {
	height: 76px;
	width: 35px;
	position: absolute;
	top: 50%;
	z-index: 100;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;

}

.bookblock .btn:before {
	width: 30px;
	height: 30px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	display: block;
}

.bookblock .btn.btnprev:before {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin: -15px -6px;
}

.bookblock .btn.btnnext:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: -15px -22px;

}


@media only screen and (min-width:1100px) {
	.bookblock .btn.btnprev {
		left: 50%;
		margin-left: -550px;
	}

	.bookblock .btn.btnnext {
		left: 50%;
		margin-left: 514px;
	}
}

@media only screen and (max-width:1100px) {
	.bookblock .btn {
		background: rgba(0, 0, 0, .3);
		width: 25px;
		height: 50px;
		opacity: 0;
	}

	.bookblock .btn.btnprev:before {
		margin: -10px -4px;
	}

	.bookblock .btn.btnnext:before {
		margin: -10px -14px;
	}

	.bookblock .btn:before {
		width: 20px;
		height: 20px;
	}

	.bookblock .btn.btnprev {
		left: 3%;
	}

	.bookblock .btn.btnnext {
		right: 3%;
	}

	.pro-view .ding .href a {
		line-height: 60px;
		padding: 0 10px;
	}
}

/*产品 end*/
/*技术支持*/
.js-banner {}

.js-banner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	text-align: center;
	min-height: 400px;

}

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

.js-banner .title {
	font-size: 130px;
}

.js-banner .big {
	font-size: 60px;
	margin-bottom: 15px;
}

.js-banner .small {
	font-size: 24px;
	margin-bottom: 30px;
}

.js-search {
	max-width: 700px;
	width: 94%;
	position: relative;
	margin: auto;
	display: block;
	height: 54px;
}

.js-search input[type='text'] {
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .075);
	height: 54px;
	line-height: 52px;
	width: 100%;
	padding-left: 60px;
}

.js-search input[type='text']:focus {
	border: 1px solid #000;
	color: #000;
}

.js-search .btn {
	position: absolute;
	width: 54px;
	height: 54px;
	top: 0px;
	left: 0px;
	border: 0px;
	background: none;
	background-color: transparent;
	cursor: pointer;
}

.js-search .btn:before {
	display: block;
	cursor: pointer;
	content: "";
	width: 16px;
	height: 16px;
	border: 1px solid #666;
	border-radius: 100%;
	position: absolute;
	left: 19px;
	top: 16px;
}

.js-search .btn:after {
	display: block;
	cursor: pointer;
	content: "";
	width: 8px;
	height: 1px;
	background: #666;
	position: absolute;
	left: 33px;
	top: 33px;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.jsindex-1 {
	border-bottom: 1px solid #e3e3e3;
}

.jsindex-1 .main {
	width: 94%;
	max-width: 1100px;
	margin: auto;
	padding: 30px 0;
	text-align: center;
}

.jsindex-1 .main .title {
	font-size: 40px;
	color: #000;
	padding: 20px 0;
}

.jsindex-1 .main .demo {
	line-height: 1.6;
	margin-bottom: 30px;
}

.jsindex-1 .main .href a {
	color: #0083eb;
}

.jsindex-1 .main .href {
	padding-bottom: 15px;
}

.jsindex-2 {
	padding: 40px 0;
	width: 94%;
	max-width: 980px;
	margin: auto;
}

.jsindex-2 .btt {
	font-size: 40px;
	color: #000;
	padding: 20px 0;
	text-align: center;
}

.jsindex-2 .tdemo {
	text-align: center;
	margin-bottom: 10px;
}

.jsindex-2 .list {
	background: #f5f5f5;
	padding: 30px 0;



}

.jsindex-2 .list ul li {
	display: block;
}

.jsindex-2 .list ul li a {
	display: block;
	padding: 0 20px;
	text-align: center;
}

.jsindex-2 .list ul li a .tu {
	padding: 15px 0 10px;
}

.jsindex-2 .list ul li a .tu img {
	display: block;
	margin: auto;
	height: 48px;
}

.jsindex-2 .list ul li a .title {
	font-size: 16px;
	margin-bottom: 10px;
	color: #000;
}

.jsindex-2 .list ul li a .demo {
	line-height: 1.6;
	margin-bottom: 20px;
}

.jsindex-2 .list ul li a .href {
	color: #0083EB;
}

.jsindex-3-top {
	text-align: center;
	padding: 20px 0 60px;
	border-bottom: 1px solid #e3e3e3;
}

.jsindex-3-top .title {
	font-size: 40px;
	color: #000;
	padding: 20px 0 10px;
}

.jsindex-3 {
	min-height: 436px;
	background: #f5f5f5;
	width: 94%;
	max-width: 1100px;
	margin: auto;
}

.jsindex-3 .tu {
	background-position: center;
	background-size: cover;
	min-height: 300px;
}

.jsindex-3 .text .view {
	width: 80%;
	margin: auto;
	padding: 30px 0;
}

.jsindex-3 .text .view .title {
	color: #000;
	font-size: 36px;
	margin-bottom: 20px;
}

.jsindex-3 .text .list a {
	display: block;
	line-height: 30px;
	margin-bottom: 5px;
	color: #0083eb;
}

/**/
.serverb {
	height: 500px;
	min-height: 0px;
}

.service-view {
	max-width: 1100px;
	width: 94%;
	margin: auto;
	padding: 30px 0;
}

.service-view .title {
	color: #000;
	text-align: center;
	font-size: 40px;
	margin-bottom: 20px;
}

.service-view .view {
	line-height: 2;
}

.service-pic img {
	display: block;
	margin: auto;
}

.service-banner {
	height: 400px;
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

}

.service-banner .href {
	max-width: 700px;
	width: 94%;
	color: #fff;
}

.service-banner .href a {
	display: block;
	float: left;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.service-banner .href a:nth-child(2) {
	float: right;
}

.service-banner .href a .tu img {
	display: block;
	border: 1px solid #fff;
	border-radius: 4px;
	margin: 0 auto 30px;
}

.service-banner .href a .title {
	border-bottom: 3px solid #0083eb;
	padding-bottom: 15px;
}

.service-main {
	width: 94%;
	max-width: 1100px;
	margin: 30px auto;
}

.service-main .left {
	margin-bottom: 30px;
}

.service-main .right .dan-view {}

.service-main .right .dan-view .title {
	font-size: 40px;
	margin-bottom: 20px;
}

.service-main .right .dan-view .view {
	line-height: 2;
	overflow: hidden;
}

.downv-list {
	padding: 20px 0;
	clear: both;
}

.downv-list a {
	display: inline-block;
	// padding: 0 10px;
	font-size: 12px;
	// border: 1px solid #707473;
	// background: #f7f8f9;
	// color: #ababab;
	margin-right: 20px;
	line-height: 22px;
}

.service-main .right .list ul li {
	display: block;
	margin-bottom: 15px;
}

.service-main .right .list ul li.wt-box .title {
	line-height: 30px;
	padding: 8px 0;
	color: #0083eb;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

.service-main .right .list ul li.wt-box .content {
	padding: 10px 0;
	line-height: 2;
	display: none;
}

.service-main .right .list ul li.download-box .title {
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.service-main .right .list ul li.download-box .title .bbt {
	line-height: 20px;
	color: #0083eb;
	font-size: 14px;
}

.service-main .right .list ul li.download-box .title .bbt a {
	color: #0083eb;
}

.service-main .right .list ul li.download-box .title .rq {
	color: #999;
}

.service-main .right .list ul li.download-box .title .down {
	position: absolute;
	right: 0px;
	text-align: right;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.service-main .right .list ul li.download-box .title .down a {
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	border: 1px solid #707473;
	background: #f7f8f9;
	color: #ababab;
	margin-left: 20px;
	line-height: 22px;
}

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

	.jsindex-2 .list ul,
	.service-main {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-orient: horizontal;
		-ms-box-orient: horizontal;
		box-orient: horizontal;
	}

	.jsindex-3 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-orient: horizontal;
		-ms-box-orient: horizontal;
		box-orient: horizontal;
	}

	.jsindex-2 .list ul li,
	.jsindex-3 .tu,
	.service-main .right {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-flex: 1;
	}

	.jsindex-3 .text {
		width: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;



	}


	.jsindex-2 .list ul li:nth-child(2) {
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
	}

	.service-main .left {
		width: 200px;
		margin-right: 20px;
		margin-bottom: 0px;
	}

	.service-main .left .bbt {
		display: none;
	}

	.service-main .left ul li {
		display: block;
	}

	.service-main .left ul li .a {
		display: block;
		line-height: 26px;
		font-size: 14px;
		padding: 2px 0 2px 20px;
		position: relative;
	}

	.service-main .left ul li.on .a:before {
		content: "";
		width: 2px;
		height: 80%;
		background: #0083eb;
		left: 0px;
		top: 10%;
		position: absolute;
	}

	.service-main .left ul li .a:hover,
	.service-main .left ul li.on .a {
		color: #0083eb;
	}

	.service-main .left ul li.on dl {
		display: block;
	}

	.service-main .left ul li dl {
		display: none;
	}

	.service-main .left ul li dl dd {
		display: block;
	}

	.service-main .left ul li dl dd a {
		display: block;
		line-height: 20px;
		padding: 4px 0 4px 28px;
		font-size: 12px;
		position: relative;
	}

	.service-main .left ul li dl dd a b {
		top: 4px;
		left: 20px;
		width: 8px;
		display: block;
		color: #0083eb;
		position: absolute;
	}

	.service-main .left ul li dl dd a:hover,
	.service-main .left ul li dl dd.on a {
		color: #0083eb;
	}
}


@media only screen and (max-width:1100px) {
	.serverb {
		height: 350px;
	}

	.jsindex-3 .text .view .title,
	.service-main .right .dan-view .title {
		font-size: 28px;
	}

	.js-banner .big {
		font-size: 40px;
	}

	.js-banner .small {
		font-size: 18px;
	}

	.js-search {
		max-width: 500px;
	}

}

@media only screen and (max-width:767px) {
	.service-main .right .list ul li.download-box .title .down {
		position: relative;
		padding: 5px 0 10px;
		right: 0px;
		text-align: left;
		top: 0%;
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}

	.service-main .right .list ul li.download-box .title .down a {
		margin: 0 10px 0 0;
	}

	.jsindex-3 .text .view .title {
		font-size: 30px;
	}

	.jsindex-2 .list ul li:nth-child(2) {
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
		padding: 20px 0;
		margin-top: 20px;
	}


	.service-main .left {
		border: 2px solid #ddd;
		border-radius: 4px;
		padding: 0 0px;
		position: relative;
		height: 50px;
		z-index: 10;
	}

	.service-main .left .bbt {
		padding: 0 10px;
		line-height: 46px;
		height: 46px;
	}

	.service-main .left .bbt:before {
		content: "";
		display: block;
		width: 5px;
		height: 5px;
		border-top: 1px solid #666;
		border-right: 1px solid #666;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: rotate(135deg);
		margin-top: -4px;
	}

	.service-main .left ul {
		display: none;
		position: absolute;
		left: -2px;
		top: 46px;
		border: 2px solid #ddd;
		background: #fff;
		border-radius: 4px;
		width: -webkit-calc(100% + 4px);
		width: -moz-calc(100% + 4px);
		width: calc(100% + 4px);
		padding: 10px 0;
	}

	.service-main .left[data-on='on'] ul {
		display: block;
	}

	.service-main .left ul li {
		display: block;
	}

	.service-main .left ul li .a {
		display: inline-block;
		line-height: 26px;
		font-size: 14px;
		padding: 5px 10px;
		position: relative;
	}

	.service-main .left ul li .a:hover,
	.service-main .left ul li.on .a {
		color: #0083eb;
	}

	.service-main .left ul li[data-on='on'] {
		background: #eee;
	}

	.service-main .left ul li[data-on='on'] dl {
		display: block;
	}

	.service-main .left ul li dl {
		display: none;
	}

	.service-main .left ul li dl dd {
		display: block;
	}

	.service-main .left ul li dl dd a {
		display: block;
		line-height: 20px;
		padding: 4px 0 4px 28px;
		font-size: 12px;
		position: relative;
	}

	.service-main .left ul li dl dd a b {
		top: 4px;
		left: 20px;
		width: 8px;
		display: block;
		color: #0083eb;
		position: absolute;
	}

	.service-main .left ul li dl dd a:hover,
	.service-main .left ul li dl dd.on a {
		color: #0083eb;
	}







}

@media only screen and (max-width:500px) {
	.service-banner .href a {
		font-size: 16px;
		font-weight: 300;
	}

	.serverb {
		height: 220px;
	}

	.serverb .title {
		font-size: 60px;
	}

	.jsindex-3 .text .view {
		width: 86%;
	}

	.jsindex-3 .text .view .title,
	.service-main .right .dan-view .title {
		font-size: 22px;
	}

	.jsindex-1 .main .title,
	.jsindex-2 .btt,
	.jsindex-3-top .title,
	.service-view .title {
		font-size: 28px;
	}

	.js-banner .big {
		font-size: 28px;
	}

	.js-banner .small {
		font-size: 16px;
	}

}

/*技术支持 end*/

/*搜索*/
.search-main {
	width: 94%;
	max-width: 1100px;
	margin: auto;
	padding: 30px 0;
	min-height: 300px;
}

.search-main .type {
	line-height: 50px;
	font-size: 30px;
	color: #000;
	font-weight: bold;
}

.search-main .list ul li {
	display: block;

	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding: 30px 0;
}

.search-main .list ul li.nothing {
	height: 100px;
	border: 0px;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
	color: #999;
}


.search-main .list ul li a .text .title {
	font-size: 18px;
	margin-bottom: 10px;
}

.search-main .list ul li a .text .demo {
	font-size: 12px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 20px;
}

.search-main .list ul li a .text .rq {
	font-size: 14px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 15px;
}

.search-main .list ul li a .tu {
	margin-bottom: 20px;
}

@media only screen and (min-width:600px) {
	.search-main .list ul li a {

		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-orient: horizontal;
		-ms-box-orient: horizontal;
		box-orient: horizontal;
	}

	.search-main .list ul li a .tu {
		width: 200px;
		margin-right: 30px;
		margin-bottom: 0px;
	}

	.search-main .list ul li a .text {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-flex: 1;
	}
}

.search-main .list ul li a span {
	float: right;
	margin-right: 20px;
}

.search-main .list ul li a:hover {
	color: #2473d2;
}

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

	.search-main .type {
		font-size: 22px;
	}
}

/*分页*/
.fanye {
	text-align: center;
	padding: 20px 0;
}

.fanye a {
	display: inline-block;
	border: 1px solid #cccccc;
	height: 30px;
	line-height: 30px;
	width: 30px;
	margin: 0 5px;
	color: #2473d2;
	text-align: center;
}

.fanye a.pageup:before {
	content: "\f100";
	font-family: "fontcustom";
}

.fanye a.pagenext:before {
	content: "\f101";
	font-family: "fontcustom";
}

.fanye a.null {
	color: #999 !important;
	cursor: default !important;
	background: #eee !important;
	border: 1px solid #eee !important;
}

.fanye a.cur,
.fanye a:hover {
	border: 1px solid #2473d2;
	background: #2473d2;
	color: #fff;
}

/*分页 end*/

/*footer*/
#footer {
	padding: 0px 0;
	background: #000000;
	color: #fff;
}

#footer a {
	color: #898989;
}

#footer a:hover {
	color: #fff;
}

#footer .foot {
	width: 94%;
	max-width: 1100px;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	padding: 48px 0;



}

#footer .foot .left {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

#footer .foot .left ul {
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;


}

#footer .foot .left ul li {

	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

#footer .foot .left ul li .a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

#footer .foot .left ul li dl dd {
	display: block;
	padding: 2px 0;
	line-height: 18px;
}

#footer .foot .left ul li dl dd a {
	line-height: 18px;
	color: rgba(255, 255, 255, .6);
}

#footer .foot .left ul li dl dd a:hover {
	color: #fff;
}

#footer .foot .right {
	width: 126px;

}









#footer .foot .right .share .title {
	line-height: 40px;
	font-weight: bold;
	padding-left: 10px;
	font-size: 14px;
}

#footer .foot .right .share {

	margin-top: 0px;
	clear: both;
}

#footer .foot .right .share .list:after {
	content: "";
	clear: both;
	display: block;
}

#footer .foot .right .share .list a {
	z-index: 10;
	position: relative;
	display: block;
	margin: 0 0 10px 10px;
	float: left;
}

#footer .foot .right .share .list a .ewm {
	position: absolute;
	width: 150px;
	height: 150px;
	bottom: 40px;
	left: 50%;
	margin-left: -75px;
	z-index: 10;
	max-width: 150px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 1);
	display: none;
}

#footer .foot .right .share .list a:hover .ewm {
	display: block;
}

@media only screen and (max-width:1024px) {
	#footer .foot .left ul li dl dd a {
		font-size: 12px;
	}
}


@media only screen and (max-width: 767px) {
	#footer .foot {
		display: none;
	}

	#foot-bottom {
		font-size: 12px;
	}
}


@media only screen and (max-width:500px) {
	#foot-bottom {
		font-size: 10px;
	}


}

#foot-bottom {
	padding: 20px 0;
	line-height: 1.8;
	background: #141414;
	color: rgba(255, 255, 255, .5);
}

#foot-bottom .view {
	width: 94%;
	margin: auto;
	max-width: 1100px;
}

#foot-bottom a {
	color: rgba(255, 255, 255, .5);
}

#gotop {
	width: 60px;
	height: 60px;
	position: fixed;
	right: 40px;
	bottom: 40px;
	border-radius: 2px;
	background: rgba(0, 0, 0, .4);
	z-index: 10;
	display: none;
	cursor: pointer;
}

#gotop:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border-top: 2px solid rgba(255, 255, 255, .8);
	border-left: 2px solid rgba(255, 255, 255, .8);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -3px -8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media only screen and (max-width:1600px) {
	#gotop {
		right: 20px;
	}
}

@media only screen and (max-width:1024px) {
	#gotop {
		width: 40px;
		height: 40px;
		right: 5px;

	}

	#gotop:after {
		width: 10px;
		height: 10px;
		margin: -3px -5px;
	}
}

#skypedetectionswf {
	position: fixed;
	bottom: -5px;
}

/*footer end*/


/**/
#warning {
	max-width: 320px;
	left: 50%;
	top: 50%;
	z-index: 1000;
	position: fixed;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .175);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 60px 32px 30px;
	width: 94%;
	overflow: hidden;
}

#warning .logo {
	margin-bottom: 10px;
}

#warning .logo img {
	height: 50px;
	margin: auto;
	display: block;

	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-ms-filter: invert(1);
	-o-filter: invert(1);
	filter: invert(1);
}

#warning .welcome {
	text-align: center;
	margin-bottom: 20px;
}

#warning .q {
	color: #282828;
	font-size: 30px;
	margin-bottom: 20px;
	text-align: center;
}

#warning .btn {
	text-align: center;
	position: relative;
}

#warning .btn:after {
	content: "";
	clear: both;
	display: block;
	position: relative;
}

#warning .btn a {
	display: block;
	width: 100%;
	border: 1px solid #0483d9;
	line-height: 48px;
	height: 50px;
	text-align: center;
	color: #282828;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	margin: 0 0px 20px;
}

#warning .btn a:nth-child(2) {}

#warning .text {
	padding: 20px 0;
	text-align: center;
}

#warning .lang {
	text-align: center;
	position: relative;
}

#warning .lang:after {
	content: "";
	display: block;
	width: 1px;
	height: 60%;
	top: 20%;
	left: 50%;
	background: #dddddd;
	position: absolute;
}

#warning .lang a {
	display: inline-block;
	padding-left: 20px;
	position: relative;
	margin: 0 24px 0 30px;
}

#warning .lang a.cn {
	background: url(../images/index_08.png) left no-repeat;
}

#warning .lang a.en {
	background: url(../images/index_10.png) left no-repeat;
}

#quan.quan {

	-webkit-filter: blur(10px);
	/* Chrome, Opera */
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
	/* IE6~IE9 */
}

body.quan {
	background: #000;
}

#ALL.quan {
	background: #fff;
	opacity: .9;
}

@media only screen and (max-width:700px) {
	#warning .logo img {
		height: 40px;
	}

	#warning .q {
		font-size: 24px;
	}

	#warning {
		padding: 30px;
		font-size: 12px;
	}

	#warning .btn a {
		margin: 0 0% 20px;
		height: 40px;
		line-height: 38px;
		width: 100%;
	}

	#warning .lang a {
		margin: 0 10%;
	}

}

@media only screen and (max-width:500px) {
	#warning {
		padding: 30px 10px;
	}

	#warning .q {
		font-size: 20px;
	}
}

/*float*/
#float {
	overflow: hidden;
	position: fixed;
	z-index: 101;
	bottom: 0px;
	right: 40px;
	border-radius: 5px 5px 0 0;
	border: 1px solid #e8e8e8;
	box-shadow: 0 0 10px rgba(0, 0, 0, .175);
	width: 146px;
	background: #fcfcfc;


	-ms-transition: width.5s, transform .5s;
	-moz-transition: width.5s, transform .5s;
	-webkit-transition: width.5s, transform .5s;
	-o-transition: width.5s, transform .5s;
	transition: width.5s, transform .5s;

}

#float .bbt {
	height: 37px;
	position: relative;
	padding: 0 15px;
	line-height: 38px;
	background: #f8f8f8;
	color: #0083eb;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	cursor: pointer;










}

#float .bbt span {
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 9px;
	right: 6px;
}

#float .bbt span:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-top: 1px solid #2b2b2b;
	border-right: 1px solid #2b2b2b;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -1px -3px;
	-ms-transition: width.5s, transform .5s;
	-moz-transition: width.5s, transform .5s;
	-webkit-transition: width.5s, transform .5s;
	-o-transition: width.5s, transform .5s;
	transition: width.5s, transform .5s;
}

#float[data-on='on'] {
	width: 300px;
}

#float[data-on='on'] .bbt span:before {
	margin: -3px;
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

#float .view {
	overflow: hidden;
	line-height: 2;
	display: none;
	width: 300px;
	padding: 15px;
}

@media only screen and (max-width:1600px) {
	#float {
		right: 20px;
	}

}

@media only screen and (max-width:1024px) {
	#float {
		right: 5px;
	}

}

/*留言*/
.feedback-top {
	background: #f7f8f9;
}

.feedback-top .main {
	width: 94%;
	margin: auto;
	max-width: 1100px;
}

.feedback-top .main .view {
	line-height: 2;
	overflow: hidden;
	padding: 0px 0 20px;
}

.feedback-main {
	width: 94%;
	margin: 40px auto;
	max-width: 500px;
}

.feedback-main .type {
	color: #393939;
	font-size: 40px;
	text-align: center;
}

.feedback-main .lybox {
	margin-bottom: 15px;
	min-height: 40px;
}

.feedback-main .lybox .ban {
	float: left;
	display: block;
	width: 48%;
}

.feedback-main .lybox .ban:nth-child(1) {
	margin-right: 4%;
}

.feedback-main .lybox .bbt {
	font-weight: bold;
	line-height: 30px;
	font-size: 14px;
}

.feedback-main .lybox .bbt span {
	font-weight: 300;
	color: #F00;
	margin-left: 5px;
}

.feedback-main .lybox .bd input[type='text'] {
	width: 100%;
	padding: 0 5px;
	height: 40px;
	line-height: 36px;
	border-radius: 2px;
	border: 2px solid #f1f3f3;
}

.feedback-main .lybox .bd textarea {
	width: 100%;
	padding: 5px;
	height: 126px;
	line-height: 28px;
	border-radius: 2px;
	border: 2px solid #f1f3f3;
}

.feedback-main .lybox .bd textarea:focus,
.feedback-main .lybox .bd input[type='text']:focus {
	color: rgba(0, 131, 235, 1);
	border: 2px solid rgba(0, 131, 235, 1);
	background: rgba(0, 131, 235, .2);
}

.feedback-main .btn {
	padding: 30px 0 0;
	text-align: center;
}

.feedback-main .btn input {
	color: #fff;
	border: 0px;
	border-radius: 25px;
	padding: 0 40px;
	font-size: 20px;
	background: #0083eb;
	height: 50px;
	cursor: pointer;
}

.feedback-main .lybox .bd label {
	display: inline-block;
	position: relative;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	margin-right: 20px;
	font-weight: bold;
	font-size: 14px;
}

.feedback-main .lybox .bd label input {
	border: 2px solid #f1f3f3;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0px;
	top: 13px;
}

.bd label {
	display: inline-block;
	position: relative;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	margin-right: 20px;
	font-weight: bold;
	font-size: 14px;
}

.feedback-main .lybox .bd label input {
	border: 2px solid #f1f3f3;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0px;
	top: 13px;
}

/*留言-新*/
.contformbox {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 50px;
}

.contformbox .wwrap {
	max-width: 800px;
}

.contformbox .form-head {
	font-size: 40px;
	color: #000000;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding: 22px 0;
	margin-bottom: 40px;
}

.contformbox .chang {
	display: flex;
	margin-bottom: 20px;
}

.contformbox .chang.lybox {
	justify-content: space-between;
}

.contformbox .chang .bbt {
	font-size: 14px;
	color: #393939;
	font-weight: bold;
	width: 152px;
	white-space: pre-wrap;
	padding-right: 16px;
	line-height: 24px;
}

.contformbox .chang .bbt .hui {
	color: #878787;
}

.contformbox .chang .bbt span {
	color: #dc0000;
}

.contformbox .chang .bd {
	flex: 1;
}

.contformbox .chang .bd.aa {
	display: flex;
	align-items: center;
}

.contformbox .chang .bd.aa .hha {
	display: block;
	width: 250px;
	height: 70px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 2px;
	margin-right: 15px;
	cursor: pointer;
}

.contformbox .chang .bd.aa .hha img {
	width: 100%;
}

.contformbox .chang .bd.aa .text {
	font-size: 12px;
	color: #828282;
	line-height: 22px;
}

.contformbox .chang .bd input,
.contformbox .chang .bd textarea,
.contformbox .chang .bd select {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 2px;
	font-size: 14px;
	color: #393939;
}

.contformbox .chang .bd input:focus,
.contformbox .chang .bd textarea:focus {
	color: rgba(0, 131, 235, 1);
	border: 1px solid rgba(0, 131, 235, 1);
	background: rgba(0, 131, 235, .2);
}

.contformbox .chang .bd input,
.contformbox .chang .bd select {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}

.contformbox .chang .bd select:focus {
	border: 1px solid #dc0000;
}

.contformbox .chang .bd textarea {
	padding: 10px;
	line-height: 20px;
	height: 120px;
}

.contformbox .chang .bd .worn {
	font-size: 12px;
	color: #969696;
	line-height: 30px;
}

.contformbox .chang .bd select option {
	height: 35px;
	line-height: 35px;
}

.contformbox .chang .ban {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contformbox form .btn {
	margin-left: 152px;
	margin-bottom: 57px;
}

.contformbox form .btn input[type="submit"] {
	width: 155px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 26px;
	color: #ffffff;
	background-color: #0083eb;
	border-radius: 25px;
	border: none;
	cursor: pointer;
}

.contformbox .chang.hide {
	display: none;
}

.contformbox.other {
	/*border-bottom: none;*/
	width: 94%;
	margin: 0 auto;
}

.contformbox.other .wwrap {
	margin: 0 auto;
}

.contformbox.other .wwrap .form-head {
	text-align: center;
	padding: 60px 0 22px 0;
}

.contformbox.other form .btn {
	margin-bottom: 104px;
}


@media only screen and (max-width:768px) {
	.contformbox .chang.lybox {
		flex-direction: column;
	}

	.contformbox .chang.lybox .ban.one {
		margin-bottom: 30px;
	}

	.contformbox.other form .btn {
		margin-bottom: 10%;
	}
}

@media only screen and (max-width:600px) {
	.contformbox .form-head {
		font-size: 32px;
	}

	.contformbox .chang {
		flex-direction: column;
	}

	.contformbox .chang.lybox .ban {
		flex-direction: column;
		align-items: normal;
	}

	.contformbox .chang .bbt {
		width: 100%;
		padding-right: 0;
	}

	.contformbox form .btn {
		margin-left: 0;
		text-align: center;
	}
}





/*照片墙*/
.likelist {
	position: relative;
	max-width: 1100px;
	width: 94% !important;
	padding-bottom: 160px;
	margin: 50px auto 0;
}

.likelist:after,
.likelist:before {
	height: 1px;
	width: 100%;
	position: absolute;
	content: "";
	display: block;
	background: #ebeced;
	left: 0px;
	bottom: 120px;
}

.likelist:after {
	margin-bottom: 5px;
}

.likelist .grid {
	left: 40%;
	display: block;
	float: left;
	width: 25%;
	padding: 5px;
	top: 90%;
}

.likelist .grid a {
	display: block;
	background: #f3f3f4;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	padding: 6px 6px 18px;
}

.likelist .grid .like {
	position: absolute;
	right: 12px;
	bottom: 24px;
	height: 28px;
	line-height: 28px;
}

.likelist .grid .like .likebtn {
	width: 28px;
	height: 28px;
	background-color: #fff;
	border: 1px solid #ababab;
	margin-left: 10px;
	border-radius: 2px;
	background-image: url(../images/vvs_03.png);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	float: right;
}

.likelist .grid .like .likebtn.ed {
	background-image: url(../images/vvs_07.png);
}

.likelist .grid a .tu {
	margin-bottom: 18px;
}

.likelist .grid a .tu img {
	display: block;
	width: 100%;
}

.likelist .grid a .title {
	min-height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.likelist .grid a .title span {
	display: block;
	width: 100%;
	padding-right: 80px;
}

.paggg {
	height: 50px;
	position: absolute;
	bottom: 35px;
	color: #0083eb;
	font-size: 16px;
	font-weight: bold;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding-left: 36px;
	line-height: 50px;
	cursor: pointer;

}

.paggg:after {
	content: "";
	display: block;
	width: 29px;
	height: 24px;
	background: url(../images/vvs_11.png);
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -12px;
}

/**/
.form-load {
	padding: 20px 50px;
}

.form-load .input-box {
	margin-bottom: 15px;
}

.form-load .input-box .bt {
	height: 30px;
	line-height: 30px;
	position: relative;
	color: #383838;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

.form-load .input-box .bt:after {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #d6d6d6;
	left: -20px;
	top: 50%;
	margin-top: -4px;
	position: absolute;
	content: "";
	display: block;
}

.form-load .input-box input[type="text"] {
	height: 32px;
	border: 1px solid #dddddd;
	width: 100%;
	padding: 0 8px;
}

.form-load .input-box:after {
	content: "";
	clear: both;
	display: block;
}

.form-load .input-box .ban {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 15px;
	float: left;
}

.form-load .input-box .ban:nth-child(2) {
	margin-right: 0px;
}

.form-load .input-box .list:after {
	content: "";
	display: block;
	clear: both;
}

.form-load .input-box .list .a {
	display: block;
	display: block;
	width: 128px;
	height: 128px;
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
}

.form-load .input-box .list .a img {
	display: block;
	width: 100%;
	height: 100%;
}

.upimgxx {
	font-size: 12px;
	color: #9a9a9a;
}

.form-load .input-box .list .a .allimgbtn {
	display: block;
	width: 30px;
	height: 30px;
	background: rgba(0, 0, 0, .8);
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.form-load .input-box .list .a .allimgbtn:after {
	width: 14px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -2px -7px;
	content: "";
	display: block;
}

.form-load .input-box textarea {
	width: 100%;
	height: 100px;
	padding: 5px 8px;
	border: 1px solid #dddddd;
}

.form-load .input-box button {
	background: #0e8ff5;
	border: 1px solid #0071ca;
	border-radius: 2;
	width: 82px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
	background: -moz-linear-gradient(top, #1d9bff 0%, #0083eb 100%);
	background: -webkit-linear-gradient(top, #1d9bff 0%, #0083eb 100%);
	background: linear-gradient(to bottom, #1d9bff 0%, #0083eb 100%);
}

.layui-upload-iframe {
	display: none;
}

.tanchu {
	background: #0076d3;
	color: #fff;
	line-height: 36px;
	height: 36px;
	position: absolute;
	padding: 0 20px;
	cursor: pointer;
	right: 0px;
	top: 50%;
	margin-top: -18px;
	font-size: 14px;
	border-radius: 2px;
}

/**/
.photodoor {
	height: 250px;
	width: 94%;
	max-width: 1100px;
	margin: 50px auto 0;
	background: #f7f8f9;
	padding-left: 230px;
	position: relative;
}

.photodoor a.href {
	width: 230px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-image: url(../images/xj_03.png);
	background-repeat: no-repeat;
	background-position: 80% 50%;
}

.photodoor .swiper-wrapper,
.index-protypelist {
	height: 100%;
}

.photodoor a.href .text {
	display: block;
	width: 100%;
	padding: 0 0 0 10%;
	color: #707473;
	font-size: 36px;
}

.photodoor .swiper-slide {
	width: auto;
	position: relative;
	height: 100%;
}

.photodoor .swiper-slide img {
	display: block;
	height: 100%;
}

.photodoor .swiper-slide .title {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 14px;
	opacity: 0;
}

.photodoor .swiper-slide:hover .title {
	opacity: 1;
}

.photodoor .index-protypelist {
	position: relative;
}

.photodoor .index-protypelist .btn {
	width: 20px;
	height: 40px;
	position: absolute;
	display: block;
	background: rgba(255, 255, 255, .9);
	top: 50%;
	margin-top: -20px;
	z-index: 10;
	cursor: pointer;
}

.photodoor .index-protypelist .btn.prev {
	left: 0px;
}

.photodoor .index-protypelist .btn.next {
	right: 0px;
}

.photodoor .index-protypelist .btn.next:after {
	width: 6px;
	height: 6px;
	border-top: 1px solid #0083eb;
	border-right: 1px solid #0083eb;
	top: 50%;
	left: 50%;
	content: "";
	display: block;
	position: absolute;
	margin: -2px -4px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.photodoor .index-protypelist .btn.prev:after {
	width: 6px;
	height: 6px;
	border-top: 1px solid #0083eb;
	border-right: 1px solid #0083eb;
	top: 50%;
	left: 50%;
	content: "";
	display: block;
	position: absolute;
	margin: -2px -3px;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/**/
.news-main .border-hui {
	background: #f7f8f9;
	padding: 19px;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
}

.news-main .border-hui .psv-top {
	position: relative;
	margin-bottom: 19px;
}

.news-main .border-hui .psv-top:after {
	content: "";
	display: block;
	clear: both;
}

.news-main .border-hui .psv-top .like {
	height: 28px;
	line-height: 28px;
	float: left;
}

.news-main .border-hui .psv-top .like .likebtn {
	width: 28px;
	height: 28px;
	background-color: #fff;
	border: 1px solid #ababab;
	margin-left: 10px;
	border-radius: 2px;
	background-image: url(../images/vvs_03.png);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	float: right;
}

.news-main .border-hui .psv-top .like .likebtn.ed {
	background-image: url(../images/vvs_07.png);
}

.news-main .border-hui .psv-top .share {
	float: right;
	height: 28px;
	background: #fff;
	border: 1px solid #dbdcdc;
}

.news-main .border-hui .psv-top .share a {
	display: block;
	height: 26px;
	width: 28px;
	padding: 0;
	margin: 0px;
	float: left;
}

.news-main .border-hui .psv-top .share a:nth-child(2) {
	border-right: 1px solid #dbdcdc;
}

.news-main .border-hui .psv-top .share a.bshare-weixin {
	background-image: url(../images/pico_05.png);
	background-position: center;
}

.news-main .border-hui .psv-top .share a.bshare-facebook {
	background-image: url(../images/pico_03.png);
	background-position: center;
}

.psv-show .btn {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	background: rgba(255, 255, 255, .8);
	border-radius: 100%;
	cursor: pointer;
	z-index: 1;
}

.psv-show .btn.prev {
	left: 20px;
}

.psv-show .btn:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid rgba(0, 0, 0, .5);
	border-left: 2px solid rgba(0, 0, 0, .5);
	position: absolute;
	top: 50%;
	left: 50%;
}

.psv-show .btn.prev:before {
	margin: -5px -4px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.psv-show .btn.next:before {
	margin: -5px -7px;
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.psv-show .btn.next {
	right: 20px;
}

.news-main .right .lentitle {
	color: #0083eb;
	font-size: 14px;
	margin: 15px 0;
}

.news-main .right .content {
	padding: 15px;
	background: #fff;
	background: #fff;
	border: 1px solid #dbdcdc;
	border-radius: 2px;
	margin-bottom: 15px;
}

.news-main .right .swiper-slide {
	width: auto;
	height: 130px;
}

.news-main .right .swiper-slide img {
	height: 100%;
	width: auto;
}

.news-main .right .btn {
	width: 20px;
	height: 40px;
	position: absolute;
	display: block;
	background: rgba(255, 255, 255, .9);
	top: 50%;
	margin-top: -20px;
	z-index: 10;
	cursor: pointer;
}

.news-main .right .btn.prev {
	left: 0px;
}

.news-main .right .btn.next {
	right: 0px;
}

.news-main .right .btn.next:after {
	width: 6px;
	height: 6px;
	border-top: 1px solid #0083eb;
	border-right: 1px solid #0083eb;
	top: 50%;
	left: 50%;
	content: "";
	display: block;
	position: absolute;
	margin: -2px -4px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.news-main .right .btn.prev:after {
	width: 6px;
	height: 6px;
	border-top: 1px solid #0083eb;
	border-right: 1px solid #0083eb;
	top: 50%;
	left: 50%;
	content: "";
	display: block;
	position: absolute;
	margin: -2px -3px;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

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

	.news-main.proshotsview .right {
		width: -moz-calc(32.8% - 18px);
		width: -ms-calc(32.8% - 18px);
		width: -o-calc(32.8% - 18px);
		width: -webkit-calc(32.8% - 18px);
		width: calc(32.8% - 18px);



	}

}


@media only screen and (max-width:800px) {
	.news-main.proshotsview .left {
		width: 100%;
		margin: 0 auto 20px;
	}

	.form-load .input-box .list .a {
		width: 80px;
		height: 80px;
	}

	.photodoor {
		height: 180px;
		padding-left: 200px;
	}

	.photodoor a.href {
		width: 200px;
	}

	.photodoor a.href .text {
		font-size: 32px;
	}
}

@media only screen and (max-width:600px) {
	.psv-show .btn {
		display: none;
	}

	.tanchu {
		position: relative;
		top: 0;
		margin: auto;
		text-align: center;
	}

	.form-load .input-box .ban {
		width: 100%;
		margin-right: 0px;
	}

	.form-load .input-box .list .a {
		width: 60px;
		height: 60px;
	}

	.photodoor {
		height: 160px;
		padding-left: 180px;
	}

	.photodoor a.href {
		width: 180px;
	}

	.photodoor a.href .text {
		font-size: 28px;
	}
}

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

	.photodoor {
		height: 140px;
		padding-left: 160px;
	}

	.photodoor a.href {
		width: 160px;
		background-size: 36px auto;
	}

	.photodoor a.href .text {
		font-size: 24px;
	}

}








.bottom-box {
	padding: 70px 0;
	position: relative;
	background-color: #fcfcfc;
}

.bottom-box:after {
	content: "";
	width: 100vw;
	height: 1px;
	background-color: #e4e4e4;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.bottom-box .wrap {
	max-width: 1100px;
	width: 94%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.bottom-box .bitem {
	width: 50%;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	text-align: center;
}

.bottom-box .bitem .inbox {
	width: 94%;
	margin: 0 auto;
	max-width: 450px;
	height: 100%;
	position: relative;
}

.bottom-box .bitem:nth-child(2n) .inbox {
	max-width: 400px;
}

.bottom-box .bitem .inbox .title {
	font-size: 26px;
	color: #000000;
	margin-bottom: 25px;
}

.bottom-box .bitem .inbox .desc {
	font-size: 12px;
	color: #3b3b3b;
	font-weight: bold;
	margin-bottom: 5px;
}

.bottom-box .bitem .inbox .demo {
	font-size: 12px;
	color: #6f6d6d;
	line-height: 20px;
	margin: 0 auto;
}

.bottom-box .bitem .inbox .tool {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.bottom-box .bitem .inbox .tool .tt {
	display: block;
	width: 43px;
}



/*订阅*/
.booking-box {
	padding-top: 40px;
}

.booking-box .book-form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.booking-box .book-form .my-item {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	margin-right: 1px;
	position: relative;
}

.booking-box .book-form .my-item.email input[type="text"] {
	width: 250px;
	height: 36px;
	border: none;
	background-color: #0083eb;
	padding: 0 10px;
	font-size: 12px;
	color: #fff;
}

.booking-box .book-form .my-item.email input[type="text"]:-moz-placeholder {
	color: rgba(255, 255, 255, .5);
}

.booking-box .book-form .my-item.email input[type="text"]:-ms-input-placeholder {
	color: rgba(255, 255, 255, .5);
}

.booking-box .book-form .my-item.email input[type="text"]::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .5);
}

.booking-box .book-form .my-item.other {
	background-color: #0083eb;
}

.booking-box .book-form .my-item.other .word {
	padding-left: 6px;
	padding-right: 22px;
	height: 36px;
	line-height: 36px;
	font-size: 10px;
	color: #fff;
	cursor: pointer;
	position: relative;
}

.booking-box .book-form .my-item.other .word:after {
	content: "";
	border-style: solid;
	border-width: 4px 5px;
	border-color: #646465 transparent transparent transparent;
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -3px;
}

.booking-box .book-form .my-item.other .sub {
	position: absolute;
	left: 0;
	top: 100%;
	width: 200px;
	background-color: #0083eb;
	max-height: 200px;
	overflow-y: auto;
	display: none;
	z-index: 111;
}

@media only screen and (min-width: 800px) {
	.booking-box .book-form .my-item.other .sub::-webkit-scrollbar {
		width: 5px;
		height: 5px;
		background-color: #ccc;
	}

	/*定义滚动条轨道 内阴影+圆角*/
	.booking-box .book-form .my-item.other .sub::-webkit-scrollbar-track {
		border-radius: 0px;
		background: #ccc;
	}

	/*定义滑块 内阴影+圆角*/
	.booking-box .book-form .my-item.other .sub::-webkit-scrollbar-thumb {
		border-radius: 0px;
		background-color: #555;
	}
}

.booking-box .book-form .my-item.other .sub .sub-a {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	padding-left: 15px;
	cursor: pointer;
	text-align: left;
	padding-left: 6px;
}

@media only screen and (min-width: 601px) {
	.booking-box .book-form .my-item.other .sub .sub-a:hover {
		background-color: #fff;
		color: #000;
	}
}

.booking-box .book-form input[type="submit"] {
	width: 70px;
	height: 36px;
	background-color: #0083eb;
	font-size: 14px;
	color: #fff;
	border: none;
	cursor: pointer;
}

.banner-open .close {
	z-index: 1111;
}


@media screen and (min-width: 1024px) {
	.banner-normal .content {
		overflow: hidden;
		transition: all .5s ease;
		opacity: 0;
	}
}

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

	.banner-normal .content,
	.banner-close .content {
		overflow: hidden;
		transition: all .5s ease;
		opacity: 0;
		padding-top: 3%;
	}
}

@media only screen and (max-width: 1280px) {
	.bottom-box {
		padding: 50px;
	}
}

@media only screen and (max-width: 1024px) {
	.bottom-box {
		padding: 30px 0;
	}
}

@media only screen and (max-width: 1023px) {
	.bottom-box .wrap {
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.bottom-box .bitem {
		width: 100%;
		margin-bottom: 6%;
	}

	.bottom-box .bitem:nth-child(2) {
		margin-bottom: 0;
	}

	.bottom-box .bitem .inbox .tool {
		position: relative;
		margin-top: 6%;
	}
}

@media only screen and (max-width: 768px) {
	.bottom-box .bitem .inbox {
		max-width: none;
	}

	.booking-box .book-form .my-item.email input[type="text"] {
		width: 450px !important;
	}
}

@media only screen and (max-width: 640px) {
	.booking-box .book-form {
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.booking-box .book-form .my-item {
		margin-bottom: 3%;
	}

	.booking-box .book-form .my-item.email input[type="text"] {
		width: 100% !important;
	}

	.booking-box .book-form .my-item.other .word {
		text-align: left;
	}

	.booking-box .book-form input[type="submit"] {
		width: 100%;
	}

	.booking-box .book-form .my-item.other .sub {
		width: 100%;
	}
}

@media only screen and (max-width: 414px) {
	.bottom-box {
		padding: 6% 0;
	}

	.pro-weizhi {
		height: auto;
	}

	.pro-view .ding .href {
		position: relative;
	}
}

.rule-box {
	font-size: 14px;
	width: 94%;
	line-height: 2;
	overflow: hidden;
	margin-top: 60px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 60px 0;
	min-height: 50vh;
}

@media only screen and (max-width: 414px) {
	.rule-box {
		margin-top: 50px;
		padding: 6% 0;
	}
}

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

	.banner-close .banner-item-text,
	.banner-close .banner-item-title,
	.banner-close .close,
	.banner-close .more {
		opacity: 0;
	}
}



@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,600);

fieldset {
	position: relative;
}

#custom-signup-form-custom-form {
	position: relative;
	max-width: 400px;
	margin: 0 auto;
	padding: 10px;
	border-radius: 10px;
}

#custom-signup-form-custom-form fieldset,
#custom-signup-form-custom-form p,
#custom-signup-form-custom-form div,
#custom-signup-form-custom-form li {
	padding: 0;
	margin: 0;
	border: 0;
}

#custom-signup-form-custom-form label {
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 4px;
	display: block;
	padding-right: 20px;
}

#custom-signup-form-custom-form ul,
#custom-signup-form-custom-form li,
#custom-signup-form-custom-form h1,
#custom-signup-form-custom-form h2,
#custom-signup-form-custom-form h3,
#custom-signup-form-custom-form h4,
#custom-signup-form-custom-form h5,
#custom-signup-form-custom-form h6,
#custom-signup-form-custom-form div {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	list-style: none;
}

#custom-signup-form-custom-form li {
	padding-bottom: 10px;
}

#custom-signup-form-custom-form p,
#custom-signup-form-custom-form h4 {
	font-weight: 300;
}

#custom-signup-form-custom-form h4 {
	text-align: center;
}

#custom-signup-form-custom-form select {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	margin: 0;
	padding: 5px 0;
	line-height: 30px;
	font-size: 12px;
	text-indent: 5px;
	height: 30px;
	cursor: pointer
}

#custom-signup-form-custom-form input[type="text"],
#custom-signup-form-custom-form input[type="date"],
#custom-signup-form-custom-form input[type="email"],
#custom-signup-form-custom-form input[type="number"] {
	display: block;
	border: 1px solid #ccc;
	margin: 0;
	padding: 5px 0;
	line-height: 20px;
	width: 100%;
	text-indent: 5px;
}

.form-privacy .form-text-utilities {
	display: block;
	margin: 0 0 0 22px;
	padding: 0;
	color: inherit;
}

.form-privacy input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
}

#custom-signup-form-custom-form .elements {
	min-height: 30px;
}

input#mc-signup-form-button-submit {
	height: 32px !important;
	font-size: 14px !important;
	margin-top: 4px !important;
	float: right !important;
	width: 70px !important;
	* border-style: outset !important;
	cursor: pointer;
	display: block;
	padding: 5px;
	text-align: center;
	border: 1px solid #fff;
	margin: 0 auto;
	* min-width: 50%;
	white-space: normal;
	font-weight: normal;
	line-height: 20px;
}

#mc-signup-form-button-submit:hover {
	transition: all 0.1s;
	border-style: inset;
	background-color: green;
}


.field-group .asterisk {
	visibility: hidden !important;
	color: #B71C1C;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px;
	font-weight: bold;
}

/*--- INPUT STYLES */

input.txtnormal {
	background: green;
	color: #fff;
}

input.txterror {
	background: red;
	color: #fff;
}

/*CHECKBOX*/
input.checkboxfield {
	float: left
}

/* DATEPICKER */
.calendar {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	background-color: #EEE;
	color: #333;
	border: 1px solid #DDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0.2em;
	width: 14em;
}

.calendar .months {
	background-color: #F6AF3A;
	border: 1px solid #E78F08;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFF;
	padding: 0.2em;
	text-align: center;
}

.calendar .prev-month,
.calendar .next-month {
	padding: 0;
}

.calendar .prev-month {
	float: left;
}

.calendar .next-month {
	float: right;
}

.calendar .current-month {
	margin: 0 auto;
}

.calendar .months .prev-month,
.calendar .months .next-month {
	color: #FFF;
	text-decoration: none;
	padding: 0 0.4em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.calendar .months .prev-month:hover,
.calendar .months .next-month:hover {
	background-color: #FDF5CE;
	color: #C77405;
}

.calendar table {
	border-collapse: collapse;
	padding: 0;
	font-size: 0.8em;
	width: 100%;
}

.calendar th {
	text-align: center;
}

.calendar td {
	text-align: right;
	padding: 1px;
	width: 14.3%;
}

.calendar td span {
	display: block;
	color: #1C94C4;
	background-color: #F6F6F6;
	border: 1px solid #CCC;
	text-decoration: none;
	padding: 0.2em;
	cursor: pointer;
}

.calendar td span:hover {
	color: #C77405;
	background-color: #FDF5CE;
	border: 1px solid #FBCB09;
}

.calendar td.today span {
	background-color: #FFF0A5;
	border: 1px solid #FED22F;
	color: #363636;
}

/* SHAKE EFFECT */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes shake {

	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
}

@keyframes shake {

	0%,
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-5px);
		-ms-transform: translateX(-5px);
		transform: translateX(-5px);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(5px);
		-ms-transform: translateX(5px);
		transform: translateX(5px);
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

/* POPUP */
.black_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 1001;
}

.white_content.custom-signup-form-popup {
	position: fixed;
	z-index: 1002;
	margin-left: -150px;
	left: 50%;
	top: 20%;
	padding: 0;
	font-family: 'Roboto', Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: none;
	width: 400px;
	background: #fff;
	color: #666;
	text-align: center;
	/*text-transform: uppercase;*/
	border: 1px solid #ddd;
}

#wrapper .white_content.custom-signup-form-popup {
	position: absolute;
}

.white_content.custom-signup-form-popup p {
	margin: 0;
	padding: 0
}

.custom-signup-form-popup-close-parent {
	padding: 0;
	margin: 0;
	width: 100%;
	background: #efefef;
	display: inline-block;
	letter-spacing: 1px;
	border-bottom: 1px solid #ddd;
	height: 30px;
	position: relative
}

a.custom-signup-form-popup-close {
	color: #666;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

.custom-signup-form-email {
	width: 50% !important;
	float: left !important;
}

.custom-signup-form-country {
	width: 100px !important;
	float: left !important;
	top: -10px !important;
	left: 10px !important;

}

.custom-signup-form-country p {
	font-size: 10px !important;
}

#custom-signup-form-popup-request-response-text {
	padding: 10px;
}

.custom-signup-form-boolean input {
	position: absolute;
	left: 0;
	top: 0;
}

.custom-signup-form-boolean span {
	padding-left: 20px;
}

#custom-signup-form-signup-form-container {
	background-color: #ffffff !important
}

#custom-signup-form-custom-form {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #005BC4;
	background-image: -ms-linear-gradient(top, #005BC4 0%, #2C68E8 40%, #2C68E8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005BC4), color-stop(40%, #2C68E8), color-stop(100%, #2C68E8));
	background-image: -moz-linear-gradient(top, #005BC4 0%, #2C68E8 40%, #2C68E8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005BC4', endColorstr='#2C68E8', GradientType=0)
}

fieldset.custom-signup-form-header {
	text-align: center;
	color: #ffffff
}

.calendar .months {
	background-color: #005BC4;
	border-color: #2C68E8
}

.calendar td.today span {
	background-color: #2C68E8;
	border-color: #005BC4;
	color: #ffffff
}

.calendar .months .prev-month:hover,
.calendar .months .next-month:hover,
.calendar .months .prev-year:hover,
.calendar .months .next-year:hover {
	background-color: #2C68E8;
	color: #ffffff
}

.calendar td span:hover {
	background-color: #2C68E8;
	border-color: #005BC4;
	color: #ffffff
}


/* validate alert */


#skypeCheckNotice {
	position: fixed !important;
}