/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	-webkit-transition-property:left, top, -webkit-transform;
	
	transition-property:left, top, -webkit-transform;
	
	transition-property:transform, left, top;
	
	transition-property:transform, left, top, -webkit-transform;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
body{background:#f8f9fb}.container{position:relative;width:1000px;margin:20px auto 0;background:#fff}.tab-wrap{width:300px;margin:0 auto;padding:36px 0 40px;font-size:0}.tab-wrap .tab{position:relative;display:inline-block;vertical-align:middle;color:#333;font-size:16px;width:150px;height:44px;text-align:center;line-height:44px;border:1px solid #dcdcdc}.tab-wrap .tab1{border-right:none;border-radius:2px 0 0 2px}.tab-wrap .tab2{border-left:none;border-radius:0 2px 2px 0}.tab-wrap .active{border:1px solid #b60014;background:#b60014;color:#fff}.tab-wrap .new-icon{width:34px;height:21px;position:absolute;top:4px;right:-17px}.left-wrap{border-right:1px solid #f8f9fb}.left-wrap,.right-wrap{padding-bottom:40px;width:50%}.left-wrap .version,.right-wrap .version{text-align:center;margin-top:12px;color:#333;font-size:14px;line-height:20px}.left-wrap .download-box,.right-wrap .download-box{width:364px;margin:49px auto 0}.left-wrap .download-box .icon,.right-wrap .download-box .icon{width:172px;height:100px}.left-wrap .download-box .link,.right-wrap .download-box .link{margin-top:20px;display:inline-block;width:172px;height:40px;color:#fff;font-size:14px;background:#b60014;border-radius:2px;text-align:center;line-height:40px}.heading-box{text-align:center;color:#b60014;font-size:22px;line-height:30px;font-weight:500;margin-bottom:40px}.heading-box .heading{padding:0 16px;position:relative}.heading-box .heading:before{left:-100px;background-image:-webkit-gradient(linear,left top, right top,from(#fff),to(#b60014));background-image:linear-gradient(90deg,#fff,#b60014)}.heading-box .heading:after,.heading-box .heading:before{content:"";position:absolute;top:15px;width:100px;height:1px}.heading-box .heading:after{right:-100px;background-image:-webkit-gradient(linear,left top, right top,from(#b60014),to(#fff));background-image:linear-gradient(90deg,#b60014,#fff)}.swiper-box-top-left,.swiper-box-top-right{position:relative;overflow:hidden;width:360px;height:407px;margin:0 auto}.swiper-box-top-left .img,.swiper-box-top-right .img{width:100%;height:272px}.swiper-box-top-left .title,.swiper-box-top-right .title{margin-top:53px;color:#333;font-size:22px;line-height:30px;height:30px;text-align:center;overflow:hidden;white-space:nowrap}.swiper-box-top-left .intro,.swiper-box-top-right .intro{margin-top:8px;color:#666;font-size:16px;line-height:22px;height:44px;overflow:hidden;text-align:center}.swiper-box-top-left .top-left-pagination,.swiper-box-top-left .top-right-pagination,.swiper-box-top-right .top-left-pagination,.swiper-box-top-right .top-right-pagination{position:absolute;bottom:110px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.swiper-box-bottom-left,.swiper-box-bottom-right{position:relative;overflow:hidden;width:360px;height:583px;margin:8px auto 0}.swiper-box-bottom-left .img,.swiper-box-bottom-right .img{width:100%;height:448px}.swiper-box-bottom-left .title,.swiper-box-bottom-right .title{margin-top:53px;color:#333;font-size:22px;line-height:30px;height:30px;text-align:center;overflow:hidden;white-space:nowrap}.swiper-box-bottom-left .intro,.swiper-box-bottom-right .intro{margin-top:8px;color:#666;font-size:16px;line-height:22px;height:44px;overflow:hidden;text-align:center}.swiper-box-bottom-left .bottom-left-pagination,.swiper-box-bottom-left .bottom-right-pagination,.swiper-box-bottom-right .bottom-left-pagination,.swiper-box-bottom-right .bottom-right-pagination{position:absolute;bottom:110px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.img-box{margin:32px auto 0;width:196px;height:46px}.img-box img{width:100%;height:100%}.qrcode-box{margin:18px auto 0;width:110px;height:100px}.qrcode-box img{width:100%;height:100%}.swiper-pagination-switch{display:inline-block;width:6px;height:6px;background:#ccd7df;margin:0 5px;border-radius:1px}.swiper-active-switch{width:20px;background:#b60014}.sidebar-live-news-wrap{border:none!important;left:1020px!important;max-width:270px!important;line-height:22px!important}.sidebar-live-news-wrap .side-bar-wrap-head{font-size:18px;line-height:25px;font-weight:700;border-bottom:none!important}.sidebar-live-news-wrap .side-bar-wrap-head:before{width:72px!important;background:#b60014!important}.sidebar-live-news-wrap .side-bar-wrap-head img{display:none}.sidebar-live-news-wrap .stock-live-box-top span,.sidebar-live-news-wrap .stock-live-middle-head span{font-weight:700!important;font-size:16px!important;line-height:22px!important}.sidebar-live-news-wrap .stock-live-middle-content{height:66px!important;font-size:14px!important;line-height:22px!important}.sidebar-live-news-wrap .stock-live-bottom img{width:14px!important;height:18px!important}.sidebar-live-news-wrap ul li{margin-top:7px!important}.sidebar-live-news-wrap ul li:before{background:#b60014!important}.sidebar-live-news-wrap ul li p{font-size:14px!important;line-height:22px!important;max-height:44px!important}.sidebar-live-news-wrap ul a:hover p{color:#b60014!important;text-decoration:none!important}