.banner{ width:100%; background:url(banner.jpg) no-repeat; background-size:100% 100%; height:450px;}
.content{ width:1200px; margin:auto; padding:0px;}
.clear{ clear:both}

.zyfw{ font-size:30px; color:#39F; line-height:60px; margin-top:40px; text-align:center; letter-spacing:0.2em;}
.zyfw1{ font-size:15px; color:#999; line-height:40px; text-align:center; letter-spacing:0.5em;}

.zyfwxm{ width:1200px; line-height:45px;}
.zyfwxm li{ height:235px; overflow:hidden; position:relative;width:290px; margin:15px 5px; float:left; background:#0079DD; letter-spacing:0.2em; border-radius:10px; color:#FFF; line-height:45px; padding-bottom:10px; font-size:16px; text-align:center}
.zyfwxm li img{ width:140px; margin-top:30px;}



.frame {width:290px; height:235px; background:#0079DD; float:left; display:inline; border-radius:10px;  margin:15px 5px;}
.wrap {width:260px; height:205px; padding:15px;   position:relative; overflow:hidden; font-family:arial, sans-serif;}
.wrap p{ color:#FFF; text-align:center; font-size:16px; letter-spacing:0.2em;}
.zyfwxm1{ font-size:22px !important;}
.wrap img {display:block;width:140px; margin-top:30px; margin-left:60px;}
.wrap div {width:290px; height:235px; padding:300px 0px 0px 0px; position:absolute; left:0; top:0; background:url(trans.gif);}
.wrap div b {display:block; width:290px; height:235px; position:absolute; left:0; top:300px; border-radius:10px;  z-index:1; background:#000; filter: alpha(opacity=60);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.60; position:absolute; z-index:200}
.zyfwxm2{ width:120px; padding-left:85px !important;float:left;}
.zyfwxm2 a{ color:#FFF; z-index:2000; position:relative; background:#3CF; text-align:center; width:120px; line-height:30px; border-radius:15px; float:left;}

.more{ width:1200px; line-height:45px; text-align:center; font-size:18px; margin-top:40px;}
.more a{ border:1px solid #0079DD; color:#0079DD; width:150px; padding:10px 60px; border-radius:20px;}
.more a:hover{ background:#0079DD; color:#fff; width:150px; padding:10px 60px; border-radius:20px;}


.step-content{
    padding-top: 20px;
    padding-bottom: 40px;
}

.step-grid{
    width: 1000px;
    margin: 0 auto;
}

.step-box{
    width:991px;
}

.step-title{
    font-family: "Microsoft YaHei", tahoma, arial, "Hiragino Sans GB", 瀹嬩綋;
    color: rgb(47, 147, 216);
    font-size: 34px;
    text-align: center!important;

}

.step-row{
    position: relative;
}

.step-row-point{
    font-size: 14px;
    color: #666;
    background: url(line.png) -40px 0 no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
}

.step-row-top{
    top: -3px;
    left: -5px;
}
.step-row-left{
    background: url(safe_line.png) top left repeat-y;
    padding-left: 55px;
    padding-right: 30px;
}

.step-row li{
    font-size: 14px;
    color: #666;
}

.step-text-fl{
    display: inline;
    float: left!important;
    width: 550px;
    font-size: 14px;
    color: #666;
    margin-top: 30px;
}

.step-text-fl h4{
    font-size: 30px;
    color: #333;
    font-weight: 500;
}

.step-text-fl p{
    margin-top: 10px;
    font-size: 18px;
    color: #666;
}

.step-text-fr{
    width: 343px;
    z-index: 100;
    position: relative;
    float: right!important;
    text-align: right!important;
    display: inline;
}

.step-text-fr img{
    z-index: 100;
}

.step-row-bottom{
    background: url(about_safe_top.png) no-repeat;
    width: 991px;
    height: 118px;
    z-index: 1;
}

.step-row-right{
    background: url(safe_line.png) top right repeat-y;
    padding-right: 44px;
    padding-left: 30px;
}

.step-text-fl-fr{
    width: 343px;
    z-index: 100;
    position: relative;
    text-align: left!important;
    float: left!important;
    display: inline;
}

.step-text-fr-fr{
    width: 550px;
    font-size: 14px;
    color: #666;
    float: right!important;
    display: inline;
}

.step-text-fr-fr h4{
    font-size: 26px;
    color: #333;
    font-weight: 500;
}

.step-text-fr-fr p{
    margin-top: 10px;
    font-size: 18px;
    color: #666;
}

.step-row-bottom-one{
    background: url(about_safe_bottom.png) no-repeat;
    width: 991px;
    height: 117px;
}

.step-row-bot{
    bottom: -3px;
    left: -5px;
    top: inherit;
}

.xzjg{ width:1200px; margin:auto; padding:0px; margin-top:20px;}
.xzjgleft{ width:50%; float:left; background:#D1E0FF; font-size:22px; line-height:60px; text-align:center; color:#39F;}
.xzjgleft span{ background:#F30; color:#FFF; padding:3px 10px; font-size:12px; margin-left:5px; border-radius:5px;}
.xzjgright{ width:50%; float:right;background:#EBF1FF; line-height:63px; text-align:center; color:#39F;font-size:22px; }
.vs{ width:1200px; margin:auto; padding:0px; margin-top:10px; background:url(vs.png) no-repeat center; height:430px;}
.vsleft{ width:600px; float:left;}
.vsleft1{ width:400px; margin-left:100px; background:#09F; line-height:50px; border-radius:10px; margin-top:30px; font-size:20px; text-align:center; color:#FFF;}
.vsleft1:hover{transform: scale(1.2);}
.vsleft2{ width:400px; margin-left:50px; background:#09F; line-height:50px; border-radius:10px; margin-top:30px; font-size:20px; text-align:center; color:#FFF;}
.vsleft3{ width:400px; margin-left:0px; background:#09F; line-height:50px; border-radius:10px; margin-top:30px; font-size:20px; text-align:center; color:#FFF;}
.vsleft2:hover{transform: scale(1.2);}
.vsleft3:hover{transform: scale(1.2);}

.vsright{ width:600px; float:right;}
.vsright1{ width:400px; margin-right:100px; background:#C90; line-height:50px; float:right; margin-top:30px; border-radius:10px; font-size:20px; color:#FFF; text-align:center; }
.vsright2{ width:400px; margin-right:50px; background:#C90; line-height:50px; float:right; margin-top:30px; border-radius:10px; font-size:20px; color:#FFF; text-align:center; }
.vsright3{ width:400px; margin-right:0px; background:#C90; line-height:50px; float:right; margin-top:30px; border-radius:10px; font-size:20px; color:#FFF; text-align:center; }
.vsright1:hover{transform: scale(1.2);}
.vsright2:hover{transform: scale(1.2);}
.vsright3:hover{transform: scale(1.2);}

.youshi{ width:1200px; margin:auto; padding:0px; margin-top:10px; background:url(zyk_arrows.png) no-repeat center; height:350px;}
.youshi1{ width:200px; float:left; text-align:center; margin-top:310px; margin-left:35px; color:#5592ed;}
.youshi1-1{ line-height:50px; border:1px solid #5592ed; border-radius:10px; font-size:20px;}
.youshi1-1:hover{transform: scale(1.2);}
.youshi1-2{ font-size:15px; line-height:40px;}

.youshi2{ width:200px; float:left; text-align:center; margin-top:200px; margin-left:95px; color:#5592ed;}
.youshi3{ width:200px; float:left; text-align:center; margin-top:360px; margin-left:110px; color:#5592ed;}
.youshi4{ width:200px; float:left; text-align:center; margin-top:200px; margin-left:125px; color:#5592ed;}