/* 必要布局样式css */

.marketing {

    background: url(../images/marketing-bg.jpg) center top;

    height: 782px;

    overflow: hidden;

}



.marketing-title {

    text-align: center;

    font-size: 32px;

    color: #FFF;

    padding-top: 91px;

    margin-bottom: 15px; font-weight:bold;

}



.marketing-text {

    text-align: center;

    display: block;

    font-size: 14px;

    color: #888888;

}



.click_a {

    width: 94px;

    height: 42px;

    margin: 0 auto;

    padding-top: 65px;

}



.hover_L {

    float: left;

}



.click_a a {

    display: block;

    width: 42px;

    height: 42px;

    overflow: hidden;

}



.hover_R {

    float: right;

}



.click_a img {

    display: block;

    float: left;

}



.click_a a:hover img {

    margin-top: -42px;

}



.mark-main {

    width: 100%;

    overflow: hidden;

    position: relative;

    height: 506px;

}



.click_con {

    width: 100%;

    padding-top: 90px;

    overflow: hidden;

    margin-left: -133px;

}



.system_list {

    width: 360px;

    height: 416px;

    position: relative;

    background: #fff;

    margin: 0 5px;

    float: left;

    transition: All 0.4s ease-in-out;

    -webkit-transition: All 0.4s ease-in-out;

    -moz-transition: All 0.4s ease-in-out;

    -o-transition: All 0.4s ease-in-out;

}



.system_list_tit {

	border-bottom: 1px solid #ededed;

	padding-top: 34px;

	padding-right: 30px;

	padding-bottom: 15px;

	padding-left: 30px;

}



.system_list_tit span {

    display: block;

    overflow: hidden;

}



.system_list_tit span em {

    display: block;

    width: 4px;

    height: 20px;

    background: #ff9900;

    float: left;

    margin-right: 10px;

}



.system_list_tit span strong {

    display: block;

    float: left;

    font-size: 20px;

    line-height: 20px;

    color: #333;

}



.system_list_tit p {

    display: block;

    font-size: 12px;

    color: #999;

    padding-top: 12px;

}



.system_list_con {

    padding: 10px 28px 0px 28px; text-align:center;

}

.system_list_con img { height:250px; max-width:100%;}

.mark-main-list {

    overflow: hidden;

    margin-bottom: 30px;

}



.mark-main-list span {

    display: block;

    width: 48px;

    height: 48px;

    float: left;

    margin-right: 10px;

    border-radius: 5px;

    overflow: hidden;

}



.mark-main-list p {

    display: block;

    overflow: hidden;

    padding: 4px 0;

}



.mark-main-list span img {

    width: 100%;

}



.mark-main-list p em {

    display: block;

    font-size: 14px;

    line-height: 20px;

    color: #333;

    font-style: normal;

}



.mark-main-list p strong {

    display: block;

    font-size: 12px;

    line-height: 20px;

    color: #888;

}



.layer-mask {

    width: 100%;

    height: 416px;

    opacity: 0.3;

    transition: all 1s;

    background-color: #000;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

}



.click_con .new_cur .layer-mask {

    opacity: 0;

}

.click_con .new_cur3 .layer-mask {

    opacity: 0;

}



.click_con .new_cur3 {

    z-index: 10;

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    -ms-transform: scale(1.2);

}