body{
	background-color: #f6f6f6;
}
.kv {
	position: relative;
    width: 100%;
    /* height: 400px; */
    background-image: url(../images/ebusiness_list_kv.jpg);
}
.sec {
    margin: 0 auto;
    width: 1024px;
} 
.sec.video-btn{    border: 0;margin-bottom: 0;}
.breadcrumb {
	/*padding: 25px 0 35px 0;*/
	padding: 25px 0 12px 0;
}
.breadcrumb ul li {
	display: inline-block;
}
.breadcrumb ul li:after {
	content: ">>";
	margin: 0 10px;
}
.breadcrumb ul li.last:after{
	display:none;
}
.breadcrumb ul li a {
	color: #898989;color: #000;
}
.pageTitle {
	/*padding: 0 0 45px 0;*/
	padding: 0 0 20px 0;
}
.pageTitle h1 {
	font-size: 28px;
	font-weight: bold;
	line-height: 2.2;
}
.pageTitle h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
}
.kv{ 
	width: 100%; /*height: 400px;*/
	padding-bottom: 24%;
    	margin-bottom: 30px;
    	background-size:100% auto;background-position: center; background-repeat: no-repeat;
} 
.kv .title{ 
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color:#fff
}
.kv .title.black{ 
    color:#333; 
}
 /* btn effect-btn */
.btn{
	position: relative; 
	padding: 6px 0 !important;
	width: 10em;
	text-indent: 1em;
	font-size: 18px !important;
} 
.btn:hover{
	text-decoration: none;
	/* color: #fff; 
	border: 1px solid #ccc !important; */
} 
.effect-btn{
    -webkit-transition: color .4s cubic-bezier(.47, .12, .11, .99);
    transition: color .4s cubic-bezier(.47, .12, .11, .99);
}
.effect-btn:hover{
	color: #fff; 
}
.effect-btn:before{
	position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: '';
    -webkit-transition: width .4s cubic-bezier(.47, .12, .11, .99);
    transition: width .4s cubic-bezier(.47, .12, .11, .99);
    background: #333;
}
.effect-btn:after{
    position: absolute;
    z-index: 1; 
    top: 50%;
    right: 15px;

    width: 30px;
    height: 9px;

    content: '';
    -webkit-transition: right .5s cubic-bezier(.47, .12, .11, .99);
            transition: right .5s cubic-bezier(.47, .12, .11, .99);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url('../images/common/i_ar.svg') no-repeat center right;
    background-size: 100% auto;
} 

.effect-btn:hover:before{
	width: 100%;
}
.effect-btn:hover:after{
	right: 10px;
	background: url('../images/common/i_ar_btn_bk_on.svg') no-repeat right center;
	background-size: auto 100%;
}
.effect-tab{
	position: relative;
	background-color: transparent !important;
	-webkit-transition: color .4s cubic-bezier(.47, .12, .11, .99);
    	transition: color .4s cubic-bezier(.47, .12, .11, .99);
}
.effect-tab:before{
	position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: '';
    -webkit-transition: width .4s cubic-bezier(.47, .12, .11, .99);
    transition: width .4s cubic-bezier(.47, .12, .11, .99);
    background: #333;
}

.effect-tab:hover{
	color: #fff;
}
.effect-tab.current:before,
.effect-tab:hover:before{
	width: 100%;
}
/*为了ipad1024左右有留白 */
@media screen and (max-width:1024px) {

	.sec {
		
		width: 100%;
		margin: 0 auto;
		padding-left: 20px; padding-right: 20px;
	}
}
@media screen and (max-width:640px) {
	.sec {
		width: 100%;
		margin: 0 auto;
		padding-left: 20px; padding-right: 20px;
	}
	.sec.video-btn{margin-bottom: 30px;}
	.breadcrumb {
		display: none;
	}
	/*.pageTitle {
		padding-top: 28px;
		padding-bottom: 28px;
	}*/
	.pageTitle {padding:28px 20px;}
	.pageTitle h1 {
		font-size: 21px;
	} 
	.pageTitle h2{
		font-size: 18px;
	}
	.kv{  
		/*height: 250px;*/ padding-bottom: 66%;
		/*background-image: url(../images/ebusiness_list/ebusiness_list_kv_sp.jpg);*/
	}  
}


.modal {
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 99999;
	display : none;
}

.modal .modal-bg {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : #000;
	opacity : 0.8;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}

.modal .modal-inner {
	position : absolute;
	top : 50%;
	left : 50%;
	width : 100%;
	height : 100%;
	max-width : 1024px;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
	z-index : 1;
}

@media screen and (min-width: 1600px) {
	.modal .modal-inner {
		max-width : 1280px;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.modal .modal-inner {
		width : 90%;
	}
}

.modal #player {
	position : absolute;
	top : 50%;
	left : 50%;
	width : 90%;
	padding-top : 50%;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.modal #player {
		min-width : 0;
		padding-top : 50%;
	}
}

.modal #player .video-js {
	position : absolute;
	top : 0;
	right : 0;
	width : 100% !important;
	height : 100% !important;
}

.modal #player video {
	position : absolute;
	top : 0;
	right : 0;
	width : 100% !important;
	height : 100% !important;
}

.modal .modal-close {
	position : absolute;
	top : -70px;
	right : 0;
	width : 50px;
	height : 50px;
	z-index : 10;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
	cursor : pointer;
	-webkit-transition : all 0.5s ease;
	        transition : all 0.5s ease;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.modal .modal-close {
		top : -50px;
		right : 0;
		width : 40px;
		height : 40px;
	}
}

.modal .modal-close:hover {
	-webkit-transform : rotate(135deg);
	    -ms-transform : rotate(135deg);
	        transform : rotate(135deg);
}

.modal .modal-close:before {
	content : '';
	position : absolute;
	top : 25px;
	right : 0;
	width : 100%;
	height : 2px;
	background : #fff;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.modal .modal-close:before {
		top : 20px;
	}
}

.modal .modal-close:after {
	content : '';
	position : absolute;
	top : 0;
	left : 25px;
	width : 2px;
	height : 100%;
	background : #fff;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.modal .modal-close:after {
		left : 20px;
	}
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	.fancybox-close {
		    background-image: url(../images/fancybox_close.png) !important;
		    background-size: 14px 14px !important;
		    right: 6px !important;
		    top: 6px !important;
		    background-repeat: no-repeat;
		    height: 14px !important;
		    width: 14px !important;
	} 
}



a.m-btn-video {
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.1em;
	display : inline-block;display: block;
	border : 1px solid #000;
	font-size : 16px;
	font-size : 1rem;
	font-weight : bold;
	color : #000;
	padding : 15px 20px;
	min-width : 310px;width:310px;margin: auto;
	text-align : center;
	position : relative;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}

@media screen and (min-width: 1600px) {
	a.m-btn-video {
		padding : 18px 25px;
		font-size : 1.25rem;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	a.m-btn-video {
		display : block;
		width : auto;
		min-width : 10px;
		font-size : 0.875rem;
		padding : 13px 20px;
	}
}

a.m-btn-video:before {
	content : '';
	display : inline-block;
	position : absolute;
	top : 0;
	left : 0;
	bottom : 0;
	width : 0;
	background : #626262;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}

a.m-btn-video span {
	display : inline-block;
	position : relative;
	padding-right : 34px;
	/*
		&:after{
			content: '';
			display: inline-block;
			width: 30px;
			height: 30px;
			background: url(../images/i_ar_video_on.png) no-repeat;
			position: absolute;
			right: 0px;
			top: 50%;
			margin-top: -15px;
			transition: all 0.3s ease;
			opacity: 0;
			@include viewSp() {
				width: 22px;
				height: 22px;
				background-size: 22px 22px;
				margin-top: -11px;
			}
		}
		*/
}

@media screen and (min-width: 1600px) {
	a.m-btn-video span {
		padding-right : 42px;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	a.m-btn-video span {
		padding-right : 25px;
	}
}

a.m-btn-video span:before {
	content : '';
	display : inline-block;
	width : 1px;
	height : 1px;
	border-left : 14px solid #000;
	border-top : 8px solid transparent;
	border-bottom : 8px solid transparent;
	position : absolute;
	right : 0;
	top : 50%;
	margin-top : -8px;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
	        transition : all 0.3s ease;
}

@media screen and (min-width: 1600px) {
	a.m-btn-video span:before {
		border-left : 18px solid #000;
		border-top : 10px solid transparent;
		border-bottom : 10px solid transparent;
		margin-top : -9px;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	a.m-btn-video span:before {
		border-left : 10px solid #000;
		border-top : 6px solid transparent;
		border-bottom : 6px solid transparent;
		margin-top : -7px;
	}
}

a.m-btn-video.btn-m {
	min-width : 10px;
	width : 100%;
	font-size : 24px;
	font-size : 1.5rem;
	padding : 19px 15px;
}

a.m-btn-video.btn-s {
	min-width : 10px;
	width : auto;
	font-size : 16px;
	font-size : 1rem;
	padding : 10px 15px;
}

a.m-btn-video.btn-s span {
	padding-right : 34px;
}

a.m-btn-video:hover {
	color : #fff;
	border : 1px solid #626262;
}

a.m-btn-video:hover:before {
	width : 100%;
}

a.m-btn-video:hover span:before {
	border-left-color : #fff;
}

a.m-btn-video{min-width:auto;padding: 6px 20px;font-size:16px;width:195px; height:41px;}