
/*顶部*/
.he-wrap{
    max-width: 7.5rem;
    min-width:3.2rem;
    margin:0 auto;
}

.logo-head{
    padding: 4px;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.logo_l{
    float: left;
}
.logo_l span{
    display: inline-block;
    float: left;
}
.logo_l span > img{
    width: 100%;
}
.logo_l p{
    display: inline-block;
    font-size: .2rem;
    color: #666;
    border-left: 1px solid #999;
    margin-left: 4px;
    padding-left: 4px;
}

/*导航*/
.he-wrap .topNav{
    height: 0.64rem;
}
.he-wrap .topNav .color{
    width: 1.86rem;
    height: 0.64rem;
}

.he-wrap .topNav ul{
    width: 1.88rem;
    height: 0.64rem;
    display: flex;
}
.he-wrap .topNav li{
    float: left;
    width: 1.88rem;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    font-size:0.2rem;
    border-top: 2px solid #f1f1f1;
    border-bottom: 2px solid #35344f;
    background: #272636;
}

.he-wrap .topNav li:hover{
    border-top: 2px solid #ff4a01;
    border-bottom: 2px solid #35344f;
    background:#43415a ;
}
.he-wrap .topNav li:hover a{
    color: #ff4903;
}

.he-wrap .topNav li a{
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
}
/*banner*/
.swiper-container{
    width: 100%;
    height: 100%;
}
.he-wrap .banner{
    position: relative;
}
.banner1{
    width: 7.5rem;
    height: 5.5rem;
 
    background: url(../images/banner1.jpg) no-repeat;
    background-size:100% 100% ;
}
.banner .san{
    position: absolute;
    left:1.28rem;
    top:3.46rem;
    /*display: none;*/
}
.banner .san li{

    height: 0.25rem;
    float: left;
    margin-right: 0.3rem;
}
.banner .san li .i{
    display: inline-block;
    width: 0.1rem;
    height: 0.11rem;
    margin-right: 0.09rem;
    background: url("../images/2018.1_34.jpg") no-repeat 0 0;
    background-size:contain ;
    vertical-align: middle;
}

.banner .san p{
    display: inline-block;
    padding: 0 0.04rem;
    height: 0.25rem;
    background: #171625;
    opacity: 0.9;
    font-size: 0.2rem;
    color: #fefeff;
    line-height: 0.25rem;
    vertical-align: middle;
}

.banner1>p{
    display: block;
    width:3.2rem ;
    height:0.5rem ;
    background: #ff4a01;
    color:#fefeff;
    font-size:0.2rem ;
    text-align: center;
    line-height:0.5rem;
    position: absolute;
    left:2.15rem ;
    top:4.16rem;
}

.banner .small{
    position: absolute;
    left:3.44rem;
    top: 4.95rem;
}
/*.banner .small li{*/
/*width: 0.1rem;*/
/*height: 0.1rem;*/
/*/!*border:1px solid #fff;*!/*/
/*border-radius: 50%;*/
/*float: left;*/
/*font-size:0;*/
/*margin:0 0.05rem 0 0.06rem;*/
/*background:#a5a4bd;*/
/*}*/
/*.banner .small .n{*/
/*width: 0.2rem;*/
/*height: 0.1rem;*/
/*border-radius: 0.1rem;*/
/*float: left;*/
/*font-size:0;*/
/*margin:0 0.05rem 0 0.06rem;*/
/*background:#367eed;*/
/*}*/



.banner .bannerBtn{
    position: absolute;
    left:3.34rem;
    top: 4.95rem;
    /*display: none;*/
}


.banner .bannerBtn li{
    width: 0.2rem;
    height: 0.1rem;
    /*border:1px solid #fff;*/
    border-radius: 0.1rem;
    float: left;
    font-size:0;
    margin:0 0.05rem 0 0.06rem;
    background:#367eed;
}
/*第二张banner*/
.banner6{
    width: 7.5rem;
    height: 5.5rem;
    background: url(../images/banner7.jpg) no-repeat;
    background-size:100% 100% ;
}
.banner4{
    width: 7.5rem;
    height: 5.5rem;
    background: url(../images/banner2.jpg) no-repeat;
    background-size:100% 100% ;
}
.banner4>div{
    height: .38rem;
 position: absolute;
 top: 3.14rem;
 left: 1.44rem;
    padding: 0 0.12rem 0 .12rem;
    background:rgba(0,0,0,0.7) none repeat scroll !important;
}
.banner4>div p{
 float: left;
    color: #ffffff;
    font-size: .22rem;
    line-height: .3rem;
}
.banner4>div span{
    float: left;
}
.banner4>div span img{
    width: .19rem;
    height: .2rem;
    margin-right: .1rem
}
.banner4>p{

    width:3.2rem ;
    height:0.5rem ;
    background: #ff4a01;
    color:#fefeff;
    font-size:0.2rem ;
    text-align: center;
    line-height:0.5rem;
    position: absolute;
    left:2.15rem ;
    top:4.16rem;
}

/* 2222222222222 */
.wrap{
    background: #fff;
    padding-top: .5rem;
}
.xcx_2 h1{
    font-size: .4rem;
    color: #333;
}
.xcx_2 h1 span{
    color: #fc4b00;
}
.xcx_2 h4{
    margin-top: .26rem;
    font-size: .2rem;
    color: #666;
}

.xcx_2 ul{
    margin-top: .33rem ;
}
.xcx_2 ul li{
    width: 25%;
    /*height: 1.9rem;*/
    box-sizing: border-box;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    overflow: hidden;
}
.xcx_2 ul li img{
    width:100%;
    height: 100%;
    display: block;
    /*margin:.27rem auto 0;*/
}

.xcx_2 ul li a{
    width: 100%;
    height: 100%;
    display: block;
    background: #367eed;
    border-radius: .2rem;
    /*margin:.15rem auto 0;*/
    text-align: center;
    line-height: .4rem;
    font-size: .22rem;
    color: #fff;
}
.xcx_2 .center .btn{
    width: 2.8rem;
    height: .5rem;
    background: #fc4b00;
    margin:.29rem auto 0;
}
.xcx_2 .center .btn a{
    display: block;
    font-size: .22rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
}

/* 555555555555555555 */
.swiper-container5{

}
.swiper-container5 .swiper-wrapper{

}
.swiper-container5 .swiper-wrapper{
   
    height: .5rem;
}
.swiper-container5 .swiper-wrapper .h{
    display: none
}
.swiper-container5 .swiper-wrapper img{
    width:.21rem;

    margin-left: .1rem;
  
}
.swiper-container5 .swiper-wrapper span{
    font-size: .22rem;
    line-height: .5rem;
    color: #ffffff;
 display: inline-block
    
}
.swiper-container5 .on{
    background:  url("../images/swiper5_1.png") no-repeat;
    width: 2.8rem;
    height: .5rem;
}
.swiper-container5 .on span{
    color: #367eed;
}
.swiper-container5 .on .h{
    display: inline-block
}
.swiper-container5 .on .s{
    display: none
}
.xcx_5{
    background-color: #000;
    background-image: url("../images/5.img_bj.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
}
.xcx_5 .center h1{
    font-size: .4rem;
    text-align: center;
    margin-top: .5rem;
    color: #fff;
}
.xcx_5 .center h4{
    font-size: .2rem;
    color: #999999;
    text-align: center;
    margin-top: .2rem;
}
.xcx_5 .center .blue_bj{
    background: #367eed;
    margin-top: .3rem;
    height:6.98rem;
    border-radius: 0 .2rem .2rem 0;
    overflow: hidden;
    position: relative;
}
.xcx_5 .center .left_box{
    width: 2.7rem;
    height:6.15rem;
    padding-top: .1rem;
    float: left;
    position: absolute;
    left: 0;
    top: 0
    
}
.xcx_5 .center .left_box ul{
    margin-top: .23rem;
    margin-right: 2px;
    padding-left: .16rem;
}
.xcx_5 .center .left_box ul li{
    line-height: .5rem;
}
.xcx_5 .center .left_box ul li img{
    width:.21rem;
    vertical-align: -3%;
    margin-right: .07rem;
}
.xcx_5 .center .left_box ul .ma_ri{
    margin:0;
}
.xcx_5 .center .seleck{
    width: .2rem;
    height: .1rem;
    position: absolute;
    bottom:.5rem;
    left: .9rem;
    z-index: 999;
}
.xcx_5 .center .left_box ul li span{
    font-size: .22rem;
    color: #fff;
    line-height: .22rem;
    overflow: hidden;
}
.xcx_5 .center .left_box ul li:hover{
    background: #fff;
    box-shadow: .03rem 0 .1rem 2px #595959;
}
.xcx_5 .center .left_box ul li:hover span{
    color: #367eed;
}
.xcx_5 .center .right_box{
    width:4.54rem;
    height: 6.88rem;
    background: #fff;
    margin:.07rem .07rem 0.07rem 0;
    border-radius: .25rem;
    float: right;
    overflow-y: scroll;
overflow-x: hidden
}
.xcx_5 .center .right_box .mid{
    width: 4.04rem;
    height:5.29rem;
    margin:.25rem;
}
.xcx_5 .center .right_box .mid>ul{
    margin-bottom: .3rem
}
.xcx_5 .center .right_box .mid>ul>li{
    padding-bottom: .22rem;
    border-bottom: 1px dashed #bfbfbf;
    margin-bottom: .18rem;
}
.xcx_5 .center .right_box .mid>ul .sty_no{
    padding:0;
    border:none;
    margin:0;
}
.xcx_5 .center .right_box .mid ul li ul{
    margin:0 .1rem;
}
.xcx_5 .center .right_box .mid ul li ul li{

    width:4rem;
    margin-top: .15rem;
}
.xcx_5 .center .right_box .mid ul li ul li span{
    font-size: .16rem;
  
}
.xcx_5 .center .right_box .mid ul li ul li i{
    width: 5px;
    height: 5px;
    float:left;
    border-radius: 50%;
    background: #357dea;
    margin-top: .1rem;
    margin-right: .1rem;
}
.xcx_5 .center .sanjiao{
    width: .15rem;
    position: absolute;
    left:2.36rem;
    top:.23rem;
}
.xcx_5 .center .sanjiao ul li{
    display: none;
}
.xcx_5 .center .sanjiao ul .ma_bot{
    margin-bottom: .2rem;
}
.xcx_5 .center .sanjiao ul li img{
    width: .15rem;
    height: .5rem;
    display: block;
}

.xcx_5 .center>a{
    display: block;
    width: 3.2rem;
    height: .5rem;
    background: #fc4b00;
    margin:.3rem auto .5rem;
    color: #fff;
    font-size: .22rem;
    text-align: center;
    line-height: .5rem ;
}

/*第六部分*/
.he-wrap{
    max-width: 7.5rem;
    min-width:3.2rem;
    margin:0 auto;
}
.he-wrap .he-hot{
    width: 7rem;
    height:6.99rem;
    margin: 0 auto;
}
.he-wrap .he-hot h1{
    font-size:0.37rem;
    color:#333333 ;
    font-weight: bold;
    text-align: center;
    line-height: 0.74rem;
    padding-top: 0.37rem;
}
.he-wrap .he-hot h1 a{
    color: #fc4b00;
}
.he-wrap .he-hot .four{
    width: 7rem;
    height: 5.75rem;
    box-shadow: 0 0 0.9rem 0.01rem #35344f;
}
.he-wrap .he-hot .four li{
    float: left;
    /*height: 2.72rem;*/
    margin-top:0.32rem ;
}
.he-wrap .he-hot .four .right{
    margin-right: 0.18rem ;
    margin-left: 0.29rem;
}

.he-wrap .he-hot .four li img{
    width: 3.1rem;
    height: 1.86rem;
    display: block;
}
.he-wrap .he-hot .four li p{
    display:inline-block;
    /*margin: 0.15rem 0.2rem 0 0.14rem;*/
}

.he-wrap .he-hot .four li p .el{
    display: inline-block;
    width:1.11rem ;
    height:0.41rem;
    line-height: 0.41rem;
    font-size: 0.2rem;
    text-align: center;
    color: #ffffff;
   background: #367eed;
    border-radius:0.04rem;
    margin: 0.15rem 0.2rem 0 0.14rem;

}
.he-wrap .he-hot .four li p .er{
    display: inline-block;
    width:1.51rem ;
    height:0.41rem;
    font-size: 0.2rem;
    line-height: 0.41rem;
    text-align: center;
    color: #ffffff;
    background: #fc4b00;
    border-radius:0.04rem;

}

/* 777777777777777 */
.xcx_7 .center h1{
    font-size: .4rem;
    margin:.5rem auto .32rem;
    text-align: center;
    line-height: .4rem;
}
.xcx_7 .center h1 span{
    color: #fc4b00;
    margin-right: .16rem;
}
.xcx_7 .center ul li .xian{
    height: 1px;
    background: #367eed;
    margin-top: -1px;
}
.xcx_7 .center ul li .top .math{
    width: 1rem;
    height: .4rem;
    background: #367eed;
    transform:skew(-20deg);
    font-size: .3rem;
    color: #fff;
    text-align: center;
    line-height: .4rem;
    font-weight: bold;
    display: inline-block;
}
.xcx_7 .center ul li .top span{
    font-size: .26rem;
    color:#367eed ;
}
.xcx_7 .center ul li h5{
    font-size: .2rem;
    color: #367eed;
    margin-top: .13rem;
}
.xcx_7 .center ul li p{
    font-size: .2rem;
    color: #666666;
}
.xcx_7 .center ul li .appfor{
    display: block;
    width: 1.4rem;
    height: .4rem;
    border-radius: .2rem;
    color: #999999;
    font-size: .2rem;
    text-align: center;
    line-height: .4rem ;
    margin:.18rem auto .3rem;
}
.xcx_7 .center ul li .color{
    background: #fc4b00;
    color: #fff;
}

.xcx_7 .center ul li .apply{
    display: inline-block;
    width: 1.4rem;
    height: .4rem;
    border-radius: .2rem;
    color: #ffffff;
    font-size: .2rem;
    text-align: center;
    line-height: .4rem ;
    margin:.18rem auto .3rem;
    background: #fc4b00;
}
.xcx_7 .center ul li .appfor{
    margin-right: .2rem ;
    margin-left: 1.9rem ;
}
.xcx_7 .center>a{
    display: block;
    width: 3.2rem;
    height: .5rem;
    background: #fc4b00;
    margin:0 auto .48rem;
    color: #fff;
    font-size: .22rem;
    text-align: center;
    line-height: .5rem ;
}
.part6_ul li{
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: .1rem;
    width: 50%;
}
.part6_ul .img_box{
    position: relative;
    min-height: 100px;
}
.img_box > img{
    width: 100%;
    display: block;
    /*opacity: 0;*/
}
.part6_ul .img_box .img_pop{
    position: absolute;
    width:100%;
    height:100%;
    /*background: #fff;*/
    background: rgba(48,71,93,.8);
    filter:alpha(opacity=50);
    background: #000 \9;
    text-align: center;
    top: 0;
    left: 0;
    transform: scale(1);

    -webkit-display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;

    display: flex;
    align-items: center;
    justify-content: center;
}
.part6_ul .img_box .img_pop span{
    display: block;
    font-weight: bold;
    font-size: .3rem;
}
.part6_ul .img_box .img_pop p{
    font-size: .2rem;
    color: #fff;
    display: block;
    width: 100%;
    margin-top: 1.6rem;
    text-align: center;
    position: relative;
}
.part6_ul .img_pop p:before{
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: url("../images/part7-icon.png") no-repeat;
    background-size:auto 100%;
    position: absolute;
    left: 50%;
    margin-left: -1rem;
    top:-2rem;
}
.part6_ul .img_pop .p1:before{
    background-position: left top;
}
.part6_ul .img_pop .p2:before{
    background-position:-6rem top;
}
.part6_ul .img_pop .p3:before{
    background-position:-2rem top;
}
.part6_ul .img_pop .p4:before{
    background-position:-4rem top;
}
.part6_ul .del{
    padding: 10px 20px;
    color: #333;
    font-size: 16px;
    text-align: center;
}


/*第八部分*/
.he-box{
    max-width: 7.5rem;
    min-width:3.2rem;
    margin:0 auto;

}
.he-box .he-back{
    width:7.5rem ;
    height: 5.8rem;
    background: url("../images/2018.1_31.jpg") no-repeat 0 0;
    background-size:7.5rem 5.8rem ;
}
.he-back .title{
    font-size: 0.4rem;
    color:#fff;
    text-align: center;
    line-height:0.7rem;
    padding-top: 0.2rem;
}
.he-back .title a{
    color:#e8ec29;
}



.he-box .he-back .lef li{
    font-size: 0.24rem;
    line-height:0.45rem;
    width: 3.15rem;
}
.he-box .he-back .lef{
    float: left;
    padding-left: 0.37rem;
}
.he-box .he-back .lef li a{
    color:#fff;
    display: inline-block;
    padding-left: 0.5rem;
    background: url("../images/2018.1_32.jpg") no-repeat 0 0.09rem/0.3rem 0.3rem;
}

.he-box .he-back .rig li{
    width: 3.15rem;
    font-size: 0.24rem;
    line-height:0.45rem;
}
.he-box .he-back .rig{
    float: left;
    padding-left: 0.3rem;
}
.he-box .he-back .rig li a{
    color:#fff;
    display: inline-block;
    padding-left: 0.5rem;
    background: url("../images/2018.1_32.jpg") no-repeat 0 0.09rem/0.3rem 0.3rem;
}
/* 10 */
.xcx_10{
    padding-top: .3rem
}
.xcx_10 .center h1{
    font-size: .4rem;
    margin:0 auto .5rem;
    text-align: center;
    line-height: .4rem;
}
.xcx_10 .center h1 span{
    color: #fc4b00;
    margin-right: .3rem;
}
.xcx_10 .center ul{
    margin:0 .4rem .3rem;
}
.xcx_10 .center ul li{
    width: 1.2rem;
    height: 1.8rem;
    float: left;
    margin-right: .45rem;
}
.xcx_10 .center ul .ma_no{
  margin-right: 0;
}
.xcx_10 .center ul .ma_top{
    margin-top: .36rem;
}
.xcx_10 .center ul li p{
    text-align: center;
    font-size: .22rem;
    line-height: .22rem;
    margin-top: .2rem;
    width: 1.5rem;
    margin-left: -.2rem
}
.xcx_10 .center>a{
    display: block;
    width: 3.2rem;
    height: .5rem;
    background: #fc4b00;
    margin:0.5rem auto .5rem;
    color: #fff;
    font-size: .22rem;
    text-align: center;
    line-height: .5rem ;
}
.xcx_10 .clearfix img{
    width:1.2rem;
    height:1.2rem;
}

/* 33333333333333 */
.swiper-container3{
    margin: 0 auto;
    width: 7.5rem;
}
.swiper-container3 .swiper-wrapper{
    margin: 0 auto;
}
.swiper-container3 .swiper-slide{
position: relative;
    height: 6.85rem;
}
.rb_3{
    width:7.5rem;
    height:8.54rem;
    /*border:1px solid;*/
    box-sizing: border-box;
    margin:0 auto;
    position:relative;
}
.rb_3_h3{
    font-size:0.4rem;
    font-weight: bold;
    line-height:0.99rem;
    padding-top:0.18rem;
    text-align:center;
    box-sizing:border-box;
    font-family: "΢���ź�";
}
.rb_3_h3 span{
    color:#fc4b00;
}
.rb_3 .con_1{
    width:4.8rem;
    height: 6.65rem;
    background:#367eed;
position: absolute;
left: 1.38rem ;
top: 0.3rem;
    padding-top:0.2rem;
    box-sizing:border-box;
    border-radius:0.05rem;
}
.rb_3 .top{
    width:4.19rem;
    height:0.6rem;
    border:1px solid #fff;
    box-sizing:border-box;
    margin:0 auto;
    border-radius:0.04rem;
    position:relative;
}
.rb_3 .top .left{
    width:0.6rem;
    height:0.6rem;
    background:#fff;
    border-radius:0.04rem;
    position:absolute;
    left:-1px;
    top:-1px;
    text-align:center;
    padding-top:0.13rem;
    box-sizing:border-box;
}
.rb_3_q{
    width:0.26rem;
    height:0.32rem;
}
.rb_3_sous{
    width:0.25rem;
    height:0.25rem;
    position:absolute;
    right:0.15rem;
    top:0.16rem;
}

.rb_3 .con_1 .top p{
    font-size:0.26rem;
    color:#fefeff;
    font-weight:bold;
    padding-left:0.75rem;
    line-height:0.58rem;
    box-sizing: border-box;
}
.rb_3 .con_1 .sec_1{
    width:100%;
    padding-top:0.19rem;
    padding-left:0.64rem;
    box-sizing: border-box;
}
.rb_3 .con_4 .sec_1{
    padding-left:0.26rem;
    box-sizing: border-box;
}
.rb_3 .con_1 .sec_1 p a{
    font-size:0.24rem;
    color:#fff;
    line-height:0.44rem;
    font-family: "΢���ź�";
}
.rb_3 .con_1 .bottom{
    width:100%;
    height:1.02rem;
    padding-top:0.21rem;
    box-sizing:border-box;
    padding-left:1.21rem;
}
.rb_3 .con_3 .bottom{
    height:1.46rem;
    padding-top:0.65rem;
}
.rb_3 .con_1 .bottom a{
    display:block;
    width:2.4rem;
    height:0.5rem;
    background:#fff;
    font-size:0.22rem;
    color:#367eed;
    border-radius:0.25rem;
    line-height:0.5rem;
    text-align:center;
    font-family: "΢���ź�";
}
/* 
 */
.rb_3 .con_2_2 .top{
    width:4.19rem;
    height:0.4rem;
}
.rb_3 .con_2_2 .left{
    width:0.4rem;
    height:0.4rem;
}
.con_2_2 .rb_3_q{
    width:0.17rem;
    height:0.21rem;
}
.con_2_2 .rb_3_sous{
    width:0.18rem;
    height:0.18rem;
    position:absolute;
    right:0.12rem;
    top:0.1rem;
}
.rb_3 .con_2_2 .top p{
    font-size:0.22rem;
    color:#fefeff;
    line-height:0.4rem;
}
.rb_3 .con_2_2 .sec_1{
    padding-top:0.21rem;
    padding-left:0.62rem;
}
.rb_3 .con_2_2 .sec_1 p a{
    font-size:0.22rem;
    line-height:0.4rem;
}
.rb_3 .con_2_2 .bottom{
    height:1.19rem;
    padding-top:0.21rem;
}
.rb_3 .con_2_2 .top p{
    padding-left:0.53rem;
}
.rb_3 .con_2_3 .bottom{
    height:1.24rem;
    padding-top:0.23rem;
}
.rb_3 .con_2_3 .sec_1{
    padding-top:0.21rem;
    padding-left:0.55rem;
}
.rb_3 .con_2_4 .sec_1{
    padding-left:0.35rem;
}
 .rb_3 .img_left,.rb_3 .img_right{
     position:absolute;
     width:0.23rem;
     height:0.44rem;
     top:50%;
     margin-top:0.22rem;
 }
.rb_3 .img_left{
    left:0.85rem;
}
.rb_3 .img_right{
    right:0.85rem;
}

/* 99999999999 */
.swiper-container9{
    width: 100%;
    height: 9.58rem;
}
.swiper-container9 .swiper-slide{
    position: relative;
}
.swiper-container9 .swiper-slide>div{
    position: absolute;
    left: 0;
    top: 0
}
.rb_9{
    width:7.5rem;
    height:9.27rem;
    margin:0 auto;
    background:url("../images/rb_9_bk.jpg") no-repeat left top;
    background-size:7.5rem 6rem;
    padding-top:0.39rem;
    position:relative;

}
.rb_9 h3{
    width:100%;
    text-align:center;
    font-size:0.4rem;
    font-weight:bold;
    color:#fff;
    line-height:0.6rem;
}
.rb_9 h3 span{
    color:#fc4b00;
}
.rb_9 .p_p{
    width:100%;
    text-align:center;
    color:#fff;
    font-size:0.2rem;
    line-height:0.4rem;
}
.rb_9 .con_1{
    width:7rem;
    height:5.61rem;
    background:#e3e8f4;
    border-radius:0.25rem 0.25rem 0.1rem 0.1rem;
    margin: 0 auto;
    margin-left:0.25rem;
    padding:0.49rem 0 0 0.57rem;
    margin-top:0.2rem;
}
.rb_9 .con_12{
    height:5.8rem;
}
.rb_9 .demo_1 .img_2{
     margin-left:0.98rem;
 }
.rb_9 .demo_1 .img_3{
    margin-left:0.6rem;
    margin-top:0.11rem;
}
.rb_9 .demo_1 .con_1 p span{
    color:#666;
    font-size:0.22rem;
    line-height:0.62rem;
}
.rb_9 .demo_1 .con_1 p .p1{
    margin-left:0.12rem;
}
.rb_9 .demo_1 .con_1 p .p2{
    margin-left:0.9rem;
}
.rb_9 .demo_1 .con_1 p .p3{
    margin-left:0.6rem;
}
.rb_9 .demo_1 .img_4{
    margin-top:0.09rem;
    margin-left:1.1rem;
}
.rb_9 .demo_1 .img_5{
    margin-left:0.59rem;
}
.rb_9 .demo_1 .con_1 p .p4,.rb_9 .demo_1 .con_1 p .p5{
    line-height:0.34rem;
    display:inline-block;
}
.rb_9 .demo_1 .con_1 p .p4{
    margin-top:0.14rem;
    margin-left:1.06rem;
}
.rb_9 .demo_1 .con_1 p .p5{
    margin-left:0.85rem;
}
.rb_9 .demo_1 .con_1 .btn{
    display: block;
    width:3.2rem;
    height:0.5rem;
    font-size:0.22rem;
    font-weight:bold;
    color:#fff;
    background:#fc4b00;
    line-height:0.5rem;
    text-align:center;
    margin:0.26rem 0 0 1.33rem;
}
.rb_9 .demo_1 .bottom{
    width:7rem;
    height:1rem;
    background:#367eed;
    margin-left:0.25rem;
    border-radius:0.1rem 0.1rem 0 0;
    font-size:0.3rem;
    font-weight:bold;
    color:#fff;
    line-height:1rem;
    text-align:center;
}
.rb_9 .dianD{
    width:100%;
    text-align:center;
    position:absolute;
    bottom:0;
}
.swiper-pagination-bullet{
    height:0.1rem;
    width:0.2rem;
    border-radius:0.1rem;
    background:#d1d1d1;
}
.swiper-pagination-bullet-active{
    width:0.4rem;
    height:0.1rem;
    background:#367eed;
    border-radius:0.1rem;
    display: inline-block;
}
.none{
    display:none;
}
.rb_9 .demo_2 .con_1{
    padding-left:0.27rem;
    padding-top:0.2rem;
}
.rb_9 .demo_2 .con_2{
    width:6.47rem;
    height:4.6rem;
}
.rb_9 .demo_2 .con_2 li{
    width:2.08rem;
    height:1.66rem;
    background:#fff;
    padding-top:0.58rem;
    float:left;
    margin-right:0.115rem;
}
.rb_9 .demo_2 .con_2 img{
    margin-left:0.67rem;
}
.rb_9 .demo_2 .con_2 li p{
    width:2.08rem;
    text-align:center;
    font-size:0.22rem;
    font-weight:bold;
    line-height:0.7rem;
}
.rb_9 .demo_2 .con_2 .li_3{
    margin-right:0;
}
.rb_9 .demo_2 .con_2 .li_22{
    margin-top:0.12rem;
}
.rb_9 .demo_2 .con_1 .btn{
    margin:0.3rem 0 0 1.55rem;
}
.rb_9 .demo_3 .con_1 .con_2 li{
    padding-top:0.5rem;
    background:#e3e8f4;
}
.rb_9 .demo_3 .con_1 .con_2 img{
    margin-left:0.45rem;
}
.rb_9 .demo_3 .con_1 .con_2 .img_p{
    color:#367eed;
}
.rb_9 .demo_3 .con_1 .btn{
    margin-top:0.4rem;
}
.rb_9 .demo_3 .con_1 .con_2 img{
    width:1.19rem;
    height:1.19rem;
}
.rb_9 .img_dem2_1{
    width:0.75rem;
    height:0.62rem;
}
.rb_9 .img_dem2_2{
    width:0.74rem;
    height:0.6rem;
}
.rb_9 .img_dem2_3{
    width:0.97rem;
    height:0.62rem;
}
.rb_9 .img_dem2_4{
    width:0.82rem;
    height:0.62rem;
}
.rb_9 .img_dem2_5{
    width:0.88rem;
    height:0.61rem;
}
.rb_9 .img_dem2_6{
    width:0.7rem;
    height:0.7rem;
}
.rb_9 .img_1{
    width:1.16rem;
    height:1.38rem;
}
.rb_9 .img_2{
     width:1.28rem;
     height:1.36rem;
 }
.rb_9 .img_3{
    width:1.86rem;
    height:1.09rem;
}
.rb_9 .img_4{
    width:1.26rem;
    height:1.43rem;
}
.rb_9 .img_5{
    width:1.49rem;
    height:1.45rem;
}
.swiper-container9{
    width: 7.5rem;
}

/* 11 */
.xcx_11{
    background: url("../images/11.img_01.jpg") no-repeat center;
}
.xcx_11 .center h1{
    font-size: .4rem;
    margin:.57rem auto .3rem;
    text-align: center;
    line-height: .45rem;
    color: #fff;
}
.xcx_11 .center h1 span{
    color: #fc4b00;
    /*margin-right: .3rem;*/
}
.xcx_11 .center .imp{
    width: 5.8rem;
    padding-bottom: .5rem;
    background: url("../images/11.img_02.jpg") no-repeat center;
    margin:0 auto .5rem;
}
.xcx_11 .center .imp h2{
    font-size: .36rem ;
    text-align: center;
    color: #fff;
    margin: .45rem 0 .2rem;
}
.xcx_11 .center .imp>img{
    width: 2.88rem;
    margin-left: 1.57rem;
    line-height: 0;
    margin-bottom: .3rem;
}
.xcx_11 .center .imp div{
    width: 4.9rem;
    height: .8rem;
    background: #fff;
    margin:0 auto .2rem;
}
.xcx_11 .center .imp div img{
    width: .58rem;
    height: .8rem;
    float: left;
}
.xcx_11 .center .imp div input{
    width: 2.5rem;
    height: .69rem;
    border:none;
    outline: none;
    font:.2rem/.69rem "微软雅黑";
    color:#262626;
    float: left;
    margin-top: .01rem

}
.xcx_11 .center .imp div p{
    width: 1.6rem;
    height: .8rem;
    background-color: #007aff;
    border:none;
    outline: none;
    font:.2rem/.8rem "微软雅黑";
    color:#fff;
    float: right;
    text-align: center;
}
::-webkit-input-placeholder {
    font:.2rem/.69rem "微软雅黑";
    color:#a3a3a3;
}
:-moz-placeholder {
    font:.2rem/.69rem "微软雅黑";
    color:#a3a3a3;
}
::-moz-placeholder {
    font:.2rem/.69rem "微软雅黑";
    color:#a3a3a3;
}
:-ms-input-placeholder {
    font:.2rem/.69rem "微软雅黑";
    color:#a3a3a3;
}
.xcx_11 .center .imp div select{
    width: 4.1rem;
    height: .8rem;
    border:none;
    font-size: .2rem;
    list-style: none;
    color: #a3a3a3;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none
}
.xcx_11 .center .imp div .sel{
    background: url("../images/11.img_08.jpg") no-repeat 3.5rem center;
}
.xcx_11 .center .imp .btn{
    display: block;
    width: 3.17rem;
    height: .6rem;
    background: #0044a9;
    color: #fff;
    font-size: .22rem;
    font-weight: bold;
    text-align: center;
    margin:.3rem auto 0;
    line-height: .6rem ;
    border: none
}



.offcn-footer {
    padding: .2rem 0 0.2rem 0;
    text-align: center;
    color: #fff;
    background: #262626;
	margin-top: -.05rem;
    margin-bottom: 1rem;
}

.offcn-login a {
	
    font: 0.26rem/0.4rem "Microsoft YaHei";
    color: #fff;
}

.offcn-login span {
    font: 0.26rem/0.2rem "Microsoft YaHei";
    display: inline-block;
    margin: 0 1%;
}


.offcn-footer p {
    font: 0.26rem/0.4rem "Microsoft YaHei";
    color: #fff;
}

