@charset "utf-8";
.home .wrapBox {
	visibility: hidden;
}
.topMainBox{
	width:1100px;
	margin:0 auto;
}
.bxslider,
.bxslider2{
	visibility: hidden;
}

.bxslider{
height:350px;
}
.bxslider li{width:100% !important;}
.bxslider li img{width:100% !important;}
.bxslider li div{
	width:100%;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center top;
}
.bx-controls-direction{display:none;width:100%;height:100%;top:-250px;position:absolute;z-index:999;}
.bx-controls{position:relative;}
.bx-pager{position:absolute;top:-25px;left:51.5%;z-index:100;margin:0 auto;float:left;}
.bx-pager:after {
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
}
.bx-pager .bx-pager-item{float:left;position:relative;left:-50%;}
.bx-pager .bx-pager-item a{
	display:block;
	width:12px;
	height:12px;
	margin-right:15px;
	line-height:100px;
	overflow:hidden;
	border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	border:1px solid #b9b9b9;
	background:#fff;
}
.bx-controls-direction a.bx-prev{
	display:block;
	position:absolute;
	left:-52px;
	width:52px;
	height:77px;
	line-height:500px;
	overflow:hidden;
	background:url(../img/arrow_l.png) no-repeat left top;
}
.bx-controls-direction a.bx-next{
	display:block;
	position:absolute;
	right:-52px;
	width:52px;
	height:77px;
	line-height:500px;
	overflow:hidden;
	background:url(../img/arrow_r.png) no-repeat left top;
}

.bx-pager .bx-pager-item a.active{background:#626262;}
.bxslider li div a{display:block;line-height:0;min-height:420px;border-bottom: 1px solid #cecece;}

.wrapBox .mainBox .whatnew{
	margin-bottom:20px;
	background:url(../img/whatnew_bg.png) no-repeat right top;
}
.wrapBox .mainBox .whatnew li{
	text-align:left;
	color: #666;
	font-size: 13px;
	line-height: 16px;
	padding-bottom:8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px dotted #ccc;
    margin-bottom: 9px;
}
.wrapBox .mainBox .whatnew li span{
	display:inline-block;
	font-size:12px;
	line-height:16px;
	padding-right:10px;
}
.wrapBox .mainBox .whatnew li a {
	color:#DF0752;
	font-size:13px;
	line-height:16px;
}
.wrapBox .mainBox .whatnew li a:hover{
	color:#DF0752;
	text-decoration:underline;
}

.top_procon{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.top_procon .top_procon_text{
	
	background:url(../img/top_concept_bg.png) no-repeat right top;
}
.top_procon .top_procon_text .top_procon_title{
	color:#000;
	font-size:26px;
	line-height:34px;
	padding-bottom:10px;
}
.top_procon .top_procon_text .top_procon_title .textc-1{color:#359935;}
.top_procon .top_procon_text .top_procon_title .textc-2{color:#308DC4;}
.top_procon .top_procon_text .top_procon_title .textc-3{color:#EB7600;}
.top_procon .top_procon_text .top_procon_title .textc-4{color:#EA3B75;}
.top_procon .top_procon_text .top_procon_lead{
	font-size:16px;
	color:#666;
	line-height:20px;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:2px solid #ccc;
}
.top_procon .top_procon_text .top_procon_body{
	line-height:19px;
}



@media only screen and (max-width: 767px){
.bx-pager{left:75%;width:100%;}
.topMainBox{ width:100%; }
.topMainBox img{width:100%;}
.top_procon{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.top_procon .top_procon_img{
	width:100%;
	text-align:center;
}
.top_procon .top_procon_img img{width:100%;}
 
}