@charset "UTF-8";

.bg-gray{ background: #f7f7f7; }
.mt70{ margin-top: 70px; }
.mt95{ margin-top: 95px; }
.pleft70{ padding-left: 60px !important; }
.pleft124{ padding-left: 124px !important; }
.animation { visibility:hidden; }
.animated, .ie .animation, .ie9 .animation { visibility:visible; }
.banner .show-big{ width: 100%; }
.row { margin-right: -15px; margin-left: -15px; }
.row:after,.row:before{display:table;content:" "}
.row:after{clear:both}
.common-m .col-md-6{ float: left; width: 50%; position:relative;min-height:1px;padding-right:15px;padding-left:15px }
.common-m h3{ margin-bottom: 26px; font-size: 28px; }
.common-m img{ display: block; margin: 0 auto; }
.common-m p{ padding-left: 28px; line-height: 32px; background: url(../images/xcx_lead/xcx_check.png) no-repeat left 4px; font-size: 16px; color: #666; }
.mode01{ padding: 75px 0 70px; }
.mode02{ padding: 50px 0 45px; }
.mode03, .mode04{ padding: 55px 0 48px; }
/* bottom bar */
.layer { position: fixed; z-index: 999999; bottom: -1px; width: 100%; height: auto; line-height: 100px; text-align: center;  }
.layer{ height: 120px; background: #000; background: rgba(0,0,0,.5); filter: alpha(opacity=60); color: #fff; }
.layer .ewm li{ float: left; width: 90px; height: 90px; padding: 15px 0; }
.layer .ewm li.ewm-pic{ margin: 0 12px 0 120px; }
.layer .ewm li.ewm-tit{ margin-top: 24px; line-height: 24px; font-size: 16px; color: #fff; }
.layer .experience{ float: left; line-height: 120px; font-size: 36px;  }
.layer p { font-size: 28px; color: #fffbd8; }
.layer p a { margin-left: 82px; font-size: 20px; color: #fffbd8; }
.layer p a:hover { text-decoration: underline; }
.layer .xe-co { margin: -82px 0 0 -20px; cursor: pointer; transition: 0.3s; }
.layer .xe-up { top: -30px; transform: rotate(180deg); }
/* side bar */
.side-bar{ position: fixed; right: 0; top: 50%; width: 50px; margin-top: -137px; }
.side-bar a{ display: block; width: 50px; height: 50px; margin-bottom: 5px; background: #d4d4d4 url(/Content/images/xcx_lead/share_icon_03.png) no-repeat; }
.side-bar a:hover{ background: #d4d4d4 url(/Content/images/xcx_lead/share_icon_04.png) no-repeat; }
.side-bar a.share01{ background-position: 0 0; position: relative;}
.side-bar a.share03{ background-position: 0 -105px; }
.side-bar a.share04{ background-position: 0 -159px; }
.side-bar a.share05{ background-position: 0 -212px; }
.side-bar a.share01 .show-ewm{ position: absolute; right: -90px; }
@media (min-width:768px) and (max-width:991px){
	.banner { height: auto; padding: 40px 15px 80px; background: url(../images/xcx_lead/banner_bgs.jpg) no-repeat left top; background-size: cover; }
	.banner img { width: 80%; height: auto; margin: 0 auto; }
	.common-m img{ width: 80%; margin: 0 auto; }
	.mt95, .mt70{ margin-top: 0; }
	.pleft60, .pleft124{ padding-left: 0; }
}
@media screen and (max-width: 767px){
	.banner img{ width: 100%; height: auto; margin: 0 auto; }
	.common-m h3{ margin-top: 56px; font-size: 20px; }
	.common-m img{ width: 80%; margin: 0 auto; }
	.mt95, .mt70{ margin-top: 0; }
	.pleft60, .pleft124{ padding-left: 0; }
	.mode01{ padding: 40px 0; }
	.mode02{ padding: 50px 0 45px; }
	.mode03, .mode04{ padding: 55px 0 48px; }
}