.w1600 { margin-right: auto; margin-left: auto; width: 1600px; } .w1400 { margin-right: auto; margin-left: auto; width: 1400px; } .w1280 { margin-right: auto; margin-left: auto; width: 1280px; } .w1200 { margin-right: auto; margin-left: auto; width: 1200px; } .header-top-box { height: 120px; line-height: 120px; border-bottom: 1px solid #f0f0f0; } .header-top-box .tel a { display: inline-block; vertical-align: middle; margin-left: 18px; } .header-top-box .tel a p { font-size: 24px; color: #00263e; font-weight: bold; } .header-box { width: 100%; z-index: 2000; height: 62px; line-height: 62px; background: #fff; } .nav .nli { text-align: center; float: left; position: relative; } .nav .nli > a { box-sizing: border-box; text-align: center; display: block; padding: 0 10px; margin: 0 15px; transition: all 0.3s ease 0s; } .nav .nli > a p { font-size: 18px; color: #666666; transition: all 0.5s; } .nav .nli i { width: 0; height: 2px; background: #043f64; display: block; left: 50%; margin: 0 auto; transition: 0.3s; bottom: 0px; position: absolute; } .nav .nli.on i, .nav .nli:hover i { width: 100%; left: 0; } .nav li.on p, .nav li:hover p { color: #00263e; } .top_right { height: 62px; } .top_right .search-box { margin-top: 15px; z-index: 5; width: 200px; height: 32px; line-height: 32px; border-radius: 16px; background: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: relative; border: 1px solid #dddddd; } .top_right .search-box .select { float: left; margin-left: 10px; } .top_right .search-box select { border: unset; cursor: pointer; outline: none; } .top_right .search-box .search-box-ico { background: url(../images/index_24.png) no-repeat center; width: 17px; height: 17px; pointer-events: none; position: absolute; right: 14px; top: 6px; } .top_right .search-box .search-box-r { width: 30px; height: 32px; line-height: 32px; color: #ffffff; background: none; float: right; opacity: 0; } .top_right .search-box .case-search-txt { outline: none; width: 100px; float: right; height: 32px; line-height: 32px; margin-right: 5px; font-size: 14px; color: #666666; text-indent: 10px; box-sizing: border-box; background: none; } .top_right .search-box .case-search-txt::placeholder { font-size: 14px; color: #666; } .header-top-box .tel a:nth-of-type(4) { margin-left: 5px; } .header-top-box .wx-box .ewm { width: 120px; height: 0px; background-size: 100% 100%; position: absolute; top: 110px; right: -50px; text-align: center; opacity: 0; z-index: 9999; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; pointer-events: none; } .header-top-box .wx-box .ewm-ico:hover + .ewm { top: 83px; opacity: 1; height: 120px; } .footera { padding-top: 40px; padding-bottom: 30px; border-top: 1px solid #3f4260; height: 420px; background: #043f64; } .footera .foot-bg { position: absolute; right: 0; top: -70px; width: 375px; height: 450px; background: url(../images/index_74.png) no-repeat center; box-sizing: border-box; overflow: hidden; text-align: center; } .footera .foot-bg img { margin-top: 145px; } .footera .foot-bg p { font-size: 22px; color: #fff; margin-bottom: 35px; } .footera .foot-bg h2 { font-size: 14px; color: #fff; margin-bottom: 10px; opacity: 0.8; } .footera .foot-bg h3 { font-size: 14px; color: #fff; opacity: 0.8; } .footera .foot-bg h4 { font-size: 14px; color: #fff; opacity: 0.6; margin-top: 12px; margin-bottom: 25px; } .footera .con ul { display: inline-block; vertical-align: top; margin-right: 45px; } .footera .con ul li { margin-bottom: 15px; } .footera .con ul li a { font-size: 14px; color: #ffffff; opacity: 0.8; } .footera .con ul li:first-of-type { margin-bottom: 30px; } .footera .con ul li:first-of-type a { font-size: 18px; opacity: 1; } .footera .con ul:last-of-type { margin-right: 0; } .footerc { background: #043f64; } .footerc .conb { padding: 15px 0; } .footerc .conb .foot-link a { margin-right: 20px; font-size: 14px; color: #ffffff; opacity: 0.6; } .footera .foot-link a:first-of-type { margin-right: 10px; } .footerb { height: 75px; line-height: 75px; background: #1d1f3a; overflow: hidden; } .footerb a { font-size: 14px; color: #ffffff; opacity: 0.8; } .more-link { text-align: center; border-bottom: 1px solid #717384; padding-bottom: 8px; } .more-link p { display: inline-block; vertical-align: middle; font-size: 16px; color: #043f64; } .foot_mail { position: absolute; right: 50px; bottom: 92px; width: 50px; height: 50px; } .swiper-pagination-banner { bottom: 30px !important; } .swiper-pagination-banner .swiper-pagination-bullet { width: 14px !important; height: 14px !important; background: #8c92a4 !important; margin: 0 6px !important; opacity: 1 !important; vertical-align: middle !important; } .swiper-pagination-banner .swiper-pagination-bullet-active { width: 14px !important; height: 14px !important; background: #d5c700 !important; } .in-cona { width: 100%; height: 320px; box-sizing: border-box; overflow: hidden; } .in-cona .a { padding-top: 40px; float: left; width: 76%; } .in-cona .a h3 { font-size: 20px; color: #d5c700; } .in-cona .a h2 { font-size: 24px; color: #043f64; margin-top: 20px; margin-bottom: 20px; } .in-cona .a h4 { font-size: 14px; line-height: 28px; color: #888888; margin-bottom: 30px; } .in-cona .b { float: left; width: 24%; padding-left: 40px; } .in-cona .b ul { padding-top: 55px; } .in-cona .b ul li { width: 292px; height: 70px; padding-left: 15px; padding-right: 15px; line-height: 70px; border-bottom: 1px solid #72748a; overflow: hidden; } .in-cona .b ul li a { width: 100%; } .in-cona .b ul li p { float: left; font-size: 18px; color: #fff; } .in-cona .b ul li img { margin-top: 30px; float: right; } .in-cona .b ul li.on { background: #d5c700; } .in-conb { padding-top: 100px; padding-bottom: 100px; } .in-tit { text-align: center; } .in-tit h2 { font-size: 48px; color: #00263e; font-weight: bold; margin-bottom: 5px; } .in-tit p { font-size: 20px; color: #666666; } .in-tit p span { color: #989902; } .in-conb-con { margin-top: 60px; } .pro-con .a { width: 220px; float: left; } .pro-con .a ul li { padding-right: 15px; overflow: hidden; } .pro-con .a ul li .alb { overflow: hidden; width: 100%; height: 55px; line-height: 55px; border-bottom: 1px solid #e5e5e5; } .pro-con .a ul li .alb p { float: left; font-size: 16px; color: #666666; } .pro-con .a ul li .alb i { float: right; background: url(../images/index_34.png); width: 6px; height: 10px; margin-top: 22px; } .pro-con .a ul li:first-of-type { border-top: 1px solid #e5e5e5; } .pro-con .a ul li .ondiv { padding: 20px 0; } .pro-con .a ul li .ondiv a { height: 38px; line-height: 38px; font-size: 14px; color: #666666; padding-left: 20px; display: block; } .pro-con .a ul li .ondiv a.on { border-left: 5px solid #043f64; background: #d5c700; color: #fff; } .pro-con .a ul li.on .alb { border-bottom: 1px solid #d5c700; } .pro-con .a ul li.on .alb p { color: #d5c700; } .pro-con .a ul li.on .alb i { background: url(../images/index_39.png); width: 10px; height: 6px; margin-top: 25px; } .pro-con .b { width: calc(100% - 240px); float: right; box-shadow: 0 0 10px 5px #eeeeee; } .pro-con .b .ba { width: 100%; height: 58px; line-height: 58px; background: #043f64; padding: 0 30px; overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px; } .pro-con .b .ba .fl { font-size: 20px; color: #fff; } .pro-con .b .ba .search-boxb { margin-top: 13px; z-index: 5; width: 230px; height: 32px; line-height: 32px; border-radius: 16px; background: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: relative; background: #d5c700; } .pro-con .b .ba .search-boxb .search-box-ico { background: url(../images/index_31.png) no-repeat center; width: 18px; height: 18px; pointer-events: none; position: absolute; left: 12px; top: 6px; } .pro-con .b .ba .search-boxb .search-box-r { width: 30px; height: 32px; line-height: 32px; color: #ffffff; background: none; float: left; opacity: 0; } .pro-con .b .ba .search-boxb .case-search-txt { outline: none; width: 190px; float: right; height: 32px; line-height: 32px; margin-left: 10px; font-size: 14px; color: #fff; text-indent: 10px; box-sizing: border-box; background: none; } .pro-con .b .ba .search-boxb .case-search-txt::placeholder { font-size: 14px; color: #fff; } .pro-con .b .bb { overflow: hidden; padding: 0 30px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .pro-con .b .bb .bba { margin-top: 45px; } .pro-con .b .bb .bba .fl { width: 50%; } .pro-con .b .bb .bba .fr { width: 50%; padding-left: 25px; padding-top: 25px; } .pro-con .b .bb .bba .fr .tit h2 { font-size: 28px; color: #00263e; } .pro-con .b .bb .bba .fr .tit h3 { font-size: 14px; color: #666666; margin-top: 15px; } .pro-con .b .bb .bba .fr .js { margin-top: 30px; padding-top: 25px; border-top: 1px solid #cccccc; font-size: 15px; color: #888888; line-height: 36px; } .pro-con .b .bb .bbb { margin-top: 25px; } .pro-con .b .bb .bbb ul li { float: left; width: calc((100% - 25px*3)/4); margin-right: 25px; margin-bottom: 20px; } .pro-con .b .bb .bbb ul li:nth-of-type(4n) { margin-right: 0; } .pro-con .b .bb .bbb ul li .bbb-b { margin-top: 20px; text-align: center; } .pro-con .b .bb .bbb ul li .bbb-b h2 { font-size: 16px; color: #444444; height: 45px; } .pro-con .b .bb .bbb ul li .bbb-b p { font-size: 14px; color: #989902; margin-top: 10px; } .in-conc { width: 100%; height: 865px; background: url(../images/index_49.jpg) no-repeat center; box-sizing: border-box; overflow: hidden; padding-top: 90px; } .in-conc .a .fl h2 { font-size: 48px; color: #00263e; font-weight: bold; } .in-conc .a .fl p { font-size: 20px; color: #00263e; margin-top: 10px; } .in-conc .a .fr { padding-top: 40px; } .in-conc .a .fr img { display: inline-block; vertical-align: middle; margin-right: 15px; } .in-conc .a .fr p { display: inline-block; vertical-align: middle; font-size: 24px; color: #00263e; } .in-conc .b { margin-top: 50px; } .in-conc .b .ba { float: left; width: 65%; margin-right: 2%; } .in-conc .b .ba .ba-lunbo { width: 100%; height: 85px; background: #fff; padding: 0 50px; } .in-conc .b .ba .ba-lunbo ul li { padding-top: 25px; text-align: center; cursor: pointer; } .in-conc .b .ba .ba-lunbo ul li p { font-size: 16px; color: #666666; line-height: 20px; padding-bottom: 18px; } .in-conc .b .bb { float: right; width: 33%; background: #043f64; overflow: hidden; } .in-conc .b .bb .con ul { padding: 10px 0; } .in-conc .b .bb .con ul li { cursor: pointer; border-bottom: 1px solid #22253f; } .in-conc .b .bb .con ul li .bba { height: 40px; line-height: 40px; padding-left: 30px; padding-right: 50px; } .in-conc .b .bb .con ul li .bba p { float: left; font-size: 14px; color: #fff; opacity: 1; } .in-conc .b .bb .con ul li .bba i { float: right; background: url(../images/indexa_10.png); width: 11px; height: 11px; margin-top: 15px; } .in-conc .b .bb .con ul li .bbb { padding: 22px 0; height: 197px; overflow: hidden; background: #3f4365; padding: 0 30px; padding-top: 20px; } .in-conc .b .bb .con ul li .bbb h3 { font-size: 14px; color: #fff; opacity: 0.6; line-height: 28px; } .in-conc .b .bb .con ul li .bbb .bbb-con { font-size: 14px; color: #fff; opacity: 0.8; line-height: 28px; } .in-conc .b .bb .con ul li .bbb a { font-size: 16px; color: #d5c700; opacity: 0.6; margin-top: 20px; padding-bottom: 5px; border-bottom: 1px solid #65644f; } .in-conc .b .bb .con ul li:last-of-type { border-bottom: unset; } .in-conc .b .bb .con ul li.on .bba i { background: url(../images/indexa_11.png); width: 12px; height: 1px; margin-top: 20px; } .qh-box { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .qh-box .ba-le { float: left; margin-left: 15px; } .qh-box .ba-rl { float: right; margin-right: 15px; } .in-conc .b .ba .ba-img .ba-img-imga { width: 100%; height: 480px; background-size: cover !important; } .in-cond { width: 100%; height: 280px; background: url(../images/indexa_21.png) no-repeat center; box-sizing: border-box; overflow: hidden; } .in-cond .a { width: 76%; float: left; } .in-cond .a .aaa { float: left; padding-top: 35px; width: calc((100% - 100px)/2); } .in-cond .a .aaa h2 { font-size: 32px; color: #d5c700; } .in-cond .a .aaa ul { margin-top: 20px; margin-bottom: 35px; overflow: hidden; } .in-cond .a .aaa ul li { float: left; margin-right: 40px; } .in-cond .a .aaa ul li span { font-size: 36px; color: #fff; display: inline-block; vertical-align: top; } .in-cond .a .aaa ul li h3 { font-size: 36px; color: #fff; display: inline-block; vertical-align: top; } .in-cond .a .aaa ul li h4 { font-size: 16px; color: #fff; opacity: 0.5; display: block; } .in-cond .a .aa { margin-right: 100px; } .in-cond .b { width: 24%; float: right; height: 100%; background: #d5c700; } .in-cond .b ul { padding: 0 45px; padding-top: 35px; height: 280px; } .in-cond .b ul li { width: 100%; height: 55px; line-height: 55px; background: #9a9107; margin-bottom: 20px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .in-cond .b ul li a { width: 100%; height: 100%; padding-left: 30px; } .in-cond .b ul li img { display: inline-block; vertical-align: middle; } .in-cond .b ul li p { display: inline-block; vertical-align: middle; font-size: 18px; color: #fff; margin-left: 20px; } .in-cond .b ul li:hover { background: #1f2244; } .link-btn { width: 146px; height: 36px; border: 1px solid #d5c700; border-radius: 4px; } .link-btn .btn-img { width: 45px; height: 36px; line-height: 34px; text-align: center; background: #d5c700; display: inline-block; vertical-align: middle; } .link-btn p { display: inline-block; vertical-align: middle; height: 36px; line-height: 34px; margin-left: 5px; font-size: 16px; color: #fff; } .in-cone { width: 100%; height: 900px; background: url(../images/indexa_22.png) no-repeat center; box-sizing: border-box; overflow: hidden; padding-top: 100px; } .in-cone .t h2 { text-align: center; font-size: 48px; color: #00263e; font-weight: bold; } .in-cone .t ul { margin-top: 30px; text-align: center; } .in-cone .t ul li { display: inline-block; vertical-align: middle; margin: 0 35px; padding-left: 20px; position: relative; } .in-cone .t ul li a { font-size: 24px; color: #00263e; } .in-cone .t ul li.on::before { content: ""; display: block; width: 9px; height: 9px; background: #989902; border-radius: 50%; position: absolute; left: 0px; top: 12px; transition: all 0.5s; -webkit-transition: all 0.5s; } .in-cone .t ul li.on a { color: #989902; } .in-cone .b { margin-top: 60px; } .in-cone .b .ba { float: left; width: 40%; } .in-cone .b .ba .baa { padding-top: 60px; } .in-cone .b .ba .baa h3 { font-size: 24px; color: #989902; } .in-cone .b .ba .baa h2 { font-size: 36px; color: #00263e; line-height: 48px; margin-top: 15px; margin-bottom: 35px; } .in-cone .b .ba .baa p { font-size: 16px; color: #666666; line-height: 26px; max-width: 470px; } .in-cone .b .ba .bab { margin-top: 70px; } .in-cone .b .ba .bab ul { overflow: hidden; } .in-cone .b .ba .bab ul li { float: left; margin-right: 50px; } .in-cone .b .ba .bab ul li p { display: inline-block; vertical-align: text-bottom; } .in-cone .b .ba .bab ul li span { font-size: 36px; color: #989902; } .in-cone .b .ba .bab ul li h3 { font-size: 26px; color: #989902; display: inline-block; vertical-align: text-bottom; } .in-cone .b .ba .bab ul li h4 { font-size: 16px; color: #666666; display: block; } .in-cone .b .ba .bab ul li:last-of-type { margin-right: 0; } .in-cone .b .bb { float: right; width: 810px; position: relative; } .in-cone .b .bb img { width: 810px; height: 520px; position: relative; z-index: 2; margin-bottom: 10px; margin-left: -10px; } .in-cone .b .bb::before { content: ""; position: absolute; bottom: -10px; right: -10px; background: #d5c700; width: 800px; height: 520px; box-sizing: border-box; } .in-conf { padding-top: 85px; padding-bottom: 125px; background: #f5f5f5; } .in-conf .a { width: 74%; float: left; } .in-conf .a .aa .aaa { float: left; } .in-conf .a .aa .aaa h2 { font-size: 36px; font-weight: bold; color: #00263e; } .in-conf .a .aa .aab { float: right; padding-top: 15px; } .in-conf .a .aa .aab ul { overflow: hidden; } .in-conf .a .aa .aab ul li { float: left; margin-left: 45px; } .in-conf .a .aa .aab ul li a { font-size: 18px; color: #666666; } .in-conf .a .ab { margin-top: 30px; background: #fff; border-top: 2px solid #d5c700; padding: 30px; overflow: hidden; } .in-conf .a .ab .aba { float: left; width: 455px; } .in-conf .a .ab .aba .abaa { width: 100%; height: auto; overflow: hidden; } .in-conf .a .ab .aba .abaa img { width: 100%; height: auto; } .in-conf .a .ab .aba .abab { width: 100%; height: 80px; background: #043f64; border-left: 5px solid #d5c700; padding-left: 30px; } .in-conf .a .ab .aba .abab p { font-size: 18px; line-height: 80px; color: #fff; } .in-conf .a .ab .abb { float: left; padding-left: 30px; width: 505px; } .in-conf .a .ab .abb .abba { overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #dddddd; } .in-conf .a .ab .abb .abba a { width: 100%; overflow: hidden; } .in-conf .a .ab .abb .abba .abbaa { float: left; width: 90px; height: 120px; background: #d5c700; padding-left: 5px; padding-top: 17px; text-align: center; } .in-conf .a .ab .abb .abba .abbaa h3 { font-size: 48px; color: #fff; } .in-conf .a .ab .abb .abba .abbaa h4 { font-size: 18px; color: #fff; } .in-conf .a .ab .abb .abba .abbab { float: left; width: calc(100% - 90px); padding-left: 20px; padding-top: 10px; } .in-conf .a .ab .abb .abba .abbab h2 { font-size: 20px; color: #00263e; } .in-conf .a .ab .abb .abba .abbab p { font-size: 14px; color: #888888; line-height: 22px; margin-top: 15px; } .in-conf .a .ab .abb .abbb { padding-top: 25px; } .in-conf .a .ab .abb .abbb a { font-size: 16px; color: #666666; margin-bottom: 20px; display: block; } .in-conf .b { float: right; width: 24%; } .in-conf .b .ba { overflow: hidden; } .in-conf .b .ba .baa { float: left; font-size: 36px; color: #00263e; font-weight: bold; } .in-conf .b .ba .bab { float: right; } .in-conf .b .ba .bab a { font-size: 18px; color: #666666; padding-top: 15px; } .in-conf .b .bb { margin-top: 30px; background: #fff; border-top: 2px solid #043f64; padding: 30px; overflow: hidden; height: 478px; } .in-conf .b .bb a { font-size: 16px; color: #666666; margin-bottom: 20px; } .in-conf .a .ab .aba:hover .abaa img { transform: scale(1.05); } .in-conf .a .ab .abb .abbb a:hover { color: #989902; } .in-conf .a .ab .abb .abba:hover .abbab h2 { color: #989902; transition: 0.3s; } .in-conf .b .bb a:hover { color: #989902; } .banner { width: 100%; position: relative; height: auto; overflow: hidden; z-index: 1; } .banner .tit { text-align: center; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .banner .tit h3 { font-size: 60px; color: #fff; font-weight: bold; } .banner .tit p { font-size: 34px; color: #d7d7d7; margin-top: 10px; } .ny-nav { width: 100%; height: 70px; line-height: 70px; background: #f7f7f7; } .ny-nav .fl a { font-size: 18px; color: #333333; margin-right: 60px; position: relative; } .ny-nav .fl a:last-of-type { margin-right: 0; } .ny-nav .fl a::before { content: ""; display: block; width: 0; height: 2px; background: #043f64; position: absolute; left: 50%; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .ny-nav .fl a.on { color: #333333; } .ny-nav .fl a.on::before { width: 100%; left: 0; } .ny-nav .fl a:hover { color: #333333; } .ny-nav .fl a:hover::before { width: 100%; left: 0; } .ny-nav .fr img { display: inline-block; vertical-align: middle; } .ny-nav .fr a { display: inline-block; vertical-align: middle; font-size: 18px; color: #333333; } .ny-nav .fr a:last-of-type { color: #00263e; } .ny-navb { background: #043f64; } .ny-navb .fr a { color: #fff !important; } .ny-tit { text-align: left; } .ny-tit h2 { font-size: 38px; color: #043f64; display: inline-block; vertical-align: middle; position: relative; padding-left: 35px; } .ny-tit h2::before { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background: #ffffff; border: 4px solid #043f64; position: absolute; left: 0; bottom: 15px; transition: all 0.5s; -webkit-transition: all 0.5s; } .ny-tit p { font-size: 28px; color: #d7d7d7; display: inline-block; vertical-align: middle; margin-left: 20px; } .page { text-align: center; margin-top: 30px; } .page a { margin-right: 10px; width: 35px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #333333; background: #d6d6d6; cursor: pointer; } .page span { display: inline-block; width: 35px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #333333; background: #d6d6d6; margin-right: 10px; box-sizing: border-box; vertical-align: middle; cursor: pointer; } .page span.current { color: #ffffff; background: #043f64; } .page a.prev, .page a.prev_disabled { display: inline-block; width: 85px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; background: #333333; color: #fff; vertical-align: middle; } .page a.next, .page a.next_disabled { display: inline-block; width: 85px; height: 40px; text-align: center; font-size: 14px; background: #333333; color: #fff; line-height: 40px; margin-right: 0px; vertical-align: middle; } .page a.prev::before, .page a.prev_disabled::before { content: "上一页"; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; width: 85px; height: 40px; } .page a.next::before, .page a.next_disabled::before { content: "下一页"; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; width: 85px; height: 40px; } .page span:hover, .page a:hover, .page a.prev:hover, .page a.prev_disabled:hover, .page a.next:hover, .page a.next_disabled:hover { color: #ffffff; background: #043f64; } .pro-con .pro-con .b { padding-bottom: 40px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .proxq-cona { padding-top: 65px; padding-bottom: 50px; } .proxq-cona .a { float: left; width: 50%; padding-top: 50px; padding-right: 120px; } .proxq-cona .a h3 { font-size: 28px; color: #00263e; } .proxq-cona .a h4 { font-size: 14px; color: #666666; margin-top: 15px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; margin-bottom: 30px; } .proxq-cona .a .jj { font-size: 16px; color: #676767; line-height: 24px; margin-bottom: 80px; } .proxq-cona .b { float: left; width: 50%; } .proxq-cona .b .con { width: 100%; height: 510px; position: relative; text-align: right; } .proxq-cona .b .con::before { content: ""; position: absolute; bottom: 0px; right: -32px; background: #d5c700; width: 450px; height: 450px; box-sizing: border-box; } .proxq-cona .b .con img { width: 636px; height: 477px; position: relative; z-index: 2; } .link-ly { width: 168px; height: 44px; line-height: 44px; background: #043f64; text-align: center; } .link-ly img { display: inline-block; vertical-align: middle; } .link-ly p { display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; margin-left: 12px; } .proxq-conb { padding-top: 120px; padding-bottom: 150px; background: #f5f5f5; } .proxq-conb .a { float: left; width: 80%; } .proxq-conb .a .hx { width: 100%; overflow: hidden; } .proxq-conb .a .hx .hxa { width: 12.5%; height: 2px; background: #d5c700; float: left; } .proxq-conb .a .hx .hxb { width: 87.5%; height: 2px; background: #000000; float: left; } .proxq-conb .a .tit { line-height: 85px; font-size: 24px; color: #333333; } .proxq-conb .a .con { padding: 70px 50px; background: #fff; } .proxq-conb .b { float: right; width: calc(20% - 25px); } .proxq-conb .b .hx { width: 100%; overflow: hidden; } .proxq-conb .b .hx .hxa { width: 12.5%; height: 2px; background: #d5c700; float: left; } .proxq-conb .b .hx .hxb { width: 87.5%; height: 2px; background: #000000; float: left; } .proxq-conb .b .tit { line-height: 85px; font-size: 24px; color: #333333; } .proxq-conb .b .con ul li { margin-bottom: 18px; } .proxq-conb .b .con ul li a .conb { height: 85px; text-align: center; padding-top: 20px; border: 1px solid #dcdcdc; border-top: unset; } .proxq-conb .b .con ul li a .conb h3 { font-size: 16px; color: #444444; } .proxq-conb .b .con ul li a .conb p { font-size: 14px; color: #989902; margin-top: 6px; } .solu-con { padding-top: 60px; padding-bottom: 120px; } .solu-con .pro-con .a ul li .alb p { padding-left: 20px; } .solu-con .pro-con .a ul li { height: 55px; } .solu-con .pro-con .a ul li .alb { height: 55px; line-height: 55px; border-bottom: 1px solid #e5e5e5; transition: 0.3s; } .solu-con .pro-con .a ul li:hover { border-left: 5px solid #043f64; background: #d5c700; } .solu-con .pro-con .a ul li.on { border-left: 5px solid #043f64; background: #d5c700; } .solu-con .pro-con .a ul li:hover .alb p { color: #ffffff; } .solu-con .pro-con .a ul li.on .alb p { color: #ffffff; } .solu-con .b { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .solu-con .bb-solu { overflow: hidden; padding: 0 30px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding-bottom: 40px; } .bb-solu ul li { padding: 45px 0; border-bottom: 1px solid #e5e5e5; } .bb-solu ul li a { width: 100%; } .bb-solu ul li a .solu-a { float: left; width: 50%; padding-top: 20px; padding-right: 35px; } .bb-solu ul li a .solu-a h3 { font-size: 22px; color: #333333; position: relative; padding-left: 30px; } .bb-solu ul li a .solu-a h3::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: #ffffff; border: 3px solid #043f64; position: absolute; left: 0; bottom: 8px; transition: all 0.5s; -webkit-transition: all 0.5s; } .bb-solu ul li a .solu-a p { font-size: 16px; color: #666666; line-height: 25px; margin-top: 25px; padding-top: 25px; border-top: 1px solid #dcdcdc; margin-bottom: 36px; } .bb-solu ul li a .solu-a .link { width: 145px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #898989; font-size: 14px; color: #333333; } .bb-solu ul li a .solu-b { float: right; width: 530px; } .bb-solu ul li a .solu-b .vc-in-link { width: 100%; height: auto; } .bb-solu ul li a .solu-b .vc-in-link .viode-box { width: 100%; height: auto; overflow: hidden; position: relative; } .bb-solu ul li a .solu-b .vc-in-link .viode-box .bf-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; text-align: center; transition: all 0.5s; } .xg-solu-con ul li .conb { height: auto !important; padding: 10px !important; } .proxq-cona.proxq-cona-solu .a { padding-top: 25px; } .ser-cona { padding-top: 80px; padding-bottom: 80px; } .ser-cona .con { margin-top: 50px; } .ser-cona .con ul { overflow: hidden; } .ser-cona .con ul li { float: left; width: calc((100% - 50px)/3); margin-right: 25px; height: 265px; overflow: hidden; } .ser-cona .con ul li .t { height: 55px; line-height: 55px; width: 100%; background: #043f64; padding: 0 35px; overflow: hidden; } .ser-cona .con ul li .t .ta { float: left; font-size: 20px; color: #fff; } .ser-cona .con ul li .t .tb { float: right; font-size: 54px; color: #fff; opacity: 0.35; } .ser-cona .con ul li .b { height: 210px; width: 100%; background: #f3f3f3; padding: 30px 35px; overflow: hidden; } .ser-cona .con ul li .b p { float: left; width: 50%; margin-bottom: 16px; font-size: 16px; color: #666666; padding-left: 20px; position: relative; } .ser-cona .con ul li .b p::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: #d5c700; position: absolute; left: 0; bottom: 6px; transition: all 0.5s; -webkit-transition: all 0.5s; } .ser-cona .con ul li:last-of-type { margin-right: 0; } .ny-titcon { text-align: center; } .ny-titcon h2 { font-size: 38px; color: #00263e; } .ny-titcon p { font-size: 24px; color: #d7d7d7; margin-top: 5px; } .ser-conb { padding-bottom: 160px; } .ser-conb .con { margin-top: 80px; } .ser-conb .con ul li { margin-bottom: 30px; } .ser-conb .con ul li .a { float: left; width: 50%; } .ser-conb .con ul li .b { float: left; width: 50%; padding-left: 65px; padding-top: 120px; } .ser-conb .con ul li .b h3 { font-size: 28px; color: #333333; } .ser-conb .con ul li .b p { font-size: 14px; color: #666666; line-height: 30px; margin-top: 35px; } .ser-conb .con ul li:nth-of-type(even) .a { float: right; } .ser-conb .con ul li:nth-of-type(even) .b { padding-left: 0; padding-right: 80px; } .jsx-cona { padding-top: 80px; padding-bottom: 80px; } .jsx-cona .box { padding-bottom: 65px; border-bottom: 3px solid #f5f5f5; } .jsx-cona .con { width: 100%; height: 586px; background: url(../images/jxsdl_03.png) no-repeat center; box-sizing: border-box; overflow: hidden; margin-top: 35px; } .jsx-cona .con ul { padding-top: 155px; text-align: center; } .jsx-cona .con ul li { display: inline-block; vertical-align: middle; margin: 0 90px; width: 260px; height: 260px; background: #d5d5dc; position: relative; border-radius: 50%; opacity: 0.9; cursor: pointer; } .jsx-cona .con ul li div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #043f64; } .jsx-conb .box { padding-bottom: 65px; border-bottom: 3px solid #f5f5f5; } .jsx-conb .con { width: calc((100% - 20px)/2); height: 190px; border: 1px solid #a6a6a6; margin-right: 20px; float: left; } .jsx-conb .con:last-of-type { margin-right: 0; } .jsx-conb .con .a { text-align: center; line-height: 190px; width: 50%; float: left; } .jsx-conb .con .b { width: 50%; height: 100px; margin-top: 45px; float: left; border-left: 1px solid #bfbfbf; text-align: center; } .jsx-conb .con .b p { width: 225px; height: 70px; margin: auto; margin-top: 15px; line-height: 70px; font-size: 20px; color: #ffffff; text-align: center; background: #043f64; cursor: pointer; } .jsx-conc { padding-top: 65px; padding-bottom: 110px; } .jsx-conc ul li { float: left; width: calc((100% - 100px)/5); margin-right: 25px; margin-bottom: 25px; height: 345px; border: 1px solid #e5e5e5; } .jsx-conc ul li:nth-of-type(5n) { margin-right: 0; } .jsx-conc ul li div { width: 100%; height: 100%; position: relative; text-align: center; } .jsx-conc ul li div img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .jszc-cona { padding: 80px 0; } .jszc-cona .box { margin-top: 80px; } .jszc-cona .box .a h2 { font-size: 28px; color: #333333; } .jszc-cona .box .a ul { padding-top: 60px; } .jszc-cona .box .a ul li { width: calc((100% - 240px)/4); margin-right: 80px; text-align: center; float: left; } .jszc-cona .box .a ul li:last-of-type { margin-right: 0; } .jszc-cona .box .a ul li .aa { width: 80px; height: 80px; margin: auto; position: relative; } .jszc-cona .box .a ul li .aa img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .jszc-cona .box .a ul li .ab { font-size: 24px; color: #666666; margin-top: 20px; } .jszc-cona .box .b { margin-top: 80px; } .jszc-cona .box .b h2 { font-size: 28px; color: #333333; } .jszc-cona .box .b p { font-size: 16px; line-height: 32px; color: #666666; margin-top: 35px; } .jszc-cona .box .c { margin-top: 30px; } .jszc-cona .box .c ul li a { display: block; width: 100%; position: relative; overflow: hidden; } .jszc-cona .box .c ul li a .t { width: 100%; overflow: hidden; } .jszc-cona .box .c ul li a .t img { width: 100%; transform: translateZ(0); transition: transform 0.3s ease 0s; } .jszc-cona .box .c ul li a .t .up-graybox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; z-index: 3; } .jszc-cona .box .c ul li a .t .up-graybox .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); } .jszc-cona .box .c ul li a .t .up-graybox .stit { font-size: 16px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -16px; color: #fff; line-height: 26px; padding: 3px 0; } .jszc-cona .box .c ul li a .t .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; } .jszc-cona .box .c ul li a .t .up-graybox .linet { top: 0; } .jszc-cona .box .c ul li a .t .up-graybox .lineb { bottom: 0; } .jszc-cona .box .c ul li a .b { width: 100%; text-align: center; overflow: hidden; margin-top: 20px; font-size: 16px; color: #333333; } .jszc-cona .box .c ul li:hover a .up-graybox { opacity: 1; filter: alpha(opacity=1); } .jszc-cona .box .c ul li:hover a .t img { transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s; } .jszc-cona .box .c ul li:hover a .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); } .qh-btn { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .qh-btn .ba-le { float: left; margin-left: -80px; width: 55px; height: 55px; border-radius: 50%; background: #eeeeee; position: relative; } .qh-btn .ba-le img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .qh-btn .ba-rl { float: right; margin-right: -80px; width: 55px; height: 55px; border-radius: 50%; background: #eeeeee; position: relative; } .qh-btn .ba-rl img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .jszc-conb { background: #f7f7f7; padding: 70px 0; padding-bottom: 100px; } .jszc-conb .con { width: 100%; height: 310px; } .jszc-conb .con .a { float: left; width: 50%; height: 310px; background: #fff; padding-left: 65px; padding-top: 65px; } .jszc-conb .con .a h2 { font-size: 28px; color: #333333; margin-bottom: 40px; } .jszc-conb .con .a p { font-size: 16px; color: #666666; margin-bottom: 20px; padding-left: 20px; position: relative; } .jszc-conb .con .a p::before { content: ""; display: block; width: 6px; height: 6px; background: #043f64; border-radius: 50%; position: absolute; left: 0px; top: 8px; transition: all 0.5s; -webkit-transition: all 0.5s; } .jszc-conb .con .b { float: left; width: 50%; height: 310px; } .jszc-conb .con .b img { width: 100%; height: 100%; } .yzdz-cona { padding-top: 80px; padding-bottom: 120px; } .yzdz-cona .box .a { margin-top: 60px; } .yzdz-cona .box .a p { font-size: 16px; color: #666666; line-height: 32px; } .yzdz-cona .box .b { margin-top: 40px; } .yzdz-cona .box .b .ba { width: calc((100% - 20px)/2); float: left; margin-right: 20px; } .yzdz-cona .box .b .bb { width: calc((100% - 20px)/2); float: left; } .yzdz-cona .box .b .bb ul li { width: calc((100% - 20px)/2); float: left; margin-right: 20px; margin-bottom: 20px; } .yzdz-cona .box .b .bb ul li:nth-of-type(2n) { margin-right: 0; } .yzdz-cona .box .c { margin-top: 80px; } .yzdz-cona .box .c .ca { margin-top: 60px; } .yzdz-cona .box .c .ca ul li { width: calc((100% - 55px*7)/8); margin-right: 50px; text-align: center; display: inline-block; vertical-align: middle; position: relative; } .yzdz-cona .box .c .ca ul li::before { content: ""; display: block; width: 9px; height: 19px; background: url(../images/yzdz_40.png) no-repeat center; position: absolute; right: -32px; top: 50px; transition: all 0.5s; -webkit-transition: all 0.5s; } .yzdz-cona .box .c .ca ul li:last-of-type { margin-right: 0; } .yzdz-cona .box .c .ca ul li:last-of-type::before { display: none; } .yzdz-cona .box .c .ca ul li div { width: 120px; height: 120px; margin: auto; border-radius: 50%; background: #043f64; line-height: 120px; text-align: center; } .yzdz-cona .box .c .ca ul li p { font-size: 18px; color: #333333; margin-top: 40px; line-height: 32px; height: 65px; } .yzdz-cona .box .d { margin-top: 80px; } .yzdz-cona .box .d .da { margin-top: 50px; } .yzdz-cona .box .d .da ul { overflow: hidden; } .yzdz-cona .box .d .da ul li { width: calc((100% - 25px)/2); margin-right: 25px; height: 230px; float: left; border: 1px solid #043f64; padding-left: 60px; padding-top: 30px; } .yzdz-cona .box .d .da ul li .daa { display: inline-block; vertical-align: middle; margin-right: 60px; } .yzdz-cona .box .d .da ul li .dab { display: inline-block; vertical-align: middle; } .yzdz-cona .box .d .da ul li .dab h2 { font-size: 28px; color: #00263e; } .yzdz-cona .box .d .da ul li .dab p { font-size: 16px; color: #666666; line-height: 28px; margin-top: 20px; } .yzdz-cona .box .d .da ul li:last-of-type { margin-right: 0; } .yzdz-tit { text-align: left; } .yzdz-tit h2 { font-size: 28px; color: #043f64; display: inline-block; vertical-align: middle; } .yzdz-tit p { font-size: 24px; color: #d7d7d7; display: inline-block; vertical-align: middle; margin-left: 15px; } .jsyf-cona { padding-top: 100px; padding-bottom: 120px; } .jsyf-cona .a { margin-top: 70px; } .jsyf-cona .a ul li { margin-bottom: 30px; } .jsyf-cona .a ul li h2 { font-size: 28px; color: #333333; font-weight: bold; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; } .jsyf-cona .a ul li .a-box { margin-top: 25px; } .jsyf-cona .a ul li .a-box .al { float: left; width: 58%; padding-right: 90px; } .jsyf-cona .a ul li .a-box .al h3 { font-size: 20px; color: #333333; margin-top: 40px; margin-bottom: 55px; } .jsyf-cona .a ul li .a-box .al p { font-size: 16px; color: #666666; line-height: 34px; } .jsyf-cona .a ul li .a-box .ar { float: left; width: 42%; } .jsyf-cona .b { margin-top: 50px; } .jsyf-cona .b h2 { font-size: 28px; color: #333333; font-weight: bold; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; } .jsyf-cona .b p { font-size: 16px; color: #666666; line-height: 34px; margin-top: 40px; } .jsyf-cona .c { margin-top: 70px; } .jsyf-cona .c ul li .t { height: 420px; border: 1px solid #bfbfbf; line-height: 420px; text-align: center; } .jsyf-cona .c ul li .b { text-align: center; padding-top: 15px; font-size: 16px; color: #333333; margin-top: 0; } .jsyf-cona .d { margin-top: 70px; } .jsyf-cona .d h2 { font-size: 28px; color: #333333; font-weight: bold; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; } .jsyf-cona .d p { font-size: 16px; color: #666666; line-height: 34px; margin-top: 40px; } .jsyf-cona .e { margin-top: 60px; } .jsyf-cona .e ul li .b { margin-top: 30px; } .jsyf-cona .e ul li .b h3 { font-size: 20px; color: #333333; } .jsyf-cona .e ul li .b p { font-size: 16px; color: #666666; line-height: 30px; margin-top: 25px; } .ny-titb h2 { color: #d5c700; } .gsgk-cona { padding: 100px 0; } .gsgk-cona .con { margin-top: 80px; } .gsgk-cona .con .a { float: left; width: 42%; padding-right: 40px; } .gsgk-cona .con .a .aa h2 { font-size: 28px; color: #333333; padding-bottom: 20px; border-bottom: 1px solid #e7e7e6; margin-bottom: 30px; } .gsgk-cona .con .a .aa p { font-size: 14px; color: #666666; line-height: 24px; } .gsgk-cona .con .a .ab { margin-top: 45px; } .gsgk-cona .con .a .ab ul { overflow: hidden; } .gsgk-cona .con .a .ab ul li { float: left; margin-right: 36px; } .gsgk-cona .con .a .ab ul li:last-of-type { margin-right: 0; } .gsgk-cona .con .a .ab ul li span { font-size: 48px; color: #989902; display: inline-block; vertical-align: middle; } .gsgk-cona .con .a .ab ul li h3 { font-size: 48px; color: #989902; display: inline-block; vertical-align: middle; } .gsgk-cona .con .a .ab ul li h4 { font-size: 16px; color: #666666; display: block; } .gsgk-cona .con .a .ab ul li:first-of-type h3 { font-size: 20px; margin-bottom: -15px; } .gsgk-cona .con .b { float: left; width: 58%; } .gsgk-conb { background: #f7f7f7; padding-top: 60px; padding-bottom: 100px; } .gsgk-conb .con { margin-top: 50px; } .gsgk-conb .con ul { overflow: hidden; } .gsgk-conb .con ul li { float: left; width: calc((100% - 130px*3)/4); margin-right: 130px; text-align: center; } .gsgk-conb .con ul li:last-of-type { margin-right: 0; } .gsgk-conb .con ul li .b { margin-top: 35px; } .gsgk-conb .con ul li .b h3 { font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 10px; } .gsgk-conb .con ul li .b h4 { font-size: 16px; color: #333333; } .gsgk-conc { padding-top: 60px; padding-bottom: 60px; } .gsgk-conc .con { margin-top: 60px; } .fzlc-cona { padding-top: 100px; padding-bottom: 120px; } .fzlc-cona .con { margin-top: 75px; } .fzlc-cona-boxa { margin-top: 30px !important; } .fzlc-cona-boxa ul li .bg-img { width: 100%; height: 301px; background: url(../images/fzlc_10.png) no-repeat center; box-sizing: border-box; overflow: hidden; padding-top: 65px; padding-left: 85px; } .fzlc-cona-boxa ul li .bg-img h3 { font-size: 85px; color: #404144; display: inline-block; vertical-align: middle; } .fzlc-cona-boxa ul li .bg-img p { font-size: 16px; color: #787878; display: inline-block; vertical-align: middle; margin-left: 75px; } .qh-btnb .ba-lea { float: left; } .qh-btnb .ba-rla { float: right; margin-right: 20px; } .fzlc-cona-box .box ul li { text-align: center; } .fzlc-cona-box .box ul li p { width: 120px; height: 120px; border-radius: 50%; border: 10px solid #e5e5e5; line-height: 100px; font-size: 26px; color: #999999; font-weight: bold; } .fzlc-cona-box .box ul li.my-slide-thumb-active p { border: 10px solid #d5c700; background: #d5c700; color: #fff; } .ryzz-cona { padding-top: 100px; padding-bottom: 120px; } .ryzz-cona .con { margin-top: 45px; } .ryzz-cona .con ul { overflow: hidden; } .ryzz-cona .con ul li { width: calc((100% - 25px*3)/4); margin-right: 25px; margin-bottom: 25px; float: left; } .ryzz-cona .con ul li:nth-of-type(4n) { margin-right: 0; } .ryzz-cona .con ul li .t { width: 100%; height: 260px; border: 1px solid #bfbfbf; position: relative; } .ryzz-cona .con ul li .t img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .ryzz-cona .con ul li .b { margin-top: 20px; text-align: center; font-size: 16px; color: #333333; } .zzrz-cona { padding-top: 100px; padding-bottom: 120px; } .zzrz-cona .con { margin-top: 45px; } .zzrz-cona .con ul { overflow: hidden; } .zzrz-cona .con ul li { width: calc((100% - 25px*3)/4); margin-right: 25px; margin-bottom: 25px; float: left; } .zzrz-cona .con ul li:nth-of-type(4n) { margin-right: 0; } .zzrz-cona .con ul li .t { width: 100%; height: 475px; border: 1px solid #bfbfbf; position: relative; } .zzrz-cona .con ul li .t img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .zzrz-cona .con ul li .b { margin-top: 20px; text-align: center; font-size: 16px; color: #333333; } .jzgd-btn { text-align: center; margin-top: 25px; } .jzgd-btn a { width: 190px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #333333; border: 1px solid #dcdcdc; background: #eeeeee; } .zlrz-cona { padding-top: 100px; padding-bottom: 120px; } .zlrz-cona .con { margin-top: 45px; } .zlrz-cona .con ul { overflow: hidden; } .zlrz-cona .con ul li { width: calc((100% - 25px*3)/4); margin-right: 25px; margin-bottom: 15px; float: left; } .zlrz-cona .con ul li:nth-of-type(4n) { margin-right: 0; } .zlrz-cona .con ul li .t { width: 100%; height: 420px; border: 1px solid #bfbfbf; position: relative; } .zlrz-cona .con ul li .t img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .zlrz-cona .con ul li .b { margin-top: 20px; text-align: center; font-size: 16px; height: 45px; color: #333333; } .hzkh-cona { padding-top: 100px; padding-bottom: 120px; } .hzkh-cona .con { margin-top: 45px; } .hzkh-cona .con ul { overflow: hidden; } .hzkh-cona .con ul li { width: calc((100% - 15px*5)/6); margin-right: 15px; margin-bottom: 20px; float: left; } .hzkh-cona .con ul li:nth-of-type(6n) { margin-right: 0; } .hzkh-cona .con ul li .t { width: 100%; height: 135px; border: 1px solid #bfbfbf; position: relative; } .hzkh-cona .con ul li .t img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .hzkh-cona .con ul li .b { margin-top: 15px; text-align: center; font-size: 16px; color: #333333; } .tjsp-cona { padding-top: 100px; padding-bottom: 120px; } .tjsp-cona .cona { margin-top: 45px; } .tjsp-cona .cona .cona-a { float: left; width: 50%; font-size: 16px; color: #666666; line-height: 36px; padding-right: 70px; padding-top: 15px; } .tjsp-cona .cona .cona-b { float: left; width: 50%; } .tjsp-cona .cona .cona-b .cona-b-box { width: 100%; height: auto; overflow: hidden; } .tjsp-cona .cona .cona-b .cona-b-box img { width: 100%; height: auto; } .tjsp-cona .cona .cona-b .cona-b-box .bf-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; text-align: center; transition: all 0.5s; } .tjsp-cona .conb { margin-top: 90px; } .tjsp-cona .conb ul { overflow: hidden; } .tjsp-cona .conb ul li { width: calc((100% - 25px)/2); margin-right: 25px; margin-bottom: 25px; float: left; } .tjsp-cona .conb ul li:nth-of-type(2n) { margin-right: 0; } .tjsp-cona .conb ul li .t { width: 100%; } .tjsp-cona .conb ul li .b { margin-top: 15px; text-align: center; font-size: 16px; color: #666666; } .news-cona { padding-top: 80px; padding-bottom: 80px; } .news-cona .con ul { border-top: 1px solid #e5e5e5; padding-bottom: 40px; } .news-cona .con ul li { padding: 30px 0; border-bottom: 1px solid #e5e5e5; } .news-cona .con ul li a { width: 100%; overflow: hidden; } .news-cona .con ul li a .cona { float: left; width: 95px; height: 115px; background: #d5c700; padding-top: 13px; text-align: center; } .news-cona .con ul li a .cona h3 { font-size: 48px; color: #fff; } .news-cona .con ul li a .cona h4 { font-size: 18px; color: #fff; } .news-cona .con ul li a .conb { padding-left: 55px; float: left; width: calc(100% - 161px); padding-right: 90px; padding-top: 6px; } .news-cona .con ul li a .conb h2 { font-size: 20px; color: #00263e; } .news-cona .con ul li a .conb p { font-size: 14px; color: #888888; line-height: 22px; margin-top: 25px; } .news-cona .con ul li a .conc { float: left; width: 66px; padding-top: 26px; } .contact-cona { padding-top: 100px; padding-bottom: 100px; } .contact-cona .cona { position: relative; } .contact-cona .cona .box .boxa { float: left; width: 50%; } .contact-cona .cona .box .boxa h2 { font-size: 36px; color: #333333; padding-bottom: 30px; border-bottom: 1px solid #b5b5b5; margin-bottom: 25px; display: inline-block; } .contact-cona .cona .box .boxa p { margin-bottom: 20px; font-size: 16px; color: #333333; } .contact-cona .cona .box .boxb { float: right; width: 50%; } .contact-cona .cona .cona-bg { position: absolute; left: 0; top: -80px; z-index: -1; } .contact-cona .conb { margin-top: 110px; } .contact-cona .conb .box { margin-top: 30px; border-top: 1px solid #d2d2d2; } .contact-cona .conb .box ul { overflow: hidden; padding-top: 35px; } .contact-cona .conb .box ul li { float: left; width: calc((100% - 50px)/3); height: 230px; background: #f7f7f7; margin-right: 25px; margin-bottom: 25px; padding-left: 30px; padding-top: 40px; } .contact-cona .conb .box ul li h3 { font-size: 24px; color: #333333; position: relative; padding-left: 25px; } .contact-cona .conb .box ul li h3::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: #ffffff; border: 3px solid #043f64; position: absolute; left: 0; bottom: 10px; transition: all 0.5s; -webkit-transition: all 0.5s; } .contact-cona .conb .box ul li i { display: block; width: 30px; height: 3px; background: #dcdcdc; margin-top: 25px; margin-bottom: 25px; } .contact-cona .conb .box ul li p { font-size: 18px; color: #666666; margin-bottom: 15px; } .contact-cona .conb .box ul li:nth-of-type(3n) { margin-right: 0; } .contact-cona .conc { margin-top: 70px; } .contact-cona .conc .box { margin-top: 30px; border-top: 1px solid #d2d2d2; } .contact-cona .conc .box .con { margin-top: 35px; } .contact-cona .conc .box .con .a { float: left; } .contact-cona .conc .box .con .b { float: right; width: 42%; } .contact-cona .conc .box .con .b li { position: relative; float: left; width: 49%; box-sizing: border-box; margin-bottom: 10px; margin-right: 2%; } .contact-cona .conc .box .con .b li input { font-size: 16px; color: #333333; width: 100%; line-height: 53px; padding: 0 30px; border: 1px solid #e5e5e5; background: #fff; } .contact-cona .conc .box .con .b li input::placeholder { font-size: 16px; color: #333333; } .contact-cona .conc .box .con .b li:nth-of-type(2n) { margin-right: 0; } .contact-cona .conc .box .con .b .cont { position: relative; } .contact-cona .conc .box .con .b .cont .textarea { box-sizing: border-box; padding: 30px; height: 255px; width: 100% !important; border: none; border: 1px solid #e5e5e5; font-size: 16px; color: #333333; background: #fff; } .contact-cona .conc .box .con .b .cont .textarea::placeholder { font-size: 16px; color: #333333; } .contact-cona .conc .box .con .b .submita { margin-top: 45px; width: 160px; height: 48px; line-height: 48px; text-align: center; background: #d5c700; color: #fff; font-size: 16px; margin-right: 15px; display: inline-block; vertical-align: middle; cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .contact-cona .conc .box .con .b .submitb { margin-top: 45px; width: 160px; height: 48px; line-height: 48px; text-align: center; background: #043f64; color: #fff; font-size: 16px; cursor: pointer; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .zxxd-con { padding-top: 100px; padding-bottom: 100px; } .zxxd-con .box { margin-top: 30px; border-top: 1px solid #d2d2d2; padding-top: 30px; } .zxxd-con .box .a { float: left; width: 66%; } .zxxd-con .box .a .message ul li { width: calc((100% - 40px)/2); margin-right: 20px; margin-bottom: 30px; float: left; overflow: hidden; } .zxxd-con .box .a .message ul li .p { width: 100px; text-align: left; font-size: 18px; color: #333333; float: left; } .zxxd-con .box .a .message ul li .p p { line-height: 53px; } .zxxd-con .box .a .message ul li .b { width: calc(100% - 100px); float: left; } .zxxd-con .box .a .message ul li .b input { font-size: 18px; color: #333333; width: 100%; line-height: 53px; padding: 0 15px; border: 1px solid #dcdcdc; background: #fff; } .zxxd-con .box .a .message ul li .t { float: left; font-size: 18px; color: #333333; } .zxxd-con .box .a .message ul li:nth-of-type(4) select { width: 170px; height: 51px; line-height: 53px; border: 1px solid #dedede; background: transparent; border-radius: 4px; padding-left: 15px; font-size: 18px; color: #333333; outline: none; } .zxxd-con .box .a .message ul li:nth-of-type(4) select option { font-size: 18px; color: #333333; } .zxxd-con .box .a .message ul li:nth-of-type(5) { width: 100%; } .zxxd-con .box .a .message ul li:nth-of-type(7) .b { width: 155px; } .zxxd-con .box .a .message ul li:nth-of-type(7) .t { margin-left: 15px; line-height: 53px; } .zxxd-con .box .a .message .cont { overflow: hidden; } .zxxd-con .box .a .message .cont .p { width: 100px; text-align: left; font-size: 18px; color: #333333; line-height: 53px; float: left; } .zxxd-con .box .a .message .cont .textarea { box-sizing: border-box; padding: 15px; height: 220px; width: calc(100% - 100px); border: none; border: 1px solid #dcdcdc; font-size: 18px; color: #333333; background: #fff; } .zxxd-con .box .a .message .center { overflow: hidden; } .zxxd-con .box .a .message .center .p { width: 100px; text-align: left; font-size: 18px; color: #333333; line-height: 53px; float: left; height: 53px; } .zxxd-con .box .a .message .center .submitc { margin-top: 45px; width: 160px; height: 48px; line-height: 48px; text-align: center; background: #c82d34; color: #fff; font-size: 16px; margin-right: 15px; display: inline-block; vertical-align: middle; cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .zxxd-con .box .bb { float: right; } #map { height: 390px; } #map img { max-width: none !important; max-height: none !important; } .BMapLib_SearchInfoWindow .BMapLib_bubble_content { display: none; } .BMapLib_SearchInfoWindow .BMapLib_trans { display: none; } .BMapLib_SearchInfoWindow .BMapLib_bubble_top { display: none; } .BMapLib_SearchInfoWindow { display: none; } .procce, .proccd, .proccc, .proccb, .procca { height: 0; overflow: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; } .procce.on, .proccd.on, .proccc.on, .proccb.on, .procca.on { height: auto; opacity: 1; transform: translateY(0); transition: all 0.5s; pointer-events: auto; } .in-conc .b .ba .ba-lunbo ul li.my-slide-thumb-active p { border-bottom: 3px solid #d5c700; color: #d5c700; } .in-conf .a .aa .aab ul li.on a { color: #989902; } .vwrap_tc { display: none; z-index: 9999; width: 100%; position: fixed; left: 0; top: 0; } .vwrap_tc .tc_btg { z-index: 9999; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.7; filter: alpha(opacity=70); overflow: hidden; } .vwrap_tc .tc_box { z-index: 9999; width: 1200px; height: 610px; background-color: #353857; position: fixed; left: 50%; top: 50%; margin-top: -305px; margin-left: -600px; } .vwrap_tc .tc_box .tc-message { position: relative; width: 100%; height: 100%; overflow: hidden; } .vwrap_tc .tc_box .tc-message .a { width: 900px; height: 100%; float: left; overflow: hidden; } .vwrap_tc .tc_box .tc-message .a .aa { width: 300px; height: 610px; float: left; } .vwrap_tc .tc_box .tc-message .a .aa ul { height: 100%; padding-left: 32px; padding-right: 32px; padding-top: 130px; border-right: 2px solid #272a41; cursor: pointer; } .vwrap_tc .tc_box .tc-message .a .aa ul li { width: 100%; height: 75px; line-height: 75px; padding-left: 30px; padding-right: 20px; overflow: hidden; border-bottom: 2px solid #272a41; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .vwrap_tc .tc_box .tc-message .a .aa ul li p { font-size: 18px; color: #fff; float: left; margin-right: 20px; } .vwrap_tc .tc_box .tc-message .a .aa ul li i { float: right; width: 20px; height: 20px; background: url(../images/tanch_ico2.png) no-repeat center; margin-top: 26px; display: none; } .vwrap_tc .tc_box .tc-message .a .ab { width: 600px; height: 100%; float: left; } .vwrap_tc .tc_box .tc-message .a .ab ul { height: 100%; padding-left: 46px; padding-right: 46px; padding-top: 80px; } .vwrap_tc .tc_box .tc-message .a .ab ul li { width: 100%; height: 58px; line-height: 58px; padding-left: 6px; padding-right: 10px; overflow: hidden; border-bottom: 2px solid #272a41; } .vwrap_tc .tc_box .tc-message .a .ab ul li a { width: 100%; height: 100%; } .vwrap_tc .tc_box .tc-message .a .ab ul li a img { display: inline-block; vertical-align: middle; } .vwrap_tc .tc_box .tc-message .a .ab ul li a p { font-size: 16px; color: #fff; margin-left: 95px; display: inline-block; vertical-align: middle; } .vwrap_tc .tc_box .tc-message .b { width: 300px; height: 100%; float: right; } .vwrap_tc .tc_box .tc-message .b img { width: 100%; height: 100%; } .vwrap_tc .tc_box .close { z-index: 999; width: 35px; height: 35px; cursor: pointer; position: absolute; top: 30px; right: 25px; } .vwrap_tc .tc_box .close i { display: block; width: 35px; height: 35px; background: url(../images/tanch_ico4.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; } .vwrap_tc .tc_box .tc-message .a .aa ul li:hover, .vwrap_tc .tc_box .tc-message .a .aa ul li.on { background: #d5c700; } .vwrap_tc .tc_box .tc-message .a .aa ul li:hover i, .vwrap_tc .tc_box .tc-message .a .aa ul li.on i { display: block; } .vwrap_tc .tc_box .tc-message .a .ab ul li:hover p { color: #d5c700; } .procctc { height: 0; overflow: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; } .procctc.on { height: auto; opacity: 1; transform: translateY(0); transition: all 0.5s; pointer-events: auto; } .in-cona .b ul li:hover { background: #d5c700; } .pro-con .b .bb .bbb .qh-box { top: 38%; } .pro-con .b .bb .bbb .qh-box .ba-le { float: left; margin-left: -20px; } .pro-con .b .bb .bbb .qh-box .ba-rl { float: right; margin-right: -20px; } .subnav { transition: all 0.36s ease; position: absolute; top: calc(100% - 2px); left: -25px; z-index: 199; opacity: 0; visibility: hidden; width: 180px; height: auto; border-width: 2px 0 0; border-style: solid; border-color: #043f64; background: #fff; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); } .subnav.subnav_w { width: 230px; } .subnav li { cursor: pointer; width: 100%; position: relative; } .subnav li a { transition: all 0.36s ease; padding: 12px 5px; line-height: 14px; display: block; transition: all 0.2s ease-in-out; font-size: 14px; color: #666; } .nav li:hover .subnav { opacity: 1; visibility: visible; } .subnav li a { color: #333333 !important; } .subnav li a:hover { color: #fff !important; background-color: #d5c700; } .subnav_child { background: #fff; display: none; width: 300px; height: auto; position: absolute; top: 0px; left: 230px; zoom: 1; border-left: 1px solid #d5c700; } .subnav_child li { display: inline-block; width: auto; text-align: left; float: left; zoom: 1; } .subnav_child li a { padding: 5px 10px; line-height: 26px; font-size: 14px; color: #666; } .subnav > li:hover .subnav_child { display: block; } #top:hover { background-color: #d5c700; } .join-wrap { position: fixed; left: 0; top: 0; z-index: 9999; display: none; width: 100%; background-color: rgba(0, 0, 0, 0.8); } .join-wrap .page-title { padding-top: 35px; padding-bottom: 5px; text-align: center; font-size: 30px; color: #333; } .join-box { position: fixed; top: 50%; right: 0; left: 0; z-index: 300; display: none; margin: -225px auto 0; width: 933px; height: 450px; background-color: #fff; border-radius: 3px; } .join-close { position: absolute; top: 15px; right: 15px; z-index: 302; width: 30px; height: 30px; background: url(../images/icon-close.png) no-repeat center; } .join-close:hover { cursor: pointer; background: url(../images/icon-close-hover.png) no-repeat center; } .join-wrap .page-title h3 .tit { color: #333; } .join-wrap .form-desc { height: 100px; } .join-wrap .form-desc .text { height: 70px; } .join-wrap .form-box { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .join-wrap .form-box { margin: 0 auto; padding: 0 50px 40px; background: #fff; } .join-wrap .form-box .form-tit { margin-bottom: 30px; text-align: center; font-size: 16px; } .join-wrap .form-box ul { width: 872px; } .join-wrap .form-box ul li { float: left; margin-right: 39px; margin-bottom: 31px; width: 251px; height: 42px; line-height: 42px; background-color: #f5f5f5; position: relative; } .join-wrap .form-box ul li input { line-height: 25px; width: 150px; text-indent: 5px; background-color: #f5f5f5; } .join-wrap .form-box ul li input:focus, .form-desc .text:focus { background-color: #f2f2f2; } .join-wrap .form-box .in-tit { padding-right: 10px; padding-left: 19px; font-size: 14px; color: #666; } .form-desc { margin-bottom: 40px; padding-top: 14px; width: 831px; height: 187px; background-color: #f5f5f5; position: relative; } .form-desc .error { bottom: -25px; } .form-desc .text { vertical-align: top; width: 720px; height: 160px; border: none; text-indent: 5px; font-size: 14px; line-height: 22px; background-color: #f5f5f5; } .join-wrap .form-box .sub-btn { display: block; margin: 0 auto; width: 220px; height: 50px; line-height: 50px; background-color: #00A14B; color: #fff; font-size: 20px; cursor: pointer; border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-family: "微软雅黑"; } .join-wrap .form-box .sub-btn:hover { opacity: 0.9; filter: alpha(opacity=90); } textarea { border: none; overflow: hidden; background: none; } /*客服*/ .kf02 { position: fixed; top: 200px; right: 0; z-index: 9998; width: 130px; background: #f3f3f3; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .kf02.on { right: -130px; } .kf02-head { height: 40px; background: #043f64; text-align: center; line-height: 40px; font-size: 14px; color: #fff; } .kf02-list li ~ li { border-top: 1px solid #dadada; } .kf02-list li .box { position: relative; padding: 8px 0px 8px 30px; } .kf02-qq { position: absolute; left: 5px; top: 50%; width: 18px; height: 20px; background: url(../images/kf-2-qq.png) no-repeat center; margin-top: -10px; } .kf02-list li .box:hover .kf02-qq { -webkit-animation: sh-shake 2s ease infinite; animation: sh-shake 2s ease infinite; } /*动画——抖动效果*/ @-webkit-keyframes sh-shake { 0%, 25%, 100% { -webkit-transform: translateY(0); } 3%, 9%, 15% { -webkit-transform: translateY(-3px); } 6%, 12%, 20% { -webkit-transform: translateY(3px); } } @keyframes sh-shake { 0%, 25%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 3%, 9%, 15% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 6%, 12%, 20% { -webkit-transform: translateY(3px); transform: translateY(3px); } } .kf02-list li .box .cont { font-size: 12px; line-height: 20px; font-size: 0; } .kf02-list li .box .cont span { display: inline-block; vertical-align: middle; font-size: 12px; color: #333; } .kf02-list li .box .cont span.big { width: 100%; } .kf02-foot { height: 24px; background: url(../images/kf-2-1.png) no-repeat center; cursor: pointer; display: block !important; position: static !important; opacity: 1 !important; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .kf02-foot:hover { opacity: 0.8 !important; } .kf02-left { position: absolute; left: -30px; top: 0; width: 30px; height: 120px; background: #d5c700; border-radius: 5px; text-align: center; color: #fff; font-size: 16px; padding-top: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; line-height: 1.3; cursor: pointer; } .kf02-left .icon-right { display: inline-block; margin-top: 8px; width: 16px; height: 16px; border: 1px solid #fff; border-radius: 50%; background: url(../images/kf-02-close.png) no-repeat center; background-size: 5px; } .kf02-close { position: absolute; left: -25px; top: 0; width: 25px; height: 30px; background: rgba(0, 0, 0, 0.2); cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .kf02-close .icon-close { width: 25px; height: 30px; background: url(../images/kf-02-close.png) no-repeat center; background-size: 10px; /*-webkit-transition: .5s; -o-transition: .5s; transition: .5s;*/ } .kf02-close:hover { background-color: rgba(244, 101, 28, 0.5); } .kf02-close.on .icon-close { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .zlxz-cona { padding-top: 80px; padding-bottom: 80px; } .app-title { height: 90px; } .app-title h3 { font-size: 26px; } .app-down .main { padding-bottom: 30px; } .app-down .main .mycol { margin: 0 -25px; } .app-down .main li { padding: 0 25px; padding-top: 20px; line-height: 40px; font-size: 20px; width: 50%; float: left; text-align: center; } .app-down .main li .box { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; text-align: left; display: block; } .app-down .main li h4 { display: inline-block; width: calc(100% - 70px); height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 60px; background: url(../images/pdf.png) left center no-repeat; vertical-align: middle; } .app-down .main li a.get { vertical-align: middle; } .app-down .main li a.get:hover { text-decoration: underline; } .down-dialog { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; } .down-dialog .box { position: absolute; width: 360px; left: 50%; top: 50%; margin-left: -180px; transform: translateY(calc(-50% + 0.5px)); padding: 30px; background: #fff; border: 1px solid #e1e1e1; z-index: 9999; height: auto; } .down-dialog .bg { left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 9998; } .down-dialog .tit { text-align: center; } .down-dialog .tit h3 { margin-bottom: 20px; font-size: 20px; } .down-dialog .tit p { margin-bottom: 20px; font-size: 14px; font-family: Arial, "微软雅黑", sans-serif; color: #333; } .down-dialog input { display: block; width: 100%; padding: 10px 12px; margin-bottom: 20px; border: 1px solid #e1e1e1; border-radius: 5px; } .down-dialog .morea { font-size: 0; text-align: center; } .down-dialog .morea a { display: inline-block; width: 32%; margin-right: 2%; height: 40px; line-height: 40px; text-align: center; background: #333; color: #fff; font-size: 16px; border-radius: 5px; cursor: pointer; } .down-dialog .morea a:last-child { margin-right: 0; } .down-dialog.down-form .morea a { width: 49%; } /* 适配 */ @media screen and (max-width: 1760px) { .w1600 { width: 94%; margin-right: auto; margin-left: auto; } .w1400 { width: 94%; margin-right: auto; margin-left: auto; } .w1280 { width: 94%; margin-right: auto; margin-left: auto; } .w1200 { width: 94%; margin-right: auto; margin-left: auto; } } @media screen and (max-width: 1560px) { .in-cond .a .aaa ul li { margin-right: 20px; } .in-cond .a .aaa ul li:last-of-type { margin-right: 0; } .in-conf .a .ab .abb { width: 405px; } .bb-solu ul li a .solu-b { width: 520px; } } @media screen and (max-width: 1460px) { .nav .nli > a { margin: 0 8px; } .in-conc .b .ba .ba-lunbo ul li p { font-size: 14px; line-height: 20px; } .in-cone .b .bb { width: 700px; } .in-cone .b .bb img { width: 700px; } .in-cone .b .bb::before { width: 700px; } .footera .con ul { margin-right: 25px; } .bb-solu ul li a .solu-b { width: 50%; } .jsx-cona .con ul li { margin: 0 60px; } .yzdz-cona .box .d .da ul li .daa { margin-right: 30px; } .yzdz-cona .box .d .da ul li { padding-left: 30px; } .kf02 { top: 100px; } } @media screen and (max-width: 1360px) { .nav .nli > a { padding: 0 8px; } .in-cona .b ul { padding-left: 20px; } .in-cona .b ul li { width: 250px; } .in-conc .b .ba .ba-lunbo ul li p { font-size: 12px; } .in-cond .a .aa { margin-right: 50px; } .in-conf .a .ab .abb { width: 350px; } .footera .con ul { margin-right: 15px; } .yzdz-cona .box .d .da ul li .daa { margin-right: 15px; } }