html, body{
	font-family: "Helvetica Neue",PingFangSC-regular,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei"," sans-serif";
	/*color: #fff;*/
	height: 1000px;
	width:100%;
	height:100%
}
/* body {  
    padding-top: 90px; 
} */
@media only screen and (max-width: 1200px){
/*    body {  
        padding-top: 70px; 
    } */
}

/*
*	弹框样式
 */
/*底部菜单*/
.foot-b {
    position:fixed;
    z-index:9;
    bottom:0;
    width:100%;
}
.foot-b ul,.foot-b li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.foot-b ul{
    width:100%;
    min-width:320px;
    max-width:750px;
    margin:0 auto;
    display:flex;
    display:-webkit-flex;
}
.foot-b ul li img{
    width:100%;
    height:100%;
}
/*底部菜单*/

#RIGHTAWM {
    position: fixed;
    width: 210px;
    height: 395px;
    top: 185px;
    right: 0;
    z-index: 999;
}
#RIGHTAWM .btn {
    position: absolute;
    width: 130px;
    height: 30px;
    z-index: 1;
    top: 334px;
    right: 39px;
    cursor: pointer;
}
.reveal-modal-bg {
	position:fixed; 
    height:100%; 
    width:100%; 
    background:#000; 
    filter:alpha(opacity=70); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; z-index:1000000; 
    display:none; 
    top:0; 
    left:0;
}
.reveal-modal {
	display:none; 
    top:0px; 
    left:50%; 
    position:absolute; 
    z-index:10000001; 
    width: 600px;  
    margin-left: -300px; 
    height: auto; 
    top: 20px;
}
.reveal-modal2 {
    width: 100%;
    top: 14%!important;
    left: 97%;
}
.reveal-modal3 {
	width: 570px;
	margin-left: -285px;
}
.reveal-modal .reveal-msgbox {
	width: 600px; 
    position:relative;
}
.reveal-modal2 .reveal-msgbox {
    width: 100%;
}
.reveal-modal3 .reveal-msgbox {
    width: 600px;
}
.reveal-modal2 .reveal-msgbox img {
    width: 90%;
    height: auto;
    margin-left: 5%;
}
.reveal-modal .reveal-msgbox .close-reveal-modal {
    position:absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    top: 33px;
    right: 22px;
    cursor: pointer;
}
.reveal-modal2 .reveal-msgbox .close-reveal-modal {
    width: 7rem;
    height: 7rem;
    top: auto;
    bottom: 10px;
    left: 50%;
    margin-left: -4rem;
}
.reveal-modal3 .reveal-msgbox .close-reveal-modal {
    top: 33px;
    right: 22px;
}
.goto-top {
    display: none;
    position: fixed;
    z-index: 999;
    cursor: pointer;
    right: 0;
    bottom: 20px;
    width: 82px;
    height: 82px;
    background: url(../images/go-top.png) no-repeat;
}

@media only screen and (max-width: 640px) {
    .goto-top {
        width: 48px;
        height: 48px;
        background-size: 100% 100%;
        bottom: 5.5rem;
    }
}
#MRIGHTAWM {
    position: fixed;
    width: 60px;
    height: 60px;
    /* top: 50%;
    margin-top: -50px; */
    bottom: 4.5rem;
    right: 0;
    z-index: 999;
    cursor: pointer;
}
#MRIGHTAWM img {
    width: 60px;
    height: auto;
}
.ytsq-c img {
    width: 100%;
}
@media only screen and (max-width: 1024px){
    .reveal-modal2 {
        top: 12%!important;
        left: 39%;
    }
    .reveal-modal2 .reveal-msgbox img {
        width: 70%;
        margin-left: 15%;
    }
}
@media only screen and (max-width: 768px){
    .reveal-modal2 {
        top: 12%!important;
        left: 52%;
    }
    .reveal-modal2 .reveal-msgbox .close-reveal-modal {
        width: 6rem;
        height: 6rem;
        bottom: 5px;
        margin-left: -3.3rem;
    }
}
@media only screen and (max-width: 414px){
    .reveal-modal2 {
        top: 12%!important;
        left: 97%;
    }
    .reveal-modal2 .reveal-msgbox .close-reveal-modal {
        width: 3rem;
        height: 3rem;
        bottom: 4px;
        margin-left: -1.8rem;
    }
}
@media only screen and (max-width: 375px){
    .reveal-modal2 {
        top: 14%!important;
        left: 106%;
    }
    .reveal-modal2 .reveal-msgbox .close-reveal-modal {
        width: 3rem;
        height: 3rem;
        bottom: 3px;
        margin-left: -1.7rem;
    }
}

/*弹框样式*/

header .navigation{
	position: fixed;
	width: 100%;
	background-color: transparent;
	z-index: 999;
}
header .menu{	
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}
header .menu ul, header .menu li, header .list-inline{
	margin: 0;
	padding: 0;
}
header .menu > li{
	flex: 1;
	color: #fff;
}
header .menu > li > a{
	text-decoration: none;
	outline: none;
	font-size: 24px;
	line-height: 60px;
	color: #fff;
}
header .menu > li > a > img{
	display: inline;
	margin-right: 10px;
}
header .menu > li:nth-child(2){
	font-size: 24px;
	line-height: 60px;
}
header .menu > li:last-child > ul{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .menu > li:last-child > ul > li{
	flex: 1;
}
header .menu > li:last-child > ul > li:first-child, header .menu > li:last-child > ul > li:nth-child(2){
	margin: 0 5px;
	text-align: center;
	height: 30px;	
	background-color: #0381df;
	border: 1px solid #0381df;
	border-radius: 15px;
	box-sizing: border-box;
}
header .menu > li:last-child > ul > li:first-child > a, header .menu > li:last-child > ul > li:nth-child(2) > a{
	text-decoration: none;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}
header .menu > li:last-child > ul > li:nth-child(2){
	background-color: #2accd2;
	border: 1px solid #2accd2;
	margin-right: 20px;
}
header .menu > li:last-child > ul > li:last-child{
	flex: 2;
	font-size: 20px;
}
header .line{
	background-image: linear-gradient(90deg, rgba(237,240,244,0.00) 11%, #EEF1F5 35%, #EEF1F5 64%, rgba(238,241,243,0.00) 86%);
	width: 100%;
	height: 1px;
}

/*indexSwiper*/
.swiper-box{
	width: 100%;
	height: 600px;
}
#box-left{
	height: 600px;	
	margin: 0;
}
#box-right{
	height: 600px;
	margin: 0;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
}
#box-right .top{
	width: 100%;
	height: 70%;
}
#box-right .top .tit{
	font-size: 24px;
	line-height: 1.5;
	color: #333;
}
#box-right .top .des{
	font-size: 12px;
	line-height: 1.5;
	color: #666;
}
#box-right .top .con{
	font-size: 14px;
	line-height: 2;
	color: #333;
	text-align: left;
}
#box-right .btm{
	position: relative;
	width: 100%;
	height: 30%;
}
@media screen and (max-width: 414px){
	.menu > li:first-child{
		padding-left: 35px;
	}
}
/*
*	LeftSwiper
*/
#box-left .swiper-container{
	height: 100%;
}
/*自定义导航按钮*/
.swiper-box .prev-button, .swiper-box .next-button{
	position: absolute;
	bottom: 60%;
	width: 12px;
	height: 20px;
	z-index: 10;
	margin-right: -6px;
	outline: none;
}
.swiper-box .prev-button{
	background-image: url(../images/prev-icon.png);
	right: 65%;
}
.swiper-box .next-button{
	background-image: url(../images/next-icon.png);
	right: 35%;
}
/*自定义分页器*/
.swiper-box .left-pagination{	
	width: 100%;	
	position: absolute;
	left: auto;
	right: 0;
	bottom: 80%;
	text-align: center;
	font-size: 24px;
	line-height: 24px;
	font-style: italic;
	color: #000;
}

/*
*	RightSwiper
*/
#box-right .swiper-container{
	height: 100%;
	/*border: 1px solid red;*/
	margin: 60px 30px 0 30px;
}
#box-right .right-pagination{
	width: 100%;	
	position: absolute;
	bottom: 60%;
}
.right-bullet{
	display: inline-block;
    position: relative;
    width: 6%;
    height: 3px;
    background: #d9d9d9;
}
.right-bullet-active{
  	opacity: 1;  	
	top: 1px;
  	height: 5px;
	background: #339ec1;
}

@media screen and (max-width: 768px){
	.swiper-box{
		height: auto;
		margin: 0;
	}
	#box-left{
		height: auto;
	}
	.swiper-box .left-pagination{	
		bottom: 100%;
	}
	#box-right{
		height: 200px;
	}
	#box-right .swiper-container{
		margin: 20px 15px 0 15px;
	}
}
/*************************************************************************************/

@media only screen and (max-width: 1024px){
	/*header .menu > li:first-child img{
		display: inline;
	}*/
	header .menu > li > a{
		font-size: 20px;
	}
	header .menu > li:nth-child(2){
		font-size: 20px;
	}
	header .menu > li:last-child > ul > li:first-child, header .menu > li:last-child > ul > li:nth-child(2){
		font-size: 12px;
	}
	header .menu > li:last-child > ul > li:last-child{
		font-size: 18px;
	}
}
@media only screen and (max-width: 414px){
	header .menu{	
		height: 40px;
	}
	header .menu > li > a > img{
		width: 24px;
		height: 24px;
		margin-right: 10px;
	}
	header .menu > li > a{
		font-size: 16px;
		line-height: 40px;
	}
	header .menu > li:nth-child(2){
		font-size: 16px;
		line-height: 40px;
	}
}
/*shortFilm*/
.shortFilm .vid{
	background: url(../images/short_film_bg_lg.jpg) center no-repeat;
	height: 675px;
	padding: 90px 0 60px 172px;
}
@media only screen and (max-width: 1200px){
	.shortFilm .vid{
		background-image: none;
		margin: 50px auto;
		height: auto;
		padding: 0;
		display: flex;
		justify-content: center;
	}
}
@media only screen and (max-width: 768px){
	.shortFilm .vid{
		background-image: none;
		margin: 50px auto;
		height: auto;
		padding: 0;
		display: flex;
		justify-content: center;
	}
}
@media only screen and (max-width: 414px){
	.shortFilm .container{
		padding: 0;
	}
	.shortFilm .vid{
		height: auto;
		padding: 0;
		margin: 0;
	}
}
/*whyUse*/
.whyUse{
	padding: 100px 0 60px;
	text-align: center;
}
.whyUse .tit{
	font-size: 36px;
	line-height: 60px;
	color: #353535;
}
.whyUse .des{
	width: 74%;
	font-size: 18px;
	line-height: 24px;
	color: #535353;
}
.whyUse .con{
	margin: 40px 0;
}
.whyUse .con > div > div{
	height: 200px;
	padding: 40px 50px;
	display: flex;
}
.whyUse .con .ico{
	width: 90px;
	height: 90px;
}
.whyUse .con .txt{
	padding-left: 40px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #303030;
}
.whyUse .con .txt > .tit{
	font-size: 24px;
	line-height: 30px;
}
.whyUse .con .txt > .des{
	font-size: 18px;
	line-height: 30px;
}
.whyUse .use{
	text-decoration: none;
	display: block;
	width: 400px;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	color: #fff;
	background-color: #5178fb;
	border: 1px solid #5178fb;
	box-sizing: border-box;
	border-radius: 15px;
	cursor: pointer;
}
@media only screen and (max-width: 1024px){
	.whyUse{
		padding: 20px 0 30px;
		text-align: center;
	}
	.whyUse .tit{
		font-size: 30px;
		line-height: 48px;
	}
	.whyUse .des{
		font-size: 16px;
		line-height: 24px;
	}
	.whyUse .con .txt{
		padding-left: 20px;
		font-size: 12px;
		line-height: 20px;
	}
	.whyUse .con .txt > .tit{
		font-size: 24px;
		line-height: 36px;
	}
	.whyUse .con .txt > .des{
		font-size: 16px;
		line-height: 28px;
	}
}
@media only screen and (max-width: 768px){
	.whyUse .con > div > div{
		height: 140px;
		padding: 0 40px;
	}
}
@media only screen and (max-width: 414px){
	.whyUse .tit{
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 8px;
	}
	.whyUse .des{
		width: 100%;
		font-size: 14px;
		line-height: 20px;
	}
	.whyUse .con > div > div{
		height: 140px;
		padding: 0;
	}
	.whyUse .con .txt{
		padding: 10px 15px;
		border-bottom: 1px solid #ddd;
	}
	.whyUse .use{
		width: 70%;
		height: 48px;
		font-size: 20px;
		line-height: 48px;
	}
	.whyUse .con .txt{
		padding: 10px 15px 0;
		border-bottom: 1px solid #ddd;
	}
}
@media only screen and (max-width: 414px){	
	.whyUse .con > div > div{
		height: 180px;
	}
	.whyUse .con .txt{
		padding: 20px 30px 10px;
		border-bottom: 1px solid #ddd;
	}
}
/*管控系统*/
.mcs{
	padding: 100px 0 60px;
	text-align: center;
}
.mcs .tit{
	font-size: 36px;
	line-height: 60px;
	color: #353535;
}
.mcs .des{
	font-size: 18px;
	line-height: 24px;
	color: #535353;
}
.mcs .con{
	padding: 80px 0;
}
.mcs .con > div{
	display: flex;
	align-items: center;
	justify-content: center;
}
.mcs .con .txt{
	text-align: left;
}
.mcs .con .txt > .tit{
	font-size: 24px;
	line-height: 48px;
	color: #476edd;
}
.mcs .con .txt > .des{
	font-size: 16px;
	line-height: 24px;
	color: #535353;
}
.mcs .line{
	width: 100%;
	margin: 80px 0;
	border-bottom: 1px solid #e5e5e5;
}
.mcs .use{
	text-decoration: none;
	display: block;
	width: 400px;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	color: #fff;
	background-color: #5178fb;
	border: 1px solid #5178fb;
	box-sizing: border-box;
	border-radius: 15px;
	cursor: pointer;
}
@media only screen and (max-width: 768px){
	.mcs{
		padding: 60px 0 40px;
	}
	.mcs .con{
		padding: 40px 0 80px;
	}
	.mcs .con > div{
		flex-direction: column;
	}
	.mcs .con .pic{
		max-width: 60%;
		height: auto;
		margin-bottom: 30px;
	}
	.mcs .con .txt{
		text-align: center;
		padding: 0 8%;
	}
	.mcs .line{
		margin: 40px 0;
	}
}
@media only screen and (max-width: 414px){
	.mcs{
		padding: 20px 0 30px;
	}
	.mcs .tit{
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 8px;
	}
	.mcs .des{
		width: 100%;
		font-size: 14px;
		line-height: 20px;
	}
	.mcs .con{
		padding: 40px 0 40px;
	}	
	.mcs .con .pic{
		max-width: 70%;
		height: auto;
		margin-bottom: 20px;
	}
	.mcs .con .txt > .tit{
		font-size: 20px;
		line-height: 32px;
	}
	.mcs .con .txt > .des{
		font-size: 14px;
		line-height: 20px;
		text-align: left;
	}
	.mcs .line{
		margin: 30px 0;
	}
	.mcs .use{
		width: 70%;
		height: 48px;
		font-size: 20px;
		line-height: 48px;
	}
}
/*客户资源保护系统*/
.rps-pc{
	padding: 40px 0 80px;
	text-align: center;
	background: url(../images/index_rps_bg.jpg) center no-repeat;
	color: #fff;
}
.rps-pc .tit{
	font-size: 36px;
	line-height: 60px;
}
.rps-pc .fun{
	display: flex;
	justify-content: center;
	align-items: center;
}
.rps-pc .fun > div{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.rps-pc .fun > div img{
	margin: 50px 0;
}
.rps-pc .fun > div .txt{
	font-size: 24px;
	line-height: 36px;
}
.rps-pc .fun > div .line{
	background-image: linear-gradient(90deg, rgba(237,240,244,0.00) 11%, #EEF1F5 35%, #EEF1F5 64%, rgba(238,241,243,0.00) 86%);
	width: 100%;
	height: 1px;
}
.rps-pc .subFun{
	background-color: #fff;
	padding: 40px 80px 0;
	margin-top: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rps-pc .subFun > .item{
	flex: 1;
	border-right: 1px solid #aaa;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 24px;
	color: #353535;
}
.rps-pc .subFun > .item > img{
	margin-bottom: 10px;
}
.rps-pc .subFun > .item:last-child{
	border: none;
}
.rps-pc .des{
	background-color: #fff;
	margin-bottom: 40px;
	padding: 60px 0 40px;
	font-size: 24px;
	line-height: 24px;
	color: #353535;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rps-pc .des > div:first-child{
	flex: 1;
	background-image: linear-gradient(90deg, rgba(6,6,6,0.00) 10%, #000 90%);
	width: 100%;
	height: 1px;
}
.rps-pc .des > div:nth-child(2){
	flex: 2;	
}
.rps-pc .des > div:last-child{
	flex: 1;
	background-image: linear-gradient(90deg, #000 1%, rgba(6,6,6,0.00) 90%);
	width: 100%;
	height: 1px;
}
.rps-pc .more{
	text-decoration: none;
	display: block;
	cursor: pointer;
	background-color: #5178fb;
	width: 400px;
	height: 50px;
	font-size: 24px;
	line-height: 50px;
	color: #fff;
	border: 1px solid #5178fb;
	box-sizing: border-box;
	border-radius: 30px;
}
/*rps-phone*/
.rps-phone{
	padding: 90px 0 60px;
	background-color: #1f3a88;
}
.rps-phone .fun{
	display: flex;
	flex-wrap: wrap;
}
.rps-phone .fun > div{
	width: 50%;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	margin: 15px 0;
}
.rps-phone .fun > div > img{
	width: 50%;
	height: auto;
	margin-bottom: 20px;
}
.rps-phone .subFun{
	width: 96%;
	background-color: #fff;
	border-radius: 20px;
	margin: 20px 2% 0;
	padding: 50px 0;
}
.rps-phone .subFun img{
	margin-bottom: 10px;
}
.rps-phone .subFun .top, .rps-phone .subFun .mid{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.rps-phone .subFun .top > div, .rps-phone .subFun .mid > div{
	flex: 1;
	border-right: 1px solid #aaa;
}
.rps-phone .subFun .top > div:last-child, .rps-phone .subFun .mid > div:last-child{
	border: none;
}
.rps-phone .subFun .mid{
	padding: 30px 20px;
}
.rps-phone .subFun .top img{
	width: 50%;
	height: auto;
}
.rps-phone .subFun .mid img{
	width: 70%;
	height: auto;
}
.rps-phone .subFun .btm{
	width: 80%;
	height: 50px;
	margin: 0 10%;
	background-color: #1e3987;
	border-radius: 20px;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
@media only screen and (max-width: 768px){
	.rps-pc .subFun{
		padding: 40px 20px 0;
	}
	.rps-pc .des{
		font-size: 16px;
		line-height: 16px;
	}
}
/*手机风控监管系统*/
.rcs{
	padding: 110px 0 135px;
	text-align: center;
}
.rcs .tit{
	font-size: 36px;
	line-height: 60px;
	color: #353535;
}
.rcs .con{
	margin: 40px 0;
}
.rcs .con > div > div{
	height: 260px;
	padding: 40px 50px;
	display: flex;
}
.rcs .con .ico{
	width: 105px;
	height: 105px;
}
.rcs .con .txt{
	padding-left: 40px;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #535353;
}
.rcs .con .txt > .tit{
	font-size: 24px;
	line-height: 30px;
	color: #476edd;
	margin-bottom: 8px;
}
.rcs .use{
	text-decoration: none;
	display: block;
	width: 400px;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	color: #fff;
	background-color: #5178fb;
	border: 1px solid #5178fb;
	box-sizing: border-box;
	border-radius: 15px;
	cursor: pointer;
}
@media only screen and (max-width: 1024px){	
	.rcs .con > div > div{
		height: 200px;
		padding: 15px;
		display: flex;
	}
	.rcs .con .txt{
		padding-left: 20px;
		font-size: 14px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 768px){	
	.rcs{
		padding: 60px 0 80px;
		text-align: center;
	}
	.rcs .con > div > div{
		height: auto;
		padding: 20px;
		display: flex;
		border-bottom: 1px solid #ddd;
	}
	.rcs .con .txt{
		font-size: 14px;
		line-height: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.rcs .con .txt > .tit{
		font-size: 20px;
		line-height: 20px;
		color: #476edd;
		margin-bottom: 8px;
	}
}
@media only screen and (max-width: 414px){	
	.rcs{
		padding: 30px 0 40px;
		text-align: center;
	}
	.rcs .tit{
		font-size: 24px;
		line-height: 36px;
	}
	.rcs .con{
		margin: 10px 0 40px;
	}
	.rcs .con > div > div{
		padding: 20px 15px;
	}
	.rcs .con .txt{
		padding-left: 0;
		font-size: 12px;
		line-height: 18px;
	}
	.rcs .use{
		width: 70%;
		height: 48px;
		font-size: 20px;
		line-height: 48px;
	}
}
/*详细报表*/
.dr{
	padding-top: 70px;
	text-align: center;
}
.dr .tit{
	font-size: 48px;
	line-height: 60px;
	color: #353535;
}
.dr .des{
	font-size: 24px;
	line-height: 36px;
	color: #353535;
	margin-bottom: 80px;
}
.dr .con{
	display: flex;
}
.dr .con > div{
	flex: 1;
	color: #fff;
	padding: 30px 0 40px;
}
.dr .con > div:first-child{
	background-image: linear-gradient(#7082ec, #6056e2); 
	margin-top: 80px;
}
.dr .con > div:nth-child(2){
	background-image: linear-gradient(#77d880, #2cbf7e); 
	padding-top: 70px; 
	margin-top: 40px;
}
.dr .con > div:nth-child(3){
	background-image: linear-gradient(#ca91f7, #925bf8);
	padding-top: 110px;
}
.dr .con > div:last-child{
	background-image: linear-gradient(#fb8a73, #f76758); 
	padding-top: 70px; 
	margin-top: 40px;
}
.dr .con > div .subTit{
	font-size: 24px;
	line-height: 36px;
}
.dr .con > div .line{
	display: block;
	margin: 10px auto 30px;
	width: 46px;
	border-top: 2px solid #fff;
}
.dr .con > div .subCon{
	width: 100%;
}
.dr .con > div ul, .dr .con > div li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.dr .con > div li{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 24px;
}
.dr .con > div li > img{
	margin: 0 10px;
}
@media only screen and (max-width: 414px){	
	.dr{
		padding: 0;
	}
	.dr .tit{
		font-size: 30px;
		line-height: 48px;
	}
	.dr .des{
		font-size: 20;
		line-height: 32px;
		margin-bottom: 40px;
	}
	.dr .container{
		padding: 0;
	}
	.dr .con{
		display: block;
	}
	.dr .con > div{
		width: 50%;
		float: left;
		padding: 30px 0 40px;
	}
	.dr .con > div:first-child{
		width: 50%;
		margin-top: 0;
	}
	.dr .con > div:nth-child(2){
		padding-top: 30px; 
		margin-top: 0;
	}
	.dr .con > div:nth-child(3){
		padding-top: 30px;
	}
	.dr .con > div:last-child{
		padding-top: 30px; 
		margin-top: 0px;
	}
	.dr .con > div > img{
		width: 46px;
		height: 46px;
		margin-bottom: 15px;
	}
}
/*鱼汛工作手机*/
.yx{
	padding: 70px 0 40px;
	text-align: center;
	background-color: #192e74;
}
.yx .tit{
	font-size: 36px;
	line-height: 60px;
	color: #ffffff;
}
.yx .des{
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
	margin-bottom: 30px;
}
.yx .con > a{
	margin: 15px 0;
	text-decoration: none;
	outline: none;
	color: #666666;
}
.yx .con .txt{
	padding: 15px 0 20px;
	background-color: #fff;
}
.yx .con .txt > .bTitle{
	font-size: 24px;
	line-height: 36px;
	color: #353535;
	margin: 10px 0;
}
.yx .con .txt > .sTitle{
	font-size: 14px;
	line-height: 20px;
}
@media only screen and (max-width: 768px){	
	.yx .con .txt {
	    padding: 15px 0 20px;
	    width: 84%;
	    margin: 0 8%;
	}
}	
@media only screen and (max-width: 414px){	
	.yx{
		padding: 50px 0 40px;
	}
	.yx .tit{
		font-size: 30px;
		line-height: 48px;
	}
	.yx .des{
		font-size: 20px;
		line-height: 32px;
		color: #ffffff;
		margin-bottom: 20px;
	}
	.yx .con .txt {
		width: 100%;
		margin: 0;
	    padding: 15px 0 20px;
	}
	.yx .con .txt > .bTitle{
		font-size: 20px;
		line-height: 32px;
		color: #353535;
		margin: 5px 0;
	}
	.yx .con .txt > .sTitle{
		font-size: 12px;
		line-height: 12px;
	}
}	
@media only screen and (max-width: 414px){
	.yx .con{
		padding: 0 5px;
	}
	.yx .col-xs-6{
		padding: 0 5px;
	}
}
/*recommend*/
.recommend{
	padding: 95px 0 75px;
}
.recommend .swiperWrapper{
	position: relative;
	padding: 40px 60px;
	background-color: #5178fb;
	color: #fff;
}
.recommend .swiperWrapper .tit{
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 10px;
}
.recommend .swiperWrapper .des{
	font-size: 16px;
	line-height: 24px;
}
.recommend .swiperWrapper .swiper-pagination{
	left: 0;
	width: 100%;
}
.recommend .swiperWrapper .swiper-pagination-bullet{
    margin: 70px 5px 0 5px;
    border-bottom: 1px solid #7f9cff;
    background-color: #7f9cff;
    opacity: .7;
}
.recommend .swiperWrapper .swiper-pagination-bullet-active{
	opacity: 1;
	background-color: #5178fb;
}
@media only screen and (max-width: 768px){
	.recommend{
		padding: 20px 0;
	}
}
@media only screen and (max-width: 414px){
	.recommend .swiperWrapper{
		padding: 15px 10px;
	}
	.recommend .swiperWrapper .tit{
		font-size: 22px;
		line-height: 36px;
		margin-bottom: 5px;
	}
	.recommend .swiperWrapper .des{
		font-size: 14px;
		line-height: 20px;
	}
	.recommend .swiperWrapper .swiper-pagination-bullet{
		margin: 50px 5px 0 5px;
	}
}
/*行业资讯*/
.business_news{
	margin: 60px 0 90px;
}
.business_news .tit{
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 18px;
	color: #666666;
}
.business_news .tit > div:first-child{
	font-size: 24px;
	line-height: 24px;
	padding-right: 30px;
	color: #353535
}
.business_news .art a{
	font-size: 12px;
	line-height: 20px;
	color: #353535;
}
@media only screen and (max-width: 768px){
	.business_news{
		margin: 50px 0 30px;
	}
	.business_news .tit{
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 16px;
	}
	.business_news .tit > div:first-child{
		font-size: 20px;
		line-height: 20px;
		padding-right: 10px;
	}
	.business_news .art a{
		padding-left: 40px;
	}
}
@media only screen and (max-width: 414px){	
	.business_news .art a{
		padding-left: 20px;
	}
}
/*底部*/
footer{
	padding: 75px 0 55px;
	background-color: #1b1b1b;
}
footer .con{
	margin-bottom: 70px;
	color: white;
}
footer .con > .tit{
	border-right: 1px solid white;
	box-sizing: border-box;
}
footer .btit{
	display: flex;
	font-size: 26px;
	line-height: 42px;
}
footer .btit > img{
	margin-right: 10px;
}
footer .stit{
	font-size: 36px;
	line-height: 48px;
}
footer .des{
	padding-left: 50px;
	font-size: 16px;
	line-height: 24px;
	color: #a0a0a0;
}
footer .des li{
	margin: 5px 0;
}
footer .des li > img{
	margin-right: 5px;
}
footer .copyright{
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #898989;
}
footer .copyright > a{
	text-decoration: none;
}
@media only screen and (max-width: 768px){
	footer{
		padding: 45px 0 30px;
	}
	footer .con{
		margin-bottom: 35px;
	}
	footer .con > .tit{
		border: none;
	}
	footer .stit{
		font-size: 30px;
		line-height: 36px;
	}
	footer .des{
		padding-top: 5px;
		padding-left: 50px;
		font-size: 12px;
		line-height: 16px;
	}
}
@media only screen and (max-width: 414px){
	footer .con{
		margin-bottom: 25px;
	}
	footer .btit{
		display: flex;
		justify-content: center;
	}
	footer .stit{
		text-align: center;		
		margin-bottom: 20px;
	}
	footer .des li:nth-child(1), footer .des li:nth-child(2){
		display: inline-block;
		width: 49%;
		text-align: left;
	}
	footer .des li:nth-child(2){
		text-align: right;
		padding-right: 40px;
	}
	footer .copyright{
		padding: 0 30px;
	}
}
@media only screen and (max-width: 375px){
	footer .con{
		margin-bottom: 20px;
	}
	footer .des{
		padding-left: 35px;
	}
	footer .des li:nth-child(2){
		padding-right: 20px;
	}
	footer .copyright{
		padding: 0 15px;
	}
}
/*底部菜单*/

/*--------------------------头部-导航-----------------------------*/
/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;    
}
.navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}
.navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
}
/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
/* END ANIMATED X */
.navbar{
    min-height: 90px;
    border-radius: 0;
    margin-bottom: 0;
}
.navbar.navbar-default{
    /*background-color: #0f1a36;
    border-color: #0f1a36;   */ 
    background-color: rgb( 255, 255, 255, 1);
    border-color: rgb( 255, 255, 255, .6);
}
.navbar-default .navbar-brand{
    padding: 15px 0 15px 10px;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 24px;
    height: 90px;
    color: #2a2a2a;  
}
.navbar-default .navbar-brand > .des{
    font-size: 24px;
    font-weight: 300;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
    color: #2a2a2a;
}
.navbar-default .navbar-nav > li > a{
    font-size: 14px;
    line-height: 60px;
    color: #2a2a2a;
    padding: 15px 10px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #fff;
    background-color: #4c7efc;
}
.navbar-default .navbar-toggle{
    margin: 18px 10px;
    border: none;
}
.navbar-default .navbar-toggle:hover{
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #000;
    /*color: #000;*/
}
.active{
    background-color: #4c7efc;
}

.navbar-brand.logo_brand {
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbar-brand.logo_brand .txt{
    margin: 5px 20px 0 10px;
}
.navbar-brand.logo_brand .txt > span{
    display: block;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 11.5px;
}

@media only screen and (max-width: 1200px){
    .navbar{
        min-height: 70px;
    }
    .navbar.navbar-default{
        background-color: #fff;
        border-color: #eee;    
        /*background-color: rgb( 0, 0, 0, .6);
        border-color: rgb( 0, 0, 0, .6);*/
    }
    .navbar-default .navbar-brand{
        font-size: 24px;
        line-height: 24px;
        height: 70px; 
    }
    .navbar-default .navbar-brand > .des{
        font-size: 18px;
        font-weight: 300;
    }
    .navbar-default .navbar-nav{
        margin: 0 -15px;
    }
    .navbar-default .navbar-nav > li{
        border-bottom: 1px solid #e7e7e7;
    }
    .navbar-default .navbar-nav > li > a{
        line-height: 16px;
        border-bottom: 1px solid white;
        box-sizing: border-box;
    }
}
/*--------------------------头部-导航-----------------------------*/



/*专题-鱼汛呼叫中心-20200109*/
/*mcs --> mobile_call-system*/
.mcs_pain_points{
    padding: 90px 0;
    text-align: center;
}
.mcs_pain_points .tit{
    font-size: 24px;
    line-height: 36px;
    color: #353535;
}
.mcs_pain_points .tit > span{
    color: #0576eb;
}
.mcs_pain_points .sub_tit{
    font-size: 16px;
    line-height: 28px;
    color: #666666;
}
.mcs_pain_points .line{
    width: 80px;
    border-bottom: 1px solid #a0a0a0;
    margin-bottom: 50px;
}
.mcs_pain_points .con > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mcs_pain_points .ctxt{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
}
.mcs_pain_points .ctit{
    font-size: 20px;
    line-height: 32px;
    color: #353535;
}
.mcs_pain_points .cline{
    width: 50px;
    border-bottom: 1px solid #a0a0a0;
    margin: 20px 0;
}
.mcs_pain_points .ccon{
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}
@media only screen and (max-width: 414px) {
    .mcs_pain_points{
        padding: 48px 0;
    }
    .mcs_pain_points .line{
        margin-bottom: 30px;
    }
    .mcs_pain_points .con > div{
        flex-direction: row;
        padding: 20px 0;
    }
    .mcs_pain_points .con > div > .cpic{
        width: 20%;
    }
    .mcs_pain_points .con > div > .ctxt{
        padding-left: 10px;
        width: 75%;
        align-items: baseline;
    }
    .mcs_pain_points .cline{
        width: 30px;
        margin: 8px 0;
    }
}
/*mcs_why_use*/
.mcs_why_use{
    padding: 60px 0 150px;
    text-align: center;
}
.mcs_why_use .tit{
    font-size: 24px;
    line-height: 36px;
    color: #353535;
}
.mcs_why_use .tit > span{
    color: #0576eb;
}
.mcs_why_use .sub_tit{
    font-size: 16px;
    line-height: 28px;
    color: #666666;
}
.mcs_why_use .line{
    width: 80px;
    border-bottom: 1px solid #a0a0a0;
    margin-bottom: 50px;
}
.mcs_why_use .des{
    margin-bottom: 50px;
}
.mcs_why_use .con li{
    border: 1px dotted #0576eb;
    padding: 20px;
    display: flex;
    text-align: left;
    background-color: white;
}
.mcs_why_use .con li > .cpic{
    padding-top: 8px;
}
.mcs_why_use .con li > .ctxt{
    padding-left: 20px;
}
.mcs_why_use .con li > .ctxt > .ctit{
    font-size: 20px;
    line-height: 32px;
    color: #353535;
}
.mcs_why_use .con li > .ctxt > .ccon{
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}
.mcs_why_use .cline{
    width: 30px;
    border-bottom: 1px solid #0576eb;
    margin: 5px 0;
}
@media only screen and (max-width: 1024px) {
    .mcs_why_use .con > div{
        padding-top: 20px;
    }
}
@media only screen and (max-width: 414px) {
    .mcs_why_use{
        padding: 48px 0 60px;
    }
}

/*mcs_funs_1*/
.mcs_funs_1, .mcs_funs_2{
    padding-bottom: 100px;
}
#mcs_swiper_1 .swiper-slide, #mcs_swiper_2 .swiper-slide{
    height: 392px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#mcs_swiper_1 img, #mcs_swiper_2 img{
    width: 90%;
}
.mcs_funs_1 .swiper-pagination, .mcs_funs_2 .swiper-pagination{
    position: relative;
    text-align: left;
}
.mcs_funs_1 .swiper-pagination-custom, .mcs_funs_2 .swiper-pagination-custom{
    bottom: 0;
}
.mcs_funs_1 .mcs_custom_ul, .mcs_funs_2 .mcs_custom_ul{
    margin: 0;
}
.mcs_funs_1 .mcs_custom_li, .mcs_funs_2 .mcs_custom_li{
    display: flex;
    min-height: 130px;
    padding: 15px;
    margin-left: 40px;
    border: 1px solid white;
    box-sizing: border-box;
}
.mcs_funs_1 .mcs_custom_li .pic, .mcs_funs_2 .mcs_custom_li .pic{
    margin-right: 10px;
    margin-top: 5px;
}
.mcs_funs_1 .mcs_custom_li .tit, .mcs_funs_2 .mcs_custom_li .tit{
    font-size: 20px;    
    line-height: 32px;
    color: #373d40;
    margin-bottom: 8px;
}
.mcs_funs_1 .mcs_custom_li .des, .mcs_funs_2 .mcs_custom_li .des{
    font-size: 14px;    
    line-height: 20px;
    color: #9b9ba3;
}
.mcs_funs_1 .mcs_custom_li.on, .mcs_funs_2 .mcs_custom_li.on{
    border: 1px solid #488bff;
    box-sizing: border-box;
    border-radius: 10px;
    /*background: #0576eb;*/
    background: #488bff;
}
.mcs_funs_1 .mcs_custom_li.on .tit, .mcs_custom_li.on .des, .mcs_funs_2 .mcs_custom_li.on .tit, .mcs_custom_li.on .des{
    color: #fff;
}
@media only screen and (max-width: 768px){
    #mcs_swiper_1 .swiper-slide, #mcs_swiper_2 .swiper-slide{
        height: auto;
    }
    #mcs_swiper_1 img, #mcs_swiper_2 img{
        width: 60%;
    }
    #mcs_swiper_1 .swiper-slide, #mcs_swiper_2 .swiper-slide{
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        color: #9b9ba3;
        padding-bottom: 10px;
    }
    #mcs_swiper_1 .swiper-slide span, #mcs_swiper_2 .swiper-slide span{
        display: block;
        text-align: center;
        margin-top: 20px;
        font-size: 20px;
        line-height: 32px;
        color: #373d40;
    }
    .mcs_funs_1 .swiper-pagination, .mcs_funs_2 .swiper-pagination{
        text-align: center;
    }
    .swiper-pagination-bullet{
        margin: 0 5px;
    }
}
@media only screen and (max-width: 414px) {
    .mcs_funs_1, .mcs_funs_2{
        padding-bottom: 48px;
    }
    #mcs_swiper_1 img, #mcs_swiper_2 img{
        width: 80%;
    }
}

/*mcs_features*/
.mcs_features{
    background: url(../images/mcs_features_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 60px 0;
}
.mcs_features .con > div{
    display: flex;
    margin: 25px 0;
    padding: 10px;
}
.mcs_features .pic{
    width: 15%;
}
.mcs_features .txt{
    width: 85%;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.mcs_features .txt > span{
    display: block;
    font-size: 20px;
    line-height: 32px;
}
@media only screen and (max-width: 768px){
    .mcs_features{
        background: none;
        background-color: #0576eb;
    }
    .mcs_features .con > div{
        margin: 0;
        padding: 10px 20px;
    }
}
@media only screen and (max-width: 414px){
    .mcs_features .pic{
        width: 10%;
    }
    .mcs_features .txt{
        width: 90%;
        padding-left: 10px;
    }
    .mcs_features{
        padding: 30px 0;
    }
    .mcs_features .con > div{
        margin: 0;
        padding: 20px;
    }
}

/*mcs_intelligent_sys*/
.mcs_intelligent_sys{
    padding: 60px 0 100px;
    text-align: center;
}
.mcs_intelligent_sys .tit{
    font-size: 24px;
    line-height: 36px;
    color: #353535;
}
.mcs_intelligent_sys .tit > span{
    color: #0576eb;
}
.mcs_intelligent_sys .sub_tit{
    font-size: 16px;
    line-height: 28px;
    color: #666666;
}
.mcs_intelligent_sys .line{
    width: 80px;
    border-bottom: 1px solid #a0a0a0;
    margin-bottom: 20px;
}
.mcs_intelligent_sys .des{
    margin-bottom: 50px;
}
.mcs_intelligent_sys .con li{
    text-align: left;
    padding: 20px;
    margin-bottom: 15px;
}
.mcs_intelligent_sys .con li > .ctit{
    font-size: 20px;
    line-height: 32px;
    color: #353535;
}
.mcs_intelligent_sys .con li > .ccon{
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}
.mcs_intelligent_sys .cline{
    width: 30px;
    border-bottom: 1px solid #0576eb;
    margin: 10px 0;
}
@media only screen and (max-width: 1024px) {
    .mcs_intelligent_sys .con li{
        text-align: left;
        padding: 15px;
        margin-bottom: 0px;
    }
    .mcs_intelligent_sys .con > div{
        padding-top: 35px;
    }
}
@media only screen and (max-width: 414px) {
    .mcs_intelligent_sys{
        padding: 48px 0 60px;
    }
    .mcs_intelligent_sys .des{
        margin-bottom: 30px;
    }
}
/*mcs_pdtm*/
.mcs_pdtm{
    background: url(../images/mcs_pdtm_bg.jpg) no-repeat center;
    background-size: cover;
    padding-top: 170px;
    height: 440px;
}
.mcs_pdtm .box > div{
    padding-left: 40px;
}
.mcs_pdtm .tit{
    font-size: 24px;
    line-height: 36px;
    color: #0576eb;
}
.mcs_pdtm .sub_tit{
    font-size: 16px;
    line-height: 28px;
    color: #666666;
}
.mcs_pdtm .line{
    width: 80px;
    border-bottom: 1px solid #a0a0a0;
    padding-top: 10px;
    margin-bottom: 10px;
}
.mcs_why_use .des{
    font-size: 18px;
    line-height: 30px;
    color: #353535;
}
.mcs_pdtm .box ul{
    margin-top: -100px;
}
.mcs_pdtm .box li{
    display: flex;
    background: url(../images/mcs_pdtm_li_bg.jpg) no-repeat center;
    background-size: contain;
    margin: 5px 0;
    border-radius: 10px;
}
.mcs_pdtm .box li > .cpic{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 80px;
}
.mcs_pdtm .box li > .ctxt{
    padding: 25px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.mcs_pdtm .box li > .ctxt > span{
    display: block;
    font-size: 20px;
    line-height: 32px;
}
@media only screen and (max-width: 1024px) {
    .mcs_pdtm .box ul{
        margin-top: -100px;
    }
    .mcs_pdtm .box li > .cpic{
        padding-left: 40px;
    }
}
@media only screen and (max-width: 768px) {
    .mcs_pdtm{
        background: none;
        background-color: #f2f5fb;
        height: auto;
        padding: 60px 0;
    }
    .mcs_pdtm .box > div{
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mcs_pdtm .box ul{
        margin-top: 30px;
    }
    .mcs_pdtm .box li{
        background: none;
        background-color: #0576eb;
    }
}
@media only screen and (max-width: 414px) {
    .mcs_pdtm .box li > .cpic{
        padding-left: 20px;
    }
    .mcs_pdtm .box li > .ctxt{
        padding: 20px;
    }
}

/*客户感言*/
.mcs_cus_tes{
    padding: 190px 0 90px;
    text-align: center;
}
.mcs_cus_tes .tit{
    font-size: 24px;
    line-height: 36px;
    color: #353535;
}
.mcs_cus_tes .tit > span{
    color: #0576eb;
}
.mcs_cus_tes .sub_tit{
    font-size: 16px;
    line-height: 28px;
    color: #666666;
}
.mcs_cus_tes .line{
    width: 80px;
    border-bottom: 1px solid #a0a0a0;
}
.mcs_cus_tes #swiper_cus_tes{
    padding: 40px 0 60px;
}
.mcs_cus_tes #swiper_cus_tes .swiper-slide{
    padding: 0 10px;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #353535;
}
.mcs_cus_tes #swiper_cus_tes .swiper-slide > span{
    display: block;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
}
.mcs_cus_tes #swiper_cus_tes .swiper-slide > p{
    text-indent: 2em;
}
@media only screen and (max-width: 1024px) {
    .mcs_cus_tes{
        padding: 120px 0 60px;
    }
}
@media only screen and (max-width: 768px) {
    .mcs_cus_tes{
        padding: 60px 0;
    }
}
@media only screen and (max-width: 414px) {
    .mcs_cus_tes{
        padding: 48px 0;
    }
    .mcs_cus_tes #swiper_cus_tes{
        padding: 40px 0 50px 0;
    }
}
/*免费体验*/
.mcs_experience{
    padding: 85px 0 80px;
    background: url(../images/mcs_experience_bg.jpg) no-repeat center;
    background-size: cover;
}
.mcs_experience .box > div:first-child{
    padding-left: 60px;
}
.mcs_experience .box > div:first-child > h1{
    color: #0576eb;
    font-weight: 700;
}
.mcs_experience .box > div:first-child > h3{
    font-size: 24px;
    line-height: 36px;
    color: #353535;
}
.mcs_experience .box > div:last-child{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.mcs_experience .box > div:last-child > a{
    display: block;
    text-decoration: none;
    cursor: pointer;
    width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    background: #0576eb;
    border: 1px solid #0576eb;
    box-sizing: border-box;
    border-radius: 15px;
    color: white;
    text-align: center;
}
@media only screen and (max-width: 768px) {
    .mcs_experience{
        padding: 85px 0 80px;
        background: none;
        background-color: #f2f5fb;
        text-align: center;
    }  
    .mcs_experience .box > div:first-child{
        padding-left: 0;
    }  
}

@media only screen and (max-width: 414px) {
    .mcs_experience{
        padding: 48px 0 60px;
    }
    .mcs_experience .box > div:first-child > h1{
        font-size: 30px;
        line-height: 48px;
    }
    .mcs_experience .box > div:first-child > h3{
        font-size: 18px;
        line-height: 30px;
    }
    .mcs_experience .box > div:last-child{
        margin-top: 30px;
    }
    .mcs_experience .box > div:last-child > a{
        width: 260px;
        height: 48px;
        line-height: 48px;
        font-size: 20px;
    }
}