@charset "utf-8";


.sy_cp {
    overflow: hidden;
    height: 723px;
}

.sy_cp>div.title {
    position: relative;
    width: 1300px;
    height: 213px;
    overflow: hidden;
    background: url(../images/5ca71ce579a23.jpg) no-repeat top center;
}

.sy_cp>div.title>i {
    display: block;
    width: 5px;
    height: 144px;
    background: #ffb311;
    position: absolute;
    top: 0;
    left: 0;
}

.sy_cp>div.title>p {
    line-height: 64px;
    font-size: 32px;
    color: #333333;
    font-size: 32px;
    margin: 96px auto 38px 32px;
    float: left;
    width: 717px
}

.sy_cp>div.title>p>font:nth-of-type(1) {
    font-weight: bold;
}

.sy_cp>div.title>p>font:nth-of-type(2) {
    color: #cccccc;
    font-size: 18px;
    margin-left: 16px;
}

.sy_cp>div.title>a {
    float: right;
    line-height: 23px;
    color: #999999;
    margin-top: 125px;
}

.sy_cp>div.info {
    height: 510px;
    background: #eee;
}

.sy_cp>div.info>div.ce {
    width: 1300px;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.sy_cp>div.info>div.ce>div {
    width: 280px;
    height: 100%;
    position: absolute;
    background-image: url(../images/anli_r.png);
    background-repeat: no-repeat;
    color: #fff;
    background-position: right bottom;
    top: 0;
    cursor: pointer;
}

.sy_cp>div.info>div.ce>div i {
    display: block;
    width: 80px;
    height: 80px;
    margin: 161px auto 0 17px;
}

.sy_cp>div.info>div.ce>div p {
    line-height: 30px;
    text-align: justify;
    width: 308px;
    display: none;
    color: #fff;
	font-size:26px;
	margin-left:21px;
}

.sy_cp>div.info>div.ce>div>a>font {
    display: block;
    margin-left: 21px;
    color: #fff;
}

.sy_cp>div.info>div.ce>div>a>font:nth-of-type(1) {
    margin-top: 24px;
    font-size: 38px;
    line-height: 39px;
}

.sy_cp>div.info>div.ce>div>a>font:nth-of-type(2) {
    opacity: 0.5;
    line-height: 18px;
    font-size: 12px;
    padding-bottom: 24px;
    background: url(../images/5ca71daf323b4.jpg) no-repeat bottom left;
}

.sy_cp>div.info>div.ce>div:nth-of-type(1) {
    background-color: #313131;
    left: 0;
}

.sy_cp>div.info>div.ce>div:nth-of-type(2) {
    background-color: #eca100;
    left: 408px;
}

.sy_cp>div.info>div.ce>div:nth-of-type(3) {
    background-color: #00bad6;
    left: 688px;
}

.sy_cp>div.info>div.ce>div:nth-of-type(4) {
    background-color: #0080c9;
    left: 968px;
}

.sy_cp>div.info>div.ce>div:nth-of-type(1) i {
    background: url(../images/ban_Ls.png) no-repeat center;
}

.sy_cp>div.info>div.ce>div:nth-of-type(2) i {
    background: url(../images/anli_rs.png) no-repeat center;
}

.sy_cp>div.info>div.ce>div:nth-of-type(3) i {
    background: url(../images/ban_Rs.png) no-repeat center;
}

.sy_cp>div.info>div.ce>div:nth-of-type(4) i {
    background: url(../images/ewm.png) no-repeat center;
}

.sy_cp>div.info>div.ce>div.on {
    width: 408px;
}

.sy_cp>div.info>div.ce>div.on i {
    margin: 95px auto 0 49px;
}

.sy_cp>div.info>div.ce>div.on p {
    display: block;
}

.sy_cp>div.info>div.ce>div.on>font:nth-of-type(1) {
    color: #ffb311;
}

.sy_cp>div.info>div.ce>div.on>font {
    margin-left: 53px;
}

.sy_cp>div.info>div.ce>i {
    display: block;
    width: 47px;
    height: 100%;
    background: url(../images/5ca71d9c5ea57.jpg) no-repeat center;
    float: right;
}