img {
	max-width: 100%;
}
.p-bn {
	height: 790px; background-size: cover!important;
}
.p-bn.p1 {
	background: url("img/p1.jpg") no-repeat;
}
.p-bn.p2 {
	background: url("img/p2.jpg") no-repeat;
}
.p-bn.p6 {
	background: url("img/p9.jpg") no-repeat;
}
.p-bn.p7 {
	background: url("img/p7.jpg") no-repeat;
}
.p-bn.p9 {
	background-image: url("img/p6.jpg");
}
.bn-box {
	color: #fff;
	height: 790px;
	background-repeat: no-repeat;
	background-position: right center;
}
.bn-box .a {
	padding-top: 150px;
	font-size: 18pt;
	letter-spacing: 15px;
}
.bn-box .a span {
	font-size: 50px;
}
.bn-box .b {
	font-size: 20px;
	margin-bottom: 20px;
	letter-spacing: 3px;
}
.bn-box .c { white-space: nowrap;
	margin-bottom: 20px;
	position: relative;
	z-index: 400;
}
.bn-box .c input {
	display: inline-block;
	height: 50px;
	padding: 0 20px;
	width: 200px;
	color: #8c8c8c;
	border: none;
}
.bn-box .c a {
	display: inline-block;
	padding: 10px 10px 10px 10px;
	background-color: #ff4200;
	color: #fff;
	font-size: 12pt;
}
@media(min-width: 768px){
	.bn-box .c a {
	display: inline-block;
	padding: 10px 20px 10px 20px;
	background-color: #ff4200;
	color: #fff;
	font-size: 18px;
}
}
.bn-box .d {
	font-size: 12pt;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
.bn-box .d span {
	margin: 0 20px;
}
.bn-box .e a {
	display: inline-block;
	padding: 10px 40px;
	border: 2px solid #fff;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.bn-box .a,.bn-box .b,.bn-box .c,.bn-box .d,.bn-box .e{ position: relative; z-index: 2; padding-left: 5%;}
@media (min-width: 768px){
	.bn-box .a {
	padding-top: 150px;
	font-size: 40px;
	letter-spacing: 15px;
}
.bn-box .a span {
	font-size: 80px;
}
.bn-box .b {
	font-size: 20px;
	margin-bottom: 50px;
	letter-spacing: 3px;
}
.bn-box .c {
	margin-bottom: 15px;
	position: relative; white-space: nowrap;
	z-index: 400; display: flex;
}
.bn-box .c input {
	display: inline;
	height: 50px;
	padding: 0 20px;
	width: 350px;
	color: #8c8c8c;
	border: none;
}
.bn-box .c a {
	display: inline-block;
	padding: 10px 20px 10px 20px;
	background-color: #ff4200;
	color: #fff;
	font-size: 18px;
}
.bn-box .d {
	font-size: 20px;
	margin-bottom: 30px;
	letter-spacing: 2px;
}
.bn-box .d span {
	margin: 0 20px;
}
.bn-box .e a {
	display: inline-block;
	width: 220px;
	padding: 10px 40px;
	border: 2px solid #fff;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
}
/*bn menu*/
.bn-menu {
	position: absolute;
	bottom: 0px;
	left: 5%;
	right: 5%;text-align: center;
}
.bn-menu li {
	display: inline-block;
	margin-bottom: 20px;
	width: 120px;
	text-align: center;
	line-height: 30px;
}
.bn-menu li a {
	display: block;
	color: #bcbcbc;
	background-color: rgba(1, 5, 11, 0.4);
	border-radius: 3px;
}
.bn-menu li a:hover,  .bn-menu li.on a {
	background-color: #ff4200;
	color: #ffffff;
}
@media (min-width: 992px){
.bn-menu {
	position: absolute;
	bottom: auto;
	right: auto;
	top: 80px;
	z-index: 1000;
	left: 0px;
}
	.bn-menu li{display: block;}
}
/*bn card*/

.bn-box .bg {
	display: none;
}
@media (min-width: 992px){
	.bn-box .a,.bn-box .b,.bn-box .c,.bn-box .d,.bn-box .e{ padding-left: 140px;}
	.bn-box .bg {
		display: block;
	position: absolute;
	right: 0;
	top: 100px;
	width: 630px;
	height: 450px;
	/*background: url("img/api-bn-bg.png");*/
	color: #fff;
}
}
@media (min-width: 1600px){
	.bn-menu {left: -140px;}
	.bn-box .a,.bn-box .b,.bn-box .c,.bn-box .d,.bn-box .e{ padding-left: 0px;}
}
.bn-box .bg .layer {
	position: absolute;
	top: 0;
	right: 0;
}
.bn-box .bg .img-a {
	z-index: 10;
	transform: translateZ(50px)
}
.bn-box .bg .img-b {
	z-index: 20;
	transform: translateZ(80px)
}
.bn-box .bg .img-c {
	z-index: 30;
	transform: translateZ(110px)
}
.bn-box .bg .img-d {
	z-index: 40;
	transform: translateZ(140px)
}
.bn-box .bg .img-e {
	z-index: 50;
	transform: translateZ(170px)
}
.bn-box .bg .img-f {
	z-index: 60;
	transform: translateZ(200px)
}
.bn-box .bg .img-g {
	z-index: 70;
	transform: translateZ(230px)
}
.bn-box .card {
	transform: translateZ(0);
	transform-style: preserve-3d;/*transition: all .15s ease-out;*/

}
.bn-box .card .cover {
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 900;
}
.p1.card {
	width: 600px;
	height: 660px;
}
.p2.card {
	width: 640px;
	height: 520px;
}
.p6.card {
	width: 720px;
	height: 500px;
}
.p7.card {
	width: 750px;
	height: 570px;
}
.p8.card {
	width: 810px;
	height: 600px;
}
.p9.card {
	width: 700px;
	height: 572px;
}
/*p a*/

.hd.t {
	text-align: center;
	font-size: 24pt; padding: 0 5%;
	letter-spacing: 2px;
	margin-bottom: 15px;
}
.hd.d {
	text-align: center;
	font-size: 12pt; padding: 0 5%;
	letter-spacing: 2px;
}
@media(min-width: 768px){
	.hd.t {
	text-align: center; padding: 0;
	font-size: 30px;
	letter-spacing: 2px;
	margin-bottom: 15px;
}
.hd.d {
	text-align: center; padding: 0;
	font-size: 18px;
	letter-spacing: 2px;
}
}
.p-a {
	padding: 50px 0;
	text-align: center;
	background: #fff;
}
.p-a .t {
	color: #041330;
}
.p-a .d {
	color: #9499a2;
}
.p-a .hd.d {
	margin-bottom: 60px;
}
.p-a .bd .cell {
	position: relative;margin-bottom: 30px;
}

.p-a .bd .cell:after {
	content: '';
	display: block;
	width: 1px;
	border-right: 1px dotted #656a74;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
.p-a .bd .img {
	display: block;
	height: 50px;
	width: 50px;
	margin: 0 auto 20px;
}
@media (min-width: 768px){
	.p-a .bd .cell {
	position: relative;margin-bottom: 60px;
}
	.p-a .bd .cell:nth-child(2n):after {
	display: none;
}
	.p-a .bd .img {
	display: block;
	height: 80px;
	width: 80px;
	margin: 0 auto 50px;
}
}
@media (min-width: 992px){
		.p-a .bd .cell:nth-child(2n):after {
	display: block;
}
	.p-a .bd .cell:last-child:after {
	display: none;
}
}

.p-a .bd .t {
	font-size: 18px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.p-a .bd .d {
	padding: 0 5%;
	font-size: 15px;
	letter-spacing: 1px;
}
/*p b*/

.p-b {
	min-height: 820px;
	background: url(img/pb.jpg) no-repeat; background-size: cover; padding-bottom: 20px;
	text-align: center;
}
.p-b .hd.t {
	color: #ffffff;
	padding: 60px 5% 0;
}
.p-b .hd.d {
	color: #9499a2;
	margin-bottom: 40px;
}
.p-b .bd .a {
	padding-top: 30px;
}
.xSlideBox {
	width: 100%;
	height: 800px;
}
.xSlideBox .hd ul{ display: flex; flex-wrap: wrap;
	justify-content: center;
	align-items: center;}
.xSlideBox .hd li {
	height: 50px; line-height: 50px; padding: 0 10px; white-space: nowrap;
	border: 1px solid #8d8d8d;
	color: #fff;
	font-size: 12pt;
	position: relative;
	position: relative;
	cursor: pointer;
}
.xSlideBox .hd li.on {
	background-color: #e92121;
	color: #fff;
	border: 2px solid #e92121;
	font-size: 12pt;
}
@media (min-width: 992px) {
	.xSlideBox {
	width: 100%;
	height: 640px;
}
.xSlideBox .hd li {
	height: 105px; padding: 0;
	width: 105px; line-height: 1.6;
	border-radius: 100%;
	border: 2px solid #8d8d8d;
	color: #fff;
	font-size: 18px; white-space: nowrap;
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: center; flex-direction: column;
	align-items: center;
	position: absolute;
	cursor: pointer;
}
	.xSlideBox .hd li span{display: block;width: 100%;}
.xSlideBox .hd li.on:after {
	content: '';
	position: absolute;
	top: 50%;
	height: 2px;
	width: 300px;
	right: -302px;
	background-color: #8d8d8d;
}
.xSlideBox .hd li.r.on:after {
	content: '';
	position: absolute;
	top: 50%;
	height: 2px;
	width: 300px;
	left: -302px;
	background-color: #8d8d8d;
}
.xSlideBox .n1 {
	top: 0;
	left: 50px;
}
.xSlideBox .n2 {
	top: 105px;
	left: 200px;
}
.xSlideBox .n3 {
	top: 210px;
	left: 50px;
}
.xSlideBox .n4 {
	top: 315px;
	left: 200px;
}
.xSlideBox .n5 {
	top: 420px;
	left: 50px;
}
.xSlideBox .n6 {
	top: 0;
	right: 50px;
}
.xSlideBox .n7 {
	top: 105px;
	right: 200px;
}
.xSlideBox .n8 {
	top: 210px;
	right: 50px;
}
.xSlideBox .n9 {
	top: 315px;
	right: 200px;
}
.xSlideBox .n10 {
	top: 420px;
	right: 50px;
}
	}
.xSlideBox .bd {
	position: absolute;
	left: 50%;
	margin-left: -170px;
	width: 340px;
	height: 610px;
	background: url("img/pbiphone1.png") no-repeat;
}
.xSlideBox .bd ul {
	padding: 180px 40px 40px;
}
.xSlideBox .bd ul li {
	background-color: #e6e6ea;
	color: #070707;
	padding: 10px;
	border-radius: 15px;
	border-bottom-left-radius: 0px;
	margin-bottom: 15px;
}
/*p c*/

.p-c .hd.t {
	padding-top: 60px;
}
.p-c .hd.d {
	margin-bottom: 90px;
	color: #9499a2;
}
.p-c .bd {
	margin-bottom: 90px;
}
.p-c .bd .t {
	text-align: center;
	font-size: 22px;
	margin-bottom: 50px;
}
.p-c .bd .d {
	line-height: 26px;
}
.p-c .bd .a {
	position: absolute;
	bottom: 45px;
	left: 50%;
	margin-left: -80px;
	width: 160px;
	height: 48px;
	line-height: 48px;
	background-color: #e92121;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.p-c .bd .cover, .p-c .bd .box {
	width: 300px;
	height: 420px;
	margin:0 auto 20px;
}
.p-c .bd .cover {
	position: absolute;
	top: 0;
	left: 50%; transform: translateX(-50%);
	z-index: 1;
}
.p-c .bd .box {
	padding: 70px 40px 50px;
	position: relative;
	background: rgba(11,16,29,0.75);
	color: #fff;
	z-index: 2;
}

/*p d*/

.p-d {
	position: relative;
	min-height: 660px;
	background: url("img/pdbg.jpg") 100% 100% no-repeat; background-size: cover;
	color: #fff;
}
.p-d .box {
	min-height: 660px; padding-bottom: 20px;
	background: rgba(11,16,29,0.9);
}
.p-d .hd.t {
	padding-top: 40px;
}
.p-d .hd.d {
	margin-bottom: 50px;
}
.p-d .bd {
	border-top: 1px dotted #50555e;
	border-bottom: 1px dotted #50555e;
	text-align: center;
}
.p-d .bd .p {
	padding: 20px 0 20px;
}
@media (min-width: 992px) {
	.p-d .bd .p {
	padding: 70px 0 20px;
}
}
.p-d .bd .img { width: 50px; height: 50px;
	display: block;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.p-d .bd .img {width: 80px; height: 80px;
	/*padding: 70px 0 20px;*/
}
}
.p-d .bd .t {
	font-size: 16px;
	padding-bottom: 50px;
}
.p-d .ft {
	padding: 20px;
	line-height: 26px;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1.5px;
}
.p-g .ft a, .p-d .ft a {
	display: block;
	width: 350px;
	height: 50px;
	line-height: 50px;
	border-radius: 30px;
	margin: 30px auto;
	background-color: #e92121;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	position: relative;
}
.p-g .ft a:after, .p-d .ft a:after {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	right: 40px;
	height: 13px;
	width: 13px;
	border: 1px solid #fff;
	border-left: 0px;
	border-bottom: 0px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
/*pe*/

.p-e {
	text-align: center;
	padding: 50px 0;
	background-color: #242d3e;
	color: #ffffff;
}
.p-e .a {
	font-size: 20pt;
	letter-spacing: 3px;
}
.p-e .b {
	font-size: 12pt;
}
@media(min-width: 768px){
	.p-e .a {
	font-size: 50px;
	letter-spacing: 3px;
}
.p-e .b {
	font-size: 18px;
}
}
/*pf*/

.p-f {
	background-color: #ececec;
	padding: 30px 0;
}
.p-f .a {
	background-color: #fff;
}
.p-f .hd.t {
	padding-top: 60px;
}
.p-f .hd.d {
	color: #9499a2;
}
.p-f .a img {
	display: block;
	margin: 90px auto 70px;
}
.p-f .b dl {
	padding: 25px 25px;
	margin-left: 10px;
	border-bottom: 1px dashed #878b92;
	color: #333333;
	letter-spacing: 1.5px;
}
.p-f .b dl.on {
	background-color: #676e79;
	color: #fff;
	margin-left: 0;
	padding-left: 35px;
}
.p-f .b dl:last-child {
	border-bottom: none;
}
.p-f .b dt {
	font-size: 20px;
	line-height: 30px;
	position: relative;
}
.p-f .b dt:before {
	content: '';
	display: block;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: -18px;
	background-color: #ababab;
}
.p-f .b dl.on dt:before {
	background-color: #fff;
}
.p-f .b dd {
	font-size: 12px;
}
/*p g*/

.p-g {
	min-height: 840px;
	background: url("img/pg.jpg");
	background-size: cover;
	padding-bottom: 20px;
	color: #ffffff;
}
.p-g .hd.t {
	padding-top: 30px;
}
.p-g .hd.d {
	padding-bottom: 30px;
	border-bottom: 1px dashed #4e5765;
	margin-bottom: 20px;
}
.p-g .tb {
	text-align: center;
}
.p-g .tb .thead {
	color: #e92121;
}
.p-g .tb td {
	padding: 10px;/*border:1px solid #79818c;*/

}
.p-g .page {
	border-top: 1px dashed #4e5765;
	border-bottom: 1px dashed #4e5765;
	padding: 30px;
	position: relative;
}
.p-g .page a {
	color: #fff;
	padding: 5px 10px;
	margin-right: 10px;
	border: 1px solid #79818c;
	border-radius: 3px;
}
.p-g .page a.on {
	color: #767a82;
}
.p-g .sch {clear: both;float: right;
	width: 320px;
	height: 50px;
	padding: 10px 0 0 30px;
	border-radius: 30px;
	border: 1px solid #79818c;
	background: url("img/sch.png") no-repeat 270px center;
}
.p-g .sch input {
	background: none;
	border: none;
	height: 30px;
	width: 200px;
	color: #79818c;
}
@media (min-width: 1200px){
	.p-g .sch {	position: absolute;
	right: 0;
		top: 15px;}
}
.vue-list {
	margin: 0 auto;
}
.vue-list .item {
	margin-bottom: 30px;
	min-height: 460px;
}
.vue-list .item li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	color: #fff;
}
.vue-list .item li span {
	text-align: center;
	width: 300px;
}
.vue-list .item .hd {
	color: #e92121;
}
.vue-list .page {
	position: relative;
}
.vue-list .page li.on a {
	background-color: #e92121;
	border: 1px solid #e92121;
	color: #fff;
}
.vue-list .page li {min-height: 30px;margin-bottom: 5px;
	float: left;display: inline-block;
}
.vue-list .page li span {
	color: #fff;
	padding: 5px 10px;
	margin-right: 10px;
	border: 1px solid #79818c;
	border-radius: 3px;
}
/*p3*/



.p345-bn {
	height: 540px;
	overflow: hidden;background-size: cover!important;
}
.p345-bn .bd {
	margin: 200px auto 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
}
.p345-bn .bd .a {
	font-size: 40px;
	padding: 10px 0 24px;
	letter-spacing: 3px;
	color: #00ccff;
}
.p345-bn .bd .b {
	font-size: 28px;
	padding-bottom: 24px;
	letter-spacing: 2px;
}
.p345-bn .bd .c {
	font-size: 16px;
	padding: 15px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #b0b0b0;
	background-color: rgba(0, 0, 0, 0.9);
}
.p345-bn .bd .c .icon {
	display: inline-block;
	padding-left: 50px;
	line-height: 45px;
	background: url("img/p345i.png") no-repeat left center;
}
.p345-bn.p3 {
	background: url("img/p3.jpg") no-repeat;
}
.p345-bn.p4 {
	background: url("img/p4.jpg") no-repeat;
}
.p345-bn.p5 {
	background: url("img/p5.jpg") no-repeat;
}
@media(min-width:992px) {
	.p345-bn .bd { width: 940px;}
	.p345-bn .bd .a {
	font-size: 52px;
	padding: 30px 0 24px;
	letter-spacing: 3px;
	color: #00ccff;
}
.p345-bn .bd .b {
	font-size: 36px;
	padding-bottom: 24px;
	letter-spacing: 2px;
}
.p345-bn .bd .c {
	font-size: 20px;
	padding: 15px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #b0b0b0;
	background-color: rgba(0, 0, 0, 0.9);
}
.p345-bn .bd .c .icon {
	display: inline-block;
	padding-left: 50px;
	line-height: 45px;
	background: url("img/p345i.png") no-repeat left center;
}
}
/*.p4 .color{*/

    /*color: #ffd800;*/

/*}*/

/*.p4 .bgc{*/

    /*background-color: rgba(255, 51, 51, 0.40);*/

/*}*/

/*.p5 .color{*/

    /*color: #ff3333;*/

/*}*/

/*.p5 .bgc{*/

    /*background-color: rgba(255, 51, 51, 0.40);*/

/*}*/

/*p h*/

.p-h {
	background-color: #131a25;
	padding: 30px 0;
	text-align: center;
}
.p-h .cell {
	position: relative;
	color: #fff; margin-bottom: 15px;
}

.p-h .cell:after {
	content: '';
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	border-right: 1px dotted #656a74;
}
@media(min-width:768px){
	.p-h .cell:after{display: block;}
	.p-h .cell:nth-child(2n):after{display: none;}
}
@media(min-width:992px){
	.p-h .cell:after,.p-h .cell:nth-child(2n):after{display: block;}
.p-h .cell.on:after,  .p-h .cell:last-child:after {
	display: none;
}
}

.p-h .cell.on {
	background-color: #0d121a;
	border-right: none;
}
.p-h .cell.on:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -1px;
	bottom: 0;
	border-left: 1px dotted #0d121a;
}
.p-h .cell .p {
	height: 130px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.5;
}
.p-h .cell .ph31 {
	background-image: url(img/ph31.png);
}
.p-h .cell .ph32 {
	background-image: url(img/ph32.png);
}
.p-h .cell .ph33 {
	background-image: url(img/ph33.png);
}
.p-h .cell .ph34 {
	background-image: url(img/ph34.png);
}
.p-h .cell .ph41 {
	background-image: url(img/ph41.png);
}
.p-h .cell .ph42 {
	background-image: url(img/ph42.png);
}
.p-h .cell .ph43 {
	background-image: url(img/ph43.png);
}
.p-h .cell .ph44 {
	background-image: url(img/ph44.png);
}
.p-h .cell .ph51 {
	background-image: url(img/ph51.png);
}
.p-h .cell .ph52 {
	background-image: url(img/ph52.png);
}
.p-h .cell .ph53 {
	background-image: url(img/ph53.png);
}
.p-h .cell .ph54 {
	background-image: url(img/ph54.png);
}
.p-h .cell.on .p {
	opacity: 1;
}
.p-h .t {
	font-size: 20px;
	margin-bottom: 10px;
}
.p-h .cell.on .t {
	color: #00ccff;
}
.p-h .d {
	color: #c4c4c4;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

.p-h .cell .link {
	display: block;
	width: 50%;
	margin: 0 auto 15px;
	padding: 6px;
	border-radius: 5px;
	color: #c4c4c4;
	border: 1px solid #797d83;
}
.p-h .cell.on .link {
	background-color: #00a9e1;
	border: 1px solid #00a9e1;
	color: #fff;
}
.p-h .ft {
	color: #c4c4c4;
	margin-bottom: 30px;
}
.p-h .cell.on .ft {
	color: #00a9e1;
}
/*p i*/

.p-i {
	padding: 55px 0;
	background-color: #fff;
}
.p-i .hd {
	text-align: center;
}
.p-i .hd.t {
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
	line-height: 40px;
	position: relative;
}
.p-i .hd.t:after {
	content: '';
	display: block;
	width: 220px;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -110px;
	border-bottom: 3px solid #ff4200;
}
.p-i .hd.t span {
}
.p-i .hd.d {
	color: #9499a2;
}
.p-i .bd {
	padding-top: 50px;
	margin: 0 -15px;
}
.p-i .cell .box {
	border: 1px solid #dddddd;
	margin: 0 15px 30px 15px;
	cursor: pointer;
}
.p-i .cell .t {
	padding: 20px 30px;
	text-align: center;
}
.p-i .cell .a {
	font-size: 30px;
	margin-bottom: 30px;
	color: #515151;
}
.p-i .cell .b {
	margin-bottom: 30px;
	line-height: 24px;
	max-height: 72px;
	overflow: hidden;
	letter-spacing: 1px;
	color: #666666;
}
.p-i .cell a {
	display: inline-block;
	padding: 10px 30px;
	border: 1px solid #fff;
	color: #68a6e3;
}
.p-i .cell.on .t {
	color: #fff;
	background-color: #5b99d0;
}
.p-i .cell.on .a {
	color: #fff;
	background: url("img/pi-1.png") no-repeat left center;
}
.p-i .cell.on .b {
	color: #fff;
	background: url("img/pi-2.png") no-repeat right center;
}
.p-i .cell.on a {
	color: #fff;
}
.p-i .link {
	display: block;
	width: 300px;
	margin: 30px auto 0;
	text-align: center;
	color: #fff;
	background-color: #ff4200;
	padding: 20px 50px;
	font-size: 18px;
}
/*pj*/

.p-j {
	padding: 50px;
	background-color: #f2f2f2;
}
.p-j .hd {
	text-align: center;
}
.p-j .hd.t {
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
	line-height: 40px;
	position: relative;
}
.p-j .hd.t:after {
	content: '';
	display: block;
	width: 220px;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -110px;
	border-bottom: 3px solid #ff4200;
}
.p-j .hd.d {
	color: #9499a2;
}
.p-j .bd {
	padding-top: 66px;
}
.p-j .bd .cell {
	text-align: center;
	padding: 80px 0;
	margin: 0 8px;
	background-repeat: no-repeat;
	color: #fff; margin-bottom: 15px;
}
.p-j .bd .c1 {
	color: rgba(255,255,255,.5);
	background-image: url("img/pjc1.jpg");
	background-position: center top;
}
.p-j .bd .c2 {
	background-image: url("img/pjc2.jpg");background-position: center top;
}
.p-j .bd .c3 {
	background-image: url("img/pjc3.jpg");background-position: center top;
}
.p-j .bd .c4 {
	color: rgba(255,255,255,.5);
	background-image: url("img/pjc4.jpg");background-position: center top;
}
.p-j .bd .t {
	font-size: 30px;
	margin-bottom: 20px;
}
.p-j .bd a {
	display: block;
	width: 110px;
	margin: 0 auto;
	padding: 5px 0;
	background: rgba(255,255,255,0.5);
	color: #fff;
	border-radius: 30px;
}
/*p6*/
.p6 .bn-box .a {
	font-size: 40px;
	margin-bottom: 10px;
}
@media (min-width: 992px){
.p6 .bn-box .a {
	font-size: 70px;
	margin-bottom: 10px;
}
}
.p6 .bn-box .b {
	font-size: 22px;
	margin-bottom: 20px;
}
.p6 .bn-box .c a {
	background-color: #00bb00;
}
.p-a.p6 {
	background-color: #122343;
}
.p-a.p6 .hd.t {
	letter-spacing: 2px;
}
.p-a.p6 .bd .t {
	padding-bottom: 20px;
}
.p-a.p6 .bd .d {
	padding-bottom: 20px;
	color: #fff;
}
/*pk*/

.p-k.p6 {
	background: url("img/p6-pk.jpg");
	padding: 55px 0;
}
.p-k .hd {
	color: #fff;
}
.p-k .bd {
	padding: 50px 0;
}
.p-k .bd .a,  .p-k .bd .b,  .p-k .bd .c {
	margin: 0 10px;
}
.p-k .bd .a {
	padding: 15px;
	color: #fff;
	text-align: center;
	font-size: 18px;
}
.p-k .bd .a1 {
	background: #184ebb;
}
.p-k .bd .a2 {
	background: #3bbb18;
}
.p-k .bd .a3 {
	background: #9e18bb;
}
.p-k .bd .a4 {
	background: #18aabb;
}
.p-k .bd .b {
	overflow: hidden;
	background: url("img/p6-pk-b.jpg");
	border: 2px solid #fff;
}
.p-k .bd .d {
	height: 195px;
	margin: 7px;
	padding: 30px 20px;
	background-color: #fff;
	font-size: 16px;
	line-height: 30px;
}
.p-k .bd .c {
	font-size: 16px;
	padding: 15px;
	text-align: center;
	color: #4d4d4e;
	background-color: #d3d3d3;
	margin-bottom: 15px;
}
.p-k .ft {
	padding: 20px 0;
	text-align: center;
}
.p-k .ft a {
	display: inline-block;
	max-width: 280px;
	min-width: 200px;
	padding: 20px 20px;
	color: #fff;
	font-size: 20px;
	margin: 0 20px;
}
.p-k .ft a:first-child {
	background-color: #ff4200;
	
}
.p-k .ft a:last-child {
	background-color: #0096ff;
}
/*pm */


.p-l .l,.p-l .r{padding: 15px;}
.p-l .l{background: #0066cb;}
@media (min-width: 992px){
	.p-l .l,.p-l .r{padding: 40px;}
	.p-l .r {
	padding-left: 60px;
}
.p-l {
	background: url("img/plbg.jpg") center;
	padding: 80px 0;
}
	.p-l .l,.p-l .r{background: none;}
	
}
.p-l .l {
	color: #fff;
}
.p-l .l .a {
	padding-top: 60px;
	font-size: 20pt;
}
.p-l .l .a span {
	color: #FDEB05;
}
.p-l .l .b {
	font-size: 16pt;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}
.p-l .l .c {
	padding: 30px 0;
	font-size: 20pt;
	letter-spacing: 1px;
}

.p-l .l .d p {
	position: relative;
	font-size: 15px;
	margin-bottom: 15px;
	padding-left: 15px;
}
.p-l .l .d p:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	height: 8px;
	width: 8px;
	background-color: #fff;
	border-radius: 50%;
}

.p-l .r .a {
	color: #ff4200;
	font-size: 20pt;
	margin-bottom: 15px;
}
@media(min-width: 768px){
	.p-l .l .a { font-size: 55px;}
	.p-l .l .b {font-size: 24px;}
	.p-l .l .c {font-size: 34px;}
	.p-l .r .a {font-size: 50px;}
}
.p-l .r .b,  .p-l .r .c {
	color: #585858;
	margin-bottom: 10px;
}
.p-l .r .b {
	font-size: 18px;
	letter-spacing: 1.5px;
}
.p-l .d .cell {
	border: 1px solid #dcdcdc;
	margin-bottom: 15px;
	border-radius: 5px;
	position: relative;
}
.p-l .getCode {
	position: absolute;
	text-align: center;
	width: 120px;
	right: -140px;
	padding: 10px 0;
	background-color: #ff4200;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
}

.p-l .d .cell label {
	width: 130px;
	padding: 10px 10px 10px 30px;
	color: #585858;
	border-right: 1px solid #dcdcdc;
	font-weight: normal;
	position: relative;
}
.p-l .d .cell label:before {
	content: '*';
	display: block;
	position: absolute;
	top: 12px;
	left: 10px;
	font-size: 20px;
	color: #ff4200;
}
.p-l .d .cell input {
	border: none;
	padding: 10px;
	color: #adadad;
}
.p-l .d .cell .error{
	color: #f00;
	font-size: 12px;
}
.p-l .r .e input {
	margin-right: 10px;
}
.p-l .r .e span {
	float: right;
}
.p-l .r .f {
	padding-top: 40px; margin-bottom: 20px;
	text-align: center;
}
.p-l .r .f a {
	display: block;
	background-color: #0096ff;
	color: #fff;
	font-size: 18px;
	padding: 12px 0;
	border-radius: 5px;
}
.p-l .r .f  .sub-btn{
	border:none;
	display: block;
	width: 80%;
	margin: 0 auto;
	background-color: #0096ff;
	color: #fff;
	font-size: 18px;
	padding: 12px 0;
	border-radius: 5px;
}

/*p 7*/
.p7.bn-box .a {
	font-size: 40px;
}
@media (min-width: 992px){
.p7.bn-box .a {
	font-size: 60px;
}
}
.p7.bn-box .b {
	font-size: 22px;
}
.p7.bn-box .c span {
	display:inline-block; white-space: nowrap; margin-bottom: 10px;
	position: relative;
	padding: 5px 10px 5px 10px;
	border-radius: 20px;
	color: #fff;
	background: #052b7d;
	font-size: 10pt;
	margin-right: 10px;
}
@media (min-width: 768px){
	.p7.bn-box .c span{font-size: 18px;padding: 5px 30px 5px 50px;}
	.p7.bn-box .c span:before,  .p7.bn-box .c span:after {
	content: '';
	display: block;
	position: absolute;
}
.p7.bn-box .c span:before {
	top: 12px;
	left: 20px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ffffff;
}
.p7.bn-box .c span:after {
	top: 7px;
	left: 15px;
	height: 20px;
	width: 20px;
	border: 1px solid #fff;
	border-radius: 3px;
}
}

.p-m .hd {
	color: #041330;
}
.p-m.p7 {
	padding: 50px 0;
	background: url("img/p7pm.jpg");
}
.p-m .bd {
	padding-top: 80px;
}
.p-m .bd .p, .p-m .bd .t {
	margin: 0 10px;
}
.p-m .p {
	padding: 25px 0;
	background-color: #bb183b;
}
.p-m.p7 .p1 {
	background-color: #bb183b;
}
.p-m.p7 .p2 {
	background-color: #bb7818;
}
.p-m.p7 .p3 {
	background-color: #18bb78;
}
.p-m.p7 .p4 {
	background-color: #5918bb;
}
.p-m .bd .p img {
	display: block;
	margin: 0 auto;
}
.p-m .bd .t {
	padding: 30px 20px;
	background-color: #fff;
	margin-bottom: 15px;
}
.p-m .bd .t .a {
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
}
.p-m .bd .t .b {
	line-height: 24px;
	height: 120px;
	color: #4d4d4e;
}
.p-m .bd .t .c {
	display: block;
	margin: 0 auto;
	width: 60%;
	padding: 5px;
	color: #4d4d4e;
	border: 1px solid #d0d0d0;
	text-align: center;
	font-size: 16px;
}
/*p n*/

.p-n {
	padding: 60px 0;
	background: #122343;
	color: #fff;
}
.p-n .hd.d {
	color: #9499a2;
	padding-bottom: 60px;
}
.p-n .bd {
	text-align: center;
}
.p-n .bd .p,  .p-n .bd .t {
	background-color: #2a3956;
	margin: 0 10px;
}
.p-n .bd .p {
	padding-top: 30px;
}
.p-n .bd .t {
	padding: 30px 0; margin-bottom: 15px;
}
.p-n .bd .a {
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
}
.p-n .bd .b {
	line-height: 24px;
	height: 72px;
}
/*p2*/

.p2 .bn-box .a {
	font-size: 24pt;
	margin-bottom: 15px;
}
.p2 .bn-box .b i {
	color: #fff000;
	font-style: normal;
}
@media(min-width: 768px){
	.p2 .bn-box .a {
	font-size: 60px;
	margin-bottom: 15px;
}
}
/*p8*/



.p-bn.p8 {
	background: url("img/p8.jpg");
}
.p8 .p7.bn-box .c span {
	background: #045262;
}
.p2 .p7.bn-box .c span {
	background: #030c1f;
}
.p-m.p8 {
	padding: 50px 0;
	background:#f4f4f4}
.p-m.p8 .p1 {
	background-color: #83bb18;
}
.p-m.p8 .p2 {
	background-color: #6918bb;
}
.p-m.p8 .p3 {
	background-color: #bb3b18;
}
.p-m.p8 .p4 {
	background-color: #1883bb;
}
/*p9*/



.p-a.p9 {
	background-color: #122343;
}
.p-o {
	padding: 10px;
}
@media(min-width: 768px){
	.p-o {
	padding: 60px;
}
}
.p-o .hd {
	color: #fff;
}
.p-o .hd.d {
	color: #9499a2;
}
.p-o.p9 {
	min-height: 600px;
	background-image: url(img/p9po.jpg);
}
.p-o .bd {
	padding-top: 75px;
	color: #fff;
}
.p-o .box {
	padding: 50px 30px;
	background-color: rgba(36, 96, 163, 0.2);
	margin: 0 5px 10px;
}

.p-o .box .p { text-align: center;
}
@media(min-width: 768px){
	.p-o .box .p {
	float: left;width: 45%;
	margin-right: 40px;
}
}
.p-o .box .p img{max-width: 100%;}
.p-o .box .t {
	overflow: hidden;
}
.p-o .box .t .a {
	font-size: 20px;
	margin-bottom: 20px;
}
.p-o .box .t .b {
	line-height: 28px;
	margin-bottom: 80px;
}
.p-o .box .t .c {
	display: block;
	color: #ffffff;
	padding: 10px;
	border: 1px solid #fff;
	text-align: center;
	width: 160px;
}
.p-o .ft {
	padding: 70px 0 10px;
}
.p-o .ft a {
	display: block;
	width: 280px;
	margin: 0 auto;
	background-color: #ff4200;
	padding: 20px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
/*p10*/



.p-bn.p10 {
	height: 540px;
	background-image: url(img/p10.jpg);
}
.p10 .bn-box {
	position: relative;
	height: 540px;
}
.p10 .bn-box .a {
	font-size: 40pt;
	letter-spacing: 5px;
}
@media(min-width: 768px){
	.p10 .bn-box .a {
	font-size: 60px;
	letter-spacing: 5px;
}
}
.p10 .bn-box .b {
	font-size: 26px;
	margin-bottom: 30px;
}
.p10 .bn-box .f {
	margin-bottom: 50px; margin-left: 5%;
}
.p10 .bn-box .f a {
	display: block;
	width: 180px;
	padding: 10px 50px;
	color: #fff;
	background-color: #ff4200;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
}
.p10 .bn-box .bg {
	width: 610px;
	height: 450px;
}
.p10 .bn-box .bg span {
	color: #ffffff;
	position: absolute;
	font-size: 18px;
	letter-spacing: 2px;
	font-style: oblique;
}
.p10 .bn-box .bg .t1 {
	top: 100px;
	left: 0;
}
.p10 .bn-box .bg .t2 {
	top: 140px;
	right: -100px;
}
.p10 .bn-box .bg .t3 {
	top: 260px;
	left: -80px;
}
/*p p*/
.pp-menu {
	position: absolute;
	width: 80px;
	right: -100px;
	top: 60px;display: none;
}
@media(min-width:1200px){
	.pp-menu {display: block;}
}

.pp-menu li a {
	position: relative;
	display: block;
	padding: 6px 10px;
	border: 1px solid #d2d2d2;
	color: #939393;
	margin-bottom: 24px;
	border-radius: 3px;
}
.pp-menu li a:hover {
	background-color: #ff4200;
	color: #fff;
}
.pp-menu li.current a {
	background-color: #ff4200;
	border: 1px solid #ff4200;
	color: #fff;
}
.pp-menu li.current {
	position: relative;
}
.pp-menu li.current:before {
	content: '';
	position: absolute;
	top: 8px;
	left: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #ff4200;
}
.pp-menu a:after {
	content: '';
	display: block;
	position: absolute;
	height: 18px;
	bottom: -22px;
	left: 50%;
	border-right: 2px solid #cccccc;
}
.pp-menu li:last-child a:after {
	display: none;
}
.p-p .a-hd {
	position: relative;
	color: #393838;
	text-align: center;
	border-bottom: 1px solid #ebebeb;
	padding: 30px 0 15px;
	font-size: 30px;
}
.p-p .a-hd:after {
	content: '';
	display: block;
	width: 220px;
	margin-left: -110px;
	position: absolute;
	bottom: 0;
	left: 50%;
	border-bottom: 2px solid #ff4200;
}
.p-p .a-bd {
	line-height: 30px;
	font-size: 16px;
	padding: 30px 2% 0;
	color: #1b1b1b;
}
.p-p .b-hd {
	font-size: 26px;
	position: relative;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-top: 50px;
}
.p-p .b-hd:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	height: 30px;
	border-left: 3px solid #ff4200;
}
.p-p .b-bd {
	background: #f1f1f1;
}
.p-p .b-bd .hd {
	border: 1px solid #e1e1e1;
	border-right: none;
}
.p-p .b-bd .hd ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.p-p .b-bd .hd li {
	text-align: center;
	padding: 15px 0;
	background-color: #fff;
	border-right: 1px solid #e1e1e1;
	font-size: 10pt;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	cursor: pointer;
}
@media(min-width:768px){
	.p-p .b-bd .hd li {font-size: 18px;}
}
.p-p .b-bd .hd li.on {
	background: #f1f1f1;
}
.p-p .b-bd .pic { text-align: center;
	padding: 25px;
}
.p-p .b-bd .pic img{max-width: 100%;}
@media(min-width:992px){
.p-p .b-bd .pic {
	padding: 25px;width: 45%;
	float: left;
}
.p-p .b-bd .pic img{max-width: 100%;}
}
.p-p .b-bd .txt {
	padding: 5% 10%;
	overflow: hidden;
}
.p-p .b-bd .txt h4 {
	font-size: 30px;
	padding-bottom: 20px;
}
.p-p .b-bd .txt p {
	font-size: 18px;
	color: #445368;
	line-height: 30px;
	margin-bottom: 30px;
}
.p-p .b-bd .txt a {
	display: block;
	width: 180px;
	background: #ff4200;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	border-radius: 5px;
}
.p-p .c-bd {
	margin-right: -20px;
}
.p-p .c-bd .x-3 {
	padding-right: 20px;
}
.p-p .c-bd .pic {margin: 0 10px;
	background: #525e71;
	padding: 30px 0;
}
.p-p .c-bd .pic img {
	display: block;
	margin: 0 auto;
}
.p-p .c-bd .txt {margin: 0 10px 15px;
	min-height: 220px;
	padding: 20px;
	background: #eeeeee;
}
.p-p .c-bd .txt .a {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}
.p-p .c-bd .txt .b {
	line-height: 24px;
	color: #4d4d4e;
}
.p-p .d-bd {
	padding: 0 10px;
	border: 1px solid #e1e1e1;
}
.p-p .d-bd ul li {
	border-bottom: 1px dotted #e1e1e1;
}
.p-p .d-bd img {
	display: block;
	margin: 0 auto;
}
.p-p .e-bd {
	margin-right: -30px;
	margin-bottom: 30px;
}
.p-p .e-bd .pic {
	padding: 30px;
	background-color: #eeeeee;
	margin-right: 30px;
}
.p-p .e-bd img {
	display: block;
	margin: 0 auto;
}
.p-p .e-bd .txt {
	text-align: center;
	margin-right: 30px;
	background-color: #eeeeee;
	border-bottom: 5px solid #d2d3d6;
	padding-bottom: 30px; margin-bottom: 15px;
}
.p-p .e-bd .txt .a {
	font-size: 26px;
	margin-bottom: 20px;
}
.p-p .e-bd .txt .b {
	margin: 40px;
}
.p-p .e-bd .txt .c {
	display: block;
	margin: 0 auto;
	width: 170px;
	color: #000;
	background: #ffffff;
	padding: 10px 0;
	border-radius: 5px;
}
.p10-ft {
	padding: 60px 0;
	background: #efefef;
}
.p10-ft .hd.d {
	color: #858585;
}
.p10-ft .a {
	margin-top: 50px;
	background-color: #242424;
	color: #ffcc00;
	font-size: 20px;
	padding: 15px 30px;
}
.p10-ft .b {
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	border-bottom: 5px solid #7f7f7f;
}
.p10-ft .b thead td {
	background: #3c4454;
	padding: 15px 0;
	border-right: 1px solid #303641;
}
.p10-ft .b tbody td {
	padding: 30px 0;
	background: #545d70;
	line-height: 40px;
	border-right: 1px solid #404654;
}
.p10-ft .b tbody td a {
	display: block;
	max-width: 220px;
	padding: 5px 0;
	margin: 0 auto;
	background: #ff4200;
	color: #fff;
	border-radius: 5px;
}

.p-bn{height: 600px;}
.bn-menu,.p-c,.p-d {display: none;}
@media(min-width: 768px){
	.p-bn{height: 790px;}
	.bn-menu,.p-c,.p-d {display: block;}
}




/* XUI V1.0.0 | by whx | (c) 2016 HaiXuan,Inc. | Licensed under MIT */


:after, 
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html {
	box-sizing: border-box;
}
body, div, dl, dt, dd, ul, li, p, span, input, button, textarea, blockquote {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Microsoft Yahei", Arial;
	font-size: 14px;
	line-height: 1.6;
}
fieldset, img {
	border: 0
}
pre,  code,  form,  fieldset,  legend {
	margin: 0;
	padding: 0
}
address,  caption,  cite,  code,  dfn,  em,  th,  var,  optgroup {
	font-style: inherit;
	font-weight: inherit
}
del,  ins {
	text-decoration: line-through;
	color: #787878;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px; 
	margin-bottom: 30px;
	
}
caption,  th {
	text-align: left
}
abbr, acronym {
	border: 0;
	font-variant: normal
}
sup {
	vertical-align: baseline
}
sub {
	vertical-align: baseline
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: 500;
}
table {
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
th {
	font-weight: bold;
	vertical-align: bottom;
}
td {
	font-weight: normal;
	vertical-align: top;
}
.table > thead > tr > th,  .table > tbody > tr > th,  .table > tfoot > tr > th,  .table > thead > tr > td,  .table > tbody > tr > td,  .table > tfoot > tr > td {
	vertical-align: top;
	border-top: 1px solid #ddd;
}
ol,  ul,  li {
	list-style: none;
}
/*form*/

label {
	display: inline-block;
	max-width: 100%;
}
input,  button,  textarea,  select,  optgroup,  option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}
input,  select {
	vertical-align: middle;
}
label,  input[type=button],  input[type=submit],  input[type=file],  button {
	cursor: pointer;
}
button,  input[type=button] {
	width: auto;
	overflow: visible;
}
button,  input,  select,  textarea {
	margin: 0;
}
input[type="radio"],  input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px;
	line-height: normal;
}
input[type="file"] {
	display: block;
}
input[type="range"] {
	display: block;
	width: 100%;
}
/*form*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}
a {
	margin: 0;
	padding: 0;
}
a {
	cursor: pointer;
}
a:link,  a:hover,  a:active,  a:visited {
	text-decoration: none;
}
a:focus {
	color: #23527c;
	text-decoration: underline;
}
b, strong {
	font-weight: bold;
}
.x_img {
	display: block;
	max-width: 100%;
	height: auto;
}
img {
	vertical-align: middle;
}
/*primary*/

.x_t_p {
	color: #286090;
}
.x_bg_p {
	background-color: #286090;
}
/*success*/

.x_t_s {
	color: #3c763d;
}
.x_bg_s {
	background-color: #3c763d;
}
/*warning*/

.x_t_w {
	color: #8a6d3b;
}
.x_bg_w {
	background-color: #8a6d3b;
}
/*danger*/

.x_t_d {
	color: #a94442;
}
.x_bg_d {
	background-color: #a94442;
}
/*flex css*/

.x_fx {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.x_f1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	/*flex: 1;*/
}
.x_fc {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}
/*float*/

.x_fl {
	float: left !important;
}
.x_fr {
	float: right !important;
}
.x_oh {
	overflow: hidden;
}
/*container*/

.x_w {
	margin: 0 auto;
}

@media (min-width: 768px) {
.x_w {
	width: 750px;
}
}

@media (min-width: 992px) {
.x_w {
	width: 970px;
}
}

@media (min-width: 1200px) {
.x_w {
	width: 1000px;
}
}
@media (min-width: 1400px) {
.x_w {
	width: 1240px;
}
}
.x_w:before,  .x_w:after,  .x_row:before,  .x_row:after,  .x_cf:before,  .x_cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.x-1, .x-s-1, .x-m-1, .x-l-1,  .x-2, .x-s-2, .x-m-2, .x-l-2,  .x-3, .x-s-3, .x-m-3, .x-l-3,  .x-4, .x-s-4, .x-m-4, .x-l-4,  .x-5, .x-s-5, .x-m-5, .x-l-5,  .x-6, .x-s-6, .x-m-6, .x-l-6,  .x-7, .x-s-7, .x-m-7, .x-l-7,  .x-8, .x-s-8, .x-m-8, .x-l-8,  .x-9, .x-s-9, .x-m-9, .x-l-9,  .x-10, .x-s-10, .x-m-10, .x-l-10,  .x-11, .x-s-11, .x-m-11, .x-l-11,  .x-12, .x-s-12, .x-m-12, .x-l-12,  .x-20 {
	position: relative;
	min-height: 1px;
}
.x-1, .x-2, .x-3, .x-4, .x-5, .x-6,  .x-7, .x-8, .x-9, .x-10, .x-11, .x-12, .x-20 {
	float: left
}
.x-12 {
	width: 100%
}
.x-11 {
	width: 91.66666667%
}
.x-10 {
	width: 83.33333333%
}
.x-9 {
	width: 75%
}
.x-8 {
	width: 66.66666667%
}
.x-7 {
	width: 58.33333333%
}
.x-6 {
	width: 50%
}
.x-5 {
	width: 41.66666667%
}
.x-4 {
	width: 33.33333333%
}
.x-3 {
	width: 25%
}
.x-2 {
	width: 16.66666667%
}
.x-1 {
	width: 8.33333333%
}
.x-20 {
	width: 20%;
}

@media (min-width: 768px) {
.x-s-1, .x-s-2, .x-s-3, .x-s-4, .x-s-5, .x-s-6, .x-s-7, .x-s-8, .x-s-9, .x-s-10, .x-s-11, .x-s-12 {
	float: left
}
.x-s-12 {
	width: 100%
}
.x-s-11 {
	width: 91.66666667%
}
.x-s-10 {
	width: 83.33333333%
}
.x-s-9 {
	width: 75%
}
.x-s-8 {
	width: 66.66666667%
}
.x-s-7 {
	width: 58.33333333%
}
.x-s-6 {
	width: 50%
}
.x-s-5 {
	width: 41.66666667%
}
.x-s-4 {
	width: 33.33333333%
}
.x-s-3 {
	width: 25%
}
.x-s-2 {
	width: 16.66666667%
}
.x-s-1 {
	width: 8.33333333%
}
}

@media (min-width: 992px) {
.x-m-1, .x-m-2, .x-m-3, .x-m-4, .x-m-5, .x-m-6, .x-m-7, .x-m-8, .x-m-9, .x-m-10, .x-m-11, .x-m-12 {
	float: left
}
.x-m-12 {
	width: 100%
}
.x-m-11 {
	width: 91.66666667%
}
.x-m-10 {
	width: 83.33333333%
}
.x-m-9 {
	width: 75%
}
.x-m-8 {
	width: 66.66666667%
}
.x-m-7 {
	width: 58.33333333%
}
.x-m-6 {
	width: 50%
}
.x-m-5 {
	width: 41.66666667%
}
.x-m-4 {
	width: 33.33333333%
}
.x-m-3 {
	width: 25%
}
.x-m-2 {
	width: 16.66666667%
}
.x-m-1 {
	width: 8.33333333%
}
}

@media (min-width: 1200px) {
.x-l-1, .x-l-2, .x-l-3, .x-l-4, .x-l-5, .x-l-6, .x-l-7, .x-l-8, .x-l-9, .x-l-10, .x-l-11, .x-l-12 {
	float: left
}
.x-l-12 {
	width: 100%
}
.x-l-11 {
	width: 91.66666667%
}
.x-l-10 {
	width: 83.33333333%
}
.x-l-9 {
	width: 75%
}
.x-l-8 {
	width: 66.66666667%
}
.x-l-7 {
	width: 58.33333333%
}
.x-l-6 {
	width: 50%
}
.x-l-5 {
	width: 41.66666667%
}
.x-l-4 {
	width: 33.33333333%
}
.x-l-3 {
	width: 25%
}
.x-l-2 {
	width: 16.66666667%
}
.x-l-1 {
	width: 8.33333333%
}
}
/*fixed*/

.x_fix_t,  .x_fix_b {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1000;
}
.x_fix_t {
	top: 0;
}
.x_fix_b {
	bottom: 0;
}
/*nav*/

.x_dn {
	display: none;
}
.x_db {
	display: none;
}

@media (min-width: 768px) {
.x__fl {
	float: left !important;
}
.x__fr {
	float: right !important;
}
.x_nav_btn {
	display: none;
}
.x_nav > li {
	float: left;
}
.x_nav.x_dn {
	display: block !important;
}
}

@media(max-width: 767px) {
.x_db {
	display: block;
}
.x__db {
	display: none;
}
}
/*toast*/

#x_toast {
	display: none;
}
#x_toast_bg {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#x_toast_box {
	position: fixed;
	z-index: 5000;
	width: 300px;
	min-height: 120px;
	top: 180px;
	left: 50%;
	margin-left: -150px;
	background: rgba(17, 17, 17, 0.9);
	text-align: center;
	border-radius: 5px;
	color: #FFFFFF;
}
#x_toast_icon {
	display: block;
	margin: 22px 0 0;
	height: 80px;
}
#x_toast_icon.success {
	background: url(img/toast_success.png) center no-repeat;
}
#x_toast_icon.error {
	background: url(img/toast_error.png) center no-repeat;
}
#x_toast_txt {
	font-size: 16px;
	padding: 15px;
	margin: 0 0 15px;
}