
/*å›¾ç‰‡å¼¹çª—start*/
.picSwiperhtml{ display: none;}
.mainPic{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; z-index: 1000; visibility: hidden; opacity: 0; transition: all 0.3s linear;-webkit-transition: all 0.3s linear }
.mainPic.show{ visibility: visible; opacity: 1; }
.mainPicClose{ position: absolute;z-index: 1;  right: 1rem; top:0.5rem; width: 1.9rem; height: 1.9rem; background: url(../images/close.png) no-repeat center center; background-size: auto 1.9rem;}
.mainPicClose span.myIcn{font-size:1.8rem;}
.mainPicBox{ position: absolute; left: 0px; width: 100%; height: 100%; top:50%; transform: translateY(-50%);}
.mainPicBox .swiper-container {
  width: 100%;
  height: 100%;
}
.mainPicBox .swiper-slide {
  overflow: hidden;
}
.photePage{ position: absolute; left: 0px; width: 100%; top:0px; height: 2.0rem; line-height: 2.5rem;  text-align:  center; color: #FFF; font-size: 0.7rem }
/*å›¾ç‰‡å¼¹çª—end*/
/*ç›¸å†Œåˆ—è¡¨start*/
.bbsList{ overflow: hidden;}
.bbsList li{ overflow: hidden; background: #FFF; padding: .5rem; margin-bottom: .5rem;}
.bbsList li .listL{ width: 3rem; overflow: hidden; margin-right: .5rem;}
.bbsList li .listL .pic{ margin-bottom: .25rem;overflow: hidden;}
.bbsList li .listL .pic:before{ padding-top: 100%;}
.bbsList li .listL .pic img{ border-radius: 50%; }
.bbsList li .listL .text{ line-height: 1rem; color: #666666; font-size: .65rem;}
.bbsList li .listR{ overflow: hidden;}
.bbsList li .listR .title{ height: 1.75rem; line-height: 1.75rem;}
.bbsList li .listR .title a{font-size: .75rem; color: #333333;}
.bbsList li .listR .info{ line-height: 1rem; color: #545454; font-size: .6rem; height: 3rem; overflow: hidden;}
.bbsList li .listR .infoMore{ line-height: 20px; height: 20px; color: #d8212f; font-size: .6rem; display: none;}
.bbsList li .listR .infoMore i{ margin-left: .25rem; font-size: .7rem;}
.bbsList li .listR .infoMore.active i{ transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.bbsPicList{ overflow: hidden; margin-right: -.5rem;}
.bbsPicList dd{ overflow: hidden; float: left; width: 33.3333%; padding-right: .5rem; margin-bottom: .5rem;}
.bbsListDn{ height: 1.4rem; line-height: 1.4rem; overflow: hidden; color: #999999; font-size: .6rem;}
.bbsListDnR{ overflow: hidden;}
.bbsListDnR span{ float:left;display: inline;height: 1.4rem; margin-left: .5rem;}
.bbsListDnR span.span1 em.myIcn{ font-size: 0.8rem;}

.replayList{ overflow: hidden;}
.replayList dd{ background: #eaeaea; padding: .25rem; color: #666666; line-height: 1rem; font-size: .6rem; margin-bottom: 10px;}
.replayList dd span{ color: #3f73c0;}
/*ç›¸å†Œåˆ—è¡¨end*/


/* è”ç³»æˆ‘ä»¬ start */
.contactDl{
	padding: 2.4rem 0.75rem 0;
}
.contactDl dd{
	margin-bottom: 0.5rem;
}
.contactDl dd .icn{
	width: 4rem;
	margin-right: 0.65rem;
	position: relative;
}
.contactDl dd .icn:before{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 0.45rem;
	height: 2.5rem;
	width: 1px;
	
}
.contactDl dd.dd1 .icn:before{
	background: #dbdbdb;
}
.contactDl dd.dd2 .icn:before{
	background: #dcdcdc;
}
.contactDl dd .icnBox{
	margin: 0 auto;
}
.contactDl dd .info{
	font-size: 0.65rem;
	color: #999999;
}
.contactDl dd .info .text{
	display: flex;
	align-items: center;
	height: 100%;
	line-height: 1rem;
}
.contactDl .dd1 .icnBox{
	width: 2.5rem;
	height: 2.5rem;
	background: url(../images/contacticn1.png) no-repeat center center;
	background-size: auto 2.5rem;
}
.contactDl .dd2 .icnBox{
	width: 2.5rem;
	height: 2.5rem;
	background: url(../images/contacticn2.png) no-repeat center center;
	background-size: auto 2.5rem;
}
.contactDl dd .title{
	height: 1rem;
	line-height: 1rem;
	font-size: 0.65rem;
	color: #333333;
	text-align: center;
	text-align: center;
}
.contactMap{
	height: 10.85rem;
}
/* è”ç³»æˆ‘ä»¬ end */

/* æ‹›è˜åˆ—è¡¨ start */
.recruit{
	padding: 0.75rem;
}
.recruitDl dd{
	margin-bottom: 0.25rem;
	border-radius: 0.2rem;
	overflow: hidden;
}
.recruitDl .recruitT{
	height: 1.9rem;
	line-height: 2rem;
	background: #c9a36f;
	padding: 0 0.75rem;
	font-size: 0.7rem;
	color: #fff;
}
.recruitDl dd .recruitC{
	display: none;
}
.recruitTable{
	background: #dbb885;
	font-size: 0.65rem;
	color: #ffffff;
}
.recruitTable tr td{
	width: 20%;
	text-align: center;
	height: 1.8rem;
	line-height: 1.9rem;
	font-size: 0.5rem;
}
.recruitCon{
	background: #f3f3f3;
	padding: 0.6rem 0.75rem 0.75rem;
}
.recruitText{
	padding-bottom: 0.45rem;
	margin-bottom: 0.45rem;
}
.recruitText .title{
	line-height: 1.2rem;
	font-weight: bold;
	font-size: 0.7rem;
	color: #333333;
}
.recruitText .info{
	font-size: 0.65rem;
	color: #666666;
	line-height: 1.2rem;
}
.recruitBtn a{
	display: inline-block;
	padding: 0 2.1rem;
	height: 1.65rem;
	line-height: 1.75rem;
	background: #c9a36f;
	border-radius: 0.2rem;
	overflow: hidden;
	font-size: 0.65rem;
	color: #ffffff;
}
/* æ‹›è˜åˆ—è¡¨ end */

/* æ‹›è˜è¯¦æƒ… start */
.recruitForm{
	padding: 0.75rem;
}
.allFormBox {
	overflow: hidden;
	padding:0 0.75rem 0.75rem;
	background: #f3f3f3;
}

.allFormTitleBox {
	padding: 0.5rem 0;
}

.allFormTitleBox .title {
	font-size: 0.75rem;
	color: #c9a36f;
	height: 1.5rem;
	line-height: 1.6rem;
}

.allFormBtn {
	font-size: 0;
	display: flex;
	justify-content: center;
}

.allFormBtn a {
	display: block;
	padding: 0 1.8rem;
	height: 1.8rem;
	line-height: 1.9rem;
	border-radius: 0.2rem;
	margin: 0 0.25rem;
	font-size: 0.6rem;
}

.allFormBtn a.submit {
	background: #c9a36f;
	color: #fff;
}

.allFormBtn a.reset {
	background: #dbdbdb;
	color: #333333;
}

.allForm {
	overflow: hidden;
}

.allFormCon {
	display: flex;
	height: 1.8rem;
	margin-bottom: 0.75rem;
}

.allFormCon.textarea {
	height: 4rem;
}

.allFormCon .must {
	font-size: 0.6rem;
	color: #ff0000;
	line-height: 1.9rem;
	text-align: right;
	width: 0.875rem;
}

.allFormCon .title {
	width: 3.5rem;
	font-size: 0.65rem;
	color: #999999;
}

.allFormDiv {
	display: flex;
	flex: 1;
	padding: 0 0.5rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.9rem;
	background: #dbdbdb;
	border-radius: 0.2rem;
	
}
.allFormCon1 .allFormDiv{
	background: none;
}
.radioBox {
	line-height: 1.9rem;
	font-size: 0
}

.radioCon {
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: .6rem;
	margin-right: .75rem;
	vertical-align: middle;
	margin-bottom: 0.25rem;
	margin-top: 0.25rem;
}

.radioCon label {
	line-height: 0.8rem;
	height: 0.8rem;
	display: block;
	position: relative;
	padding-left: 20px;
	color: #333;
}

.radioCon label:first-child {
	padding-left: 0;
}

.radioCon input {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}

.radioCon input[type="radio"]+label span {
	content: "";
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	border-radius: 100%;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.radioCon input[type="radio"]:checked+label span {
	background-color: #c9a36f;
	border-color: #c9a36f;
	background-clip: content-box;
	padding: 3px;
}

.allFormDiv .text {
	font-size: 0.6rem;
	color: #c8c8c8;
}

.allFormDiv .inputWidth.bdAll:before,
.allFormDiv.bdAll:before {
	border-radius: 0.2rem;
}

.allFormDiv .inputWidth {
	flex: 1;
	overflow: hidden;
}

.allFormDiv .inputWidth .formInput {
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	resize: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 0.65rem;
	color: #c9a36f;
	background: #dbdbdb;
}
.allFormDiv .inputWidth .formInput::-webkit-input-placeholder{
	font-size: 0.65rem;
	color: #999999;
}
.allFormCon.textarea .formInput {
	padding: 0.5rem 0;
	overflow: hidden;
}

.allFormCon.up {
	height: auto;
}

.allFormCon.up .allFormDiv {
	padding: 0;
}

.allFormCon.up .allFormDiv .formUpBox {
	display: flex;
	font-size: 0;
}

.allFormCon.up .allFormDiv .formUpBox a {
	display: block;
	width: 4.2rem;
	text-align: center;
	height: 1.8rem;
	line-height: 1.9rem;
	font-size: 0.6rem;
	border-radius: 0.2rem;
}
.formUpBox .webuploader-pick {
    display: block !important;
    background: none !important;
    padding: 0 !important;
}
.allFormCon.up .allFormDiv .formUpBox a.down {
	color: #fff;
	background: #c9a36f;
}

.allFormCon.up .allFormDiv .formUpBox a.up {
	color: #999999;
	background: #dbdbdb;
	margin: 0 0.5rem;
}

.allFormDiv.yzm .inputWidth {
	width: 5rem;
	flex: unset;
}

.allFormDiv.yzm .inputWidth .formInput {
	padding: 0 0.5rem;
}

.allFormDiv.yzm {
	padding: 0;
}

.allFormDiv.yzm .picBox {
	width: 3rem;
	height: 100%;
	overflow: hidden;
	border-radius: 0.2rem;
	margin: 0 0.5rem;
}

.allFormDiv.yzm .picBox img {
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
}
/* æ‹›è˜è¯¦æƒ… end */

/* ç•™è¨€ start */
.messageForm{
	background: #f3f3f3;
	padding: 1.4rem 0.75rem;
}
.messageForm .allFormCon.textarea{
	height: 5.75rem;
}
/* ç•™è¨€ end */

/* åˆ™é“ç®€ä»‹ start */
.brief{
	padding: 0.9rem 0.75rem;
	background: #f5f5f5;
}
.brief .title{
	font-size: 0.7rem;
	color: #c8a16c;
	line-height: 1.4rem;
}
.brief .info{
	font-size: 0.65rem;
	color: #666666;
	line-height: 1.1rem;
}
.briefSwiper{
	overflow: hidden;
	position: relative;
}
.briefSwiper .pic:before{
	padding-top: 51.7333%;
}
.briefSwiper .swiper-pagination {
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.briefSwiper .swiper-pagination span {
	width: 0.35rem;
	height: 0.35rem;
	border: 1px solid #c9a36f;
	border-radius: 50%;
	text-align: center;
	background: transparent;
	color: #FFF;
	opacity: 1;
	outline: none;
}

.briefSwiper .swiper-pagination span.swiper-pagination-bullet-active {
	background: #c9a36f;
}
/* åˆ™é“ç®€ä»‹ end */

/* äº§å“ç±»è¡¨ start */
.productCloumn1{
	padding: 1.75rem .5rem 0;
}
.productTitle .title{
	font-size: 0.9rem;
	color: #333;
	font-weight: bold;
}
.productTitle .title span{
	display: inline-block;
	height: 1.35rem;
	line-height: 1.45rem;
	position: relative;
}
.productTitle .title span::before{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 3.25rem;
	top: 50%;
	margin-top: -1.625rem;
	left: 0;
	background: url(../images/pdtitlebg.png) center center no-repeat;
	background-size:  auto 3.25rem;
}
.productTitle .title1{
	height: 1rem;
	line-height: 1.1rem;
	font-size: .65rem;
	text-transform: uppercase;
	color: #c9a36f;
}
.productItro{
	height: 2rem;
	line-height: 1.1rem;
	font-size: .65rem;
	text-transform: uppercase;
	color: #666;
}
.productMore{
	position: relative;
}
.productMore a{
	display: inline-block;
	height: 1.25rem;
	line-height: 1.35rem;
	font-size: .6rem;
	color: #999;
	padding: 0 .5rem;
	background: url(../images/morebg.png) center center no-repeat;
	background-size: cover;
}
.productSwiper{
	overflow: hidden;
}
.productSwiper .pic::before{
	padding-top: 75%;
}
.productSwiper .pic img{
	object-position: bottom center;
}
.productCloumn2{
	padding: 1.75rem .5rem 0;
	background: url(../images/pdcbg1.jpg) top center no-repeat;
	background-size: cover;
}
.productCloumn3{
	padding: 1.75rem .5rem 0;
	background: url(../images/pdcbg2.jpg) top center no-repeat;
	background-size: cover;
}
.productTitle.white .title{
	color: #FFFFFF;
}
.productItro.color9{
	color: #999;
}
/* äº§å“ç±»è¡¨ end */

/* äº§å“è¯¦æƒ… start */
.productViewB{
	padding: 1.25rem .5rem 0;
	background: url(../images/pdvbg.jpg) top center no-repeat;
}
.productVSwiper{
	overflow: hidden;
}
.productVSwiper .pic::before{
	padding-top: 60%;
}
.productVSwiper .pic img{
	object-fit: contain;
}
.productVDot {
	text-align: center;
}

.productVDot span {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	text-align: center;
	line-height: 8px;
	font-size: .6rem;
	border: 1px solid #c9a36f;
	color: #FFF;
	opacity: 1;
	margin: 0 .25rem;
	background: transparent;
}

.productVDot span.swiper-pagination-bullet-active {
	background: #c9a36f;
}
.productVText .title{
	line-height: 1rem;
	padding: .25rem 0;
	font-size: .75rem;
	color: #333;
}
.productVText .textItro{
	line-height: 1.25rem;
	font-size: .65rem;
	color: #c9a36f;
}
.productVText .text{
	line-height: 1.2rem;
	font-size: .65rem;
	color: #999;
}
.productViewImg img{
	max-width: 100%;
}
.productNews{
	background: url(../images/minbg.jpg) no-repeat center bottom;
	padding-bottom: 1.1rem;
	padding-top: 1rem;
}
.productNews .titleBox{
	padding: 0 0.5rem;
	margin-bottom: 0.5rem;
}
.productNews .titleBox .title1{
	height: 1.5rem;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.productNews .titleBox .title2{
	font-size: 0.65rem;
	color: #c9a36f;
	text-align: center;
	line-height: 1.75rem;
}
.productNews .pic{
	margin-bottom: 0.5rem;
}
.productNews .pic::before {
    padding-top: 60%;
}
.productNews .pic img{
	object-fit: contain;
}
.productNewsDl{
	margin-left: 2rem;
	margin-right: 0.75rem;
}
.productNewsDl dd{
	margin-bottom: 0.5rem;
}
.productNewsDl dd .con{
	overflow: hidden;
}
.productNews .pic{
	margin: 0 auto;
	width: 8.9rem;
}
.productNewsDl dd .title{
	float: left;
	padding: 0 0.3rem;
	display: block;
	width: 3.9rem;
	margin-right: 0.75rem;
	background: #c9a36f;
	height: 1.2rem;
	line-height: 1.3rem;
	font-size: 0.65rem;
	color: #ffffff;
}
.productNewsDl dd .info{
	overflow: hidden;
	font-size: 0.65rem;
	color: #666666;
	height: 1.2rem;
	line-height: 1.3rem;
}
/* äº§å“è¯¦æƒ… end */

/* ä¼ä¸šæ–‡åŒ– start */
.cultureDl{
	padding: 0.3rem 0.75rem;
}
.cultureDl dd{
	padding: .35rem 0;
}
.cultureDl .con{
	position: relative;
	overflow: hidden;
}
.cultureDl dd .pic{
	float: left;
	display:inline;
	width: 50%;
	position: relative;
}
.cultureDl dd .text{
	position: absolute;
	width: 50%;
	top: 0;
	right: 0;
	left: auto;
	background-color: #c9a36f;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.cultureDl dd .text:before{
	display: block;
	content: '';
	position: absolute;
	top: 0.75rem;
	width: 0;
	height: 0;
	border: 0.35rem solid;
}
.cultureDl dd.dd1 .text:before{
	left: -0.7rem;
	border-color: transparent #c4a06c transparent transparent; 
}
.cultureDl dd.dd2 .text:before{
	right: -0.7rem;
	border-color: transparent transparent transparent #9b7e56; 
}
.cultureDl dd.dd3 .text:before{
	left: -0.7rem;
	border-color: transparent #c79e69 transparent transparent; 
}
.cultureDl dd.dd4 .text:before{
	right: -0.7rem;
	border-color: transparent transparent transparent #9c7d53; 
}
.cultureDl dd.dd5 .text:before{
	left: -0.7rem;
	border-color: transparent #c7a26e transparent transparent; 
}
.cultureDl dd.dd6 .text:before{
	right: -0.7rem;
	border-color: transparent transparent transparent #9b7e56; 
}
.cultureDl dd.dd1 .text{
	background-image: url(../images/whbg1.png);
}
.cultureDl dd.dd2 .text{
	background-image: url(../images/whbg2.png);
}
.cultureDl dd.dd3 .text{
	background-image: url(../images/whbg3.png);
}
.cultureDl dd.dd4 .text{
	background-image: url(../images/whbg4.png);
}
.cultureDl dd.dd5 .text{
	background-image: url(../images/whbg5.png);
}
.cultureDl dd.dd6 .text{
	background-image: url(../images/whbg6.png);
}
.cultureDl dd:nth-child(even) .pic{
	float: right;
	display:inline;
}
.cultureDl dd:nth-child(even) .text{
	right: auto;
	left: 0;
	background-color:#9d8057;
}
.cultureDl dd .title{
	padding-left: .75rem;
	padding-top: .5rem;
	height: 1.05rem;
	line-height: 1.15rem;
	font-size: .75rem;
	color: #fff;
}
.cultureDl dd .textc{
	line-height: 1rem;
	font-size: .6rem;
	color: #fff;
	padding-left: .75rem;
}
.cultureDl dd .pic:before{
	padding-top: 56.2318%;
}
/* ä¼ä¸šæ–‡åŒ– end */

/* å…¨å›¾åˆ—è¡¨ start */
.imgList1{
	overflow: hidden;
	margin-right: -0.75rem;
}
.imgList1 dd{
	float: left;
	display: inline;
	width: 50%;
	margin-bottom: 0.75rem;
}
.imgList1 dd a{
	display: block;
	border-radius: .25rem;
	margin-right: 0.75rem;
}
.imgList1 dd .pic::before{
	padding-top: 75%;
}
.imgList1 dd .text{
	height: 2.5rem;
	line-height: 2.6rem;
	font-size: .65rem;
	color: #333333;
	background: #f3f3f3;
	padding: 0 .25rem;
	text-align: center;
}
/* å…¨å›¾åˆ—è¡¨ end */

/* å…¨æ–‡åˆ—è¡¨ start */
.imgTextList dd{
	padding: 0.25rem .5rem;
}
.imgTextList dd .con{
	padding: .75rem .5rem;
	background: #f3f3f3;
	border-radius: .25rem;
}
.imgTextList dd .title{
	height: 1.25rem;
	line-height: 1.35rem;
	font-size: .7rem;
	color: #333;
	overflow: hidden;
}

.imgTextList dd .text{
	height: 1.25rem;
	line-height: 1.35rem;
	font-size: .65rem;
	color: #999;
	overflow: hidden;
}
.imgTextList dd .textC{
	height: 2.2rem;
	line-height: 1.11rem;
	font-size: .65rem;
	color: #666;
	overflow: hidden;
}
/* å…¨æ–‡åˆ—è¡¨ end */

/* è¡Œä¸šæ–°é—» start */
.imgText dd{
	margin-bottom: 0.7rem;
}
.imgText dd a{
	display: block;
	overflow: hidden;
	background: #f3f3f3;
	padding: 0.5rem;
	border-radius: 0.2rem;
}
.imgText dd .pic{
	float: left;
	display: inline;
	width: 5.25rem;
	margin-right: 0.75rem;
	border-radius: 0.2rem;
	overflow: hidden;
}
.imgText dd .text{
	overflow: hidden;
}
.imgText dd .title{
	line-height: 1.2rem;
	height: 2.4rem;
	overflow: hidden;
	font-size: 0.65rem;
	color: #333;
	margin-bottom: 0.2rem;
}
.imgText dd .time{
	line-height: 1rem;
	height:1rem;
	overflow: hidden;
	font-size: 0.6rem;
	color: #999999;
}
/* è¡Œä¸šæ–°é—» end */

#container{
	margin: 0 -0.3rem;
	overflow: hidden;
	position: relative;
}
.grid{
	width:50%;
	float: left;
	display: inline;
	margin-bottom: 0.5rem;
}
.gridCon{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:2px;
	margin: 0 0.3rem;
}
.imgholder img{
	object-fit: contain;
}
.gridCon a{
	display: block;
	padding:0.35rem;
	margin-bottom: 0.1rem;
	border: 1px solid #f5f5f5;
	background: #fff;
}

.gridCon .title{
	text-align: center;
	font-size: 0.65rem;
	color: #333333;
	height: 1.6rem;
	line-height: 1.7rem;
}

/* æ‹›å•†åŠ ç›Ÿ start */
.subPageTitle {
	text-align: center;
}

.subPageTitle .con {
	display: inline-block;
	position: relative;
	padding-top: 0.8rem;
	padding-bottom: 0.4rem;
}

.subPageTitle .con:before {
	display: block;
	content: '';
	position: absolute;
	width: 1.5rem;
	height: 3.15rem;
	background: url(../images/subtitle.png) no-repeat center center;
	background-size: cover;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.leagueColumn4 .subPageTitle .con:before {
	background: url(../images/subtitle1.png) no-repeat center center;
	background-size: cover;
}
.subPageTitle .title1 {
	font-size: 0.9rem;
	height: 1.4rem;
	line-height: 1.4rem;
	color: #333333;
}

.subPageTitle .title2 {
	font-size: 0.55rem;
	height: 0.8rem;
	line-height: 0.8rem;
	color: #c9a36f;
}
.leagueColumn1 .subPageTitle{
	margin-bottom: 0.75rem;
}
.leagueColumn1{
	background: url(../images/league1bg.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
.leagueSwiper{
	overflow: hidden;
	padding-bottom: 1.1rem;
	position: relative;
	margin-bottom: 0.6rem;
}
.leagueSwiper .slideCon{
	border-radius: 0.25rem;
	overflow: hidden;
}
.leagueSwiper .pic:before{
	padding-top: 56.23188%;
}
.leagueSwiper .text{
	background: #c9a36f;
	color: #fff;
	padding: 0.5rem 0.75rem;
}
.leagueSwiper .title{
	line-height: 1.4rem;
	height: 1.4rem;
	font-size: 0.75rem;
}
.leagueSwiper .title{
	line-height: 1.4rem;
	height: 1.4rem;
	font-size: 0.75rem;
}
.leagueSwiper .info{
	line-height: 1rem;
	height: 4rem;
	font-size: 0.6rem;
}
.leagueSwiper .swiper-pagination {
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	bottom: 0 !important;
}

.leagueSwiper .swiper-pagination span {
	width: 0.35rem;
	height: 0.35rem;
	border: 1px solid #c9a36f;
	border-radius: 50%;
	text-align: center;
	background: transparent;
	color: #FFF;
	opacity: 1;
	outline: none;
}

.leagueSwiper .swiper-pagination span.swiper-pagination-bullet-active {
	background: #c9a36f;
}
.leagueColumn2{
	background: url(../images/league2bg.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
.league2Text{
	background: url(../images/leaguetextbg.png) no-repeat center center;
	background-size: cover;
	position: relative;
}
.league2Text .leagueC2Icn1{
	width: 1.4rem;
	height: 0.8rem;
	background: url(../images/leaguec2icn1.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	left: 0.75rem;
	top: 0.3rem;
}
.league2Text .leagueC2Icn2{
	width: 2.3rem;
	height: 1.3rem;
	background: url(../images/leaguec2icn2.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	right: 0;
	top: -2rem;
}
.league2Text .leagueC2Icn3{
	width: 2.925rem;
	height: 1.3rem;
	background: url(../images/leaguec2icn3.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	left: 0.3rem;
	bottom: 1.7rem;
}
.league2Text .leagueC2Icn4{
	width: 2.2rem;
	height: 1.5rem;
	background: url(../images/leaguec2icn4.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	right: 0.5rem;
	bottom: 1.7rem;
}
.league2Text .con{
	font-size: 0.6rem;
	color: #666666;
	line-height: 1.1rem;
	padding: 1rem 1.2rem 3.5rem;
}
.league2Text .con .text{
	height: 16.5rem;
	overflow-y: auto;
	overflow-x: hidden;
}
.leagueColumn3{
	background: url(../images/league3bg.jpg) no-repeat center center;
	background-size: cover;
	height: 27.5rem;
	overflow: hidden;
}
.leagueDl3 {
	position: relative;
}

.leagueDl3 dd {
	position: absolute;
	border-radius: 50%;
	overflow: hidden;
	padding: 0.2rem;
}

.leagueDl3 dd .con {
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}

.leagueDl3 dd .text {
	font-size: 0.55rem;
	color: #fff;
	text-align: center;
	line-height: 1rem;
	max-height: 2rem;
	overflow: hidden;
	padding: 0 0.1rem;
}

.leagueDl3 dd .icn {
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 auto 0.1rem;
}

.leagueDl3 dd.dd1 {
	width: 4.25rem;
	height: 4.25rem;
	background-color: rgba(235, 160, 74, 0.5);
	left: 0;
	top: 0;
}

.leagueDl3 dd.dd1 .con {
	background-color: rgba(235, 160, 74, 1);
}

.leagueDl3 dd.dd1 .icn {
	background: url(../images/lac4icn1.png) no-repeat center center;
	background-size: contain;
}

.leagueDl3 dd.dd2 {
	width: 5.5rem;
	height: 5.5rem;
	background: rgba(46, 142, 229, 0.5);
	left: 5.75rem;
	top: 1.28rem;
}

.leagueDl3 dd.dd2 .con {
	background: rgba(46, 142, 229, 1);
}

.leagueDl3 dd.dd2 .icn {
	background: url(../images/lac4icn2.png) no-repeat center center;
	background-size: contain;
}

.leagueDl3 dd.dd3 {
	width: 4.5rem;
	height: 4.5rem;
	background: rgba(73, 182, 134, 0.5);
	right: 0;
	top: 0;
}

.leagueDl3 dd.dd3 .con {
	background: rgba(73, 182, 134, 1);
}

.leagueDl3 dd.dd3 .icn {
	background: url(../images/lac4icn3.png) no-repeat center center;
	background-size: contain;
}

.leagueDl3 dd.dd4 {
	width: 4.75rem;
	height: 4.75rem;
	background: rgba(90, 155, 211, 0.5);
	right: 0;
	top: 8rem;
}

.leagueDl3 dd.dd4 .con {
	background: rgba(90, 155, 211, 1);
}

.leagueDl3 dd.dd4 .icn {
	background: url(../images/lac4icn4.png) no-repeat center center;
	background-size: contain;
}

.leagueDl3 dd.dd5 {
	width: 3rem;
	height: 3rem;
	background: rgba(73, 173, 125, 0.5);
	right: 6.25rem;
	top: 10.45rem;
}

.leagueDl3 dd.dd5 .con {
	background: rgba(73, 173, 125, 1);
}

.leagueDl3 dd.dd5 .icn {
	background: url(../images/lac4icn5.png) no-repeat center center;
	background-size: contain;
}

.leagueDl3 dd.dd6 {
	width: 5.15rem;
	height: 5.15rem;
	background: rgba(235, 125, 74, 0.5);
	left: 0.75rem;
	top: 10rem;
}

.leagueDl3 dd.dd6 .con {
	background: rgba(235, 125, 74, 1);
}

.leagueDl3 dd.dd6 .icn {
	background: url(../images/lac4icn6.png) no-repeat center center;
	background-size: contain;
}

.leagueDl3 dd.dd7 {
	width: 5rem;
	height: 5rem;
	background: rgba(90, 101, 214, 0.5);
	left: 6.25rem;
	top: 16.1rem;
}

.leagueDl3 dd.dd7 .con {
	background: rgba(90, 101, 214, 1);
}

.leagueDl3 dd.dd7 .icn {
	background: url(../images/lac4icn7.png) no-repeat center center;
	background-size: contain;
}
.leagueColumn4{
	background: url(../images/league4bg.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
.leagueColumn4 .subPageTitle .title1{
	color: #fff;
}
.leagueForm{
	padding-top: 1rem;
	
}
.leagueForm .formCon{
	height: 1.8rem;
	line-height: 1.9rem;
	margin-bottom: 0.5rem;
}
.leagueForm .formCon1{
	flex: 1;
	margin-right: 0.5rem;
}
.leagueForm .formCon1:last-child{
	margin-right: 0;
}
.leagueForm .formCon input{
	background: #fff;
	outline: none;
	border: none;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 0.6rem;
	font-size: 0.65rem;
	color: #666666;
}
.leagueForm .formCon textarea{
	background: #fff;
	outline: none;
	border: none;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0.5rem 0.6rem;
	font-size: 0.65rem;
	color: #666666;
}
.leagueForm .formCon2{
	height: 4.5rem;
}
.leagueForm .textareaWidth {
	height: 4.5rem;
	border-radius: 0.2rem;
	overflow: hidden;
}
.leagueForm .formCon input::-webkit-input-placeholder{
	font-size: 0.65rem;
	color: #666666;
}
.leagueForm .formCon textarea::-webkit-input-placeholder{
	font-size: 0.65rem;
	color: #666666;
}
.leagueForm .inputWidth{
	background: #fff;
	border-radius: 0.2rem;
	overflow: hidden;
}
.leagueForm .formCon .picimg{
	margin-left: 0.5rem;
}
.leagueForm .formCon .picimg img{
	height: 1.9rem;
	width: 3rem;
	object-fit: contain;
	border-radius: 0.2rem;
	overflow: hidden;
}
.leagueForm .formCon4{
	width: 10rem;
}
.leagueFormBtn{
	margin-bottom: 0.6rem;
}
.leagueFormBtn a{
	display: block;
	width: 5.1rem;
	height: 1.8rem;
	line-height: 1.9rem;
	font-size: 0.65rem;
	color: #ffffff;
	background: #c9a36f;
	text-align: center;
	border-radius: 0.2rem;
	overflow: hidden;
}
/* æ‹›å•†åŠ ç›Ÿ end */

/*åˆ†é¡µ*/
.pagination{
    text-align: center;
    margin-bottom: 20px;
}
.pagination li{
    display: inline-block;
}
.pagination li a{
    display: inline-block;
    overflow: hidden;
    color: #666666;
    border-radius: 50%;
    margin: 0 3px;
    border: 1px solid #e3e3e3;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #e3e3e3;
    position: unset;
    padding: 0;    
    text-align: center;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    display: inline-block;
    overflow: hidden;
    color: #fff;
    border-radius: 50%;
    margin: 0 3px;
    border: 1px solid #c8a16c;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #c8a16c;
    position: unset;
    padding: 0;
    text-align: center;
}
.pagination > .disabled{
    display: inline-block;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus {
    display: inline-block;
    overflow: hidden;
    color: #666666;
    border-radius: 50%;
    margin: 0 3px;
    border: 1px solid #e3e3e3;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #e3e3e3;
    position: unset;
    padding: 0;    
    text-align: center;
}

.product_title{
    background-color: #c9a36f;
    color: #fff;
    font-weight: bold;
    float: left;
    height: 53px;
    width: 100%;
    line-height: 53px;
    font-size: 20px;
    text-align: center;
    background: #c9a36f;
    margin-bottom: 20px;
}

.product_con{
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px 0 10px;
}

.btn-news{
    color: #fff;
    background-color: #7f0019;
    border-color: #7f0019;
    width: 120px;
    font-size: 14px;
    border-radius: 10px;
    background-clip: padding-box;
    padding: 10px 16px;
    border: 1px solid transparent;
}