* { box-sizing: border-box; }
.header { width: 100%; height: 97px; background: #fff; }
.header .head { text-align: right; }
.header .head .right img { vertical-align: middle; }
.header .head .right span { font-size: 18px; color: #999999; font-style: italic; display: inline-block; vertical-align: middle; line-height: 28px; margin-left: 8px; }
.header .logo { display: inline-block; width: 26%; }
.header .nav { float: right; margin-top: 15px; width: 70%; }
.header .nav li { display: inline-block; margin: 0 1%; }
.header .nav li a { font-size: 14px; color: #333333; line-height: 28px; padding: 0px 14px; display: block; }
.header .nav li.act a { color: #fff; background: #fe0000; line-height: 28px; padding: 0px 14px; display: block; border-radius: 6px; }
.header .nav li:hover a { color: #fff; background: #fe0000; border-radius: 6px; }
.nav_bar { height: 35px; overflow: hidden; width: 100%; z-index: 9999; text-align: center; position: relative; margin-top: 10px; border-top: 1px solid #ddd; display: none; }

.nav_bar { float: none; height: 35px; overflow: hidden; width: 100%; z-index: 9999; text-align: center; }
.nav_bar > ul { padding-bottom: 15px; }
.nav_bar > ul > li { display: block; width: 100%; height: 35px; line-height: 35px; font-size: 14px; margin-left: 0; background: #999; }
.sel { position: absolute; top: 0; right: 0; display: block; width: 50px; height: 35px; background: url(../images/xll.png) no-repeat center center; }
.sel.act { background: url(../images/xll_1.png) no-repeat center center; }
.nav_bar > ul > li a { color: #fff; }
.nav_bar > ul > li.active a { color: #fe0000; font-weight: bold; }
.clear_b:after { content: ""; clear: both; display: block; }

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

    .header .nav { display: none; }
    .nav_bar { display: block; }
}

@media screen and (max-width: 768px) {
    .header { height: auto; width: 100%; padding: 0 10px; margin-bottom: 10px; }
    .header .box { padding: 0; }
    .header .head { text-align: left; float: right; width: 17px; margin-top: 15px; display: block; }
    .header .head .right span { display: none; }
    .header .logo { width: 158px; margin-top: 10px; }
    .header .logo a { display: block; width: 100%; height: 100%; }
    .header .logo img { width: 158px; }
}

.ind_banner { width: 100%; position: relative; overflow: hidden; }
.ind_banner .bd ul { overflow: hidden; width: 999999px; height: 680px; position: relative; left: 0; top: 0; }
.ind_banner .bd ul li { float: left; width: 1920px; height: 100%; }

.ind_banner .bd ul li a { width: 100%; height: 100%; display: block; }
.ind_banner .hd { width: 100%; position: absolute; left: 0; bottom: 20px; text-align: center; }
.ind_banner .hd ul li { display: inline-block; margin: 0 5px; width: 62px; height: 3px; box-sizing: border-box; cursor: pointer; background: #fff; font-size: 0; }
.ind_banner .hd ul li.on { background: #fe0000; }

@media screen and (max-width: 768px) {
    .ind_banner .bd ul { height: 350px; }
    .ind_banner .hd ul li { width: 20px; }
    .celan { display: none; }
    .ind_mian .H80 { height: 10px; }
}

@media screen and (max-width: 640px) {
    .ind_banner .bd ul { height: 300px; }
}

.ind_mian { overflow: hidden; border-top: 1px solid #eaeaea; }
.ind_mian .left { float: left; margin-right: 5%; width: 39%; }
.ind_mian_right h5 { font-size: 30px; font-weight: bold; color: #333; }
.ind_mian_right h5 em { font-size: 16px; color: #666666; font-weight: normal; display: inline-block; margin-left: 8px; }
.ind_mian_right .txt h6 { text-align: center; font-size: 18px; font-weight: bold; }
.ind_mian_right .txt h6 span { display: inline-block; padding: 0 10px; border-left: 2px solid #fe0000; border-right: 2px solid #fe0000; position: relative; }
.ind_mian_right .txt h6 span::before { content: ""; width: 69px; height: 1px; background: #fe0000; position: absolute; top: 50%; left: -71px; }
.ind_mian_right .txt h6 span::after { content: ""; width: 69px; height: 1px; background: #fe0000; position: absolute; top: 50%; right: -71px; }
.ind_mian_right .txt p { font-size: 14px; color: #666; line-height: 1.6; }
.ind_mian_right .txt b { display: block; width: 100%; text-align: center; font-size: 14px; color: #333; font-weight: bold; }

@media screen and (max-width: 768px) {
    .ind_mian { padding: 0 10px; }
}

@media screen and (max-width: 640px) {
    .ind_mian .left { width: 100%; margin: 0; float: none; }

    .ind_mian .H40 { height: 20px; }
    .ind_mian_right h5 { font-size: 18px; }
    .ind_mian .H60 { height: 20px; }
    .ind_mian .H30 { height: 10px; }
}

.H80 { height: 80px; }
.ind_txt { background: #f7f7f7; padding: 45px 0; margin-top: 45px; }
.ind_txt h6 { text-align: center; position: relative; font-size: 18px; color: #333333; margin-bottom: 45px; }
.ind_txt h6::before { content: ""; width: 24px; height: 2px; background: #fe0000; position: absolute; left: 50%; margin-left: -12px; bottom: -5px; }
.ind_txt .txt { width: 70%; font-size: 14px; color: #333333; float: left; }
.ind_txt .txt p { font-size: 14px; color: #333333; line-height: 2; }
.ind_txt_ban { float: right; position: relative; width: 25%; }
.ind_txt_ban .prev { position: absolute; left: 50%; top: -20px; margin-left: -16px; }
.ind_txt_ban .next { position: absolute; left: 50%; margin-left: -16px; bottom: -20px; }

@media screen and (max-width: 768px) {
    .ind_txt_ban { display: none; }
    .ind_txt h6 { margin-bottom: 20px; }
    .ind_txt { padding: 0 10px; padding-top: 20px; margin-top: 20px; }
    .ind_txt .txt { width: 100%; overflow-y: auto; height: 200px; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; }
}

.ind_title { text-align: center; width: 100%; }
.ind_title h6 { text-align: center; position: relative; font-size: 18px; color: #333333; }
.ind_title h6:before { content: ""; width: 24px; height: 2px; background: #fe0000; position: absolute; left: 50%; margin-left: -12px; bottom: -5px; }
.ind_li ul { overflow: hidden; }
.ind_li li { width: 33.333%; float: left; text-align: center; }
.ind_li li h6 { font-size: 14px; font-weight: bold; color: #fe0000; }
.ind_li li p { font-size: 14px; color: #999999; line-height: 2; }
.ind_li li span { width: 2px; height: 21px; background: #333333; display: block; margin: 0 auto; margin-top: 15px; }
.ind_li li .txt { width: 100%; margin: 0 auto; border-bottom: 1px solid #cbcbcb; margin-bottom: 20px; }
.ind_li li:nth-child(2) .txt { border-top: 1px solid #cbcbcb; border-bottom: 0; margin-bottom: 0; margin-top: 20px; }
.ind_li li:nth-child(2) .txt span { margin-top: 0; margin-bottom: 15px; }

@media screen and (max-width: 768px) {
    .ind_li { padding: 0 10px; }
}

@media screen and (max-width:640px) {
    .ind_title .H70 { height: 20px; }
    .ind_li .H50 { height: 0px; }
    .ind_li li { width: 100%; margin-bottom: 20px; }

    .ind_li li:nth-child(2) .txt { width: 100%; margin: 0 auto; border-bottom: 1px solid #cbcbcb; margin-top: 0; margin-bottom: 20px; }
}

.ind_list { background: #f7f7f7; }
.ind_list ul { overflow: hidden; }
.ind_list li { width: 33.333%; float: left; text-align: center; }

.ind_list li p { font-size: 12px; color: #666666; line-height: 1.6; margin-top: 10px; }





.ind_list li .btn { display: inline-block; background: #fe0000; padding: 0 10px; line-height: 35px; margin-top: 20px; }
.ind_list li .btn img { margin-right: 5px; }
.ind_list li .btn span { font-size: 12px; color: #fff; }

@media screen and (max-width:640px) {
    .ind_list { padding: 0 10px; }
    .ind_list li { width: 100%; margin: 0 .5%; margin-top: 20px; }
}

.ind_list2 ul { overflow: hidden; }
.ind_list2 li { float: left; width: 50%; overflow: hidden; margin-bottom: 30px; }
.ind_list2 li .img { float: left; width: 61%; }
.ind_list2 li:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.ind_list2 li .txt { display: inline-block; width: 30%; vertical-align: middle; }
.ind_list2 li:nth-child(even) { text-align: right; }
.ind_list2 li:nth-child(even) .img { float: right; margin-left: 5%; }
.ind_list2 li:nth-child(even) .txt { text-align: right; }
.ind_list2 li:nth-child(odd) .img { margin-right: 5%; }
.ind_list2 li span { display: inline-block; padding: 0 2px; background: #fe0000; color: #fff; font-weight: bold; }
.ind_list2 li h5 { line-height: 2; font-size: 16px; color: #333333; position: relative; z-index: 9; }
.ind_list2 li p { font-size: 14px; color: #999999; position: relative; z-index: 99; }

@media screen and (max-width:640px) {
    .ind_list2 { padding: 0 10px; }
    .ind_list2 li { width: 100%; }
}

.ind_parner { background: url(../images/ind_bj.jpg) top center no-repeat; }
.ind_parner ul { overflow: hidden; padding: 58px; margin: 0 auto; background: rgba(255, 255, 255, 0.5); max-width: 1320px; padding-bottom: 0; }
.ind_parner li { float: left; width: 33.333%; position: relative; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.ind_parner li .img img { display: block; }
.ind_parner li .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(254, 0, 0, 0.8); display: none; }
.ind_parner li h5 { font-size: 18px; color: #fff; margin-top: 40px; text-align: center; }
.ind_parner li p { padding: 0 36px; color: #fff; line-height: 1.6; height: 66px; overflow: hidden; margin: 35px 0; }
.ind_parner li .btn { display: block; background: #fff; font-size: 14px; line-height: 35px; margin: 0 auto; width: 130px; text-align: center; }
.ind_parner li .btn span { color: #ff0000; display: inline-block; vertical-align: middle; }
.ind_parner li .btn img { display: inline-block; vertical-align: middle; margin-right: 8px; }
.ind_parner li:hover .txt { display: block; }

@media screen and (max-width:768px) {
    .ind_parner ul { padding: 0; }
    .ind_parner li { width: 50%; }
}

@media screen and (max-width:640px) {
    .ind_parner li { width: 100%; }
    .ind_parner li h5 { margin-top: 20px; }
    .ind_parner li p { margin: 20px 0; max-height: 66px; overflow: hidden; }
}

.footer { width: 100%; background: url(../images/foot_bj.jpg) top center repeat-y; padding-top: 40px; }
.fot_left { width: 33%; display: inline-block; }
.fot_left p { font-size: 14px; color: #fff; opacity: .5; line-height: 2; }
.fot_left .ewm { display: block; width: 100%; margin-top: 40px; }
.fot_left .ewm img { display: inline-block; vertical-align: middle; }
.fot_left .ewm span { display: inline-block; vertical-align: middle; color: #fff; margin-left: 20px; font-size: 12px; }
.fot_right { float: right; width: 60%; }
.fot_right input[type="text"] { background: none; border-bottom: 1px solid #343434; width: 44%; color: #fff; float: left; height: 30px; }
.fot_right input:nth-child(1) { margin-right: 11%; }
.fot_right textarea { width: 100%; border: 0; color: #fff; border-bottom: 1px solid #343434; height: 150px; background: none; margin-top: 20px; }
.fot_right .btn { width: 100%; background: rgba(255, 255, 255, 0.5); display: block; text-align: center; color: #fff; line-height: 58px; margin-top: 30px; }
.fot_txt { text-align: center; margin-top: 40px; background: #1d1d1d; }
.fot_txt p { color: #8e8e8e; line-height: 40px; }
.footer .box { overflow: hidden; }

@media screen and (max-width:768px) {
    .ind_parner { padding: 0 10px; }
    .footer .box { padding: 0 10px; }
    .fot_left { width: 100%; }
    .fot_right { width: 100%; margin-top: 20px; }
}

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

    .fot_txt p { line-height: 1.6; padding: 10px; }
}

.celan { position: fixed; width: 137px; border: 1px solid #eaeaea; left: 0; top: 30%; background: #fff; text-align: center; padding-bottom: 15px; }
.about_ban { width: 100%; height: 250px; }

@media screen and (max-width:640px) {
    .about_ban { height: 150px; }
}

.celan span { font-size: 14px; color: #333; }
.about_li ul { text-align: center; }
.about_li li { display: inline-block; width: 166px; }
.about_li li a { display: inline-block; padding: 0 8px; font-size: 18px; color: #333; }
.about_li li.act a { color: #fff; background: #fe0000; position: relative; line-height: 30px; }
.about_li li.act a::before { content: ""; width: 166px; height: 44px; position: absolute; left: -39px; top: -8px; background: url(../images/act_bj.png) 0 0 no-repeat; }
.about_li { margin: 60px auto; }

@media screen and (max-width:640px) {
    .about_li { padding: 0 10px; margin: 20px 0; }
    .about_li ul { overflow-x: auto; white-space: nowrap; }
    .about_li li { display: inline-block; margin: 10px 0; width: auto; }
    .about_li li a { font-size: 16px; }
    .about_li li.act a:before { display: none; }
}

.about_main .left { width: 50%; display: inline-block; vertical-align: middle; }
.about_right { display: inline-block; width: 45%; vertical-align: middle; }
.about_right h5 { font-size: 24px; color: #333333; position: relative; margin-left: 10%; }
.about_right h5::before { content: ""; width: 34px; height: 3px; background: #fe0000; position: absolute; left: 0; bottom: -10px; }
.about_right p { font-size: 14px; color: #999999; margin-left: 20%; line-height: 1.8; }
.about_txt { width: 100%; margin-top: 60px; }
.about_txt p { font-size: 14px; color: #333; }
.about_zz li { display: inline-block; vertical-align: top; margin-bottom: 20px; }
.about_zz ul { overflow: hidden; text-align: center; }

@media screen and (max-width:640px) {
    .about_main { padding: 0 10px; }
}

@media screen and (max-width:640px) {
    .about_main .left { width: 100%; }
    .about_right { width: 100%; margin-top: 20px; }
    .about_right .H80 { height: 40px; }
    .about_right h5 { margin-left: 0; font-size: 18px; }
    .about_right p { margin-left: 0; }
    .about_txt { margin-top: 20px; }
}

.proj li { display: block; width: 100%; overflow: hidden; padding: 20px 0; border-top: 1px solid #eaeaea; }
.proj li .img { float: left; margin-right: 60px; }
.proj li h5 { font-size: 18px; color: #333333; margin-top: 45px; }
.proj li p { font-size: 12px; color: #999999; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.proj li .btn { display: inline-block; width: 130px; height: 35px; background: #ff0000; text-align: center; line-height: 35px; color: #fff; margin-top: 30px; }
.proj li .btn img { margin-right: 5px; }

@media screen and (max-width:640px) {
    .proj li .img { width: 150px; height: auto; margin-right: 10px; }
    .proj li h5 { margin-top: 0; font-size: 16px; }
    .proj li p { margin-top: 10px; }
    .proj li .btn { margin-top: 23px; }
}

.proj_pop { height: 700px; overflow-y: auto; padding-bottom: 50px; }
.picScroll-top bd li { width: 310px; }
.proj_pop h5 { text-align: center; color: #333333; font-weight: bold; font-size: 18px; padding-bottom: 30px; margin: 0; }
.proj_pop .img { text-align: center; padding-bottom: 30px; }
.proj_pop .txt { font-size: 14px; color: #666666; padding: 0 70px; line-height: 30px; }

@media screen and (max-width:640px) {
    .proj_pop .txt { padding: 0 10px; }
}

.con_main { text-align: center; }
.con_main h5 { font-size: 24px; color: #333333; }
.con_main p { font-size: 14px; color: #999999; margin-top: 20px; }
.con_li ul { overflow: hidden; }
.con_li li { width: 25%; height: 327px; float: left; text-align: center; }
.con_li li .img { margin-top: 60px; position: relative; }
.con_li li h5 { margin-top: 40px; position: relative; font-size: 16px; font-weight: bold; color: #333; }
.con_li li h5::before { content: ""; width: 31px; height: 2px; background: #fe0000; position: absolute; left: 50%; margin-left: -15px; bottom: -10px; }
.con_li li p { margin-top: 40px; font-size: 14px; color: #333; line-height: 1.6; }
.con_li li:hover { background: #fe3333; }
.con_li li:hover p { color: #fff; }
.con_li li:hover h5 { color: #fff; }
.con_li li:hover h5::before { background: #fff; }
.con_li li:hover img { display: none; }
.con_li li:hover .hide { display: inline-block; }

@media screen and (max-width:640px) {
    .con_li li { width: 100%; height: auto; }
    .con_li .H80 { display: none; }
    .con_main .H80 { height: 20px; }
}

.serv_mian { overflow: hidden; background: #f6f6f6; }
.serv_mian .left { font-size: 14px; color: #666666; float: left; padding: 0 8%; width: 50%; }
.serv_mian .left p { font-size: 14px; line-height: 24px; }
.serv_mian .right { float: right; width: 50%; }

@media screen and (max-width:640px) {
    .serv_mian .left { width: 100%; }
    .serv_mian .left .H40 { height: 10px; }
    .serv_mian .right { width: 100%; }
}

.poli_li ul { overflow: hidden; }
.poli_li li { width: 30.33333%; text-align: center; float: left; padding-top: 46px; border: 1px solid #eaeaea; padding-bottom: 30px; height: 239px; margin-left: 4.5%; }
.poli_li li:nth-child(1) { margin-left: 0; }
.poli_li li h5 { font-size: 14px; color: #333; font-weight: bold; padding-top: 30px; }
.poli_li li p { font-size: 14px; color: #999999; line-height: 24px; margin-top: 20px; }

@media screen and (max-width:640px) {
    .poli_li li { width: 100%; margin-left: 0; margin-top: 20px; }
}

.porom_li ul { overflow: hidden; }
.porom_li li { float: left; width: 25%; text-align: center; margin-top: 60px; }
.porom_li li span { font-size: 16px; color: #333; display: block; margin-top: 15px; }
.porom_li p { font-size: 14px; color: #999999; text-align: center; }
.porom_li li:hover img { display: none; }
.porom_li li:hover .hide { display: inline-block; }
.porom_li li:hover span { color: #ff0000; }

@media screen and (max-width:640px) {
    .porom_li li { width: 50%; margin-top: 20px; }
}

.firm_li li { position: relative; }
.firm_li li:nth-child(odd) { background: #f6f6f6; }
.firm_li li .txt { text-align: center; }
.firm_li li .txt span { background: none; font-size: 93px; color: #fff; position: absolute; right: 45px; top: 40px; }
.firm_li li:nth-child(even) span { color: #f6f6f6; right: auto; left: 106px; }
.frim_head { max-width: 1200px; margin: 0 auto; overflow: hidden; text-align: center; }
.frim_head h5 { display: block; position: relative; }
.frim_head span { padding: 0 10px; line-height: 30px; font-size: 18px; color: #fff; background: #fe0000; display: inline-block; }
.frim_head h5::before { content: ""; width: 42%; height: 30px; background: url(../images/an_li1.png) 0 0 no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.frim_head h5::after { content: ""; width: 42%; height: 30px; background-size: 100% 100%; background: url(../images/an_li2.png) 0 0 no-repeat; position: absolute; right: 0; top: 50%; margin-top: -15px; }

@media screen and (max-width:768px) {
    .frim_head h5::before { display: none; }
    .frim_head h5::after { display: none; }
}

.frim__det_main h5 { font-size: 14px; font-weight: bold; color: #333; text-align: center; }
.frim__det_main p { font-size: 14px; color: #999; line-height: 1.6; margin-top: 15px; }
.frim__det_main ul { overflow: hidden; }
.frim__det_main ul li { float: left; width: 30.33333%; margin-left: 4.5%; }
.frim__det_main ul li:first-child { margin-left: 0; }
.frim__det_main li h6 { font-size: 16px; color: #333; position: relative; text-align: center; margin-bottom: 20px; margin-top: 10px; }
.frim__det_main li h6::before { content: ""; width: 40px; height: 4px; background: #fe0000; position: absolute; left: 50%; margin-left: -20px; bottom: -10px; }
.frim__det_main li em { font-size: 14px; color: #999; line-height: 24px; }

@media screen and (max-width:640px) {
    .frim__det_main .H70 { height: 20px; }
    .frim__det_main .H60 { height: 20px; }
    .frim__det_main ul li { width: 100%; margin-left: 0; margin-bottom: 20px; }
    .frim__det_main ul li .img { text-align: center; }
}

.frim_det_list ul { overflow: hidden; }
.frim_det_list li { float: left; width: 25%; margin-left: 12.5%; }
.frim_det_list li:first-child { margin-left: 0; }
.frim_det_list li .img { text-align: center; width: 100%; }
.frim_det_list li .img img { text-align: center; }
.frim_det_list li h6 { text-align: center; font-size: 14px; color: #999; padding-top: 26px; }
.frim_det_list li span { font-size: 16px; color: #333333; display: block; margin-top: 35px; overflow: hidden; padding-bottom: 20px; box-sizing: content-box; position: relative; }
.frim_det_list li span::before { content: ""; width: 40px; height: 4px; background: #fe0000; position: absolute; left: 0; bottom: 0; }
.frim_det_list li p { font-size: 14px; color: #999999; margin-top: 10px; line-height: 2; }

@media screen and (max-width:640px) {
    .frim_det_list li { width: 100%; margin-left: 0; margin-top: 15px; }
    .frim_det_list li span { margin-top: 10px; }
}

.frim_det_main1 ul { overflow: hidden; }
.frim_det_main1 li { width: 30.8%; height: 256px; background: url(../images/an_list_bj.jpg) 0 0 no-repeat; float: left; text-align: center; margin-left: 3.8%; }
.frim_det_main1 li:first-child { margin-left: 0; }
.frim_det_main1 li h5 { font-size: 18px; color: #333333; margin-top: 50px; position: relative; padding-bottom: 30px; }
.frim_det_main1 li h5::before { content: ""; width: 40px; height: 4px; background: #fe0000; position: absolute; left: 50%; margin-left: -20px; bottom: 0; }
.frim_det_main1 li p { font-size: 14px; color: #999; line-height: 2; margin-top: 20px; padding: 0 35px; }
.frim_det_main1 li span { text-align: left; display: inline-block; }

@media screen and (max-width:640px) {
    .frim_det_main1 .H60 { display: none; }
    .frim_det_main1 li { width: 100%; margin-top: 20px; }
}

.civil_list ul { overflow: hidden; }
.civil_list li { float: left; width: 30.3333%; margin-left: 3%; text-align: center; }
.civil_list li:first-child { margin-left: 0; }
.civil_list li b { font-size: 14px; font-weight: bold; color: #333; text-align: center; }
.civil_list li p { font-size: 14px; color: #999; margin-top: 10px; }

@media screen and (max-width:768px) {
    .civil_list { padding: 0 10px; }
}

@media screen and (max-width:640px) {
    .civil_list li { width: 48%; margin-top: 10px; }
    .civil_list li:nth-child(2n+1) { margin-left: 0; }
    .civil_list li .H40 { height: 10px; }
    .civil_list li .H30 { height: 10px; }
    .civil_list li p { font-size: 12px; }
}

.obli_main { text-align: center; overflow: hidden; }
.obli_main .img { width: 40%; float: left; }
.obli_main .txt { text-align: left; height: 100%; display: block; width: 100%; }
.obli_main .txt ul { display: inline-block; vertical-align: middle; width: 60%; padding-left: 8%; }
.obli_main .txt li { display: block; overflow: hidden; margin-top: 15px; }
.obli_main .txt li span { display: inline-block; float: left; background: url(../images/span.png) 0 0 no-repeat; width: 21px; height: 21px; text-align: center; line-height: 21px; color: #fff; position: relative; }
.obli_main .txt li p { display: block; width: 100%; padding-left: 45px; line-height: 24px; }

@media screen and (max-width:768px) {
    .box { padding: 0 10px; }
}

@media screen and (max-width:640px) {
    .obli_main .img { width: 100%; }
    .obli_main .txt ul { margin-left: 0; width: 100%; padding-left: 0; }
}

.system_list h6 { font-size: 14px; color: #999; text-align: center; }
.system_list ul { overflow: hidden; }
.system_list li { width: 33.333%; text-align: center; float: left; }
.system_list li p { padding: 0 70px; font-size: 12px; color: #666; line-height: 20px; margin-top: 15px; }

@media screen and (max-width:640px) {
    .system_list .H70 { height: 20px; }
    .system_list li { width: 100%; margin-bottom: 20px; }
    .system_list li p { padding: 0 10px; }
}

.new_main { background: #f6f6f6; overflow: hidden; }
.new_main_left { width: 33%; float: left; padding-left: 2%; }
.new_main_left h6 { font-size: 14px; color: #333; font-weight: bold; }
.new_main_left em { font-size: 12px; color: #999999; display: block; padding-bottom: 25px; padding-top: 10px; }
.new_main_left p { font-size: 12px; overflow: hidden; color: #666666; line-height: 1.6; }
.new_btn { display: block; background: #fe0000; padding: 0 10px; line-height: 35px; margin-top: 20px; width: 130px; margin: 0 auto; cursor:pointer; }
.new_btn img, .new_btn span { display: inline-block; vertical-align: middle; color: #fff; }
.new_btn img { margin-right: 10px; }
.new_main_right { float: right; padding-right: 23px; width: 62%; }
.new_main_right li { display: block; margin-bottom: 15px; position: relative; height: 181px; }
.new_main_right li .txt { margin-right: 250px; }
.new_main_right li .img { width: 236px; position: absolute; top: 0; right: 0; }
.new_main_right li .txt h5 { font-size: 16px; color: #333333; margin-top: 35px; }
.new_main_right li .txt span { font-size: 12px; color: #999; padding-top: 15px; padding-bottom: 20px; display: block; }
.new_main_right li .txt p { font-size: 12px; color: #999999; line-height: 1.6; height: 38px; overflow: hidden; }

@media screen and (max-width:768px) {
    .new_main_right li .img { width: 200px; }
    .new_main_right li .txt { margin-right: 210px; }
}

.new_list ul { overflow: hidden; }
.new_list li { width: 100%; border-top: 1px solid #eaeaea; padding-top: 20px; margin-bottom: 20px; overflow: hidden; }
.new_list li .img { float: left; margin-right: 50px; }
.new_list li h5 { display: block; margin-top: 35px; font-size: 16px; color: #333; }
.new_list li span { display: block; padding-top: 10px; padding-bottom: 35px; color: #999; font-size: 12px; }
.new_list li p { font-size: 12px; color: #666666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.new_det .head { text-align: center; }
.new_det .head h5 { font-size: 16px; font-weight: bold; color: #333; }
.new_det .head em { display: block; font-size: 12px; color: #999; margin-top: 10px; }
.new_det .txt img { display: block; margin: 15px auto; }
.new_det .txt { font-size: 14px; color: #333; line-height: 30px; }

@media screen and (max-width:768px) {
    .new_main_left { width: 100%; }
    .new_main_right { width: 100%; }
    .new_main_right li { height: 94px; }
    .new_main_right li .img { width: 120px; }
    .new_main_right li .txt { margin-right: 120px; }
    .new_main_right li .txt h5 { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .new_main_right li .txt span { padding: 5px 0; }
    .new_list li .img { width: 120px; margin-right: 10px; }
    .new_list li h5 { margin: 0; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .new_list li span { padding: 10px 0; }
    .new_list .H70 { height: 20px; }
}

.adve_mian ul { overflow: hidden; }
.adve_mian li { width: 50%; float: left; padding-left: 84px; margin-top: 85px; }
.adve_mian li h5 { font-size: 24px; color: #333333; }
.adve_mian li em { display: block; margin-top: 35px; margin-bottom: 20px; font-size: 18px; color: #333; }
.adve_mian li p { font-size: 14px; color: #666; line-height: 1.6; }
.adve_mian li .new_btn { margin-left: 0; margin-top: 30px; }

@media screen and (max-width:768px) {
    .adve_mian li { padding-left: 0; width: 48%; margin-left: 4%; }
    .adve_mian li:nth-child(2n+1) { margin-left: 0; }
}

@media screen and (max-width:640px) {
    .adve_mian li { width: 100%; margin-left: 0; margin-top: 20px; }
    .adve_mian li h5 { font-size: 18px; }
    .adve_mian li em { margin: 10px 0; font-size: 16px; }
    .adve_mian li .new_btn { margin-top: 10px; }
}

.adve_pop { padding: 0 10%; height: 700px; overflow-y: auto; }

@media screen and (max-width:640px) {
    .adve_pop { height: 100%; }
}

.adve_pop .head h5 { font-size: 24px; color: #333; text-align: center; }
.adve_pop .txt { font-size: 14px; color: #666666; line-height: 24px; }
.adve_pop .txt h5 { padding-bottom: 20px; font-size: 18px; color: #333; }