@font-face {
	font-family: grbold;
	src: url("../fonts/Graphik-Bold.otf") format("opentype");
}

@font-face {
	font-family: grme !important;
	src: url("../fonts/Graphik-Medium.otf") format("opentype");
}

@font-face {
	font-family: grli !important;
	src: url("../fonts/Graphik-light.ttf") format("truetype");
}

@font-face {
	font-family: ssme !important;
	src: url("../fonts/SourceHanSansSC-Medium.otf") format("opentype");
}

html,
body {
	margin: 0;
	padding: 0;
	position: relative;
	/*top: 0;
  left: 0;
  width: 100%;
  height: 100%;*/
	font-family: ssam, "microsoft yahei", arial;
	color: #000;
	
	background: #EBEBEB;
}

body {
	
	
	
}


/*html, body {
	  height: 100%;
	  overflow: hidden;
	}*/

em,
i {
	font-style: inherit;
}

a {
	color: #000;
}

a:hover {
	color: #1f286f;
}

small,
.small {
	font-size: 100%;
}

.modal-backdrop {
	height: 100%;
}

.modal-content {
	border-radius: 0;
	border: none;
}

.dropdown-menu {
	max-height: 220px !important;
	border-radius: 0;
}

.btn {
	outline: 0;
}


label{font-weight: normal;}

.dropdown-menu {
	max-height: 150px !important;
}

.form-control:focus {
	box-shadow: none;
	outline: none;
}

ul,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.section {
	position: relative;
}

.section:nth-of-type(even) {
	background: #fff;
}



.nextbtn,
.prev-btn {
	width: 100px;
	height: 100px;
	position: absolute;
	z-index: 20;
	text-align: center;
	cursor: pointer;
}

.nextbtn {
	bottom: 90px;
	right: 50%;
	background: url(../img/pagearrow.png);
}

.section-wrap {
	padding: 130px 210px 50px 210px;
	width: 100%;
	margin: 0 auto;
	/*overflow: auto;*/
}

.section-header {
	width: 100%;
	position: relative;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	/* color: #1f286f; */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-bottom: 5px;
	margin-bottom: 50px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}


/* section-header 左侧小图标 */

/* .section-header:after {
	color: #1f286f;
	content: "\e724";
	position: absolute;
	bottom: -5px;
	font-size: 28px;
	left: -50px;
	font-family: "iconfont";
} */

.section-header:before {
	width: 100%;
	height: 1px;
	border-bottom: #000 solid 1px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
}

.section-header h5 {
	font-size: 24px;
	font-weight: bold;
}

.section-header .number span {
	margin: 0 5px;
	font-size: 14px;
}

.section-header .more {
	font-size: 12px;
	color: #1f286f;
}

.section-header .more:before {
	content: "\e721";
	font-size: 12px;
	margin-left: 10px;
	font-family: "iconfont";
	float: right;
}

.section-header .sort {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	
	  -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	
	
	
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.section-header .sort .list {
	margin-left: 10px;
	color: #333;
	cursor: pointer;
	color: #1f286f;
}

.section-header .sort .iconfont {
	font-size: 12px;
	margin-left: 5px;
}

.section-header .sort .list.act {
	font-weight: bold;
}

.section-header .sort .small .iconfont {
	font-size: 16px
}


/*scrollbanner*/


/*#section0 .slide-image{width: 60% !important;float:right;}
*/


/*滚动切换*/


/*.swiper-container {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}*/

.swiper-wrapper {
	padding-bottom: 20px;
}

.swiper-slide {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	
	
}

.swiper-pagination-bullet {
	width: 25px;
	height: 4px;
	background: url(../img/pagination-bullet.png) transparent;
	display: inline-block;
	border-radius: 0;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: url(../img/pagination-bullet-active.png);
}

.header {
	width: 100%;	
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100 !important;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .8)), color-stop(70%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
	/* Chrome,Safari4+ */
}

.firstscreen {
	position: relative;
}

.firstscreen:before {
	/*width: 100%;*/
	/*height: 150px;*/
	/*display: block;*/
	/*position: absolute;*/
	/*content: "";*/
	/*top: 0;*/
	/*right: 0;*/
	/*z-index: 9;*/
	/*background: -moz-linear-gradient(top, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 245, 0.2) 70%, rgba(255, 255, 255, 0) 100%);*/
	/*!* FF3.6+ *!*/
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .8)), color-stop(70%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));*/
	/*!* Chrome,Safari4+ *!*/
}

.header .logo {
	margin: 40px 0 10px 50px;
	width: 150px;
	height: 50px;
}

@media screen and (max-width: 1500px) {
	.header .logo {
		margin: 40px 0 10px 50px;
		width: 150px;
		height: 50px;
	}
}

@media screen and (min-width: 1501px) and (max-width: 1800px) {
	.header .logo {
		margin: 40px 0 10px 50px;
		width: 150px;
		height: 50px;
	}
}

@media screen and (min-width: 1801px) {
	.header .logo {
		margin: 40px 0 10px 60px;
		width: 150px;
		height: 50px;
	}
}

.header .navbox {
	width: 60%;
	
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	position: relative;
}

.header .navbox:before {
	width: 100%;
	height: 1px;
	content: "";
	background: #1F286F;
	bottom: -1px;
	position: absolute;
}

.header .hnav {
	-webkit-box-flex: 1;
	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;
	/* OLD - Firefox 19- */
	-webkit-flex: 1;
	/* Chrome */
	-ms-flex: 1;
	/* IE 10 */
	flex: 1;
	padding-right: 20px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	
	
	  -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;	
	flex-direction: row;
	
	
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.header .hnav li a {
	height: 30px;
	line-height: 30px;
	position: relative;
	display: block;
}

.header .hnav li {
	position: relative;
	text-align: center;
}

@media screen and (max-width: 1500px) {
	.header .hnav li {
		padding: 0 12px;
	}
}

@media screen and (min-width: 1501px) and (max-width: 1800px) {
	.header .hnav li {
		padding: 0 20px;
	}
}

@media screen and (min-width: 1801px) {
	.header .hnav li {
		padding: 0 30px;
	}
}

.header .hnav li a:hover,
.header .hnav>li.open>a {
	color: #1f286f;
}

.header .hnav .subnav {
	width: 150px;
	text-align: center;
	display: none;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -75px;
	padding: 10px 0;
}

.header .hnav .subnav a {
	height: 30px;
	line-height: 30px;
	padding: 0;
}

.header .hnav .subnav a:hover {
	color: #000;
	font-weight: bold;
}

.header .hnav li>a:before {
	width: 2px;
	height: 3px;
	transition: .3s;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -1px;
	opacity: 0;
	bottom: -2px;
	background: #1f286f;
}

.header .hnav li>a:hover:before,
.header .hnav>li.open>a:before {
	width: 100%;
	transition: .3s;
	opacity: 1;
	left: 50%;
	margin-left: -50%;
}

.header .hnav li.open .subnav {
	display: block;
}

.header .hnav li.open>a {
	font-weight: bold;
}

.header .hrnav {
	width: 200px;
	padding-left: 30px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	
	  -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;	
	flex-direction: row;
	
	
	
	
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	border-left: #1f286f solid 1px;
}

.header .hrnav li {
	position: relative;
}

.header .hrnav li>a {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	display: block;
}

.header .navbox li>a {
	color: #000;
}

.header .navbox li>a:hover {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.header .navbox li:first-child .iconfont {
	font-size: 20px;
}

.header .hrnav li:hover .loginsub {
	display: block;
}

.header .hrnav .loginsub {
	position: absolute;
	display: none;
	padding: 10px 0;
	top: 30px;
	left: 50%;
	margin-left: -75px;
	background: #1f286f;
	width: 150px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

.header .hrnav .loginsub p {
	margin-bottom: 15px;
}

.header .hrnav .loginsub p:last-child {
	margin-bottom: 0;
}

.header .hrnav .loginsub p a {
	color: #fff;
}

.header .hrnav .loginsub p a:hover {
	text-decoration: underline;
}

.header .hrnav .loginsub p em {
	margin: 0 5px;
}

.header .hrnav .number {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ff0000;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
}

.header .hrnav .searchbox {
	position: absolute;
	top: 30px;
	right: 0;
	display: none;	
    width: 380px;
    height: 30px;
    background: #1F286E;
	
}

.header .hrnav .searchbox .search-input {
	width: 310px;
	height: 30px;	
	color: #fff;
	border: none;
	padding: 0 15px;
	float: left;
	background: #1F286E;
}


.header .hrnav .searchbox .search-btn {
	width: 40px;
	height: 30px;
	border: none;
	background: transparent;
	text-align: center;
	line-height: 30px;
	font-size: 14px !important;
	color: #fff;
	float: left;
}



.search-input::-webkit-input-placeholder {
	color: #fff;
}

.search-input::-moz-placeholder {
	color: #fff;
}

.search-input:-ms-input-placeholder {
	color: #fff;
}

.search-input:-moz-placeholder {
	color: #fff;
}


/*艺术品*/

.homeartwork {
	padding-top: 50px;
}

.homeartwork .swiper-wrapper .swiper-slide {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.homeartwork .listbig {
	width:calc(50% - 50px);
}
.homeartwork .listbig .item{margin-right: 0;}

.homeartwork .list {
		width:calc(50% - 50px);
}

.homeartwork .list .item{width: calc(50% - 50px);}



#hw-swiper .swiper-slide {
	opacity: 0;
	position: relative;
}




#hw-swiper .swiper-slide-active {
	opacity: 1;
}

.homeartwork .listbig .itempic {
	width: 100%;	
	height: initial;
	position: relative;
	overflow: initial
}

.homeartwork .listbig .itempic .pic{width: 100%;position: relative; display: block;}
.homeartwork .listbig .itempic .pic:before{width: 100%;content: "";display: block;padding-top: 100%;}
.homeartwork .listbig .itempic .pic img{width: 100%;height:100%;position: absolute;top: 0;left: 0;}

.homeartwork .list .itempic .pic{width: 100%;position: relative; display: block;}
.homeartwork .list .itempic .pic:before{width: 100%;content: "";display: block;padding-top: 100%;}
.homeartwork .list .itempic .pic img{width: 100%;height:100%;position: absolute;top: 0;left: 0;}



.homeartwork .listbig .item {
	width: 100%;
	
}

.homeartwork .item .itempic img {
	width: 100%;
	height: 100%;
}

.homeartwork .list .item {
	
	
	position: relative;
	margin-bottom: 65px;
}

.homeartwork .list .item:nth-of-type(2n) {
	margin-right: 0;
}

.item .item-name {
	width: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.item .item-name .collect {
	color: #999;
	cursor: pointer;
	margin-right: 10px;
}

.item .item-name .collect i {
	margin-left: 5px;
}

.item .item-name .collect.active {
	color: #1f286f;
}

.item .item-name .name {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}


/*.homeartwork .list .itempic{height: auto;}*/

.homeartwork .list .item:nth-of-type(3),
.homeartwork .list .item:nth-of-type(4) {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	  -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	margin-bottom: 0;
}

.item-detail {
	width: 100%;
	padding: 20px;
	position: absolute;
	left: 0;
	top: 0;
	transition: .3s;
	background: rgba(255, 255, 255, .95);
	z-index: 1;
	opacity: 0;
}

.item-detail .head {
	border-bottom: #000 solid 1px;
	padding-bottom: 20px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	  -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.item-detail .head .name {
	font-size: 18px;
	font-weight: bold;
	color: #1f286f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.item-detail .head .pricebox {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 10px;
}

.item-detail .head .price {
	text-align: right;
	height: 30px;
	line-height: 30px;
	padding: 0 25px;
	font-size: 18px;
	font-weight: bold;
	background: #1F286F;
	color: #fff;
}

.item-detail .head .cart {
	margin-left: 20px;
}

.item-detail .head .cart .iconfont {
	color: #000;
	margin-right: 5px;
}

.item-detail .detail {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;

	margin-top: 20px;
}

.item-detail .detail label {
	min-width: 100px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 1px;
}

.item-detail .detail p {

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

.item-detail .detail p {
	line-height: 24px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal!important;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	margin-bottom: 0;
}

.listbig .item-detail .head {
	
	  -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;	
	flex-direction: row;
	
}

.listbig .item-detail .head .name {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.listbig .item-detail .head .pricebox {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 0;
}

.listbig .item-detail .detail {
	  -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;	
	flex-direction: row;
	
}

.bigsort .item-detail .head {
	  -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;	
	flex-direction: row;
	
}

.bigsort .item-detail .head .name {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.bigsort .item-detail .head .pricebox {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 0;
}

.bigsort .item-detail .detail {
	  -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;	
	flex-direction: row;
	
}


/*艺术家*/

 .swiper-container {
        width: 100%;
        height: 100%;
    }


.swiper-slide {
	display: inline-block;
	
	    display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
		flex-flow:wrap;
      
	
}

.homeartist {
	width: 100%;
	height: 100%;
	padding-top: 50px;
}

.item {
	width: calc(100%/4 - 75px);
	float: left;
	margin-right: 100px;
	margin-bottom: 60px;
}

.item:nth-of-type(4n) {
	margin-right: 0;
}

.itempic {
	cursor: pointer;
	position: relative;
	width: 100%;	
	z-index: 2;
}

.itempic .pic{width: 100%;position: relative;display: block;}
.itempic .pic:before{width: 100%;display: block;content: "";padding-top: 100%;}

.itempic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
}

.item .item-name {
	width: 100%;
	margin-top: 15px;
}

.item .itempic .item-info {
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #fff;
	transition: .3s;
	position: absolute;
	bottom: 0px;
	left: 0;
	transition: .3s;
	opacity: 0;
	z-index: 1;
	background: rgba(0, 0, 51, .8);
}

.item .itempic:hover .item-info {
	transition: .3s;
	opacity: 1;
	transition: .3s;
	z-index: 10;
}

.homeartist .item-name {
	display: inherit;
}

.item .itempic:hover img {
	transform: scale(1.1, 1.1);
	transition: .3s;
}

.item .itempic:hover {
	box-shadow: rgba(111, 111, 111, .6) 0 0px 20px;
	transition: .3s;
}

.homeartist .swiper-slide .item:nth-of-type(5),
.homeartist .swiper-slide .item:nth-of-type(6),
.homeartist .swiper-slide .item:nth-of-type(7),
.homeartist .swiper-slide .item:nth-of-type(8) {
	margin-bottom: 0;
}

.item .itempic .pic {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 2;
	border: #1F286F solid 1px;
}

.itempic.active .item-detail {
	display: block;
	transition: .3s;
	top: 100%;
	opacity: 1;
}

.item:hover {
	z-index: 10;
}


/*活动*/

.homeevent.swiper-container {
	height: 600px;
}

.homeevent .item {
	margin-bottom: 50px;
}

.homeevent .item-name {
	display: inherit;
	height: 40px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.homeevent:nth-of-type(2) {
	margin-top: 35px;
}

.item .item-date {
	font-size: 14px;
	margin-top: 15px;
}

.homeevent:first-child {
	padding-top: 50px;
}


/*文化*/

.homeculture {
	width: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding-top: 50px;
}

.homeculture .about {
	width: 40%;
	color: #000;
}

.homeculture .about p {
	text-indent: 30px;
	line-height: 24px;
	margin-bottom: 20px;
}

.homeculture .about p:last-child {
	margin-bottom: 0;
}

.homeculture .culture {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	font-size: 24px;
	line-height: 30px;
	position: relative;
	padding: 0 0 0 210px;
}

.homeculture .culture:before {
	width: 50px;
	height: 50px;
	color: #ccc;
	content: "\e724";
	font-family: "iconfont";
	position: absolute;
	font-size: 40px;
	top: 13px;
	left: 70px;
}

.homeabout img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.homeabout {
	margin-top: 100px;
	margin-bottom: 50px;
	width: 100%;
	position: relative;
}
.homeabout:before{width: 100%;content: "";display: block;padding-top: 20%;}

/*底部*/

.footer {
	padding: 80px 100px 30px 100px;
	background: #000033;
	color: #999;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.footer .follow {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.footer .follow a {
	margin-right: 10px;
	color: #999;
	text-align: center;
	line-height: 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: block;
	position: relative;
}

.footer .follow a:hover {
	background: #09095d;
	color: #fff;
}

.footer .copyright {
	font-size: 12px;
}

.footer .follow a .ewmbox {
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: 30px;
	display: none;
	left: 50%;
	margin-left: -30px;
}

.footer .follow a:hover .ewmbox {
	display: block;
}


/*login*/

.form-control {
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.btn {
	border-radius: 0;
	outline: none;
}

.btn-primary {
	background: #1f286f;
	border: none;
}

.btn-primary:hover,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:focus {
	background: #171a71;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background: #171a71;
}

.btn-default {
	background: #666;
	color: #fff;
	border: none;
}

.btn-default:hover,
.btn-default:visited,
.btn-default:active,
.btn-default:focus {
	background: #999;
	color: #fff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
	background: #999;
	border: none;
}

.btn-link {
	background: transparent;
	border: #000 solid 1px;
	color: #000;
}

.btn-link:hover,
.btn-link:visited,
.btn-link:active,
.btn-link:focus {
	background: #ddd;
	border: #000 solid 1px;
	text-decoration: none;
	color: #000;
}

.btn-link.disabled,
.btn-link[disabled],
fieldset[disabled] .btn-link,
.btn-link.disabled:hover,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link.disabled:focus,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus,
.btn-link.disabled.focus,
.btn-link[disabled].focus,
fieldset[disabled] .btn-link.focus,
.btn-link.disabled:active,
.btn-link[disabled]:active,
fieldset[disabled] .btn-link:active,
.btn-link.disabled.active,
.btn-link[disabled].active,
fieldset[disabled] .btn-link.active {
	background: #ddd;
	border: #000 solid 1px;
	text-decoration: none;
	color: #000;
	outline: none;
}

.loginform .form-control {
	height: 40px;
	border: #000 solid 1px;
	border-radius: 0;
}

.loginform .btn {
	height: 40px;
	border-radius: 0;
	outline: none;
}

.loginwrap {
	z-index: 9;
	width: 100%;
	height: 100%;
	position: relative;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.loginform {
	width: 40%;
	background: #fff;
}

.loginbg {
	width: 60%;
	background: url(../img/slide1.jpg) no-repeat;
	background-size: 100%;
}

.loginform .form {
	padding: 0 20% 0 20%;
	height: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.loginform.reg .form {
	padding-top: 30%;
	-webkit-box-pack: inherit;
	-ms-flex-pack: inherit;
	-webkit-justify-content: inherit;
	justify-content: inherit;
	position: relative;
	z-index: 10;
}

.loginform .form .head {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	color: #1F286F;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	margin: 60px 0 40px 0;
	position: relative;
}

.loginform .form .head:before {
	width: 40px;
	height: 2px;
	content: "";
	position: absolute;
	top: -30px;
	left: -40px;
	background: #1F286F;
}

.loginform .form .head h3 {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	font-weight: bold;
}

.loginform .form .forgetpassword {
	font-size: 12px;
	color: #999;
}

.loginform .form .form-group:last-child {
	margin-bottom: 0;
	margin-top: 40px;
}

.loginform .form .forgetpassword a {
	color: #999;
}

.loginform .form .forgetpassword a {
	border-bottom: #999 solid 1px;
	padding-bottom: 3px;
}


/*注册步骤*/

.nav-pills>li>a {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border-radius: 50%;
	background: #fff;
	color: #1f286f;
	border: #1f286f solid 1px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	padding: 0;
	position: relative;
	outline: none;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	background: #1f286f;
}

.nav-pills {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	
	  -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;	
	flex-direction: row;
	
	
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	margin-bottom: 50px;
}

.nav-pills:before,
.nav-pills:after {
	display: none;
}

.nav-pills>li {
	width: 20%;
	text-align: center;
	font-size: 12px;
}

.nav-pills>li p {
	margin-top: 10px;
	color: #999;
}

.nav-pills>li.active p {
	color: #000;
}

.nav-pills>li:nth-of-type(2):before,
.nav-pills>li:nth-of-type(4):before {
	width: 100%;
	height: 1px;
	content: "";
	background: #1f286f;
	position: absolute;
	top: 20px;
	left: 0;
}

#rootwizard .tab-content {}

.loginform .id {
	width: 100%;
	height: 40px;
	border: #000 solid 1px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding: 10px 12px;
}

.loginform .id .checklist {
	width: 50%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.loginform .id .checklist label {
	width: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	font-weight: normal;
}

.loginform .id .checklist em {
	width: 40%;
}

.loginform .id .checklist input {
	width: 20px;
	height: 20px;
	margin: 0;
	display: block;
	opacity: 0;
	position: relative;
}

.loginform .id .checklist i {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border: #1f286f solid 1px;
	cursor: pointer;
}

.loginform .id .checklist .check {
	position: relative;
}

.loginform .id .checklist input:checked~i {
	background: #1f286f;
}

.success-reg {
	text-align: center;
}

.success-reg i img {
	width: 60px;
	height: 60px;
}

.success-reg p {
	margin-top: 10px;
}


/*个人中心*/

.personalwrap {
	background: #ececec;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.personalwrap .menubox {
	width: 420px;
	position: relative;
	background: #fff;
	padding: 150px 20px 0 215px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	  -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	
	overflow: auto;
}

.personalwrap .content {
	
	overflow: auto;
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	overflow: auto;
	background: #ececec;
	padding: 150px 50px 50px 50px;
}

.personalwrap .menubox .head {
	width: 160px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	margin-bottom: 50px;
	position: relative;
	z-index: 10;
}

.personalwrap .menubox .head:before {
	width: 40px;
	height: 1px;
	background: #000;
	content: "";
	position: absolute;
	left: -40px;
	bottom: 30px;
}

.personalwrap .content .btn-link {
	background: #fff;
	color: #1f286f;
	border: none;
	padding-left: 20px;
	padding-right: 20px;
}

.personalwrap .content .btn-link:hover {
	background: #1f286f;
	color: #fff;
}

.personalwrap .menubox .form-control {
	box-shadow: none;
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	border-bottom: #000 solid 1px;
	border-left: none;
	border-top: none;
	border-right: none;
	height: 20px;
	background: transparent;
}

.personalwrap .menubox .form-control:focus {
	box-shadow: none;
}

.personalwrap .menubox .menu {
	width: 120px;
	position: relative;
	z-index: 10;
}

.personalwrap .menubox .menu a {
	width: 100%;
	position: relative;
	padding: 0 10px;
	display: block;
	height: 32px;
	line-height: 32px;
	border: #000 solid 1px;
	margin-bottom: 20px;
}

.personalwrap .menubox .menu a:before {
	width: 32px;
	height: 32px;
	content: "\e722";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-family: "iconfont";
	text-align: center;
	color: #1f286f;
}

.personalwrap .menubox .menu a:hover,
.personalwrap .menubox .menu a.act {
	background: #1f286f;
	color: #fff;
	border: #1f286f solid 1px;
}

.personalwrap .menubox .menu a:hover:before,
.personalwrap .menubox .menu a.act:before {
	color: #fff;
}

.personalwrap .menubox .loginout {
	width: 120px;
	position: absolute;
	bottom: 40px;
	/*right: 60px;*/
}

.personalwrap .menubox .loginout .btn {}

.personalwrap .form-control {
	border: none;
}

.personalwrap .content .form-horizontal {
	position: relative;
	z-index: 10;
}

.btn-upload.btn {
	text-align: left;
}

.input-group-addon {
	border-radius: 0;
	border: none;
	background: #fff;
}

.btn-upload .iconfont {
	line-height: 23px;
}

.personalwrap .content .input-group {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.personalwrap .content .input-group-addon {
	width: 100px;
	height: 34px;
	line-height: 34px;
	padding: 0 12px;
	text-align: left;
	color: #333
}

.personalwrap .content .input-group-btn .btn {
	width: 100%;
	text-align: left;
}

.personalwrap .content .input-group-btn {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.personalwrap .btn-default {
	background: #ddd;
}

.personalwrap .btn.btn-primary {
	padding: 6px 20px;
}

.personalwrap .cartwrap {
	margin-top: 0;
}

.uploadwrap {
	padding: 40px;
	background: #fff;
}

.uploadwrap .head {
	position: relative;
	margin-bottom: 20px;
}

.uploadwrap .head span {
	font-weight: bold;
	position: relative;
	z-index: 1;
	padding-right: 10px;
	background: #fff;
}

.uploadwrap .head:before {
	width: 100%;
	height: 1px;
	content: "";
	background: #000;
	position: absolute;
	top: 50%;
	margin-top: -0.5px;
}

.uploadwrap .item {
	width: calc(20% - 33px);
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
}

.uploadwrap .item .itempic {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.uploadwrap .item .itempic:before{width: 100%;content: "";display: block;padding-top: 100%;}
.uploadwrap .item .itempic img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.uploadwrap .item:nth-of-type(5n){margin-right: 0;}

.cartitem~.page {
	padding: 40px 0;
}

.uploadwrap .item .item-buy {
	width: 100%
}

.uploadwrap .item .item-buy a {
	width: 100%;
	height: 24px;
	margin-top: 15px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	border: #1f286f solid 1px;
	display: block;
}

.uploadwrap .item .item-name .collect {
	margin-right: 0;
}

.uploadwrap .item .item-info {
	height: 40px;
	line-height: 40px;
}

.page {
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

.page a {
	display: inline-block;
	padding: 0 10px;
}

.honorwrap .head span {
	font-weight: bold;
}

.honorwrap {
	margin-top: 40px;
}

.honorwrap .list {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	width: 100%;
	line-height: 40px;
	margin-top: 20px;
}

.honorwrap .list .cont {
	height: 40px;
	background: #fff;
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding: 0 10px;
}

.honorwrap .list .cont p {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.honorwrap .delete {
	width: 40px;
	height: 40px;
	background: url(../img/pagination-bullet-active.png) no-repeat center;
	background-size: 40%;
}


/*tab*/

.nav-tabs {
	border-bottom: none;
	margin-bottom: 100px;
	margin-top: -30px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	font-weight: bold;
	border-bottom: #1f286f solid 1px;
	border-top: none;
	border-left: none;
	border-right: none;
	background: transparent;
	color: #1f286f;
}

.nav-tabs>li>a {
	border: none;
	outline: none;
	padding: 5px 0px;
}

.nav-tabs>li {
	margin-right: 50px;
}

.nav-tabs>li>a:hover {
	background: transparent;
}

.itemlist .item {
	
	float: left;
	margin-right: 100px;
	position: relative;
}

.itemlist .item:nth-of-type(4n) {
	margin-right: 0;
}

.itemlist .item .itempic img {

	z-index: 1;
}

.itemlist~.page {
	margin-bottom: 50px;
	padding: 0;
}

.pagination {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	margin-top: 0;
	margin-bottom: 50px;
	position: relative;
	z-index: 1;
}

.pagination .page {
	width: inherit;
	padding: 0;
	line-height: 37px;
}

.pagination .condition {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.pagination .condition .list {
	margin-right: 100px;
}

.pagination .condition .list label {
	line-height: 32px;
	display: inline-block;
	padding-right: 10px;
	
}

.pagination .condition .list .selectpicker {}

.w120 {
	width: 190px;
}

.pagination .bootstrap-select .btn-default {
	border: #555 solid 1px;
	background: #fff;
	outline: none;
	color: #333;
}

.pagination .bootstrap-select .dropdown-menu {
	border: #555 solid 1px;
	margin-top: -1px;
	border-top: #fff solid 1px;
	box-shadow: none;
}

.pagination .bootstrap-select .btn-default:hover,
.pagination .bootstrap-select .btn-default:focus,
.pagination .bootstrap-select .btn-default.focus,
.pagination .bootstrap-select .btn-default:active,
.pagination .bootstrap-select .btn-default.active,
.pagination .bootstrap-select .open>.dropdown-toggle.btn-default {
	background: #fff !important;
	outline: none;
}

.bootstrap-select .btn:before {
	width: 34px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	display: block;
	background: url(../img/arrow.svg) no-repeat center;
	background-size: 12px;
}

.bootstrap-select .caret {
	display: none;
}

.personalwrap .bootstrap-select .btn-default {
	background: #bfbfbf;
	color: #333;
}

.bootstrap-select.form-control {
	background: transparent;
}

.bigsort.itemlist .item {
	width: calc(100%/2 - 50px);
	float: left;
	margin-right: 100px
}

.bigsort.itemlist .item .itempic {
	width: 100%;
	
}

.bigsort.itemlist .item:nth-of-type(2n) {
	margin-right: 0;
}


/*详细*/

.bg-white {
	background: #fff !important;
}

.bg-gray {
	background: #ededed !important;
}

.detailwrap {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	margin-top: 115px;
	margin-bottom: 100px;
}

.detailwrap .magnifier {
	position: relative;
	display: none
}

.detailwrap .detailinfo {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding-left: 100px;
}




.detailwrap .head {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.detailwrap .head {
	padding: 60px 0 30px 0;
	border-top: #000 solid 4px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.detailwrap .head .name {
	padding-right: 40px;
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	font-weight: bold;
}

.detailwrap .head .name h2 {
	font-size: 30px;
	font-weight: bold;
}

.detailwrap .head .price {
	text-align: right
}

.detailwrap .head .price h4 {
	color: #1f286f;
	margin-top: 10px;
}

.detailwrap .area {
	width: 100%;
	padding-bottom: 60px;
	margin-bottom: 60px;
	font-size: 14px;
	color: #000;
	border-bottom: #999 dashed 1px;
}

.detailwrap .cart,
.detailwrap .size,
.detailwrap .selectcolor,
.detailwrap .detail {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	margin-bottom: 30px;
}

.detailwrap .size label,
.detailwrap .selectcolor label,
.detailwrap .detail label {
	width: 100px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	
	
	
}

.detailwrap .size label{line-height: 40px;margin-bottom: 0;}

.detailwrap .size .cont,
.detailwrap .selectcolor .cont,
.detailwrap .detail .cont {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.detailwrap .size .cont span {
	margin-right: 20px;
}

.detailwrap .size .cont span em {
	margin: 0 5px;
}

.detailwrap .detail .cont {
	line-height: 24px;
}

.selectcolor .cont {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.selectcolor .colorlist {
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: #fff;
	border: #aaa solid 1px;
	padding: 5px;
	margin-right: 10px;
}

.selectcolor .colorlist:last-child {
	margin-right: 0;
}

.selectcolor .colorlist i {
	width: 100%;
	height: 100%;
	display: block;
}

.selectcolor .colorlist.act {
	border: #1f286f solid 1px;
}

.item-color01 {
	background: #aaaaaa;
}

.item-color02 {
	background: #9a1f22;
}

.item-color03 {
	background: #3826c4;
}

.detailwrap .cart {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 70px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 60px;
}

.detailwrap .cart .btn-cart {
	padding: 6px 20px;
	background: #666;
	color: #fff;
}

.detailwrap .cart .btn i {
	margin-left: 10px;
}

.itemnumber {
	width: 100px;
	height: 28px;
	text-align: right;
	border: #666 solid 1px;
	
	
	/*display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;*/

}

.itemnumber .btn {
	width: 27px;
	height: 26px;
	padding: 0 0 2px 0;
	text-align: center;
	line-height: 24px;
	font-size: 18px;
	border: none;
	background: transparent;
	float: left;
}

.itemnumber .number-form {
	width: 44px;
	padding: 0 10px;
	border: none;
	border-left: #666 solid 1px;
	border-right: #666 solid 1px;
	background: transparent;
	text-align: center;
	float: left;
	height: 26px;
}






.itemnumber .number-form:focus {
	outline: none;
}

.itemnumber .btn:focus {
	outline: none;
}

.detailwrap .cart .btn-cart:hover {
	background: #1f286f;
}

.detailwrap .cart .nohave.btn-primary {
	font-size: 18px;
	font-weight: bold;
	background: #666;
	color: #fff
}


.selectsize {
	width: 100%;
	position: relative;
}

.selectsize .selected {
	width: 100%;
	height: 40px;
	background: #fff;
	line-height: 40px;
	padding: 0 10px;
	position: relative;
}

.selectsize .selected:before {
	width: 40px;
	height: 40px;
	font-family: "iconfont";
	content: "\e731";
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 40px;
	transition: .1s;	
}


.selectsize.open .selected:before{
	transition: .1s;
	transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */
}


.selectsize .sizelist {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	background: #fff;
	width: 100%;
	box-shadow: rgba(0, 0, 0, .1) 0 3px 5px;
}

.selectsize .sizelist .list {
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	cursor: pointer;
}

.selectsize .sizelist .list:hover {
	background: #ededed;
}

.detailwrap .link{
	display: flex;
	justify-content: space-between;
}

.detailwrap .service {
	border-bottom: #666 solid 1px;
	padding-bottom: 5px;
	color: #666;
}

.detailwrap .vr{border-bottom: #666 solid 1px;padding-bottom: 5px;color: #666;}

.detailwrap .magnifier {
	position: relative;
	width: 780px;

}

.detailwrap .small-box {
	position: relative;
	width: 600px;
	height: 670px;
	border: 1px solid #eee;
	float: right;
	margin-left: 30px;
}

.detailwrap .small-box img {
	display: block;
	width: 100%;
	height: 100%;
}

.detailwrap .thumbnail-box {
	position: relative;
	width: 150px;
	float: left;
	height: 670px;
	padding: 30px 0;
}

.detailwrap .thumbnail-box .btn {
	position: absolute;
	width: 100%;
	height: 30px;
}

.detailwrap .thumbnail-box .btn-prev {
	top: 0;
}

.detailwrap .thumbnail-box .btn-next {
	bottom: 0;
}

.detailwrap .thumbnail-box .list {
	overflow: hidden;
	width: 150px;
	margin: 0 auto;
	height: 610px;
}

.detailwrap .thumbnail-box .wrapper {
	height: 100000px;
}

.detailwrap .thumbnail-box .list .ditem {
	float: left;
	margin: 5px 0;
	width: 150px;
	height: 180px;
	background: #fff;
}

.detailwrap .thumbnail-box .list .item-cur {
	border: 1px solid #e53e41;
}

.detailwrap .thumbnail-box .list .ditem img {
	width: 100%;
	height: 100%;
}

.section-wrap~.section-wrap {
	padding-top: 0;
}

.small-box {
	display: inline-block;
	position: relative;
}

.small-box img {
	display: block;
}

.small-box img::selection {
	background-color: transparent;
}

.otheritem .section-wrap {
	/* padding: 50px 0 50px 0; */
}

.otheritem .section-wrap .item {
	margin-bottom: 0;
}

.otheritem .section-header h5 {
	background: #fff;
	padding-right: 30px;
	font-weight: bold;
	color: #000;
}

.otheritem .section-header:before {
	top: 50%;
	margin-top: -1px;
	z-index: -1;
	border-bottom: #999 solid 1px;
}

.otheritem .section-wrap:last-child {
	padding-bottom: 100px;
}

.otheritem .page {
	margin-top: 50px;
	margin-bottom: 0;
}

.otheritem .section-header:after,
.contentitem .section-header:after {
	bottom: 1px;
}


/*购物车*/

.cartwrap {
	margin-top: 120px;
}

.cartitem {
	width: 100%;
	display: block;
	padding: 30px 0;
	border-top: #000 solid 4px;
	border-bottom: #999 dashed 1px;
	position: relative;
	z-index: 10;
}

.cartitem .list {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: #999 dashed 1px;
}

.cartitem .list:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.cartitem .item {
	width: 150px;
	height: 150px;
	margin-left: 15px;
	background: #fff;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.cartitem .item img {
	width: 100%;
	height: 100%;
}

.cartitem .detail {

	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding-left: 40px;
}

.cartitem .detail .info {
	margin: 10px 0;
}

.cartitem .nemuber {
	text-align: center;
}

.cartitem .price {
	text-align: center;
	width: 30%;
}

.cartitem .delete {
	text-align: center;
	margin-right: 15px;
}

.cartitem .delete h4 i {
	cursor: pointer;
}

.cartitem .nemuber h5,
.cartitem .price h5,
.cartitem .delete h5 {
	font-size: 14px;
	margin: 10px 0 20px 0;
}

.cartitem .price h4 {
	font-size: 18px;
	color: #1f286f;
	font-weight: bold;
	margin-top: 30px;
}

.cartitem .delete h4 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}

.cartbtnbox {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 50px;
	margin-bottom: 20px;
}

.cartbtnbox .btn i {
	margin-right: 20px;
}

.cartbtnbox .btn {
	width: 250px;
}

#service .modal-header {
	color: #fff;
	min-height: 150px;
	background: #000033;
	position: relative;
}

#service .modal-header .close {
	text-shadow: none;
	color: #fff;
	opacity: 1;
	position: absolute;
	top: 20px;
	right: 20px;
}

#service .modal-header .modal-title {
	position: absolute;
	left: 40px;
	bottom: 40px;
}

#service .modal-header .modal-title i {
	margin-right: 10px;
}

#service .modal-body {
	padding: 60px 20px;
	background: #fff;
}

#service .form-group {
	float: left;
	width: 100%;
	margin: 20px 0;
}

#service .form-group .form-control {
	border: #000 solid 1px;
}

#service .form-group .btn {
	border: #000 solid 1px;
}

#service .form-group .col-md-offset-1 {
	margin-top: 10px;
}

#service .form-group span {
	font-size: 12px;
}

#service .form-group [class*="col"] {
	padding-left: 0;
	padding-right: 0;
}

#service .form-group .col-md-1 {
	text-align: center;
}

#service .form-group img {
	width: 24px;
	height: 24px;
	margin: 5px auto;
	vertical-align: middle;
}

.artitshead {
	width: 35%;
}

.artitshead .artits-follow {
	padding: 10px 30px;
	font-weight: bold;
	border: none;
	background: #666;
	display: inline-block;
	color: #fff;
}

.artitshead .artits-follow i {
	margin-left: 10px;
}

.artitshead .artits-follow.act {
	background: #1f286f;
}

.artitshead .pic {
	width: 100%;
	position: relative;
	margin-bottom: 70px;
	background: #fff;
}

.artitshead .pic:before{width: 100%;content: "";display: block;padding-top: 100%;}

.artitshead .pic img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.artitsinfor {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding-left: 100PX;
	
}

.artitsinfor .name {
	border-bottom: #aaa solid 1px;
	padding-bottom: 50px;
}

.artitsinfor .name h3 {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	  -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;	
	flex-direction: row;
	
	
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.artitsinfor .name h3 span {
	font-size: 12px;
	color: #666;
}

.artitsinfor .name h3 span em {
	margin: 0 5px;
}

.artitsinfor .name h3 span .iconfont {
	font-size: 12px;
}

.artitsinfor .name h3:first-child {
	color: #1f286f;
	margin-bottom: 30px;
	font-weight: bold;
}

.artitsinfor .name h3 span a {
	color: #000;
}

.artitsinfor .name h3 span a:hover {
	border-bottom: #171A71 solid 1px;
}

.artitsinfor .info {
	padding: 50px 0 100px 0;
	line-height: 24px;
}



/*swiper-video视频*/

.swiper-video.swiper-container { width: 100%;height: 300px;float: left;padding-right: 50px;}
.swiper-video .swiper-slide { width: 100%;height: 300px; float: left;text-align: center;font-size: 18px;background:#ededed;}
.swiper-video .swiper-button-next,.swiper-video .swiper-button-prev{width: 30px;height: 30px;position: absolute;right: 0;left: inherit;background-size: 16px;background-position: center;}
.swiper-video .swiper-button-next{bottom: 0px;top: inherit;background-image: url(../img/ws-pagedown.svg);}
.swiper-video .swiper-button-prev{bottom: 30px;top: inherit;background-image: url(../img/ws-pageup.svg);}
    



.artitsinfor .video {
	width: 100%;
	height: 300px;
	background: #fff;
	position: relative;
}

.artitsinfor .videobg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
}

.artitsinfor .videobg:before {
	width: 40px;
	height: 40px;
	content: "\e71b";
	font-family: "iconfont";
	font-size: 40px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
}

.artitstab .nav-tabs {
	border-bottom: none;
	margin-bottom: 30px;
}

.artitstab .nav-tabs>li.active>a,
.artitstab .nav-tabs>li.active>a:hover,
.artitstab .nav-tabs>li.active>a:focus {
	background: #1f286f;
	color: #fff;
	border: #aaa solid 1px;
}

.artitstab .nav-tabs>li>a {
	width: 120px;
	text-align: center;
	padding: 5px 20px;
	background: #fff;
	color: #000;
	margin-right: 0;
	border-radius: 0;
	border: #aaa solid 1px;
	margin-right: -1px;
}

.artitstab .nav-tabs>li {
	margin-right: 0px;
}

.artitstab .p {
	line-height: 24px;
	margin-bottom: 20px;
	text-indent: 30px;
	text-align: justify;
}

.artitstab .honor li {
	line-height: 30px;
}

.artitstab .infor {
	width: 100%;
	height: 300px;
	overflow: auto;
}

.artitstab .honor {
	width: 100%;
	height: 300px;
	overflow: auto;
}


/*.tab-content>.tab-pane.active{height: auto}
.tab-content>.tab-pane{display: block;height: 0;overflow: hidden;}
*/

.eventcontent {
	padding-top: 150px;
	padding-right: 200px;
	position: relative;
	z-index: 10;
}

.eventbox .section-wrap {
	padding-top: 190px;
}

.eventcontent .back {
	margin-bottom: 30px;
	margin-left: -60px;
	padding-bottom: 5px;
	position: relative;
	float: left;
	margin-right: 50px;
}

.eventcontent .back:before {
	width: 100%;
	height: 1px;
	content: "";
	position: absolute;
	bottom: -5px;
	background: #000;
}

.eventcontent .back .iconfont {
	font-size: 12px;
	margin-right: 10px;
}

.eventcontent .title {
	margin-bottom: 50px;
	width: 100%;
	float: left;
	margin-top: 50px;
}

.eventcontent .title h1 {
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: bold;
}

.eventcontent .title span {
	color: #000;
	font-size: 12px;
}

.eventcontent .content p {
	line-height: 30px;
	margin: 30px 0;
}

.eventcontent .content .pic {
	margin: 30px 0;
}

.eventcontent .content .pic img {
	display: inline-block;
}

.eventcontent .content .pic span {
	width: 100%;
	display: block;
	margin-top: 15px;
	font-size: 12px;
}

.contentitem .section-wrap {
	padding: 50px 100px;
	
}

.contentitem .section-header:before {
	top: -50px;
}

.contentitem .section-header h5 {
	font-weight: bold;
	color: #000;
}

.newsbox .list {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	margin: 30px 0;
	width: 100%;
	float: left;
}

.newsbox .list .pic {
	width: 280px;
	height: 280px;
	overflow: hidden;
}

.newsbox .list .pic img {
	width: 100%;
	height: 100%;
}

.newsbox .list .pic:hover img {
	transform: scale(1.1, 1.1);
	transition: .3s;
}

.newsbox .list .pic:hover {
	box-shadow: rgba(111, 111, 111, .6) 0 0px 20px;
	transition: .3s;
}

.newsbox .cont {
	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding: 10px 0 0 80px;
	position: relative;
}

.newsbox .cont .title {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.newsbox .cont .title h1 {	
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	font-size: 18px;
}

.newsbox .cont .title span {
	color: #999;
}

.newsbox .cont .info {
	padding: 20px 0;
	line-height: 24px;
}

.newsbox .cont .more {
	position: absolute;
	bottom: 0;
	font-size: 12px;
	color: #999;
}

.aboutwrap {
	margin-bottom: 40px;
}

.aboutwrap p {
	line-height: 30px;
	text-indent: 30px;
	text-align: justify;
	margin-bottom: 40px;
	font-size: 16px;
}

.job {
	width: 100%;
	margin-bottom: 10px;
}

.job.head ul {
	background: #e0dfdf;
}

.job.list ul {
	background: #f2f2f2;
	cursor: pointer;
}

.job ul {
	width: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	height: 40px;
}

.job ul li {
	width: 25%;
	text-align: center;
	line-height: 40px;
}

.job-cont {
	padding: 0px 30px 0 30px;
	display: none;
	height: 0;
	transition: .3s;
}

.job-cont h5 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: bold;
}

.job-cont p {
	line-height: 30px;
}

.job.act .job-cont {
	display: block;
	height: auto;
	transition: .3s;
}


/*联系我们*/

.contactwrap {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	margin-top: 130px;
	border-top: #050505 solid 4px;
	padding-top: 70px;
}

.contactwrap .mapbox {
	width: 500px;
}

.contactwrap .mapbox .map {
	width: 100%;
	height: 400px;
	background: #eee;
}

.contactwrap .mapbox .address {
	border-top: #050505 solid 1px;
	padding-top: 30px;
	margin-top: 30px;
}

.contactwrap .contactbox {
	/* IE 10 */

	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	;
	padding-left: 50px;
}

.contactwrap .contactbox h4 {
	margin-bottom: 70px;
	font-weight: bold;
}

.contactwrap .contactbox .form-control {
	border: #ccc solid 1px;
}

.contactwrap .contactbox .demand {
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	border: #ccc solid 1px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.contactwrap .contactbox .demand .checklist {
	width: 20%;
}

.contactwrap .contactbox .demand label {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	font-weight: normal;
	position: relative;
}

.contactwrap .contactbox .demand .checklist:first-child {
	color: #999;
}

.contactwrap .contactbox .demand input {
	width: 16px;
	height: 16px;
	margin: 0;
	display: block;
	opacity: 0;
	position: relative;
}

.contactwrap .contactbox .demand i {
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	border: #ccc solid 1px;
	cursor: pointer;
}

.contactwrap .contactbox .demand .check {
	position: relative;
}

.contactwrap .contactbox .demand input:checked~i {
	background: #1f286f;
}

.contactwrap .contactbox .demand em {
	margin-left: 10px;
}

.textarea {
	width: 100%;
	height: 100px;
	border: #ccc solid 1px;
	overflow: auto;
}

.contactbox .input-group {
	border: #ccc solid 1px;
}

.contactbox .input-group .form-control {
	border: none
}

.scrollbox {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-right: 50px;
}

#scrollDiv {
	width: 100%;
	height: 300px;
	overflow: hidden;
}

#scrollDiv li {
	height: 300px;
	width: 100%;
}

.scroltit {
	width: 30px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.scroltit .updown {
	width: 30px;
	height: 30px;
	text-align: center;
}

.scroltit #but_up {
	background: url(../img/ws-pageup.svg) no-repeat center;
	background-size: 16px;
}

.scroltit #but_down {
	background: url(../img/ws-pagedown.svg) no-repeat center;
	background-size: 16px;
}

.gotop {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	display: none;
	color: #000033;
	cursor: pointer;
	position: fixed;
	right: 0;
	bottom: 130px;
	z-index: 10;
}

.gotop .iconfont {
	font-size: 24px;
}

.errorwrap {
	width: 100%;
	min-height: 700px;
	padding-top: 250px;
	background: url(../img/404.jpg) no-repeat center 200px;
}

.errorbox {
	text-align: center;
}

.errorbox {
	font-size: 24px;
	color: #1f286f;
	padding: 30px 0 60px 0;
	text-align: center;
}

.errorbox a {
	position: relative;
	color: #1f286f;
}

.errorbox a:before {
	width: 100%;
	height: 1px;
	content: "";
	background: #1f286f;
	position: absolute;
	bottom: -10px;
}

.inquirebox {
	padding-top: 100px;
}

.inquirebox>h3 {
	margin-bottom: 100px;
}

.inquire {
	margin-bottom: 50px;
}

.inquire h4 {
	margin-bottom: 30px;
}

.inquire .item {
	margin-bottom: 0;
}


/*个人中心收藏页面*/

.upload-newsort {
	margin-bottom: 20px;
}

.upload-newsort .input-group {
	width: 300px;
}

.upload-btnbox {
	margin-top: 20px
}

.swiper-num {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	color: #666;
}

.homeartwork .swiper-container .swiper-pagination,
.homeartist .swiper-container .swiper-pagination,
.homeevent .swiper-container .swiper-pagination {
	position: initial;
}

#he-swiper .swiper-button-next {
	right: 0px;
	opacity: 0;
}

#he-swiper .swiper-button-prev {
	left: 0px;
	opacity: 0;
}


#he-swiper .swiper-button-next:hover,
#he-swiper .swiper-button-prev:hover {
	opacity: .3;
}

#he-swiper .swiper-button-next,
#he-swiper .swiper-button-prev {
	width: 80px;
	height: 100%;
	top: 0;
	margin-top: 0;
}


#he-swiper .swiper-slide:before{width: 100%;content:"";display: block;padding-top: 33.33%;}

#he-swiper .swiper-slide img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}


/*20191012-点击收藏-新增样式*/


#loginmodal .modal-dialog,#collectmodal .modal-dialog {
	width: 800px;
}

#loginmodal .modal-body{
	background: #dfdfdf;
	padding: 30px 0 40px 100px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}


.modal-body {
	background: #dfdfdf;
	padding:90px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#successmodal .modal-body{padding:60px 0 ;}
#successmodal .success{text-align: center;width: 100%;font-size: 18px;}

.modal-backdrop {
	z-index: 10;
}

.modal-header {
	color: #fff;
	min-height: 70px;
	background: #000033;
	position: relative;
	padding: 0 60px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

 .modal-header .close {
	text-shadow: none;
	color: #fff;
	opacity: 1;
	float: right
}

.modal-title {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: bold;
	font-size: 18px
}

.modal-header .modal-title i {
	margin-right: 10px;
}

#loginmodal .form {
	width: 300px;
}

#loginmodal .contact {
	width: calc(100% - 300px);
}

#loginmodal .checkbox {
	position: relative;
	margin: 0;
}

#loginmodal .checkbox input {
	width: 14px;
	height: 14px;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

#loginmodal .checkbox i {
	width: 14px;
	height: 14px;
	display: block;
	border: #1F286E solid 1px;
	background: #fff;
	float: left;
}

#loginmodal .checkbox em {
	margin-left: 10px;
}

#loginmodal .checkbox input:checked~i {
	background: #1F286E;
}

#loginmodal .forgetpassword,
#loginmodal .btnbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#loginmodal .form-group:last-child {
	margin-bottom: 0;
}

#loginmodal .form-group .form-control {
	border: #000 solid 1px;
}

#loginmodal .forgetpassword {
	font-size: 12px;
}

#loginmodal .btnbox .btn {
	width: 115px;
	height: 30px;
}

#loginmodal .btnbox a {
	font-size: 16px;
	border-bottom: #000 solid 1px;
	font-weight: bold;
}

#loginmodal .contact {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#loginmodal .contact span {
	display: inline-block;
}

#loginmodal .contact a {
	margin-left: 30px;
	color: #999;
	text-align: center;
	display: inline-block;
	position: relative;
}

#loginmodal .contact a:hover {
	color: #1F286E;
}

#loginmodal .contact .copyright {
	font-size: 12px;
}

#loginmodal .contact a .ewmbox {
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: 20px;
	display: none;
	left: 50%;
	margin-left: -30px;
}

#loginmodal .contact a:hover .ewmbox {
	display: block;
}


#collectmodal .newname{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
	position:relative;
	width: 100%;

}
#collectmodal .collectbox,#collectmodal .input-group{width: 100%}
#collectmodal .category{width: 100%;}
#collectmodal a.add{width:40px;height: 40px;display: block;position: absolute;left: -40px;top: 0;}
#collectmodal a.add:before{width: 20px;height: 3px;display: block;content: "";background: #1F286F;position: absolute;left:50%;margin-left: -10px;top: 50%;margin-top: -1.5px;}
#collectmodal a.add:after{width: 3px;height: 20px;display: block;content: "";background: #1F286F;position: absolute;left:50%;margin-left: -1.5px;top: 50%;margin-top: -10px;}
#collectmodal .form-control{border: #000 solid 1px;height: 40px;}
#collectmodal .newname .btn-default{border: #000 solid 1px;background: #b5b5b5;height: 40px;font-size: 18px;color: #000;font-weight: bold;padding: 0 25px;}


#collectmodal .category{margin-top: 75px;}
#collectmodal .category .title{width: 100%;position: relative;font-size: 18px;margin-bottom: 20px;}
#collectmodal .category .title:before{width: 100%;height: 1px;content:"";background: #000;position: absolute;top: 13px;right: 0;}
#collectmodal .category .title b{background: #dfdfdf;padding-right: 20px;position: relative;z-index: 1;}
#collectmodal .category .list{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	
	
	height: 40px;font-size: 14px;
	padding: 0 10px;
	line-height: 40px;
}
#collectmodal .category .listbox{max-height: 200px;overflow: auto;}
#collectmodal .category .list .name{width:calc(60% - 80px)}
#collectmodal .category .list .number{width: 40%;}
#collectmodal .category .list .btnbox{width:80px;

display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
font-size: 18px;

}
#collectmodal .category .list{
display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;

}
#collectmodal .category .list:hover{background: #f2f2f2;cursor: pointer;}
#collectmodal .category .list a:hover{color:#1F286E;}



#hw-swiper.swiper-container.ofnone {
	overflow: initial;
}



.forgetbox{display: none;}
.forgetbox.active{display: block;}