@charset "utf-8";
/* CSS Document */
 .ym59tec_p .til01 {
        height: 117px;
        display: block;
        font-size: 42px;
        line-height: 52px;
        color: #040000;
        text-align: center;
        font-family: "Microsoft Yahei";
        font-weight: normal;
    }
    
    .ym59tec_p .til01 b {
        color: #0071e6;
    }
    
    .ym59tec_p .til01 p {
        display: block;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 10px;
        color: #525151;
    }
    
    .ym59tec_p .til01 a {
        display: block;
        color: #040000;
    }
    
    .tec_pc {
        margin-top: 20px
    }
    
    .ym59tec_p {
        height: 320px;
        font-family: "Microsoft Yahei";
        font-size: 18px;
        line-height: 70px;
        color: #333;
    }
    
    .ym59tec_p li {
        width: 80px;
        float: left;
        padding: 0 42px 0 0;
        margin: 0 38px 0 0;
        background:url(http://bjhelp.nsw888.com/resource/images/3b0431da74aa4da9a46a4ee27afe3ea0_88.gif?ver=1) no-repeat right 18px;
    }
    
    .ym59tec_p li:last-child {
        padding: 0;
        margin: 0;
        background: none;
    }
    
    .ym59tec_p li span {
        width: 61px;
        height: 54px;
        display: block;
        margin: 0 auto;
        -webkit-transition: -webkit-transform 0.5s ease-out;
        -moz-transition: -moz-transform 0.5s ease-out;
        -o-transition: -o-transform 0.5s ease-out;
        -ms-transition: -ms-transform 0.5s ease-out;
    }
    
    .ym59tec_p li:hover {
        color: #194189;
    }
    
    .ym59tec_p li:hover span {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
	
	  .blk-main {
        width: 1200px;
        margin: 0 auto;
    }
    
    .ct {
        margin: 0 auto;
        width: 1200px
    }
    
    .ym351.tit {
        font-size: 40px;
        color: #1a1a1a;
        text-align: center;
        line-height: 45px;
        font-weight: normal;
        height: 98px;
        overflow: hidden;
    }
    
    .ym351.tit span {
        display: block;
        font-size: 20px;
        color: #1a1a1a;
    }
    
    .ym502iserve {
        margin: 35px 0 0;
    }
    
    .ym502iserve dl {
        width: 33%;
        height: 348px;
        float: left;
        position: relative;
        padding: 25px 0 0;
    }
    
    .ym502iserve dl:before {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #eee;
    }
    
    .ym502iserve dl dt {
        width: 100px;
        height: 100px;
        border: #e5e5e5 1px solid;
        border-radius: 50%;
        margin: 0 auto;
        position: relative;
        background: #fff;
    }
    
    .ym502iserve .iserve01 {
        width: 88px;
        height: 88px;
        position: absolute;
        top: 6px;
        left: 6px;
    }
    
    .ym502iserve dt .hover,
    .ym502iserve dt .default {
        background:url(../img/468ba34618834495832361ac6ed9a01a_10.png?ver=9);
    }
    
    .ym502iserve .iserve01 {
        background-position: 0 0;
    }
    
    .ym502iserve dt i {
        display: block;
        width: 88px;
        height: 88px;
        background:url(../img/468ba34618834495832361ac6ed9a01a_4.png?ver=3);
    }
    
    .ym502iserve dt .hover,
    .ym502iserve dt .default {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transition: all .5s linear;
        -webkit-transition: all .5s linear;
    }
    
    .ym502iserve dt .default {
        background-position: 0 -176px;
    }
    
    .ym502iserve dt .hover {
        background-position: 0 -88px;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    
    .ym502iserve dt.d1 .default i {
        background-position: 0 0;
    }
    
    .ym502iserve dt.d1 .hover i {
        background-position: -88px 0;
    }
    
    .ym502iserve dt.d2 .default i {
        background-position: 0 -88px;
    }
    
    .ym502iserve dt.d2 .hover i {
        background-position: -88px -88px;
    }
    
    .ym502iserve dt.d3 .default i {
        background-position: 0 -176px;
    }
    
    .ym502iserve dt.d3 .hover i {
        background-position: -88px -176px;
    }
    
    .ym502iserve dt.d4 .default i {
        background-position: 0 -264px;
    }
    
    .ym502iserve dt.d4 .hover i {
        background-position: -88px -264px;
    }
    
    .ym502iserve dt:hover .hover,
    .ym502iserve dl.cur .hover {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
    
    .ym502iserve dt:hover .default,
    .ym502iserve dl.cur .default {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    
    .ym502iserve dt u {
        display: block;
        position: absolute;
        width: 100px;
        height: 100px;
        border: #194189 1px solid;
        border-radius: 50%;
        z-index: 20;
        box-sizing: border-box;
        -webkit-transition: all .5s ease-in-out 0s;
        -moz-transition: all .5s ease-in-out 0s;
        -ms-transition: all .5s ease-in-out 0s;
        -o-transition: all .5s ease-in-out 0s;
        transition: all .5s ease-in-out 0s;
    }
    
    .ym502iserve dt u.cl {
        clip: rect(0px, 102px, 0, 51px);
    }
    
    .ym502iserve dt u.cr {
        clip: rect(102px, 51px, 102px, 0px);
    }
    
    .ym502iserve dl:hover dt u.cl,
    .ym502iserve dl.cur dt u.cl {
        clip: rect(0px, 102px, 102px, 51px);
    }
    
    .ym502iserve dl:hover dt u.cr,
    .ym502iserve dl.cur dt u.cr {
        clip: rect(0px, 51px, 102px, 0px);
    }
    
    .ym502iserve dd {
        text-align: center;
        padding: 10px 0 0;
    }
    
    .ym502iserve dd h5 {
        font-size: 22px;
        color: #333;
        height: 55px;
        line-height: 55px;
        position: relative;
        overflow: hidden;
    }
    
    .ym502iserve dd h5:before {
        content: "";
        width: 36px;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 50%;
        background: #404040;
        margin-left: -18px;
    }
    
    .ym502iserve dd p {
        font-size: 16px;
        color: #666;
        line-height: 30px;
        padding: 15px 0px 0;
        overflow: hidden;
        width: 90%;
        margin: 0 auto;
    }
    
    .ym502iserve dd i {
        display: block;
        font-style: unset;
        font-size: 16px;
    }
    
    .ym502iserve dl:hover,
    .ym502iserve dl.cur {
        box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
    }
	
	.navigation { HEIGHT: 50px; BACKGROUND: url(../img/passport/login/bg_top.jpg?ver=2) repeat-x; POSITION: fixed; Z-INDEX: 2000; TOP: 0px; WIDTH: 100%; box-shadow: 0 0 5px 3px #888; _position: absolute}
	
	 .ct1 {
        width: 1400px;
        margin-left: -8%;
    }
    
    .ym351.zci {}
    
    .ym351.zci h2 {
        margin-top: 80px;
    }
    
    .ym351.zci-box dl {
        float: left;
        width: 19%;
        height: 445px;
        position: relative;
        overflow: hidden;
        margin-right: 1%
    }
    
    .ym351.zci-box dl .ym351.zci-box dl.ml0 {
        margin-right: 0;
    }
    
    .ym351.zci-box dt {
        position: relative;
        height: 445px;
    }
    
    .ym351.zci-box dt img {
        width: 300px;
        height: 445px;
    }
    
    .ym351.zci-box dl dt em {
        position: absolute;
        width: 100%;
        height: 445px;
        background-color: rgba(0, 0, 0, 0.3);
        left: 0;
        top: 0px;
        font-size: 28px;
        color: #fff;
        text-align: center;
        line-height: 380px;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
        font-style: normal;
    }
    
    .ym351.zci-box dt em::after {
        position: absolute;
        content: "";
        width: 60px;
        height: 2px;
        background-color: #fff;
        left: 50%;
        margin-left: -30px;
        bottom: 211px;
        font-style: normal;
    }
    
    .ym351.zci-box dl dd {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 445px;
        background-color: rgba(0, 0, 0, 0.8);
        left: 0;
        top: 0;
        -webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
        transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
    
    .ym351.zci-box dd em {
        display: block;
        font-size: 28px;
        color: #fff;
        height: 68px;
        line-height: 68px;
        text-align: center;
        position: relative;
        padding-top: 0;
        font-style: normal;
    }
    
    .ym351.zci-box dl dd a {
        position: absolute;
        width: 167px;
        left: 0;
        top: 350px;
        font-size: 17px;
        color: #fff;
        text-align: center;
        border: 1px solid #c0c0c0;
        margin: 0 60px;
        border-radius: 8px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .ym351.zci-box dd em::after {
        position: absolute;
        content: "";
        width: 60px;
        height: 2px;
        background-color: #fff;
        left: 50%;
        margin-left: -30px;
        bottom: 0;
        font-style: normal;
    }
    
    .ym351.zci-box dd p {
        font-size: 14px;
        color: #fff;
        line-height: 30px;
        padding: 0 25px 0;
    }
    
    .ym351.zci-box dl:hover dt em {
        display: none;
        font-style: normal;
    }
    
    .ym351.zci-box dl:hover dd {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotate3d(1, 0, 0, 0deg);
        transform: rotate3d(1, 0, 0, 0deg);
    }
	
	  .ym307test {
        line-height: 25px;
        padding: 64px 0 80px;
        overflow: hidden;
        font-size: 16px;
    }
    
    .ym307test_c,
    .ym307test_cl dl {
        position: relative;
    }
    
    .ym307test_c,
    .ym307test_cl,
    .ym307test_cl dt {
        width: 1200px;
        display: block;
    }
    
    .ym307test_cl dt img {
        width: 1200px;
        height: 600px;
        display: block;
    }
    
    .ym307test_cl dd {
        position: absolute;
        left: 0;
        width: 533px;
        height: 222px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        top: 80px;
        background: rgba(255, 255, 255, 0.9);
        border-left: 3px solid #194189;
        padding: 15px 50px 0 40px;
    }
    
    .ym307test_cl dd h3 {
        height: 55px;
        line-height: 74px;
        font-size: 22px;
        color: #424242;
    }
    
    .ym307test_cl dd h3 a {
        color: #424242;
    }
    
    .ym307test_t {
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        width: 558px;
        height: 115px;
        right: 0;
        bottom: 0;
        z-index: 2;
        text-align: center;
        font-size: 22px;
        color: #000;
    }
    
    .ym307test_t li {
        width: 139px;
        height: 134px;
        float: left;
    }
    
    .ym307test_t li span {
        height: 35px;
        display: block;
        margin: 35px auto 0;
        overflow: hidden;
        font-size: 16px;
    }
    
    .ym307test_t li.cur {
        background: #194189;
        color: #fff;
    }
    
    .ym307test_t li p {
        margin: 0;
    }
	
	 .ym59tec_p .til01 {
        height: 117px;
        display: block;
        font-size: 42px;
        line-height: 52px;
        color: #040000;
        text-align: center;
        font-family: "Microsoft Yahei";
        font-weight: normal;
    }
    
    .ym59tec_p .til01 b {
        color: #0071e6;
    }
    
    .ym59tec_p .til01 p {
        display: block;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 10px;
        color: #525151;
    }
    
    .ym59tec_p .til01 a {
        display: block;
        color: #040000;
    }
    
    .tec_pc {
        margin-top: 20px
    }
    
    .ym59tec_p {
        height: 320px;
        font-family: "Microsoft Yahei";
        font-size: 18px;
        line-height: 70px;
        color: #333;
    }
    
    .ym59tec_p li {
        width: 80px;
        float: left;
        padding: 0 42px 0 0;
        margin: 0 38px 0 0;
        background:url(http://bjhelp.nsw888.com/resource/images/3b0431da74aa4da9a46a4ee27afe3ea0_88.gif?ver=1) no-repeat right 18px;
    }
    
    .ym59tec_p li:last-child {
        padding: 0;
        margin: 0;
        background: none;
    }
    
    .ym59tec_p li span {
        width: 61px;
        height: 54px;
        display: block;
        margin: 0 auto;
        -webkit-transition: -webkit-transform 0.5s ease-out;
        -moz-transition: -moz-transform 0.5s ease-out;
        -o-transition: -o-transform 0.5s ease-out;
        -ms-transition: -ms-transform 0.5s ease-out;
    }
    
    .ym59tec_p li:hover {
        color: #194189;
    }
    
    .ym59tec_p li:hover span {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }