.write_top img{
   width: 100%;
}
.choose{
    overflow: hidden;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 1px 27px 0px #00000033;
    /* margin-top: -4%; */
    margin-top: 30px;
}
.choose img{
    margin-top: 50px;
    margin-left: 40px;
}
.choose ul{
    padding-bottom:30px;
    margin-left: 30px;
}
.choose ul li{

}
.choose ul li h2{
    font-size: 30px;
    color: #424242;
    margin:50px 0px;
    position: relative;
}
.choose ul li h2::after{
    content: "";
    width: 50px;
	height: 2px;
    background-color: #ff8e29;
    position: absolute;
    top: 70px;
    left: 0px;
}
.choose ul li p{
    font-size: 14px;
	color: #828282;
}
.choose .choose_tit{
    font-size: 24px;
	color: #424242;
}
.choose ul li p span{
    width: 15px;
	height: 15px;
    border: solid 2px #ff8e29;
    display: block;
    border-radius: 50%;
    float: left;
    margin-top: 12px;
    margin-right: 10px;
}
.choose ul li p:last-child{
    margin-left:26px;
    line-height: 24px;
}
.compose{
    padding-top:50px;
    overflow: hidden;
}
.compose .compose_box{
   margin-top:50px;
}

.compose .compose_bg{
    position: relative;
    top:0px;
    left:0px;
    display: none;
}
.compose .compose_bg h2{
    position: relative;
}
.compose  .active{
    display: block;
}
.compose .compose_l{
    position: absolute;
    left:0px;
    top:6px;
}
.compose .compose_r{
    position: absolute;
    right:0px;
    top:70px;
}
.compose .compose_bg img{
    display: block;
    margin-left:15%;
}
.compose .compose_l h2,.compose_r h2{
    font-size: 24px;
	line-height: 36px;
    color: #424242;
}
.compose .compose_l p,.compose_r p{
    font-size: 14px;
	line-height: 30px;
    color: #828282;
    width:300px;
}
.compose .compose_l li{
    margin-bottom:65px;
}
.compose .compose_r li{
    margin-bottom:60px;
}
.compose .compose_box .compose_dian{
    margin:50px auto;
    width: 100px;
    overflow: hidden;
}
.compose .compose_box .compose_dian span{
    width: 14px;
	height: 14px;
	background-color: #ff8e29;
    opacity: 0.5;
    border-radius: 50%;
    margin:10px;
    display: block;
    float: left;
}
.compose .compose_box .compose_dian .active{
    background-color: #ff8e29;
    opacity: 1;
}
.compose_boxs .compose_bg:first-child  h2::before{
    content: "";
    width: 140px;
    height: 4px;
    background-color: rgb(255,219,101);
    position: absolute;
    top: 26px;
    opacity: .5;
}
.compose_boxs .compose_bg:last-child  h2::before{
    content: "";
    width: 164px;
    height: 4px;
    background-color:rgb(151,223,255);
    position: absolute;
    top: 26px;
    opacity: .5;
}
.compose .compose_bg:first-child .compose_l li:nth-child(2) h2::before{
    content: "";
    width: 100px;
    height: 4px;
    background-color: rgb(255,219,101);
    position: absolute;
    top: 26px;
    opacity: .5;
}
.security{
    background-image: url(../images/rwdx3-bj.png);
    overflow: hidden;
    padding-bottom:85px;
}
.security .caption h2{
    padding-bottom:50px;
}

.security ul{
    margin-top:20px;
}
.security ul li{
    width: 380px;
    float: left;
    background-color: #fff;
    box-shadow: 0px 3px 21px 0px 
		rgba(166, 79, 33, 0.11);
    position: relative;
    padding:28px 0px 28px 0px;
    margin-bottom: 20px;
}
.security ul li img{
    position: absolute;
    right:30px;
    top:30px;
}
.security ul li p{
    width: 320px;
    margin:auto;
    display: block;
}
.security ul li p:first-child{
    font-size: 24px;
	line-height: 36px;
    color: #424242;
    margin-bottom:10px;
}
.security ul li p:nth-child(2){
    font-size: 14px;
	line-height: 24px;
	color: #828282;
}
.security ul li:nth-child(2){
    margin:0px 20px;
}
.security ul li:nth-child(5) {
    margin: 0px 20px;
}
.plan{
    margin-top:90px;
}
.plan .plan_box{
    width: 380px;
    background-color: #ffffff;
	box-shadow: 0px 3px 17px 1px 
        rgba(151, 151, 151, 0.13);
    padding-bottom:32px;
    float: left;
    margin-top:30px;
}
.plan .plan_top{
	background-color: #fecb42;
	box-shadow: 0px 3px 21px 0px 
        rgba(170, 127, 13, 0.2);
    padding: 30px 0px;
}
.plan .plan_top p{
    color:#fff;
    text-align: center;
    margin-bottom:9px;
}
.plan .plan_top p:first-child{
    font-size:30px;
}
.plan .plan_top p:last-child{
    font-size:18px;
}
.plan ul{
    width: 214px;
    margin:50px auto 30px;
}
.plan ul li{
    color: #828282;
    font-size:14px;
    line-height:30px;
}
.plan ul li img{
    margin-right:10px;
}
.plan .plan_bot p{
    color: #424242;
    font-size:48px;
    text-align: center;
}
.plan .plan_bot p span{
    font-size:18px;
}
.plan .plan_bot a{
    width: 120px;
	height: 40px;
	background-color: #fecb42;
	box-shadow: 0px 3px 21px 0px 
		rgba(152, 116, 20, 0.29);
    border-radius: 20px;
    font-size: 14px;
	line-height: 40px;
    color: #ffffff;
    display:block;
    text-align: center;
    margin: auto;
}
.plan .plan_box_lr{
    margin:30px 30px 0px;
}
.state{
    overflow: hidden;
}
.state_box{
    float: left;
    width: 49%;
    margin-top: 45px;
}
.state_box p{
    color: #828282;
    font-size:14px;
    line-height:24px;
    width: 90%;
    margin:auto;
}
.state_box p:first-child{
    font-size:18px;
    color:#424242;
    text-align: center;
    margin-bottom:25px;
}
.state_box .state_img{
    display:block;
    margin:20px auto;
}
.state_box p img{
    margin-right:10px;
    margin-top: -16px;
}
.state .state_box_l{
    border-right:1px solid #eeeef0;
}
.flow{
    overflow: hidden;
}
.flow .flow_img li{
    float: left;
    margin:0px 56px;
    width: 150px;
    text-align: center;
}
.flow .flow_img li:first-child{
    margin-left:0px;
}
.flow .flow_img li:last-child{
    margin-right:0px;
}
.flow .flow_img .flow_tit{
    position: relative;
    margin-top:20px;
    margin-bottom:50px;
}
.flow .flow_img .flow_tit p{
    font-size:18px;
    color: #424242;
    position: absolute;
    top:10px
}
.flow .flow_xian{
    margin:auto;
    display: block;
}
.flow .flow_box{
    position: relative;
    margin-top: 50px
}
.flow .flow_box .flow_xian{
    position: absolute;
    top: 28px;
    left: 80px;
}
@media (max-width:375px) {
    .security ul li:nth-child(2) {
        margin: 0px 0px 10px 8px;
    }
    .security ul li:nth-child(5) {
        margin: 0px 0px 10px 8px;
    }
    .security ul li{
        width: 360px;
        margin-bottom:10px;
        margin-left:8px;
    }
    .watermark .watermark_d {
        display: none;
    }
    .watermark h2{
        position: static;
        text-align: center;
    }
    .plan {
        margin-top: 30px;
    }
    .plan .plan_box_lr {
        margin:0px;
    }
    .plan .plan_box {
        width: 350px;
        margin:20px auto;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .flow .flow_box .flow_xian{
        display: none;
    }
    .flow .flow_img li{
        margin:0px 18px;
    }
    .flow .flow_img li:first-child {
        margin-left: 18px;
    }
    .compose{
        display: none;
    }
}
@media (min-width: 320px) and (max-width:360px){
    .choose img {
        display: block;
        margin: auto;
        width: 100%;
    }
    .choose ul li h2::after {
        position: absolute;
        top: 360px;
        left: 0px;
    }
    .choose ul {
        padding-bottom: 30px;
        margin: auto;
        float: none;
        width: 94%;
    }
    .security ul li {
        width: 310px;
        margin: 0px auto 10px;
        float: none;
    }
    .security ul li:nth-child(2) {
        margin: 0px auto 10px;
    }
    .security ul li:nth-child(5) {
        margin: 0px auto 10px;
    }
    .security ul li p {
        width: 98%;
    }
    .security {
        padding-bottom: 50px;
    }
    .flow .flow_img li {
        width: 150px;
        margin: auto;
        float: none;
    }
    .flow .flow_img li:first-child {
        margin: auto;
    }
    .flow .flow_img li:last-child {
        margin:auto;
    }
}
@media (min-width:361px) and (max-width:575px){
    .watermark .watermark_d{
        font-size:60px;
    }
    .watermark .watermark_x {
        font-size: 60px;
    }
    .security ul li {
        width: 94%;
        margin: 0px auto 10px;
        float: none;
    }
    .security ul li:nth-child(2) {
        margin: 0px auto 10px;
    }
    .security ul li:nth-child(5) {
        margin: 0px auto 10px;
    }
    .security ul li p {
        width: 94%;
    }
    .security {
        padding-bottom: 50px;
    }
    .watermark .watermark_d {
        display: none;
    }
    .watermark h2{
        position: static;
        text-align: center;
    }
    .plan {
        margin-top: 30px;
    }
    .plan .plan_box_lr {
        margin:0px;
    }
    .plan .plan_box {
        width: 350px;
        margin:20px auto;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .flow .flow_box .flow_xian{
        display: none;
    }
    .flow .flow_img li{
        margin:0px 18px;
    }
    .flow .flow_img li:first-child {
        margin-left: 18px;
    }
    .compose{
        display: none;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    .watermark .watermark_d{
        font-size:80px;
    }
    .watermark .watermark_x {
        font-size: 50px;
    }
    .compose{
        display: none;
    }
    .security ul li {
        width: 94%;
        margin: 0px auto 10px;
        float: none;
    }
    .security ul li:nth-child(2) {
        margin: 0px auto 10px;
    }
    .security ul li:nth-child(5) {
        margin: 0px auto 10px;
    }
    .security ul li p {
        width: 94%;
    }
    .security {
        padding-bottom: 50px;
    }
    .watermark .watermark_d {
        display: none;
    }
    .watermark h2{
        position: static;
        text-align: center;
    }
    .plan {
        margin-top: 30px;
    }
    .plan .plan_box_lr {
        margin:0px;
    }
    .plan .plan_box {
        width: 350px;
        margin:20px auto;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .flow .flow_box .flow_xian{
        display: none;
    }
    .flow .flow_img li{
        margin:0px 18px;
    }
    .flow .flow_img li:first-child {
        margin-left: 18px;
    }
    .compose{
        display: none;
    }
 }
@media (min-width: 769px) and (max-width:1199px) {
    .watermark .watermark_d{
        font-size:100px;
    }
    .watermark .watermark_x {
        font-size: 70px;
    }
    .compose{
        display: none;
    }
    .security ul li {
        width: 94%;
        margin: 0px auto 10px;
        float: none;
    }
    .security ul li:nth-child(2) {
        margin: 0px auto 10px;
    }
    .security ul li:nth-child(5) {
        margin: 0px auto 10px;
    }
    .security ul li p {
        width: 94%;
    }
    .security {
        padding-bottom: 50px;
    }
    .watermark .watermark_d {
        display: none;
    }
    .watermark h2{
        position: static;
        text-align: center;
    }
    .plan {
        margin-top: 30px;
    }
    .plan .plan_box_lr {
        margin:0px;
    }
    .plan .plan_box {
        width: 350px;
        margin:20px auto;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .flow .flow_box .flow_xian{
        display: none;
    }
    .flow .flow_img li{
        margin:0px 18px;
    }
    .flow .flow_img li:first-child {
        margin-left: 18px;
    }
    .compose{
        display: none;
    }
    .footer {
        display: none;
    }
 }
@media (min-width: 1200px) {
    .watermark .watermark_d{
        font-size:140px;
    }
    .watermark .watermark_x {
        font-size: 82px;
    }
}