body {
	padding:0;
	background-color:#fffff;
}
.top{
	background-color:#ffffff;
	height:65px;
	width:100%;
	display:relative;
	margin-bottom:56px;
}
.topleft{
	position:absolute;
	top:7.5px;
	left:30px;
	height:100%;
}
.topright{
	position:absolute;
	right:30px;
	top:7.5px;
	height:100%;
}
.ciologo{
	margin-right:20px;
}
.row{
	margin-bottom:90px;
}
.summary{
	padding:0 30px;
}
.d-flex{
    height: 100%;
    width: 100%;
}
.vertical-bar-left{
	width: 20px;
    height: 85%;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;	
	background-color:#E81159;
}
.jumb-rep{
	padding: 0;
   
    margin-right: 45px;
    z-index: 1;
	max-width: 635px;
    width: 100%;
    align-self: center;
}
.yctitle{
	font-family:"Graphik Web",Arial,sans-serif;
	font-size: 50px;
    line-height: 55px;
    font-weight: 700;
	color: #002856;
}
.yccontent{
	font-size: 30px;
    line-height: 33.75px;
    font-weight: 500;
	color: #000;
}
.vertical-bar-right{
	width:20px;
    height: 85%;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
	background-color:#E81159;
}
.hero-image{
	max-width: 635px;
    max-height: 450px;
	margin-left:-80px;
}
.hero-image img{
	width:100%;
}

.title2{
	font-size: 36px;
	margin-top:45px;
    line-height: 39.6px;
    font-weight: 700;
    color: #002856;
	margin-bottom:15px;
}
.desc2{
	font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    margin-bottom:15px;
}
.formdes{
	font-size: 18px;
    line-height: 20.25px;
    font-weight: bold;	
}
.rowimg img{
	width:100%;
}
.right{
	background-color:#f4f4f4;
	padding:30px;
}
.righttitle{
	font-size: 30px;
    line-height: 33.75px;
    font-weight: 500;
    color: #002856;
	margin-bottom:15px;
}
.righttitle2{
	font-size: 18px;
    line-height: 20.25px;
    font-weight: 500;
	margin-bottom:30px;
	margin-top:20px;
	color:#002856;
}
.rightdesc{
	font-size: 18px;
    line-height: 20.25px;
    font-weight: 500;
	margin-bottom:30px;
	color:#002856;
}
.form{
	position: relative;
    min-height: 1px;
}
.form-group{
	margin-bottom:20px;
}
.formtitle{
	font-size: 14px;
    line-height: 17px;
    color: #000;
	width:100%;
    font-weight: 400;
    margin-bottom: 5px;
}
.form-cont{
	display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.form-cont:focus{
	border-color: #66afe9 !important;
}
.btn{
	background-color: #808080;
	padding:13px 0;
	line-height: 22px;
    font-size: 18px;
    font-weight: bold;
	width:100%;
	border-color:#808080;
	color:#ffffff;
	margin-bottom:30px;
}
.btn:hover, .btn:focus{
	color:#ffffff !important;
	border-color:#808080 !important;
}
.yinsi{
	font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    font-weight: 400;
	text-align:center;
}
.form-group a{
	color:#287fef !important;
}
.cio-footer-bar {
    background: #808080;
    width: 100%;
    height: 56px;
    margin: 0 auto;
}
.cio-footer-bar-box {
    width: 1140px;
    height: 100%;
    margin: 0 auto;
	position: relative;
}
.cio-footer-bar-title {
    width: auto;
    float: left;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: -0.34px;
    text-align: left;
    line-height: 56px;
}
.cio-bar-list {
    width: auto;
    line-height: 56px;
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    float: left;
    margin-left: 48px;
}

.cio-bar-list span {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: -0.34px;
    text-align: left;
    margin-right: 11px;
}
.footImg {
    width: 140px;
    height: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
}
.agree{
	font-size:14px;
	font-weight:400;
	line-height:14px;
	margin:0 0 0 8px;
}
a{
	color: #000;
    text-decoration: none;
    outline: none;
}
a:link {
	color: #287fef;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


@media screen and (max-width:1250px){
	.topleft{
		left:15px;
	}
	.topright{
		right:15px;
	}
	.ciologo{
		margin-right:8px;
	}
	.summary{
		padding:0 16px;
	}
	.row{
		margin-bottom:45px;
	}
	.jumb-rep{
		margin:0;
	}
	.yctitle{
		font-size:32px;
		line-height: 35.5px;
		font-weight: 700;
		margin-bottom:30px;
	}
	.yccontent{
		font-size: 20px;
		line-height: 20.25px;
		font-weight: 500;
	}
	.vertical-bar-right{
		height:100%;
	}
	.vertical-bar-left{
		height:100%;
	}
	.rowimg img{
		margin:20px 0;

	}
	.rightimg{
		margin-top:0;
		margin-bottom:20px;
	}
	.title2{
		font-size:22px;
		line-height:25px;
		margin-top:0;
	}
	.desc2{
		font-size:16px;
		line-height:25px;
		margin-bottom:0;
	}
	.contleft{
		padding-right:15px;
	}
	.contright{
		padding-left:15px;
	}
	.right{
		padding:15px 10px;
	}
	.righttitle{
		font-size:22px;
		font-weight:bold;
		
	}
	.rightdesc{
		font-size:14px;
		margin-bottom:20px;
	}
	.cio-footer-bar{
		display:none;
	}
}