@charset "UTF-8";

.about_part4 { width:100%; margin:70px auto 0; background:url(images/a_bg.png) left center no-repeat}
.about_part4 .mb { width:100%; float:left;}
.about_part4 .name_e { width:1200px; text-align:center; font-size:66px; color:#df0001; padding:70px 0 0 0; margin:0 auto}
.about_part4 .name { margin:50px auto; text-align:center; width:184px;}
.about_part4 .name li {font-size:36px; color:#333;}
.about_part4 .name li span { padding:0 12px; color:#fff}
.about_part4 .name .xx { height:20px; border-bottom:1px solid #fff; width:28px;}

.lc_box { width:100%; margin:0 auto; height:380px; position:relative}
.lc_box .development li { width:200px; height:380px; position:relative}

.lc_box .development li .text {color: #202020; position:absolute; left:0; width:200px; height:60px; line-height:30px; font-size:14px; overflow:hidden}
.lc_box .development li .yuan { position:absolute; left:93px; top:77px; width:14px; height:14px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; border:2px solid #df0001}
.lc_box .development li .xian { position:absolute; left:99.5px; top:91px; width:1px; height:97px; background:#df0001}
.lc_box .development li .riqi { position:absolute; left:0; top:245px; width:200px; text-align:center; font-size:22px; color:#df0001;}
.lc_box .development li .text a{color: #202020; font-size: 16px;}
.lc_box .development .alt .text { bottom:0;}
.lc_box .development .alt .yuan { top:inherit; bottom:77px  !important;}
.lc_box .development .alt .xian { top:inherit; bottom:91px  !important;}
.lc_box .development .alt .riqi { top:inherit; bottom:245px  !important; color:#fff !important}

.lc_box .bx-wrapper { max-width:100% !important; background:none !important}
.lc_box .bx-wrapper .bx-viewport { width:1200px !important; margin:0 auto}
.lc_box .bx-controls { width:100%; height:4px; position:absolute; left:0; top:188px; background:#df0001}
.lc_box .bx-controls .bx-controls-direction { width:1200px; margin:0 auto; position:relative}
.lc_box .bx-controls .bx-controls-direction .bx-prev { position:absolute; left:-70px; top:-70px; width:24px; height:45px; font-size:0; display:block; background:url(../images/a_l.png)}
.lc_box .bx-controls .bx-controls-direction .bx-next { position:absolute; right:-70px; top:-70px; width:24px; height:45px; font-size:0; display:block; background:url(../images/a_r.png)}
.lc_box .bx-controls .bx-pager { display:none}


@media screen and (max-width: 640px) {

.about_part4 { width:100%; min-height:inherit; padding-bottom:30px; background:url(../images/m_abg.png) center top no-repeat; background-size:cover}
.about_part4 .name_e { width:100%; font-size:33px; padding-top:30px}
.about_part4 .name {margin:0.4rem auto; font-size:24px; padding-bottom:5px}
.about_part4 .name li { font-size:24px !important}
.lc_box { height:220px;}
.lc_box .bx-wrapper .bx-viewport { width:100% !important; z-index:0;}
.lc_box .bx-controls .bx-controls-direction { width:100% !important}
.lc_box .bx-controls .bx-controls-direction a{z-index: 99999999 !important;}
.lc_box .bx-controls .bx-controls-direction .bx-prev { left:3%; top:-60px; width:22px; height:38px; background-size:22px 38px}
.lc_box .bx-controls .bx-controls-direction .bx-next { right:3%; top:-60px; width:22px; height:38px; background-size:22px 38px;}
.lc_box .development .xian { display:none}
.lc_box .development li { position:relative !important; height:220px; z-index:0}
.lc_box .development li .text { width:90%; left:5%; top:130px !important; font-size:14px; line-height:25px; height:75px; overflow:hidden}
.lc_box .development li .riqi { top:35px !important; width:100%; z-index:1}
.lc_box .development li .yuan { left:50%; margin-left:-7px; top:110px !important; background:#000;}
.lc_box .bx-controls { top:115px; z-index:0}
.about_part4 .mb { height:4.65rem;}