.sections{ width: 100%; position: relative;
    overflow: hidden;}
.sections img{ display: block; max-width: 100%;}
.section{ width: 100%; position: relative;}
.a_anim{ opacity: 0;}
.animated{ animation-fill-mode: forwards; }
.opt0{ opacity: 0;}

@keyframes fadeInLeft1{
    0%{ opacity: 0; transform: translate(-100px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}

@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translate(0,60px);}
    100%{ opacity: 1; transform: translate(0,0);}
}
.fadeInLeft1{ animation: fadeInLeft1  0.8s ease 0.6s forwards; will-change:transform, opacity;}
.fadeInLeft2{ animation: fadeInLeft1  0.8s ease 0.3s forwards; will-change:transform, opacity;}
.fadeInLeft3{ animation: fadeInLeft1  0.8s ease 0s  forwards; will-change: transform,opacity;}

.fadeInUp1{ animation: fadeInUp1  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.8s ease 0.6s  forwards; will-change: transform,opacity;}

.fadeInUp3{ animation: fadeInUp1  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp4{ animation: fadeInUp1  0.8s ease 1.4s  forwards; will-change: transform,opacity;}

@keyframes intoRight{
    0%{ transform: translate(0,0);}
    100%{transform: translate(50%,0);}
}
.intoRight{ animation: intoRight 1s ease forwards;}
@keyframes fadeIn1{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
.fadeIn1{ animation: fadeIn1 1s ease 0.5s forwards;}
.fixaction3{ height: 300vh;}
@keyframes breath{
    0%{ transform: scale(1); opacity: 0.8;}
    50%{ transform: scale(1.1); opacity:1;}
    100%{ transform: scale(1); opacity:0.8;}
}
.breath{ animation: breath 1.5s linear 0s infinite ;}

@keyframes fromLeft{

    0%{ transform: translate(-50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}
.fromLeft{ animation: fromLeft 1s ease forwards;}

@keyframes fromRight{
    0%{ transform: translate(50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}

.fromRight{ animation: fromRight 1s ease forwards;}

/*fonts*/
.fsize65{ font-size:3.38vw; }
.fsize50{ font-size:2.34vw;line-height: 1.2;}
.fsize20{ font-size: 1vw;line-height: 1.6;}
.fsize26{ font-size: 1.4vw;line-height: 1.4;}
.fsize24{ font-size: 1.25vw;line-height: 1.6;}
.fsize30{ font-size: 1.5625vw;line-height: 1.6;}
.fsize35{ font-size: 1.82vw;line-height: 1.6;}
.fsize23{ font-size:1.2vw;line-height: 1.2;}
.fsize22{ font-size:1vw;line-height: 1.6;}
.fsize16{ font-size:0.8vw;line-height: 1.6;}
.fsize12{ font-size:12px;}
.fsize14{ font-size: 14px;line-height: 1.6;}
.lh16{ line-height: 1.6;}

.color2b2828{ color: #2b2828;}
.color595757{ color: #595757;}
.color404246{ color: #404246;}
.color454e54{ color: #454e54;}
.color7e8187{ color: #7e8187;}
.colorb7b7b7{ color:#b7b7b7;}
.color7c7f83{ color:#7c7f83 ;}
.colorabb2bf{ color: #abb2bf;}
.color161616{ color: #161616;}
.color6e6e6e{ color: #6e6e6e;}
.color3e3a39{ color: #3e3a39;}
.colord0aa79{ color: #d0aa79;}
.color052343{ color: #052343;}
.color60727e{ color: #60727e;}
.colorfff{ color: #fff; }
.color000{ color: #000; }
.lh16{ line-height: 1.6;}
a.color02bdbf{ color: #02bdbf;}

.fr{float: right;color: #3c3c3c;}
.txtC{text-align: center;}
.txtL{text-align: left;}
.txtR{text-align: right;}
.txtJ{text-align: justify;}
.font_bold{font-weight: bold;}

.weight_bold{font-weight: bold;}
.slidershow{position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;}

.sdk_logo{width: 21.4vw;position: absolute;top:6vw;left: 54.3vw;}
.sdk_product{width: 56.4vw;position: absolute;top:8vw;left: 37vw;}
.sdk_text{width: 28.3vw;position: absolute;top: 10.2vw;left: 9.6vw;}
.sdk_fanwei_text{position: absolute;left: 14.6vw;top:13.5vw;width:16.7vw; }
.sdk_dianzi_text{position: absolute;left: 13.8vw;top:11.6vw;width:33.6vw;}
.sdk_dianzi_text1{position: absolute;left: 13.8vw;top:11.6vw;width:26.1vw;}

.section1{ width:100%;height: 2vw;line-height: 2vw;display: flex;align-items: center;}
.section1 .item_body{width: 65vw;margin:0 auto;position: relative;display: flex;justify-content: space-between;}
.banner_pic{position: relative;width: 100%;}
.banner_pic .swiper-button-prev{left:5%;}
.banner_pic .swiper-button-next{right:5%;}
.section_nav{ width:100%;background: #8195a6;height: 4.7vw;position: relative;}
.section_nav1{ width:100%;background:url("../feature/header_bg.png") left top no-repeat;height: 4.7vw;}
.section_nav .item_body{width: 65vw;margin:0 auto;position: relative;display: flex;justify-content: space-between;}
.section_nav .logo{width:16vw;margin-top: 0.3vw;}
.section_nav .logo a{color: #fff;}
.section_nav .items{width: 33.3vw;display: flex;justify-content: space-between;padding-top: 1vw;}
.section_nav .items .item{height: 2.3vw;line-height: 2.3vw; position: relative;border:1px solid #fff;text-align: center;color: #fff;border-radius: 2vw;}
.section_nav .items .item .item_sub{position: absolute;top:100%;left: 0;width: 14vw;text-align: left;display: none;z-index: 9999;padding-top: 1.3vw;}
.section_nav .items .item:hover .item_sub{display: block;z-index: 9999;}
.section_nav .items .item:hover .item_sub .item_sub_01{background: #8195a6;}

.section_nav .items .item.active{background: #fff;color: #000;}
.section_nav .items .item a{width: 100%;text-align: center;padding: 0 1.7vw;color: #fff;}
.section_nav .items .item.active a{color: #000;}
/*.section_nav .items .item .fsize20{line-height: 2.3vw;}*/

.return_index{height: 2.3vw;line-height: 2.3vw; position: absolute;border:1px solid #fff;text-align: center;color: #fff;border-radius: 2vw;top: 1vw;left: 2%;}
.return_index a{color:#fff;padding: 0 1.7vw;display: block;line-height: unset;}

.section5{ width:100%;}
.section5 .item_body{ width:62.5vw; margin: 4.5vw auto;}
.section5 .section5_title{border-bottom: 1px solid #000;line-height:2;margin-top: 3.1vw;}
.section5 .section5_des{margin-top: 1vw;}

.section6{ width:100%;padding: 5.3vw 0 6.2vw;}
.section6 .item_body{width: 80.7vw;margin: 0 auto; position: relative;}
.section6 .section6_title{position: relative;width: 100%;line-height: 1.2;margin-bottom: 4.9vw;}
.section6 .items{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.section6 .items .item{position: relative;background: #fff;overflow: hidden;}
.section6 .items .item01{width: 48.9vw;}
.section6 .items .item02{width: 31vw;display: flex;justify-content: space-between;flex-direction: column;}


.section7{ width:100%;position: relative;}
.section7 .section7_title{width: 100%;position: absolute;left: 0;top:6.7vw;}
.section7 .item_body{width: 80.7vw;position: absolute;top: 13.2vw; left: 50%;transform: translateX(-50%);display: flex;justify-content: space-between;}
.section7 .item_body_box{position: relative;width: 39.5vw;display: flex;justify-content: space-between;}
.section7 .item_body_box .t{position: absolute;left: 0;top: 0;width: 100%;text-align: center;line-height:2.2;}
.section7 .item_body_box .content{position: absolute;left: 8%;top:21%;width:90.25%;height: 70%;overflow-y: scroll;}
.section7 .item_body_box .content::-webkit-scrollbar{
    width: 0.51vw;
    height: 0.51vw;
}
.section7 .item_body_box .content::-webkit-scrollbar-track{
    background-color: #e3e3e3;
}
.section7 .item_body_box .content::-webkit-scrollbar-thumb{
    background-color: #505050;
    border-radius: 20px;
    height: 2vw;
}
.section7 .item_body_box .content .layui-colla-title{width: 100%;overflow: hidden;height: 19.7%;line-height: 4;background: unset;}

.section7 .item_body_box .content  .layui-colla-item{
    /*border: unset;*/
    border-bottom: 1px solid #cecece;
}
.section7 .item_body_box .content .layui-colla-icon{left: unset;right: 0;top: 13%}
.section7 .item_body_box .content1 .layui-colla-icon{left: unset;right: 0;top: 13%}
.section7 .item_body_box .content1 .layui-colla-icon{left: unset;right: 0;top: 13%}
.section7 .item_body_box .content1 .layui-colla-item:last-child .layui-colla-icon{display: none;}


.section7 .item_body_box .content .layui-colla-title{padding: 0;}


.section8{width: 100%;position: relative;}
.section8 .section8_title{position:absolute;width: 100%;left: 0;top:6.4vw;}
.section8 .sdk_box{position:absolute;width: 67.8%;top:12.8vw; left: 16.1%;border: 1px solid #ccc;min-height: 200px;border-radius: 5px;background: #fff;overflow: hidden;}
.section8 .sdk_box1{top:12.7vw; }
.section8 .sdk_box2{top:49.5vw;}
.section8 .sdk_box_header{width: 100%; height: 9vw;}
.section8 .sdk_box_header .pic_logo{width: 12.1vw;float: left;margin-left: 3.2vw;margin-top: 2vw;}
.section8 .sdk_box_header .header_txt{float: left;margin-left:2vw;margin-top: 1.8vw;line-height: 1.4;color: #7d7d7d;}
.section8 .sdk_box_header .header_txt em{font-style: normal;color: #000;}
.section8 .sdk_box_header .header_txt sup{font-size: 70%;}
.section8 .sdk_box_header .header_txt span{font-size: 70%;color: #aeaeae;line-height: 1.2!important;}
.section8 .sdk_box_header .text_logo{width: 30vw;float: left;margin-left: 3.2vw;margin-top: 2.9vw;}
.section8 .sdk_box_header .system_logo{mix-blend-mode: luminosity;width: 13.3vw;float: right;margin-right: 2.1vw;margin-top: 2.9vw;}

.section8 .sdk_box_nav{width: 100%; height:4.8vw;background: #1e5cc1;display: flex;justify-content: space-evenly;}
.section8 .sdk_box2 .sdk_box_nav{background: #ff9933;}
.section8 .sdk_box_nav .sdk_box_nav_item{font-size: 0.8vw;text-align: center;color: #fff;line-height: 4.8vw;cursor: pointer;transition: all 0.2s ease-in;}
.section8 .sdk_box_nav .sdk_box_nav_item.active{font-size: 1vw;font-weight: bold;transition: all 0.2s ease-out;}
.section8 .sdk_box_contnet{width: 100%;}
.section8 .sdk_box_contnet .sdk_box_contnet_item{width: 100%;height:5.1vw;display: flex;justify-content:space-between;}
.section8 .sdk_box1 .sdk_box_contnet .sdk_box_contnet_item .sdk_box_contnet_item_nav{display: flex;width: 15.9vw;font-size: 0.9vw;font-weight: bold;color: #fff;justify-content:center;background: #1e5cc1;align-items: center;border-top: 1px solid rgba(143 ,143, 143,0.35);}
.section8 .sdk_box1 .sdk_box_contnet .sdk_box_contnet_item .sdk_box_contnet_item_content{padding: 0.7vw 0;width: calc(100% - 15.9vw); display: flex;justify-content: start;align-items: center;flex-wrap: wrap;border-top: 1px solid rgba(143 ,143, 143, 0.35);}
.section8 .sdk_box2 .sdk_box_contnet .sdk_box_contnet_item .sdk_box_contnet_item_nav{display: flex;width: 15.9vw;font-size: 0.9vw;font-weight: bold;color: #fff;justify-content:center;background: #ff9933;align-items: center;border-top: 1px solid rgba(255,255,255,0.35);}
.section8 .sdk_box2 .sdk_box_contnet .sdk_box_contnet_item .sdk_box_contnet_item_content{padding: 0.7vw 0;width: calc(100% - 15.9vw); display: flex;justify-content: start;align-items: center;flex-wrap: wrap;border-top: 1px solid rgba(217, 221, 223, 0.35);}
.sdk_box_contnet_item_text{width:calc(100% / 6);}
.line{width: 100%;height: 1px;background:#ccc;}
.sdk_box_contnet_item_text span{font-size: 0.9vw;color: #000;line-height: 1.8;margin-left: 1.5vw;}
.sdk_box_contnet_item_text span a{color: #000;}

.mb20 {
    margin-bottom: 20px !important;
}
p.mt20{color: #000;font-weight: normal;}
p.mt10{font-weight: normal;}
.ntfcText {
    background-color: #F7F7F7;
    border: solid 1px #cccccc;
    height: 400px;
    max-width: 100%;
    overflow-y: scroll;
    padding: 10px;
}
.newsArea {
    width: 100%;
}

.newsArea > li {
    margin-bottom: 5px;
    overflow: hidden;
    *zoom: 1;
}
.newsArea > li .day {
    float: left;
    width: 150px;
    text-align: right;
}
.newsArea > li .txt {
    width: 85%;
    float: left;
    margin-left: 15px;
}

hr.hrBlue {
    height: 10px;
    padding: 0;
    border: none;
    background: #D4ECF1;
}
ol.ope_step {
    margin: 0px 0px 0px 15px;
    padding: 0px;
}
ol.ope_step > li {
    margin: 0px;
    padding: 0px 0px 10px 10px;
}
ul.ul_list > li {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    margin-left: 50px;
}

.line_lb02 {
    border-bottom: 2px;
    border-bottom-color: #8c8b8b;
    border-bottom-style: solid;
    margin-bottom: 5px;
    padding-left: 5px;
    text-align: left;
}
dl.List02 {
    font-size: 14px;
    font-size: 14rem;
}
dl.List02 dt {
    float: left;
    clear: both;
    font-size: 0.8vw!important;
    line-height: 1.7;
}
dl.List02 dd {
    margin-left: 1.5em;
    font-size: 0.8vw!important;
    line-height: 1.7;
}
sup {
    font-size: 80%;
    vertical-align: top;
    position: relative;
    top: -0.1em;
}
.disc_ml5 li{font-weight: normal;}
.disc_w_ml5 li{font-weight: normal;font-size: 0.95vw!important;}
.disc_ml5 li.fsize20{font-weight: normal;}
.swiper-pagination-bullet{width: 90px;
    height: 4px;
    background: #fff;
    opacity:1;
    cursor: pointer;border-radius: 0;}
.swiper-pagination-bullet-active{
    background:#2196F3;
}


.drone_02_title{position: absolute;left:17.4%;top:10.5vw; }
.drone_02_xian{position: absolute;left:17.4%;top:15vw;width: 2vw;height: 5px;background: #000; }
.drone_02_des{position: absolute;left:17.4%;top:16.5vw; }
.drone_02_box{position: absolute;left:50%;transform: translateX(-50%); top:31.5vw;width: 64.5vw;}
.drone_02_box_text{position: absolute;left:6.3vw;top:7.8vw;}

.drone_03_title{position: absolute;left:0;top:4vw;width: 100%;}
.drone_03_tit{position: absolute;left:0;top:7.2vw; width: 100%;}
.drone_03_xian{position: absolute;left:50%;transform: translateX(-50%); top:10.6vw;width: 2vw;height: 5px;background: #000; }
.drone_03_des{position: absolute;left:0;top:12.5vw;width: 100%; }

.drone_04_title{position: absolute;left:0;top:4vw;width: 100%;}
.drone_04_tit{position: absolute;left:0;top:7.2vw; width: 100%;}
.drone_04_xian{position: absolute;left:50%;transform: translateX(-50%); top:10.1vw;width: 2vw;height: 5px;background: #000; }
.drone_04_des{position: absolute;left:53%;top:15.2vw;width: 25.6vw; }

.drone_04_num{position: absolute;left:53%;top:26vw; }
.drone_04_xianx{position: absolute;left:53%;top:31.3vw;width: 3vw;background: #888888;height: 2px;}
.drone_04_text01{position: absolute;left:53%;top:27.3vw;}
.drone_04_text02{position: absolute;left: 56.5%;top: 30.3vw;width: 22.6vw;}

.drone_05_num_1{position: absolute;left:13.4%;top:3.5vw; }
.drone_05_xianx_1{position: absolute;left:13.4%;top:8.8vw;width: 3vw;background: #888888;height: 2px;}
.drone_05_text01_1{position: absolute;left:13.4%;top:4.8vw;}
.drone_05_text02_1{position: absolute;left: 17.2%;top: 8.2vw;width: 25.6vw;}

.drone_05_num_2{position: absolute;left:13.4%;top:16.5vw; }
.drone_05_xianx_2{position: absolute;left:13.4%;top:21.8vw;width: 3vw;background: #888888;height: 2px;}
.drone_05_text01_2{position: absolute;left:13.4%;top:17.8vw;}
.drone_05_text02_2{position: absolute;left: 17.2%;top: 21.2vw;width: 25.6vw;}

.drone_06_num_1{position: absolute;left:53%;top:1.5vw; }
.drone_06_xianx_1{position: absolute;left:53%;top:6.8vw;width: 3vw;background: #888888;height: 2px;}
.drone_06_text01_1{position: absolute;left:53%;top:2.8vw;}
.drone_06_text02_1{position: absolute;left: 56.5%;top: 6.2vw;width: 24.6vw;}

.drone_06_num_2{position: absolute;left:53%;top:16.5vw; }
.drone_06_xianx_2{position: absolute;left:53%;top:21.8vw;width: 3vw;background: #888888;height: 2px;}
.drone_06_text01_2{position: absolute;left:53%;top:17.8vw;}
.drone_06_text02_2{position: absolute;left: 56.5%;top: 21.2vw;width: 24.6vw;}

.drone_06_des{width: 100%;position: absolute;left: 0;top:38vw;}

.section3{width: 100%;}
.section3 .item_body{width: 50vw;margin: 0 auto 5vw; position: relative;}
.section3 .item1{position: relative;width: 100%;}
.section3 .item1 .play_btn{position: absolute;width: 5.4vw;left: 22.3vw;top: 12vw;opacity: 0.9;cursor: pointer;}



@media (max-width: 480px) {
    ul.ul_list > li {
        margin-top: 20px;
        margin-left: 20px;
    }
}
@media (max-width: 750px) {
    .newsArea > li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: dotted 1px #666666;
    }
    .newsArea > li .day {
        width: 100%;
        float: none;
    }
    .newsArea > li .txt {
        width: 97%;
        float: none;
        margin-left: 5px;
    }
}
@media screen and (min-width:1921px){
    .mainwraps{width: 1920px;margin: 0 auto;}
    .fsize65{ font-size:64px; } .fsize50{ font-size:44px;line-height: 1.2;} .fsize20{ font-size: 19px;line-height: 1.6;} .fsize26{ font-size: 26px;line-height: 1.4;} .fsize24{ font-size: 24px;line-height: 1.6;} .fsize30{ font-size: 30px;line-height: 1.6;} .fsize35{ font-size: 34px;line-height: 1.6;} .fsize23{ font-size:23px;line-height: 1.2;} .fsize22{ font-size:19px;line-height: 1.6;} .fsize16{ font-size:15px;line-height: 1.6;} .fsize12{ font-size:12px;} .fsize14{ font-size: 14px;line-height: 1.6;} .lh16{ line-height: 1.6;} .color2b2828{ color: #2b2828;} .color595757{ color: #595757;} .color404246{ color: #404246;} .color454e54{ color: #454e54;} .color7e8187{ color: #7e8187;} .colorb7b7b7{ color:#b7b7b7;} .color7c7f83{ color:#7c7f83 ;} .colorabb2bf{ color: #abb2bf;} .color161616{ color: #161616;} .color6e6e6e{ color: #6e6e6e;} .color3e3a39{ color: #3e3a39;} .colord0aa79{ color: #d0aa79;} .color052343{ color: #052343;} .color60727e{ color: #60727e;} .colorfff{ color: #fff; } .color000{ color: #000; } .lh16{ line-height: 1.6;} a.color02bdbf{ color: #02bdbf;} .fr{float: right;color: #3c3c3c;} .txtC{text-align: center;} .txtL{text-align: left;} .txtR{text-align: right;} .txtJ{text-align: justify;} .font_bold{font-weight: bold;} .weight_bold{font-weight: bold;} .slidershow{position: fixed; top: 0; left: 0; z-index: 999; background: #fff;} .sdk_logo{width: 410px;position: absolute;top:115px;left: 1042px;} .sdk_product{width: 1082px;position: absolute;top:153px;left: 710px;} .sdk_text{width: 543px;position: absolute;top: 195px;left: 184px;} .sdk_fanwei_text{position: absolute;left: 280px;top:259px;width:320px; } .sdk_dianzi_text{position: absolute;left: 264px;top:222px;width:645px;} .sdk_dianzi_text1{position: absolute;left: 264px;top:222px;width:501px;} .section1{ width:100%;height: 38px;line-height: 38px;display: flex;align-items: center;} .section1 .item_body{width: 1248px;margin:0 auto;position: relative;display: flex;justify-content: space-between;} .banner_pic .swiper-button-prev{left:5%;} .banner_pic .swiper-button-next{right:5%;} .section_nav{ width:100%;background: #8195a6;height: 90px;position: relative;} .section_nav1{ width:100%;height: 90px;} .section_nav .item_body{width: 1248px;margin:0 auto;position: relative;display: flex;justify-content: space-between;} .section_nav .logo{width:307px;margin-top: 5px;} .section_nav .logo a{color: #fff;} .section_nav .items{width: 639px;display: flex;justify-content: space-between;padding-top: 19px;} .section_nav .items .item{height: 44px;line-height: 44px; position: relative;border:1px solid #fff;text-align: center;color: #fff;border-radius: 38px;} .section_nav .items .item .item_sub{position: absolute;top:100%;left: 0;width: 268px;text-align: left;display: none;z-index: 9999;padding-top: 24px;} .section_nav .items .item:hover .item_sub{display: block;z-index: 9999;} .section_nav .items .item:hover .item_sub .item_sub_01{background: #8195a6;} .section_nav .items .item.active{background: #fff;color: #000;} .section_nav .items .item a{width: 100%;text-align: center;padding: 0 32px;color: #fff;} .section_nav .items .item.active a{color: #000;} /*.section_nav .items .item .fsize20{line-height: 44px;}*/ .return_index{height: 44px;line-height: 44px; position: absolute;border:1px solid #fff;text-align: center;color: #fff;border-radius: 38px;top: 19px;left: 2%;} .return_index a{color:#fff;padding: 0 32px;display: block;line-height: unset;} .section5{ width:100%;} .section5 .item_body{ width:1200px; margin: 86px auto;} .section5 .section5_title{border-bottom: 1px solid #000;line-height:2;margin-top: 59px;} .section5 .section5_des{margin-top: 19px;} .section6{ width:100%;padding: 101px 0 119px;} .section6 .item_body{width: 1549px;margin: 0 auto; position: relative;} .section6 .section6_title{position: relative;width: 100%;line-height: 1.2;margin-bottom: 94px;} .section6 .items{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .section6 .items .item{position: relative;background: #fff;overflow: hidden;} .section6 .items .item01{width: 938px;} .section6 .items .item02{width: 595px;display: flex;justify-content: space-between;flex-direction: column;} .section7{ width:100%;position: relative;} .section7 .section7_title{width: 100%;position: absolute;left: 0;top:128px;} .section7 .item_body{width: 1549px;position: absolute;top: 253px; left: 50%;transform: translateX(-50%);display: flex;justify-content: space-between;} .section7 .item_body_box{position: relative;width: 758px;display: flex;justify-content: space-between;} .section7 .item_body_box .t{position: absolute;left: 0;top: 0;width: 100%;text-align: center;line-height:2.2;} .section7 .item_body_box .content{position: absolute;left: 8%;top:21%;width:90.25%;height: 70%;overflow-y: scroll;} .section7 .item_body_box .content::-webkit-scrollbar{ width: 9px; height: 9px; } .section7 .item_body_box .content::-webkit-scrollbar-track{ background-color: #e3e3e3; } .section7 .item_body_box .content::-webkit-scrollbar-thumb{ background-color: #505050; border-radius: 20px; height: 38px; } .section7 .item_body_box .content .layui-colla-title{width: 100%;overflow: hidden;height: 19.7%;line-height: 4;background: unset;} .section7 .item_body_box .content .layui-colla-item{ /*border: unset;*/ border-bottom: 1px solid #cecece; } .section7 .item_body_box .content .layui-colla-icon{left: unset;right: 0;top: 13%} .section7 .item_body_box .content1 .layui-colla-icon{left: unset;right: 0;top: 13%} .section7 .item_body_box .content1 .layui-colla-icon{left: unset;right: 0;top: 13%} .section7 .item_body_box .content1 .layui-colla-item:last-child .layui-colla-icon{display: none;} .section7 .item_body_box .content .layui-colla-title{padding: 0;} .section8{width: 100%;position: relative;} .section8 .section8_title{position:absolute;width: 100%;left: 0;top:122px;} .section8 .sdk_box{position:absolute;width: 67.8%;top:245px; left: 16.1%;border: 1px solid #ccc;min-height: 200px;border-radius: 5px;background: #fff;overflow: hidden;} .section8 .sdk_box1{top:243px; } .section8 .sdk_box2{top:950px;} .section8 .sdk_box_header{width: 100%; height: 172px;} .section8 .sdk_box_header .pic_logo{width: 232px;float: left;margin-left: 61px;margin-top: 38px;} .section8 .sdk_box_header .header_txt{float: left;margin-left:38px;margin-top: 34px;line-height: 1.4;color: #7d7d7d;} .section8 .sdk_box_header .header_txt em{font-style: normal;color: #000;} .section8 .sdk_box_header .header_txt sup{font-size: 70%;} .section8 .sdk_box_header .header_txt span{font-size: 70%;color: #aeaeae;line-height: 1.2!important;} .section8 .sdk_box_header .text_logo{width: 576px;float: left;margin-left: 61px;margin-top: 55px;} .section8 .sdk_box_header .system_logo{mix-blend-mode: luminosity;width: 255px;float: right;margin-right: 40px;margin-top: 55px;} .section8 .sdk_box_nav{width: 100%; height:92px;background: #1e5cc1;display: flex;justify-content: space-evenly;} .section8 .sdk_box2 .sdk_box_nav{background: #ff9933;} .section8 .sdk_box_nav .sdk_box_nav_item{font-size: 15px;text-align: center;color: #fff;line-height: 92px;cursor: pointer;transition: all 0.2s ease-in;} .section8 .sdk_box_nav .sdk_box_nav_item.active{font-size: 19px;font-weight: bold;transition: all 0.2s ease-out;} .section8 .sdk_box_contnet{width: 100%;} .section8 .sdk_box_contnet .sdk_box_contnet_item{width: 100%;height:97px;display: flex;justify-content:space-between;} .section8 .sdk_box1 .sdk_box_contnet .sdk_box_contnet_item .sdk_box_contnet_item_nav{display: flex;width: 305px;font-size: 17px;font-weight: bold;color: #fff;justify-content:center;background: #1e5cc1;align-items: center;border-top: 1px solid rgba(143 ,143, 143,0.35);} .section8 .sdk_box1 .sdk_box_contnet .sdk_box_contnet_item .sdk_box_contnet_item_content{padding: 13px 0;width: calc(100% - 305px); display: flex;justify-content: start;align-items: center;flex-wrap: wrap;border-top: 1px solid rgba(143 ,143, 143, 0.35);} .section8 .sdk_box2 .sdk_box_contnet .sdk_box_contnet_item .sdk_box_contnet_item_nav{display: flex;width: 305px;font-size: 17px;font-weight: bold;color: #fff;justify-content:center;background: #ff9933;align-items: center;border-top: 1px solid rgba(255,255,255,0.35);} .section8 .sdk_box2 .sdk_box_contnet .sdk_box_contnet_item .sdk_box_contnet_item_content{padding: 13px 0;width: calc(100% - 305px); display: flex;justify-content: start;align-items: center;flex-wrap: wrap;border-top: 1px solid rgba(217, 221, 223, 0.35);} .sdk_box_contnet_item_text{width:calc(100% / 6);} .line{width: 100%;height: 1px;background:#ccc;} .sdk_box_contnet_item_text span{font-size: 17px;color: #000;line-height: 1.8;margin-left: 28px;} .sdk_box_contnet_item_text span a{color: #000;} .mb20 { margin-bottom: 20px !important; } p.mt20{color: #000;font-weight: normal;} p.mt10{font-weight: normal;} .ntfcText { background-color: #F7F7F7; border: solid 1px #cccccc; height: 400px; max-width: 100%; overflow-y: scroll; padding: 10px; } .newsArea { width: 100%; } .newsArea > li { margin-bottom: 5px; overflow: hidden; *zoom: 1; } .newsArea > li .day { float: left; width: 150px; text-align: right; } .newsArea > li .txt { width: 85%; float: left; margin-left: 15px; } hr.hrBlue { height: 10px; padding: 0; border: none; background: #D4ECF1; } ol.ope_step { margin: 0px 0px 0px 15px; padding: 0px; } ol.ope_step > li { margin: 0px; padding: 0px 0px 10px 10px; } ul.ul_list > li { display: inline-block; vertical-align: top; margin-top: 30px; margin-left: 50px; } .line_lb02 { border-bottom: 2px; border-bottom-color: #8c8b8b; border-bottom-style: solid; margin-bottom: 5px; padding-left: 5px; text-align: left; } dl.List02 { font-size: 14px; font-size: 14rem; } dl.List02 dt { float: left; clear: both; font-size: 15px!important; line-height: 1.7; } dl.List02 dd { margin-left: 1.5em; font-size: 15px!important; line-height: 1.7; } sup { font-size: 80%; vertical-align: top; position: relative; top: -0.1em; } .disc_ml5 li{font-weight: normal;} .disc_w_ml5 li{font-weight: normal;font-size: 18px!important;} .disc_ml5 li.fsize20{font-weight: normal;} .swiper-pagination-bullet{width: 90px; height: 4px; background: #fff; opacity:1; cursor: pointer;border-radius: 0;} .swiper-pagination-bullet-active{ background:#2196F3; } .drone_02_title{position: absolute;left:17.4%;top:201px; } .drone_02_xian{position: absolute;left:17.4%;top:288px;width: 38px;height: 5px;background: #000; } .drone_02_des{position: absolute;left:17.4%;top:316px; } .drone_02_box{position: absolute;left:50%;transform: translateX(-50%); top:604px;width: 1238px;} .drone_02_box_text{position: absolute;left:120px;top:149px;} .drone_03_title{position: absolute;left:0;top:76px;width: 100%;} .drone_03_tit{position: absolute;left:0;top:138px; width: 100%;} .drone_03_xian{position: absolute;left:50%;transform: translateX(-50%); top:203px;width: 38px;height: 5px;background: #000; } .drone_03_des{position: absolute;left:0;top:240px;width: 100%; } .drone_04_title{position: absolute;left:0;top:76px;width: 100%;} .drone_04_tit{position: absolute;left:0;top:138px; width: 100%;} .drone_04_xian{position: absolute;left:50%;transform: translateX(-50%); top:193px;width: 38px;height: 5px;background: #000; } .drone_04_des{position: absolute;left:53%;top:291px;width: 491px; } .drone_04_num{position: absolute;left:53%;top:499px; } .drone_04_xianx{position: absolute;left:53%;top:600px;width: 57px;background: #888888;height: 2px;} .drone_04_text01{position: absolute;left:53%;top:524px;} .drone_04_text02{position: absolute;left: 56.5%;top: 581px;width: 433px;} .drone_05_num_1{position: absolute;left:13.4%;top:67px; } .drone_05_xianx_1{position: absolute;left:13.4%;top:168px;width: 57px;background: #888888;height: 2px;} .drone_05_text01_1{position: absolute;left:13.4%;top:92px;} .drone_05_text02_1{position: absolute;left: 17.2%;top: 157px;width: 491px;} .drone_05_num_2{position: absolute;left:13.4%;top:316px; } .drone_05_xianx_2{position: absolute;left:13.4%;top:418px;width: 57px;background: #888888;height: 2px;} .drone_05_text01_2{position: absolute;left:13.4%;top:341px;} .drone_05_text02_2{position: absolute;left: 17.2%;top: 407px;width: 491px;} .drone_06_num_1{position: absolute;left:53%;top:28px; } .drone_06_xianx_1{position: absolute;left:53%;top:130px;width: 57px;background: #888888;height: 2px;} .drone_06_text01_1{position: absolute;left:53%;top:53px;} .drone_06_text02_1{position: absolute;left: 56.5%;top: 119px;width: 472px;} .drone_06_num_2{position: absolute;left:53%;top:316px; } .drone_06_xianx_2{position: absolute;left:53%;top:418px;width: 57px;background: #888888;height: 2px;} .drone_06_text01_2{position: absolute;left:53%;top:341px;} .drone_06_text02_2{position: absolute;left: 56.5%;top: 407px;width: 472px;} .drone_06_des{width: 100%;position: absolute;left: 0;top:729px;}
    .section3{width: 100%;} .section3 .item_body{width: 960px;margin: 0 auto 96px; position: relative;} .section3 .item1{position: relative;width: 100%;} .section3 .item1 .play_btn{position: absolute;width: 103px;left: 428px;top: 230px;opacity: 0.9;cursor: pointer;}
}


@media screen and (max-width:1600px){
    .main_text{ font-size: 16px; margin-bottom: 10px; }
    .vm_ctxt{ font-size: 18px; }
    .main_title{ font-size: 36px; margin-bottom: 10px; }
}

@media screen and (max-width:1400px){
    .main_text{ font-size: 14px; margin-bottom: 8px; }
    .vm_ctxt{ font-size: 16px; }
    .main_title{ font-size: 32px; margin-bottom:8px; }
}
@media screen and (max-width:1366px) {
    .section7 .item_des1{width: 34vw;}
    .section7 .item_des{width: 25.5vw;}
    .section6 .items .item .item_pic{height: 11.5vw;}
    .newsArea > li .txt{width: 80%;}
}

@media screen and ( max-width : 800px){
    .fsize65{ font-size:7vw; }
    .fsize50{ font-size:5.34vw;line-height: 1.8;}
    .fsize20{ font-size: 3vw;line-height: 1.7;}
    .fsize24{ font-size: 3.3vw;line-height: 1.6;}
    .fsize30{ font-size: 3.8vw;line-height: 1.6;}
    .fsize35{ font-size: 4vw;line-height: 1.6;}
    .fsize22{ font-size:20px;line-height: 1.6vw;}
    .fsize12{ font-size:3vw;vertical-align: text-bottom;}
    dl.List02 dd {
        margin-bottom: 5px;
        margin-left: 1.5em;
        font-size: 12px!important;
    }
    .return_index a{line-height: 1.7;}
    .swiper-pagination-bullet{width: 40px;}

    .sdk_logo{width: 42.7vw;position: absolute;top:47.3vw;left:28.65vw;}
    .sdk_product{width: 87.5vw;position: absolute;top: 69.9vw;left: 6.25vw;}
    .sdk_text{width: 63.3vw;position: absolute;top:17.2vw;left: 18.35vw;}
    .sdk_fanwei_text{position: absolute;left: 61.4vw;top:9.2vw;}
    .sdk_dianzi_text{position: absolute;left: 13.8vw;top:9.6vw;}
    .return_index {
        height: 5.3vw;
        line-height: 2.3vw;
        position: absolute;
        border: 1px solid #fff;
        text-align: center;
        color: #fff;
        border-radius: 2vw;
        top:2.5vw;
        left: 3%;
    }
    .return_index .item_sub{position: absolute;top:100%;left: -4vw;width: 102vw;text-align: left;display: none;z-index: 9999;padding-top: 3vw;}
    .return_index .item_sub.active {display: block;z-index: 9999;}
    .return_index .item_sub.active .item_sub_01{background:#8195a6;padding-left: 2vw;}
    .return_index .item_sub.active .item_sub_01:first-child{padding-top:2vw;}
    .return_index .item_sub.active .item_sub_01:last-child{padding-bottom:2vw;}
    .return_index .item_sub.active .item_sub_01 .fsize20{font-size: 3.5vw;line-height:2;}

    .logo_text{position: absolute;top:3vw;left: 24%;font-size: 3.2vw;color: #fff;}
    .logo_text a{color: #fff;}
    .banner_mobile{position: absolute;left: 0;bottom:1vw;width: 100%;}
    .banner_mobile .swiper-wrapper{overflow: unset!important;}
    .banner_mobile .swiper-container-mobile{width: 82%;}
    .banner_mobile .swiper-container-mobile .swiper-slide{width: 28%!important;height: 10vw!important;}
    .banner_mobile .swiper-container-mobile .swiper-slide a{font-size: 3.2vw;
        font-weight: bold;
        padding: 1.5vw 3vw;
        border: 1px solid #fff;
        display: block;
        text-align: center;
        border-radius: 5vw;
        color: #fff;
    }
    .banner_mobile .swiper-container-mobile .swiper-slide.active a{background:#fff;color: #000;}
    .banner_mobile .swiper-button-next, .banner_mobile .swiper-button-prev{width:3.2vw;top:4vw;}
    .banner_mobile .swiper-button-next{background:unset;}
    .banner_mobile .swiper-button-prev{background:unset;}
    .banner_mobile .swiper-button-next:after, .banner_mobile .swiper-button-prev:after{font-family: unset;display: none;}
    .content_command{position: absolute;width: 88.2%;left: 6%;top: 39vw;height: 65.5vw; border: 1px solid #cfcfcf; overflow-y: scroll;}
    .content_command .layui-colla-title{padding: 0;}
    .content_command .layui-colla-title{width: 100%;overflow: hidden;height: 13vw;line-height:1.6;background: unset;padding-top: 3vw;}
    .content_command .layui-colla-title span{width: 100%;padding-top: 3vw;}
    .content_command .layui-colla-item{border-bottom: 1px solid #cecece;}
    .content_command .layui-colla-icon{left: unset;right: 0;top: 26%;}
    .content_command1 .layui-colla-icon{display: none;}
    .content_command::-webkit-scrollbar{
        width: 0.51vw;
        height: 0.51vw;
    }
    .content_command::-webkit-scrollbar-track{
        background-color: #e3e3e3;
    }
    .content_command::-webkit-scrollbar-thumb{
        background-color: #505050;
        border-radius: 20px;
        height: 2vw;
    }
    .system_logo{mix-blend-mode: luminosity;width: 31vw;float: right;margin-right: 2.1vw;}


    .content_sdkmodel{position: absolute;width: 88.5%;left: 6%;top: 26.5vw;overflow-x:hidden;}
    .header_txt{position: absolute;left: 43%;top: 4vw;height: 25vw;width: 56%;font-size: 3vw;overflow-y: scroll;}
    .header_txt1{position: absolute;left: 43%;top: 8vw;height: 25vw;width: 56%;}
    .header_txt em{font-style: normal;}
    .content_command_model{}
    .content_command_model .layui-colla-title{width: 100%;overflow: hidden;height: 10vw;line-height:1.6;background: #ff9933;padding-top: 3vw;font-size: 4.3vw;color: #fff;}
    .content_command_model .layui-colla-item{border-bottom: 1px solid #cecece;}
    .content_command_model .layui-colla-icon{top: 31%;}
    .content_command_model .layui-colla-content{background: #fff;}

    .content_sdk_model{}
    .content_sdk_model .layui-colla-title{width: 100%;overflow: hidden;height: 10vw;line-height:1.6;background: #1e5cc1;padding-top: 3vw;font-size: 4.3vw;color: #fff;}
    .content_sdk_model .layui-colla-item{border-bottom: 1px solid #cecece;}
    .content_sdk_model .layui-colla-icon{top: 31%}
    .content_sdk_model .layui-colla-content{background: #fff;}
    .sdk_box_contnet_item{display: flex;justify-content: start;flex-wrap: wrap;}
    .sdk_box_contnet_item_text{width:calc(100% / 3);}
    .line{width: 100%;height: 1px;background:#ccc;}
    .sdk_box_contnet_item_text span{font-size: 3.5vw;color: #000;line-height: 8.8vw;margin-left: 2vw;}
    .sdk_box_contnet_item_text span a{color: #000;}

    .content_command1{top:121.5vw;}

    .section_nav{ width:100%;}
    .section_nav .item_body{width: 89.9vw;margin:0 auto;padding:4vw 0 0;  position: relative;height: unset;line-height: unset;}
    .section_nav .items{width: 100%;display: flex;justify-content: space-between;}
    .section_nav .items .item{width:35%;position: relative;}
    .section_nav .items .item:first-child{width: 12%;}
    .section_nav .items .item:last-child{width: 28%;}
    .section_nav .items .item:nth-child(2){width: 15%;}
    .section_nav .items .item.active{border-bottom: 3px solid #2e75c7;}
    .section_nav .items .item a{width: 100%;height: 7.5vw; text-align: center;display: block;line-height: unset;}

    .section2{ width:100%;}
    .section2 .item_body{width: 89.9vw;margin:0 auto;padding:4.5vw 0 0;  position: relative;}
    .section2 .items{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .section2 .items .item{width:100%;position: relative;margin-bottom: 3.5vw;}
    .section2 .items .item .item_title{position:absolute;top:7.3vw;left: 53.2vw;}
    .section2 .items .item .item_des{position:absolute;top:15.4vw;left: 53.2vw;}

    .section3{ width:100%;}
    .section3 .item_body{width: 89.9vw;margin: 5.05vw auto 6vw; position: relative;}
    .section3 .item1{position: relative;width: 100%;}
    .section3 .item1 .play_btn{position: absolute;    width: 11.4vw;left: 39vw;top: 22vw;cursor:pointer;}
    .section3 .item_title{position: absolute;top:2.1vw;width: 100%; right:2.1vw;line-height: 1.2;letter-spacing:0;}

    .section4{ width:100%;padding: 3.5vw 0 3vw;background: #f1f5f9;}
    .section4 .item_body{width: 89.9vw;margin: 0 auto; position: relative;}
    .section4 .items{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:3vw;}
    .section4 .items .item{width:100%;position: relative;margin-top:0vw;display: flex;justify-content: space-between;margin-bottom: 3.5vw;margin-right: 0;}
    .section4 .items .item .item_pic{width:38.5vw;position: relative;margin-top:3.5vw;}
    .section4 .items .item .item_text{width:48.4vw;position: relative;margin-top:1.5vw;}
    .section4 .items .item .item_tit{padding: 1vw; padding-bottom: 0; width: 46.4vw;}
    .section4 .items .item .item_des{padding: 1vw;width: 46.4vw;}
    .section4 .items .item .item_btn{width: 26.7vw;height:6.1vw; margin-left: 1vw;}
    .section4 .items .item .item_btn a{display: block;width: 100%;height: 100%;background: #2e75c7; color: #fff;text-align: center;line-height:6.1vw;}
    .section4 .items .item .item_des dl{display: flex;}
    .section4 .items .item .item_des dl dt{width: 3vw;margin-right: 0.3vw;margin-top: 1.55vw;}
    .section4 .items .item .item_des dl dt img{width: 1vw;}

    .section5{ width:100%;}
    .section5 .item_body{ width:89.9vw; margin: 0 auto;padding:0 0 6vw;}
    .section5 .section5_title{border-bottom: 1px solid #000;line-height:2;margin-top: 3.1vw;}
    .section5 .section5_des{margin-top: 1vw;}
    .section5 .section5_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .section5 .section5_box .section5_box_tit{display: flex;width: 23.4vw;justify-content:center;align-items: center;background: #333333;margin-bottom: 3px;}
    .section5 .section5_box .section5_box_des{width: calc(89.9vw - 27.4vw);justify-content:center;align-items: center;padding: 1vw 2vw;margin-bottom: 3px;background: #e5e5e5;}
    .section5 .rule_t1{ position: absolute; top: 0; left: 0;}
    .section5 .rule_t2{ padding-left: 28px;}

    .section6{ width:100%;padding: 6vw 0 3vw;}
    .section6 .item_body{width: 89.9vw;margin: 0 auto; position: relative;}
    .section6 .section6_title{position: relative;width: 100%;line-height: 1.2;margin-bottom: 6.5vw;}
    .section6 .items{width: 100%;display: flex;justify-content: space-between;margin-top:3vw;}
    .section6 .items .item{width:43.2vw;position: relative;}
    .section6 .items .item .item_des{position: absolute; color:#fff;top:36.35vw;left: 0;padding: 2.2vw;width: 39.2vw;}

    .section7{ width:100%;padding:0;}
    .section7 .item_body{width: 89.9vw;margin: 0 auto; position: absolute;top:5vw;left: 5.05vw;}
    .section7 .item2{position: relative;width: 100%;display: block;flex-direction: row-reverse;}
    .section7 .item2 .pic{width:45.6vw;position: relative;}
    .section7 .item_des1{top:4vw;width:100%;left:0;position: absolute; font-weight: normal;color:#66686e;}
    .section7 .item_des2{top:20vw;width:100%;left:0;position: absolute; font-weight: normal;color:#66686e;}
    .section7 .items{display: flex;justify-content: space-between;position: absolute;width: 70%;left: 15%;top: 87vw;}
    .section7 .items .item{width: 32vw;height: 8.1vw; background: #2e75c7;}
    .section7 .items .item a{width: 100%;height: 100%;display: block;color: #fff;text-align: center;line-height: 8.1vw; }

    .section8{ width:100%;}
    .section8 .item_body{width:89.9vw;margin: 0 auto 4.5vw; position: relative;}
    .section8 .section8_title{position: relative;width: 100%;line-height: 1.2;margin-bottom: 4.5vw;}
    .section8 .item1{position: relative;width: 100%;display: flex;}
    .section8 .pic{width:34.9vw;position: relative;}
    .section8 .item1 .item_title{position: absolute;top: 5.9vw;left:40.6vw;line-height: 1.2;letter-spacing:0;}
    .section8 .item1 .item_des{top:9.2vw;width:31.5vw;left:40.6vw;position: absolute;color: #66686e;}
    .section8 .item1 .item_des1{top:8.5vw;width:31.5vw;left:40.6vw;position: absolute; font-weight: normal;color: #66686e;font-size: 0.82vw;line-height: 1.6;}
    .section8 .items{width: 100%;display: flex;justify-content: space-between;margin-top: 2.5vw;flex-wrap: wrap;}
    .section8 .items .item{width:100%;position: relative;margin-bottom: 3.5vw;}
    .section8 .items .item .item_title{position:absolute;top:7.3vw;left: 53.2vw;}
    .section8 .items .item .item_des{position:absolute;top:15.4vw;left: 53.2vw;}

    .mb20 {
        margin-bottom: 20px !important;
    }

    p.mt20{color: #000;font-weight: normal;}
    p.mt10{font-weight:normal;}
    .ntfcText {
        background-color: #F7F7F7;
        border: solid 1px #cccccc;
        height: 400px;
        max-width: 100%;
        overflow-y: scroll;
        padding: 10px;
    }
    .newsArea {
        width: 100%;
    }
    .newsArea .fsize20{font-size: 3.5vw;}

    .newsArea > li {
        margin-bottom: 5px;
        overflow: hidden;
        *zoom: 1;
    }
    .newsArea > li .day {
        float: left;
        text-align: left;
    }
    .newsArea > li .txt {
        width: 85%;
        float: left;
        margin-left: 15px;
    }
    @media (max-width: 750px) {
        .newsArea > li {
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: dotted 1px #666666;
        }
        .newsArea > li .day {
            width: 100%;
            float: none;
        }
        .newsArea > li .txt {
            width: 97%;
            float: none;
            margin-left: 5px;
        }
    }
    hr.hrBlue {
        height: 10px;
        padding: 0;
        border: none;
        background: #D4ECF1;
    }
    ol.ope_step {
        margin: 0px 0px 0px 15px;
        padding: 0px;
    }
    ol.ope_step > li {
        margin: 0px;
        padding: 0px 0px 10px 10px;
    }
    ul.ul_list > li {
        display: inline-block;
        vertical-align: top;
        margin-top: 30px;
        margin-left: 50px;
    }
    @media (max-width: 480px) {
        ul.ul_list > li {
            margin-top: 20px;
            margin-left: 20px;
        }
    }
    .line_lb02 {
        border-bottom: 2px;
        border-bottom-color: #8c8b8b;
        border-bottom-style: solid;
        margin-bottom: 5px;
        padding-left: 5px;
        text-align: left;
    }
    dl.List02 {
        font-size: 14px;
        font-size: 14rem;
    }
    dl.List02 dt {
        float: left;
        clear: both;
    }
    dl.List02 dd {
        margin-bottom: 5px;
        margin-left: 1.5em;
    }
    sup {
        font-size: 80%;
        vertical-align: top;
        position: relative;
        top: -0.1em;
    }
    .disc_ml5 li{font-weight: normal;}
    .disc_w_ml5 li{font-weight: normal;font-size: 3vw;}
    .disc_ml5 li.fsize20{font-weight: normal;font-size: 3.5vw;}
}
@media screen and ( max-width : 320px){

}