/* CSS Document */

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
html { font-size:56%
   }
body { font-family:webfont, "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif }

.mo_positionRelative { position: relative!important }
.mo_positionAbsolute { position: absolute!important } 
.mo_positionStatic { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }

/* float */
.mo_fleft { float:left!important }
.mo_fright { float:right!important }
.mo_fnone { float:none!important }
/* text-align */
.mo_tleft { text-align:left!important }
.mo_tright { text-align:right!important }
.mo_tcenter { text-align:center!important }
h1, .h1 { font-size: 2.6rem }
h2, .h2 { font-size: 2.4rem }
h3, .h3 { font-size: 2.2rem }
h4, .h4 { font-size: 2rem }
h5, .h5 { font-size: 1.8rem }
h6, .h6 { font-size: 1.6rem }
/*h1, .h1 { font-size: 1.3rem }
h2, .h2 { font-size: 1.2rem }
h3, .h3 { font-size: 1.1rem }
h4, .h4 { font-size: 1rem }
h5, .h5 { font-size: .9rem }
h6, .h6 { font-size: .8rem }*/

.mo_margintop0 { margin-top:0!important }
.mo_margintop5 { margin-top:5px }
.mo_margintop10 { margin-top:10px }
.mo_margintop15 { margin-top:15px }
.mo_margintop20 { margin-top:20px }
.mo_margintop30 { margin-top:30px }
.mo_margintop40 { margin-top:40px }
.mo_margintop50 { margin-top:50px }
.mo_margintop60 { margin-top:60px }

.mo_marginbottom0 { margin-bottom:0!important }
.mo_marginbottom5 { margin-bottom:5px }
.mo_marginbottom10 { margin-bottom:10px }
.mo_marginbottom20 { margin-bottom:20px }
.mo_marginbottom30 { margin-bottom:30px }

.mo_marginleft0 { margin-left:0!important }
.mo_marginleft5 { margin-left:5px }
.mo_marginleft10 { margin-left:10px }
.mo_marginleft20 { margin-left:20px }

.mo_marginright0 { margin-right:0!important }
.mo_marginright10 { margin-right:10px }
.mo_marginright5 { margin-right:5px }
.mo_marginright20 { margin-right:20px }
.mo_marginright30 { margin-right:30px }

.mo_marginauto { margin-left:auto; margin-right:auto }

.mo_paddingtop0 { padding-top:0!important }
.mo_paddingtop5 { padding-top:5px }
.mo_paddingtop10 { padding-top:10px }
.mo_paddingtop15 { padding-top:15px }
.mo_paddingtop20 { padding-top:20px }
.mo_paddingtop30 { padding-top:30px }

.mo_paddingbottom0 { padding-bottom:0!important }
.mo_paddingbottom5 { padding-bottom:5px }
.mo_paddingbottom10 { padding-bottom:10px }
.mo_paddingbottom15 { padding-bottom:15px }
.mo_paddingbottom20 { padding-bottom:20px }
.mo_paddingbottom30 { padding-bottom:30px }

.mo_paddingleft0 { padding-left:0!important }
.mo_paddingleft10 { padding-left:10px }
.mo_paddingleft20 { padding-left:20px }

.mo_paddingright0 { padding-right:0!important }
.mo_paddingright10 { padding-right:10px }
.mo_paddingright20 { padding-right:20px }

.mo_padding0 { padding:0!important }
.mo_padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.mo_dis { display: block }
.mo_undis { display:none }

.mo_row5 { margin-left: -5px; margin-right: -5px }

.area_100, .area_90, .area_85, .area_80, .area_75, .area_70, .area_66, .area_65, .area_60,.area_63, .area_55, .area_50, .area_48, .area_45, .area_40, .area_35, .area_33, .area_30, .area_25, .area_20, .area_15, .area_10 { float:none; width:100% }

.mo_width100 { max-width: 100%; width:100% }
.mo_heightauto { height: auto }

.mo_imgw80 { max-width:80% }

.com-rows_1 { height:auto; display:block; white-space:inherit; overflow:visible; text-overflow:inherit }
.com-rows_2, .com-rows_max2, .com-rows_3, .com-rows_4, .com-rows_5 { max-height: 100%; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }

/*-------------------底部通用-------------------*/
.copyright { position: static; top: 0; left: 0; right: auto; margin-top: 20px } 

/*-------------------内页通用-------------------*/
.headspace { height: 60px }
.insidekv { height: calc(34vh) }
.level3kv { height: calc(24vh) }
.insidekv img, .level3kv img { height: 100%; width: auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }

/*-------------------首页-------------------*/
.index-con { padding: 10px 0 60px }
.index-con.index-con06 { padding: 30px 0 }
.index-txtbox { width: 100%; margin-left: 0 }

.index-con01 { background: url(../images/bg-1.png) #183e68 center center no-repeat; background-size: cover }
.index-con02 { background: url(../images/bg-1.png) #4991a4 center center no-repeat; background-size: cover }
.index-con03 { background: url(../images/bg-1.png) #748cc6 center center no-repeat; background-size: cover }

.index1-bg .poabsolute-wh50{width: 100%;}
.index1-bg .width30{width: 40%;}
.index1-bg .width70{width: 80%;}
.index1-bg p{bottom: 20px}
.index1-bg .btn {padding: 5px 20px;width:8em;}




    .banner-video {
        display: none;
    }

    .banner img{
        margin-top: 38px;
    }




    .index-con .bg-0 {

    }
    .index-con .item .num{
        margin-left: 10px;
    }
    .index-con .item .line {
        width: 56px;
        height: 1px;
        background:rgba(231,0,18,1);
        z-index: 9;
    }
    .index-con .view-box .bg {

    }
    .index-con .item .view-box {
        position: absolute;
        right: -20px;
        bottom: 10px;
        width:100px;

        text-align: left;
        padding: 8px 15px;
    }

    .index-con .item .view-btn {
        font-size:10px;
        height: 10px;
        line-height: 10px;
        margin-left: 0px;
    }
    .index-con .item .arrow .img1 {
        opacity: 1;
        width:72px;
        height: 12px;
    }
    .index-con .item .arrow .img2 {
        opacity: 0;
        width:86px;
        height: 12px;
    }

    .index-con .item .name {
        font-size:24px;
        margin-left: 11px;
        margin-bottom: 11px;
    }
    .index-con .item .desc {
        font-size:12px;
        margin-left: 11px;
    }
    .index-con.index-con11 {
        background: url(../images/bg-1-mo.png) rgba(0,52,54,1) center no-repeat;
        background-size: 100% 100%;
    }
    .index-con.index-con12 {
        background: url(../images/bg-2-mo.png) rgba(0,52,54,1) center no-repeat;
        background-size: 100% 100%;
    }
    .index-con.index-con13 {
        background: url(../images/bg-3-mo.png) rgba(0,52,54,1) center no-repeat;
        background-size: 100% 100%;
    }





    .index-con.mo_active .bg-0 {
        background:none;
    }
    .index-con.mo_active .item .num{
        display: none;
    }
    .index-con.mo_active .item .line {
        width: 96px;
        height: 1px;
        background:rgba(255,255,255,1);
        z-index: 9;
    }
    .index-con.mo_active .view-box .bg {

        background:none;
    }
    .index-con.mo_active .item .view-box {
        position: absolute;
        right: -20px;
        bottom: 10px;
        width:100px;

        text-align: left;
        padding: 8px 15px;
    }
    .index-con.mo_active.index-con11 .view-box {
        background: rgba(7,156,156,1);
        box-shadow: inset 1px 0px 8px 6px #00fffc;
    }
    .index-con.mo_active.index-con12 .view-box {
        background: rgba(102,55,0,1);
        box-shadow: inset 1px 0px 8px 6px #965201;
    }
    .index-con.mo_active.index-con13 .view-box {
        background: rgba(75,2,2,1);
        box-shadow: inset 1px 0px 8px 6px #ff0000;
    }
    .index-con.mo_active .item .view-btn {
        font-size:10px;
        height: 10px;
        line-height: 10px;
        margin-left: 0px;
    }
    .index-con.mo_active .item .arrow .img1 {
        opacity: 0;
        width:72px;
        height: 12px;
    }
    .index-con.mo_active .item .arrow .img2 {
        opacity: 1;
        width:86px;
        height: 12px;
    }
    .mo_index-con-info{
        /*  position: relative;
          right: 50%;
          transform: translateX(50%);
          width: 100%;
          text-align: center;*/
    }
    .index-con.mo_active .item .name {
        font-size:28px;
        margin-left: 0;
        margin-bottom: 8px;
    }
    .index-con.mo_active .item .desc {
        font-size:15px;
        margin-left: 0;
    }


}
/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
html { font-size:52% }

}