/*=== 作者：Distantmemory - 时间：2020年07月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/



/*=== 媒体查询 ===*/

/*手机*/

@media ( min-width : 320px) { 



    .about { position: relative; padding: 0.24rem 0; background-size: cover; background-position: center; }

    .about .title::before,

    .about .title::after { content: ""; display: block; position: absolute; top: 50%; margin-top: -0.05rem; width: 20%; height: 0.01rem; background: #CD0000; }

    .about .content .text .box { padding: 0.24rem; line-height: 0.32rem; font-size: 0.14rem; }

    .about .feature .unit + .unit { margin-top: 0.16rem; }



}



@media ( min-width : 360px) { 



} 



/*平板电脑*/

@media ( min-width : 640px) {



}



/*笔记本电脑*/

@media ( min-width : 960px) {



    .about { padding: 0.48rem 0; }

    .about .title::before,

    .about .title::after { width: 40%; }

    .about .content .text .box { padding: 0.48rem; }

    .about .feature .unit + .unit { margin-top: 0; }



} 



/*PC电脑*/

@media ( min-width : 1200px) { 



} 



/*大屏PC电脑*/

@media ( min-width : 1400px) { 

    

}



@media ( min-width : 1600px) { 

    

}



/*=== Style ===*/

.about .background { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #004A9F; z-index: 1; }

.about .uk-container { position: relative; z-index: 2; }

.about .title { position: relative; margin-bottom: 0.24rem; color: #666; }

.about .title::before { left: 0; }

.about .title::after { right: 0; }

.about .title .subname { line-height: 0.32rem; text-transform: uppercase; font-size: 0.24rem; }

.about .title .name { font-size: 0.18rem; }



.about .content { margin: 0.48rem auto; background: #F4F4F4; }

.about .content .text .box .more { margin-top: 0.32rem; }

.about .content .text .box .more a { display: inline-block; padding: 0.04rem 0.32rem; background: #004A9F; color: #FFF; }

.about .content .text .box .more a:hover { background: #CD0000; }

.about .feature .box { position: relative; padding: 0 0.24rem; height: 0.88rem; }

.about .feature .box .image { position: absolute; left: 0.16rem; top: 0; width: 0.88rem; height: 0.88rem; overflow: hidden; }

.about .feature .box .text { position: relative; padding-left: 0.88rem; padding-top: 0.16rem; height: 0.88rem; font-size: 0.14rem; }

.about .feature .unit + .unit .text::before { content: ""; display: block; position: absolute; top: 50%; left: -0.32rem; margin-top: -0.32rem; height: 0.8rem; border-left: 0.01rem dashed rgba(255,255,255,0.7); } 

.about .feature .box .text .cn { color: #FFF; }

.about .feature .box .text .en { line-height: 0.2rem; color: #98B5D5; }