@charset "utf-8";
 
 *{-ms-word-break: break-all;word-break: break-all;}
.container01Bg{background: url(../img/mainBg.jpg) center center repeat-x;background-size: 108% auto;}
.container01{max-width:1400px; margin:0 auto; /* height:520px; */padding: 45px 0;}
.slideimgDiv{text-align: right;position: relative;}
.bx-wrapper .slideimgDiv img{width: 1027px;height: 430px;}
.bx-wrapper .slideimgDiv img{display: inline-block;}
.mainSlider{position: absolute;bottom: 30px;left: 0;}
.slideTitle{position: relative;width: 463px;height: 290px;padding: 5px 50px 30px 40px;background-color: #1dabb8;box-shadow:0 8px 12px rgba(0,0,0,.17)}
.slideTitle:after{content: "";position: absolute;top: -30px;left: 0;background: url(../img/mianBoxBg.png) 0 0 no-repeat;width: 100%;height: 31px;}
.slideTitle p{color: #fff;text-align: left;}
.slideTitle p:first-child{width: 350px;}
.slideTitle p:first-child a{font-size: 24px;line-height: 1.25;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slideTitle p:first-child a:hover{text-decoration: underline;}
.slideTitle p:first-child + p{font-size: 18px;line-height: 1.666666666666667;margin-top: 10px;height: 2em;text-overflow:ellipsis;display: block;-webkit-line-clamp:2;-webkit-box-orient:vertical;}/*white-space:nowrap;overflow:hidden;*/
.slideTitle a .slideTitle_title{	font-size:24px;display: block;overflow:hidden;text-overflow:ellipsis;}/*white-space:nowrap;*/
.mainSliderWrap .bx-controls{position: absolute;width: 463px;top: 0;left: 0; z-index:99;}
.mainSliderWrap .bx-wrapper .bx-controls-direction a{width: 44px;height: 44px;margin: 0;top: 320px;left: auto;z-index: 5;}
.mainSliderWrap .bx-wrapper .bx-prev{right: 90px;background: url(../img/bxslider.png)no-repeat 0 0;}
.mainSliderWrap .bx-wrapper .bx-next{right: 40px;background: url(../img/bxslider.png)no-repeat -49px 0;}
.mainSliderWrap .bx-wrapper .bx-next:hover, .mainSliderWrap .bx-wrapper .bx-next:focus{background-position: -49px 0;}
.mainSliderWrap .bx-wrapper .bx-controls-auto .bx-start{background: url(../img/controls.png) -18px 0 no-repeat;height: 14px;}
.mainSliderWrap .bx-wrapper .bx-controls-auto .bx-stop{background: url(../img/controls.png) 0 0 no-repeat;height: 14px;}
.mainSliderWrap .bx-wrapper .bx-controls-auto .bx-start:hover, .mainSliderWrap .bx-wrapper .bx-controls-auto .bx-start.active, .mainSliderWrap .bx-wrapper .bx-controls-auto .bx-start:focus{background-position: -18px 0;}
.mainSliderWrap .bx-wrapper .bx-controls-auto .bx-stop:hover, .mainSliderWrap .bx-wrapper .bx-controls-auto .bx-stop.active, .mainSliderWrap .bx-wrapper .bx-controls-auto .bx-stop:focus{background-position: 0 0;}
.mainSliderWrap .bx-wrapper .bx-pager{bottom: auto;top: 335px;text-align: left;left: 60px;padding-top: 5px;}
.mainSliderWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{width: 20px; }
.mainSliderWrap .bx-wrapper .bx-controls-auto{bottom: auto;top: 337px;text-align: left;left: 40px;}
.mainSliderWrap .bx-wrapper .bx-pager.bx-default-pager a{background-color: transparent;border:1px solid #fff;width: 15px;height: 15px;border-radius:50%;}
.mainSliderWrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .mainSliderWrap .bx-wrapper .bx-pager.bx-default-pager a.active, .mainSliderWrap .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color: #fff;}

/* tablet */
@media (max-width:1200px) {
	.tabletshow{display: none;}
	.tabletshow{display: block;}

	
	/*container01*/
	.container01{padding: 30px;}
	.container01 .sliderWrap{width: 100%;}
	.container01 > div{width:100%;} 
	.mainSlider{width: 100%;position: static;}
	.slideTitle{width: 100%;height: 150px;}
	.slideTitle p:first-child{width: 100%;}
	.slideTitle p:first-child + p{font-size: 18px;line-height: 1.666666666666667;margin-top: 10px;height: 2em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display: block;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	.slideTitle a .slideTitle_title{	font-size:24px;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.mainSliderWrap .bx-wrapper img{min-width:100%;height: auto;}
	.mainSliderWrap .bx-wrapper .bx-controls-auto, .mainSliderWrap .bx-wrapper .bx-pager{top: auto;bottom: 30px;}
	.mainSliderWrap .bx-controls{width: 100%;height: 50px;top: auto;bottom: 0;}
	.mainSliderWrap .bx-wrapper .bx-controls-direction a{top: auto;bottom: 20px;right: 30px;}
	.mainSliderWrap .bx-wrapper .bx-controls-direction .bx-prev{right: 80px;}
	.mainSliderWrap	.bx-viewport{overflow: visible !important; }

	
}
@media (max-width:767px) {
	.join_popup_wrap {left: 0; }
}
@media (max-width:710px) {
	.bot_img {display: none;}
}

/* mobile */
@media (max-width: 699px) {
	/*container01*/
	.container01Bg {
		background-size: auto 100%;
	}
	.mainSliderWrap .bx-wrapper img {
		min-width: 100%;
		width: 100%;
		height: 225px;
	}
}

/* 11.26 */


.slideTitle {
    height: 200px;
	padding: 10px 40px 30px 40px;
	background-color: #282948;
	/* left: -16px; */
}
	

.slideTitle a .slideTitle_title {
		font-size: 30px;
		font-weight: bold;
}

.slideTitle p:first-child + p {
			font-size: 17px;
			margin-top: 0px;
}


@media (max-width:767px) {
	.mainSliderWrap .bx-controls { 
		bottom: -5px;
	}

	.slideTitle {
		width: 100%;
		height: 120px;
		padding: 20px 40px 20px 40px;

	}

	.slideTitle a .slideTitle_title {
		font-size: 22px;
	  
	}

	.slideTitle p:first-child + p {
		font-size: 15px;
	
	}
	.container01 {
		height: 403px;}


	.slideTitle:after {display: none;}
	


	.mainSliderWrap .bx-wrapper .bx-prev{background: url(../img/bxslider_m.png)no-repeat 0 0;}
	.mainSliderWrap .bx-wrapper .bx-next{background: url(../img/bxslider_m.png)no-repeat -31px 0;}

	.mainSliderWrap .bx-wrapper .bx-controls-direction a {
		width: 28px;
		height: 28px;}
	
	.mainSliderWrap .bx-wrapper .bx-controls-direction .bx-prev {
			right: 66px;
		}

	.mainSliderWrap .bx-wrapper .bx-next:hover{background-position: -31px 0;}



	.mainSliderWrap .bx-wrapper .bx-controls-auto, .mainSliderWrap .bx-wrapper .bx-pager {bottom: 25px;}
}