body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } a { text-decoration: none; cursor: pointer; } a:hover { text-decoration: none; } * { box-sizing: border-box; } img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } i, em { font-style: normal; } li { list-style: none; } button, input, select, textarea { font-size: 100%; border: none; outline: none; } .wrap { width: 100%; max-width: 1492px; margin: 0 auto; } .clearfix:after { content: " "; display: block; height: 0px; visibility: hidden; clear: both; } .clearfix { zoom: 1; } .l { float: left; } .r { float: right; } .head-baner { position: relative; } .head-baner:before { position: absolute; background: url(../images/index_pbg.jpg) no-repeat; left: 0; top: 0; content: ""; display: block; background-size: 100% 100%; width: 960px; height: 900px; z-index: -1; box-shadow: 5px 0 50px rgba(30, 42, 72, 0.4); border-bottom-right-radius: 80px; } .head-baner:after { position: absolute; background: url(../images/xt.png) no-repeat; right: 0; top: 50%; content: ""; display: block; background-size: 100% 100%; width: 930px; height: 350px; z-index: -1; margin-top: -120px; } .nav { padding-top: 50px; } .nav .logo { width: 180px; float: left; } .nav .nav-list { float: left; margin-left: 11%; } .nav .nav-list li { float: left; margin-left: 54px; position: relative; } .nav .nav-list li a { font-size: 18px; color: #333; line-height: 61px; display: block; } .nav .nav-list li:hover:before { position: absolute; bottom: 3px; left: 50%; margin-left: -30px; width: 60px; height: 5px; background-color: #ffbd37; content: ""; display: block; } .nav .nav-list li.active { position: relative; } .nav .nav-list li.active:before { position: absolute; bottom: 3px; left: 50%; margin-left: -30px; width: 60px; height: 5px; background-color: #ffbd37; content: ""; display: block; } .nav .nav-list .tit-col a { color: #fff; } .tel-hm { float: right; background: url(../images/tel_hm.png) no-repeat; background-size: 100% 100%; line-height: 70px; width: 231px; font-size: 22px; color: #172b49; margin-top: -5px; text-align: center; border-radius: 50px; } .tel-hm2 { float: right; background: url(../images/tel_hm2.png) no-repeat; background-size: 100% 100%; line-height: 70px; width: 231px; font-size: 22px; color: #172b49; margin-top: -5px; text-align: center; border-radius: 50px; } .pro-slick { margin-top: 85px; } .pro-slick .slick-prev { background: url(../images/left.png) no-repeat; background-size: 100% 100%; width: 105px; height: 66px; z-index: 9999; top: auto; bottom: -7px; left: 0; } .pro-slick .slick-next { background: url(../images/right.png) no-repeat; background-size: 100% 100%; width: 105px; height: 66px; z-index: 9999; top: auto; bottom: -7px; left: 95px; } .pro-slick .xq-box { width: 33%; margin-top: 65px; } .pro-slick .xq-box .top { overflow: hidden; } .pro-slick .xq-box .top span { font-size: 40px; color: #173449; float: left; line-height: 100px; } .pro-slick .xq-box .top span img { padding: 0; display: block; margin-right: 10px; } .pro-slick .xq-box p { font-size: 30px; color: #465059; position: relative; text-align: center; margin-top: 20px; } .pro-slick .xq-box p:before { content: ""; display: inline-block; width: 70px; height: 2px; position: absolute; left: 0; background: #7f838a; top: 50%; margin-top: -1px; } .pro-slick .xq-box p:after { content: ""; display: inline-block; width: 70px; height: 2px; position: absolute; right: 0; background: #7f838a; top: 50%; margin-top: -1px; } .pro-slick .xq-box ul { margin-top: 80px; } .pro-slick .xq-box ul li { font-size: 24px; color: #616f7c; line-height: 1.6em; margin-bottom: 35px; position: relative; padding-left: 50px; } .pro-slick .xq-box ul li:before { position: absolute; left: 0; top: 6px; content: ""; display: inline-block; background: url(../images/zs.png) no-repeat; background-size: 100% 100%; width: 30px; height: 28px; } .pro-slick .xq-box a { font-size: 24px; color: #fff; font-weight: bold; background: url(../images/btn.png) no-repeat; background-size: 100% 100%; width: 438px; height: 98px; line-height: 98px; text-align: center; display: block; margin-left: -30px; margin-top: 90px; transition: all linear 0.3s; position: relative; } .pro-slick .xq-box a:before, .pro-slick .xq-box a:after { content: ""; height: 4px; background: #fff; display: block; margin: 0 auto; position: absolute; left: 50%; right: 50%; transition: all linear 0.3s; } .pro-slick .xq-box a:before { top: 13px; } .pro-slick .xq-box a:after { bottom: 17px; } .pro-slick .xq-box a:hover:before, .pro-slick .xq-box a:hover:after { left: 20%; right: 20%; } .wz-ms { text-align: center; } .wz-ms p { font-size: 56px; color: #e8e8e8; font-weight: bold; opacity: .6; text-transform: uppercase; } .wz-ms strong { display: block; margin-top: -50px; position: relative; z-index: 5; font-size: 42px; color: #142f58; font-weight: bold; } .wz-ms strong a, .wz-ms strong span { font-size: 42px; color: #142f58; font-weight: bold; position: relative; } .wz-ms strong a::before, .wz-ms strong span::before { display: block; position: absolute; width: 32px; height: 36px; left: -80px; top: 50%; margin-top: -16px; content: ""; background: url(../images/pro_l.png) no-repeat; } .wz-ms strong a::after, .wz-ms strong span::after { display: block; position: absolute; width: 32px; height: 36px; right: -80px; top: 50%; margin-top: -16px; content: ""; background: url(../images/pro_r.png) no-repeat; } .hot-pro { margin-top: 125px; } .hot-pro .pro-list { text-align: center; } .hot-pro .pro-list ul { margin-left: 20px; margin-top: 36px; } .hot-pro .pro-list li { display: inline-block; background: url(../images/li_bg.png) no-repeat; background-size: cover; width: 220px; height: 40px; line-height: 40px; margin-left: -20px; } .hot-pro .pro-list li a { color: #747474; font-size: 18px; display: block; } .hot-pro .pro-list li:hover a { color: #fda82b; } .hot-box { overflow: hidden; position: relative; height: 950px; } .hot-box:after { position: absolute; bottom: 0; left: 50%; margin-left: -750px; content: ""; width: 1500px; height: 242px; background: url(../images/hot_bg.png) no-repeat; background-size: 100% 100%; display: block; z-index: -1; } .hot-slick { margin-left: 8%; width: 100%; margin-top: 80px; overflow: hidden; } .hot-slick .box { padding-left: 10px; } .hot-slick .name-box { background: url(../images/xg_bg.png) no-repeat; background-size: cover; width: 420px; height: 210px; box-shadow: 0 16px 30px rgba(23, 43, 73, 0.2); border-radius: 10px; padding: 33px 40px 30px 60px; } .hot-slick .name-box h3 { position: relative; } .hot-slick .name-box h3 a { font-size: 22px; color: #333; line-height: 1.6em; } .hot-slick .name-box:hover h3 a { color: #fda82b; } .hot-slick .name-box h3:after { position: absolute; bottom: -15px; width: 92px; background: #172b4a; height: 2px; content: ""; display: block; } .hot-slick .name-box p { font-size: 20px; color: #747474; margin-top: 33px; } .hot-slick .name-box p span { font-size: 22px; color: #000; } .hot-slick .name-box .look { text-align: right; display: block; float: right; transition: all .6s ease-in; } .hot-slick .name-box:hover .look { margin-right: 20px; transition: all .6s ease-in; } .hot-slick .pro-pic { position: relative; margin-top: 70px; margin-bottom: 90px; } .hot-slick .pro-pic img { display: block; margin-left: -20px; } .hot-slick .pro-pic::before { background: url(../images/gk.png) no-repeat; background-size: cover; width: 506px; height: 386px; content: ""; display: block; position: absolute; top: -190px; left: 30px; z-index: -1; } .hot-slick .pro-pic a { display: block; } .hot-slick .slick-prev { left: 75px; background: url(../images/hot_l.png) no-repeat; background-size: 100% 100%; width: 90px; height: 90px; z-index: 9999; } .hot-slick .slick-next { left: 155px; background: url(../images/hot_r.png) no-repeat; background-size: 100% 100%; width: 90px; height: 90px; z-index: 9999; } .index-case { margin-top: 75px; } .index-case .case-lb { margin-top: 45px; background: url(../images/index_casebg.jpg) no-repeat; background-size: cover; padding-top: 145px; padding-bottom: 125px; } .case-list ul { margin-left: -3%; } .case-list li { float: left; width: 30.333%; margin-left: 3%; } .case-list li:after { background: url(../images/case_bg.png) no-repeat; background-size: 100% 100%; width: 95%; height: 410px; margin-top: -375px; content: ""; display: block; } .case-list li .pic { display: block; position: relative; padding-top: 65%; overflow: hidden; margin-left: 35px; } .case-list li .pic img { display: block; border-top-right-radius: 20px; border-bottom-left-radius: 30px; position: absolute; left: 0; top: 0; border-radius: 0 20px 0 28px; } .case-list li .box { padding: 0 70px 0 35px; margin-top: 30px; } .case-list li .box h3 a { font-size: 26px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; } .case-list li:hover .box h3 a { color: #fda82b; } .case-list li .box .xq { position: relative; margin-top: 30px; margin-left: 40px; } .case-list li .box .xq:before { background: url(../images/sd.png) no-repeat; background-size: cover; width: 108px; height: 95px; content: ""; display: block; position: absolute; left: -40px; top: -20px; z-index: 1; } .case-list li .box .xq p, .case-list li .box .xq span { font-size: 16px; color: #333; position: relative; z-index: 5; } .case-list li .box .xq span { margin-left: 15px; display: block; margin-top: 10px; } .case-list li .box .box-l { float: left; } .case-list li .box .box-r { float: right; } .index-news { margin-top: 110px; } .index-news .new-box { margin-top: 60px; } .index-news .new-box .new-l { float: left; width: 48%; position: relative; } .index-news .new-box .new-l .pic { display: block; position: relative; padding-top: 74%; overflow: hidden; } .index-news .new-box .new-l .pic img { width: 100%; display: block; position: absolute; left: 0; top: 0; border-top-left-radius: 30px; border-top-right-radius: 30px; } .index-news .new-box .new-r { float: right; width: 48%; } .index-news .new-box .new-r li { overflow: hidden; background: #fff; box-shadow: 0 10px 20px rgba(23, 43, 73, 0.1); padding: 30px 40px; margin-bottom: 31px; } .index-news .new-box .new-r li .time { float: left; width: 12.5%; margin-left: 2%; } .index-news .new-box .new-r li .time p { font-size: 18px; color: #333; } .index-news .new-box .new-r li .time strong { display: block; color: #666; font-size: 30px; margin-top: 5px; } .index-news .new-box .new-r li .bt { float: left; margin-left: 5%; width: 77%; } .index-news .new-box .new-r .bt a { font-size: 20px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .index-news .new-box .new-r li:hover { box-shadow: 0 0px 20px rgba(23, 43, 73, 0.1); } .index-news .new-box .new-r li:hover .bt a { color: #fda82b; } .index-news .new-box .new-r .bt p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #666; margin-top: 15px; } .index-news .bt-box { position: absolute; left: 50%; bottom: -80px; margin-left: -329px; background: url(../images/n_bg.jpg) no-repeat; background-size: cover; width: 658px; height: 119px; padding-top: 24px; box-shadow: 0 10px 20px rgba(23, 43, 73, 0.1); } .index-news .bt-box .time { float: left; background: url(../images/hk.png) no-repeat; background-size: 100% 100%; width: 12.5%; padding: 10px 15px; margin-left: 2%; } .index-news .bt-box .time p { font-size: 18px; color: #333; } .index-news .bt-box .time strong { display: block; font-size: 22px; margin-top: 5px; } .index-news .bt-box .bt { float: left; margin-left: 5%; margin-top: 8px; width: 77%; } .index-news .bt-box .bt h3 a { font-size: 20px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .index-news .bt-box .bt p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #666; margin-top: 15px; } .index-ys { background: url(../images/ys_bg.jpg) no-repeat center; height: 700px; background-size: cover; margin-top: 100px; } .index-ys .mTop { padding-top: 180px; display: inline-block; } .index-ys .ys-wz { position: relative; width: 600px; text-align: center; margin-left: 18%; } .index-ys .ys-wz p { font-size: 56px; color: #e8e8e8; font-weight: bold; opacity: .4; } .index-ys .ys-wz strong { display: block; position: absolute; top: 25px; font-size: 56px; color: #ebb24a; left: 50%; margin-left: -140px; } .index-ys ul { margin-top: 120px; } .index-ys ul .one { margin-left: 230px; } .index-ys ul .two { margin-left: 210px; } .index-ys ul .three { margin-left: 155px; } .index-ys ul .four { margin-left: 55px; } .index-ys li { font-size: 32px; color: #fff; font-weight: bold; margin-top: 30px; overflow: hidden; } .index-ys li span { font-size: 56px; color: #ebb24a; display: block; padding-right: 40px; float: left; line-height: 1.1em; } .index-ys li strong { float: left; display: block; line-height: 74px; } .foot { background: #09111e; height: 130px; line-height: 130px; text-align: center; } .foot p { color: #fff; font-size: 16px; } .dh-nav { height: 80px; line-height: 80px; } .dh-nav ol { overflow: hidden; background: url(../images/wz.png) no-repeat left center; padding-left: 25px; position: relative; } .dh-nav ol li { float: left; } .dh-nav ol li a, .dh-nav ol li span { font-size: 12px; color: #9aa3b8; } .banner-right .box { float: right; box-shadow: 0px 5px 50px rgba(30, 42, 72, 0.5); } .banner-right img { width: 100%; display: block; border-radius: 60px 0 0 10px; } .about-gs { margin-top: 145px; position: relative; } .about-gs:before { background: url(../images/gs_bg.png) no-repeat; background-size: 100% 100%; width: 100%; height: 500px; content: ""; display: block; position: absolute; top: 31%; left: 0; } .about-gs .gs-l { float: left; width: 43%; margin-top: 170px; } .about-gs .gs-l .tit { font-size: 18px; color: #747474; line-height: 2em; text-align: center; margin-top: 50px; } .about-gs .gs-l .btn { margin: 80px auto 0; background: url(../images/btn.png) no-repeat; background-size: 100% 100%; width: 438px; height: 94px; line-height: 94px; text-align: center; color: #fff; font-weight: bold; position: relative; z-index: 1; cursor: pointer; } .about-gs .gs-l .btn:before { content: ""; background: #fff; border-radius: 66px; position: absolute; left: 13px; right: 15px; top: 12px; bottom: 16px; opacity: 0; transition: all linear 0.3s; z-index: -1; } .about-gs .gs-l .btn:hover { color: #ffbd37; } .about-gs .gs-l .btn:hover:before { opacity: 1; } .about-gs .gs-l .btn .one { font-size: 18px; } .about-gs .gs-l .btn .two { font-size: 20px; } .about-gs .gs-l .btn .three { font-size: 22px; } .about-gs .gs-r { float: right; width: 55%; } .about-gs .gs-r ul { float: left; width: 50%; } .about-gs .gs-r ul li { position: relative; margin-top: 20px; } .about-gs .gs-r ul li p { position: absolute; top: 42px; left: 130px; font-size: 22px; font-weight: bold; color: #244577; } .about-gs .gs-r .ul-one { margin-top: 70px; } .about-sl { background-color: #f1f3f5; padding: 70px 0 100px; margin-top: 85px; } .about-sl .sl-r { float: right; margin-bottom: -85px; width: 60%; position: relative; z-index: 1; } .about-sl .sl-r .tit { font-size: 18px; color: #747474; margin-top: 45px; } .about-sl .sl-pic { position: relative; } .about-sl .sl-pic img { display: block; width: 100%; } .about-sl .sl-pic .box { position: absolute; bottom: 18%; right: 4%; width: 28%; } .about-sl .sl-pic .box strong { font-size: 32px; color: #fff; display: block; position: relative; } .about-sl .sl-pic .box strong:after { width: 115px; height: 4px; background: #f8bf3c; content: ""; position: absolute; left: 0; bottom: -20px; } .about-sl .sl-pic .box p { font-size: 18px; color: #fff; line-height: 2.2em; margin-top: 60px; } .about-hz { text-align: center; margin-top: 100px; } .about-hz .tit { font-size: 18px; color: #747474; margin-top: 45px; line-height: 2.2em; } .about-hz .hz-bg { margin: 50px auto 0; } .about-hz .hz-bg img { display: block; max-width: 100%; } .about-fz { background: #172b49; background: -webkit-linear-gradient(#21467d, #172b49); background: -o-linear-gradient(#21467d, #172b49); background: -moz-linear-gradient(#21467d, #172b49); background: linear-gradient(#21467d, #172b49); border-top-left-radius: 80px; padding: 115px 0 110px; overflow: hidden; margin-top: 115px; } .about-fz .fz-box { width: 100%; overflow: hidden; margin-left: 10%; } .about-fz .fz-l { float: left; width: 35%; padding-left: 2.5%; } .about-fz .fz-l .fz-ms { text-align: left; } .about-fz .fz-l .fz-ms p { font-size: 56px; color: #e8e8e8; font-weight: bold; opacity: .05; text-transform: uppercase; } .about-fz .fz-l .fz-ms strong { display: block; margin-top: -50px; position: relative; z-index: 5; font-size: 42px; color: #ebb24a; font-weight: bold; } .about-fz .fz-l .tit { font-size: 18px; color: #b7cdee; line-height: 2em; margin-top: 35px; } .about-fz .fz-l .kj { margin-top: 90px; } .about-fz .fz-l .kj strong { display: block; font-size: 28px; color: #fefefe; opacity: .8; } .about-fz .fz-l .kj ul { margin-top: 45px; } .about-fz .fz-l .kj ul li {font-size: 18px;color: #dfdfdf;position: relative;} .about-fz .fz-l .kj ul li+li{margin-top: 8%;} .about-fz .fz-l .kj ul li:before { background: url(../images/yq_bg.png) no-repeat; background-size: cover; width: 74px; height: 72px; content: ""; display: block; position: absolute; left: -20px; top: -10px; } .about-fz .fz-l .kj ul li em { font-size: 50px; color: #7799cd; font-weight: bold; } .about-fz .fz-l .kj ul li span { font-size: 18px; color: #7799cd; font-weight: bold; } .about-fz .fz-r { float: left; width: 60%; padding-left: 5%; position: relative; } .about-fz .fz-r .sprev, .about-fz .fz-r .snext { display: block; position: absolute; bottom: 60px; } .about-fz .fz-r .sprev { left: 50%; } .about-fz .fz-r .snext { left: 58%; } .about-fz .fz-r .sprev img, .about-fz .fz-r .snext img { transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -moz-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -o-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); } .about-fz .fz-r .pageState { display: block; color: #6f788c; position: absolute; left: 42%; bottom: 50px; font-size: 24px; } .about-fz .parbd { overflow: hidden; margin-left: -3%; } .about-fz .parbd .slidebox { float: left; width: 55%; margin-left: 15%; } .about-fz .year-box { background: url(../images/year_bg.png) no-repeat; background-size: 100% 100%; width: 321px; height: 266px; padding: 40px 35px 20px 25px; margin-top: -140px; position: relative; overflow: hidden; } .about-fz .year-box .tempWrap { padding-left: 10px; margin-top: -30px; } .about-fz .year-box ul { margin-top: -40px; border-left: 1px dashed #6d7689; } .about-fz .year-box li { margin-top: 40px; padding-left: 25px; position: relative; } .about-fz .year-box li:before { position: absolute; left: -8px; top: 8px; background: url(../images/li_b.png) no-repeat; width: 17px; height: 17px; background-size: cover; content: ""; display: block; } .about-fz .year-box li strong { font-size: 22px; color: #fff; } .about-fz .year-box li p { font-size: 16px; color: #e9e9e9; line-height: 1.5em; margin-top: 10px; } .about-fz .year-box .active strong { color: #00a3ff; } .about-fz .year-box .active p { color: #80b2ff; } .about-fz .year-box .active:before { position: absolute; left: -8px; top: 8px; background: url(../images/li_ab.png) no-repeat; width: 17px; height: 17px; background-size: cover; content: ""; display: block; } .header { background: #172b49; border-radius: 0 0 80px 80px; padding-bottom: 30px; } .header .nav-list li a { color: #fff; } .header:before, .header:after { display: none; } .y-box { box-shadow: 0 35px 50px rgba(30, 42, 72, 0.1); } .y-box .list-ul { padding-bottom: 80px; margin-top: 20px; } .y-box .list-ul ul { margin-left: -3%; } .y-box .list-ul li { float: left; width: 22%; margin-left: 3%; position: relative; } .y-box .list-ul li .bg-pic .one { display: block; } .y-box .list-ul li .bg-pic .two { display: none; } .y-box .list-ul li a { display: block; font-size: 22px; color: #444; position: absolute; top: 55px; left: 35px; } .y-box .list-ul li a img { display: block; margin-top: 30px; } .y-box .list-ul li.active .bg-pic .one, .y-box .list-ul li:hover .bg-pic .one { display: none; } .y-box .list-ul li.active .bg-pic .two, .y-box .list-ul li:hover .bg-pic .two { display: block; } .y-box .list-ul li.active a, .y-box .list-ul li:hover a { color: #fff; } .pro-ul ul { margin-left: -3%; margin-bottom: 70px; margin-top: 22px; } .pro-ul li { width: 22%; float: left; margin-left: 3%; margin-top: 48px; } .pro-ul li .pic { position: relative; padding-top: 81%; overflow: hidden; display: block; } .pro-ul li .pic img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: auto; border-radius: 20px 20px 0 0; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .pro-ul li:hover .pic img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); border-radius: 20px 20px 0 0; } .pro-ul li .box { background: url(../images/lx_s.png) no-repeat #fff; text-align: center; line-height: 68px; box-shadow: 0 0 30px rgba(31, 65, 106, 0.2); border-radius: 0 0 20px 20px; } .pro-ul li .box a { color: #2f3546; font-size: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .pro-ul li:hover .box a { color: #fda82b; } .body-bg { position: relative; } .body-bg:before { content: ""; display: block; width: 1118px; height: 794px; box-shadow: -7px 7px 7px rgba(22, 71, 146, 0.1); position: absolute; right: 0; top: 0; border-bottom-left-radius: 80px; z-index: -1; background: url(../images/body_bg.jpg) no-repeat; background-size: cover; } .pro-top { position: relative; } .pro-top .top-l { float: left; display: block; width: 46.25%; position: relative; } .pro-top .top-l img { display: block; border-radius: 15px; box-shadow: 0 5px 40px rgba(30, 42, 72, 0.5); width: 100%; } .pro-top .top-r { float: left; width: 51%; padding-left: 5%; padding-right: 2%; margin-top: 20px; height: 500px; } .pro-top .top-r h1 { font-size: 40px; color: #172b49; } .pro-top .top-r .cp-ms { font-size: 16px; color: #334f79; line-height: 2.5em; background: rgba(199, 218, 246, 0.65); background: linear-gradient(150deg, rgba(255, 0, 0, 0) 0%, #c7daf6 50%, rgba(255, 0, 0, 0) 100%); margin-left: -13%; border-radius: 0 25px 25px 0; padding: 5px 5% 0 0; margin-top: 30px; } .pro-top .top-r .cp-ms p { padding-left: 12%; font-size: 16px; color: #334f79; line-height: 2.5em; } .pro-top .top-r li { position: relative; margin-top: 70px; margin-left: 60px; float: left; width: 32%; } .pro-top .top-r li:before { background: url(../images/sd_2.png) no-repeat; background-size: cover; width: 140px; height: 108px; content: ""; display: block; position: absolute; left: -60px; top: -30px; z-index: -1; } .pro-top .top-r li strong { font-size: 18px; color: #42536d; } .pro-top .top-r li p { font-size: 18px; color: #42536d; font-weight: bold; margin-left: 30px; margin-top: 10px; } .pro-top .top-r .top-thr { margin-top: 80px; padding-right: 8%; } .pro-top .top-r .top-thr p { font-size: 14px; color: #555; line-height: 2.1em; margin-top: 4px; } .pro-top .top-r .btn-box { position: absolute; bottom: -95px; } .pro-top .top-r .btn-box .one { background: url(../images/a_bg.png) no-repeat; background-size: cover; display: inline-block; width: 318px; height: 94px; line-height: 94px; text-align: center; font-size: 24px; color: #fff; font-weight: bold; cursor: pointer; position: relative; z-index: 1; } .sol-top .top-r .btn-box .one:before { content: ""; background: #fff; border-radius: 66px; display: block; margin: 0 auto; position: absolute; left: 15px; right: 17px; top: 14px; bottom: 18px; opacity: 0; z-index: -1; transition: all linear 0.3s; } .sol-top .top-r .btn-box .one:hover { color: #fa4e4e; } .sol-top .top-r .btn-box .one:hover:before { opacity: 1; } .cppage-top .top-r .btn-box .one:before, .pro-top .top-r .btn-box .one:after { content: ""; height: 4px; background: #fff; display: block; margin: 0 auto; position: absolute; left: 50%; right: 50%; transition: all linear 0.3s; animation: shake 2s linear infinite; } .cppage-top .top-r .btn-box .one:before { top: 14px; } .cppage-top .top-r .btn-box .one:after { bottom: 18px; } @keyframes shake { 0% { left: 50%; right: 50%; } 50% { left: 20%; right: 20%; } 100% { left: 50%; right: 50%; } } .pro-top .top-r .btn-box .two { background: url(../images/span_bg.png) no-repeat; background-size: cover; display: inline-block; width: 378px; height: 76px; line-height: 76px; font-size: 22px; color: #172b49; margin-left: -90px; z-index: -1; text-align: center; padding-left: 65px; position: relative; } .pro-top .top-r .btn-box .two strong { font-size: 26px; } .proNav { background: url(../images/ul_bg.jpg); width: 100%; background-size: cover; position: relative; margin-top: 170px; } .proNav li { float: left; width: 25%; text-align: center; padding-top: 34px; padding-bottom: 57px; position: relative; } .proNav li:before { background: url(../images/d_bg.png) no-repeat; background-size: cover; width: 16px; height: 16px; content: ""; display: block; position: absolute; top: 70px; left: 50%; margin-left: -8px; } .proNav li:after { height: 1px; background: #9ea4cb; display: block; position: absolute; top: 78px; content: ""; width: 100%; } .proNav li.sta:after { left: 50%; } .proNav li.last:after { right: 50%; } .proNav li a { font-size: 20px; color: #666; } .proNav li.active a, .proNav li:hover a { color: #fda82b; font-weight: bold; } .con-tent { margin-top: 65px; } .cont-l { float: left; width: 68%; } .cont-l h3 { font-size: 28px; color: #2f3546; background: url(../images/h3_b.jpg) left 5px no-repeat; padding-left: 65px; margin: 55px 0 20px 0; } .cont-l p { font-size: 16px; color: #484b61; line-height: 2.2em; margin: 20px 0; } .cont-l p img { display: block; margin: 0 auto; max-width: 100%; } .cont-l video { max-width: 680px; display: block; margin: 0 auto; } .cont-l .cont-ys ul { overflow: hidden; margin-left: -4.5%; margin-top: -40px; padding: 20px 0; } .cont-l .cont-ys ul li { width: 44.5%; float: left; margin-left: 5%; margin-top: 40px; } .cont-l .cont-ys ul li span { font-size: 20px; color: #ffd58d; font-weight: bold; display: inline-block; background: #2d405c; border-radius: 25px 25px 0 0; padding: 0 50px; line-height: 50px; } .cont-l .cont-ys ul li .box { border-radius: 0 50px 40px 40px; box-shadow: 0 6px 20px rgba(41, 55, 124, 0.2); padding: 30px 45px; } .cont-l .cont-ys ul li p { font-size: 16px; color: #666; line-height: 2em; margin: 0; height: 125px; overflow: hidden; } .cont-l .pro-cs ul { margin: 30px 0 25px; overflow: hidden; margin-left: -2%; } .cont-l .pro-cs li { color: #465174; font-size: 16px; padding: 15px 30px; box-sizing: border-box; cursor: pointer; margin-bottom: 25px; border-radius: 30px; display: inline-block; margin-left: 2%; background: #fff; box-shadow: 0 6px 20px rgba(41, 55, 124, 0.2); border: 4px solid transparent; } .cont-l .pro-cs li.on, .cont-l .pro-cs li:hover { border: 4px solid #fda82b; } .cont-l .pro-cs .dn { display: none; } .cont-l td { word-break: break-all; padding: 10px 0; } .cont-r { float: right; width: 23.6%; box-shadow: 0 2px 20px rgba(17, 47, 91, 0.15); border-radius: 20px 6px 0 0; } .cont-r h3 { width: 100%; height: 60px; background: -webkit-linear-gradient(#4674b8, #365b93); background: -o-linear-gradient(#4674b8, #365b93); background: -moz-linear-gradient(#4674b8, #365b93); background: linear-gradient(#4674b8, #365b93); font-size: 24px; color: #fff; font-weight: bold; text-align: center; line-height: 60px; border-radius: 20px 6px 0 0; } .cont-r ul { padding: 30px 25px; margin-top: -20px; } .cont-r li { margin-top: 20px; } .cont-r li .pic { display: block; overflow: hidden; } .cont-r li .pic img { width: 100%; display: block; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: transform .35s; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } .cont-r li:hover .pic img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .cont-r li p { background: #fafdff; line-height: 48px; box-shadow: 0 1px 2px rgba(81, 113, 137, 0.05); } .cont-r li p a { font-size: 18px; color: #2d3944; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow: hidden; } .cont-r li:hover p a { color: #fda82b; font-weight: bold; } .kh-case { margin-top: 55px; overflow: hidden; } .kh-case h3 { font-size: 28px; color: #2f3546; background: url(../images/h3_b.jpg) left 5px no-repeat; padding-left: 65px; margin-bottom: 20px; } .kh-case .box-ul { width: 68%; float: left; } .kh-case .box-ul ul { margin: -30px 0 70px -7%; } .kh-case li { float: left; width: 43%; margin-left: 7%; margin-top: 40px; } .kh-case li .pic { position: relative; overflow: hidden; padding-top: 69.5%; display: block; } .kh-case li .pic img { display: block; position: absolute; top: 0; left: 0; border-radius: 6px; } .kh-case li .box { background: #fff; box-shadow: 0 3px 10px rgba(35, 46, 107, 0.15); width: 85%; margin: -75px auto 0; position: relative; padding: 30px 40px; border-radius: 6px; } .kh-case li .box a { font-size: 22px; color: #3d3d3d; text-align: center; display: block; font-weight: bold; } .kh-case li .box p { font-size: 16px; color: #3e566a; font-weight: bold; margin-top: 15px; padding-left: 35px; } .kh-case li .box strong { font-weight: normal; font-size: 16px; } .kh-case li .box .one { background: url(../images/xq.jpg) no-repeat left 4px; } .kh-case li .box .two { background: url(../images/xz.jpg) no-repeat left 4px; } .sol-box { box-shadow: 0 35px 50px rgba(30, 42, 72, 0.1); } .sol-box .list-ul { padding-bottom: 80px; margin-top: 20px; } .sol-box .list-ul ul { margin-left: -3%; } .sol-box .list-ul li { float: left; width: 22%; margin-left: 3%; position: relative; } .sol-box .list-ul li .bg-pic img { display: block; text-align: center; margin: 0 auto; } .sol-box .list-ul li .bg-pic .one { display: block; } .sol-box .list-ul li .bg-pic .two { display: none; } .sol-box .list-ul li a { display: block; font-size: 22px; color: #444; text-align: center; margin-top: 5px; } .sol-box .list-ul li.active .bg-pic .one, .sol-box .list-ul li:hover .bg-pic .one { display: none; } .sol-box .list-ul li.active .bg-pic .two, .sol-box .list-ul li:hover .bg-pic .two { display: block; } .sol-list { margin-top: 55px; overflow: hidden; } .sol-list ul { margin: -70px 0 70px -5%; } .sol-list li { float: left; width: 28.333%; margin-left: 5%; margin-top: 90px; position: relative; transition: all .6s ease; } .sol-list li:hover .pic { box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13); transform: translate(0, -3px); border-radius: 20px; transition: all .6s ease; } .sol-list li .pic { position: relative; overflow: hidden; padding-top: 59.5%; display: block; width: 85.5%; text-align: center; margin: 0 auto; } .sol-list li .pic img { display: block; position: absolute; top: 0; left: 0; border-radius: 20px; } .sol-list li .box { background: #fff; box-shadow: 0 6px 20px rgba(41, 55, 124, 0.2); margin: -118px auto 0; padding: 10px; border-radius: 20px; } .sol-list li .box .border-box { border-radius: 20px; border: 1px dashed #d5ddf2; padding: 135px 55px 20px; } .sol-list li .box a { font-size: 22px; color: #3d3d3d; display: block; font-weight: bold; margin-bottom: 25px; } .sol-list li:hover .box a { color: #fda82b; } .sol-list li .box p { font-size: 16px; color: #3e566a; font-weight: bold; margin-top: 15px; padding-left: 35px; } .sol-list li .box strong { font-weight: normal; font-size: 16px; } .sol-list li .box .one { background: url(../images/xq.jpg) no-repeat left 4px; } .sol-list li .box .two { background: url(../images/xz.jpg) no-repeat left 4px; } .sol-list li .jt { position: absolute; right: -12px; bottom: -12px; } .solNav { background: url(../images/ul_bg.jpg); width: 100%; background-size: cover; position: relative; margin-top: 150px; } .solNav li { float: left; width: 25%; text-align: center; padding-top: 34px; padding-bottom: 57px; position: relative; } .solNav li:before { background: url(../images/d_bg.png) no-repeat; background-size: cover; width: 16px; height: 16px; content: ""; display: block; position: absolute; top: 70px; left: 50%; margin-left: -8px; } .solNav li:after { height: 1px; background: #9ea4cb; display: block; position: absolute; top: 78px; content: ""; width: 100%; } .solNav li.sta:after { left: 50%; } .solNav li.last:after { right: 50%; } .solNav li a { font-size: 20px; color: #666; } .solNav li.active a, .solNav li:hover a { color: #fda82b; font-weight: bold; } .body-sol { position: relative; } .body-sol:before { content: ""; display: block; width: 1118px; height: 830px; box-shadow: -7px 7px 7px rgba(22, 71, 146, 0.1); position: absolute; right: 0; top: 0; border-bottom-left-radius: 30px; z-index: -1; background: url(../images/body_bg.jpg) no-repeat; background-size: cover; } .sol-top .top-r ul { position: relative; } .sol-top .top-r ul:before { background: url(../images/h_bg.png) no-repeat; width: 123%; height: 77px; background-size: 100% 100%; content: ""; display: block; position: absolute; left: -23%; z-index: -1; top: 70px; } .sol-top .top-r .top-thr p { font-size: 16px; } .sol-top .top-r .btn-box { position: static; margin-top: 75px; } .sol-top .top-r .btn-box p { font-size: 16px; color: #7d9dcf; margin-left: 22%; margin-bottom: -25px; } .sol-top .top-r .btn-box span { float: left; } .sol-top .top-r .btn-box .star { border-radius: 50%; position: relative; z-index: 2; } .sol-top .top-r .btn-box .star img { border-radius: 50%; box-shadow: 0 4px 30px rgba(31, 74, 140, 0.56); } .sol-top .top-r .btn-box .one { background: url(../images/st_bg.png) no-repeat; background-size: 100% 100%; width: 297px; height: 76px; line-height: 76px; margin-left: -40px; margin-top: 40px; } .sol-top .top-r .btn-box .one:before { border-radius: 0 66px 66px 0; left: 10px; right: 8px; top: 7px; bottom: 11px; } .sol-top .top-r .btn-box .one:hover { } .sol-top .top-r .btn-box .two { margin-left: -105px; margin-top: 40px; height: 69px; } .sol-cont { margin-bottom: 80px; } .sol-cont .fz-lc ul { margin-top: 36px; } .sol-cont .fz-lc li { font-size: 16px; color: #666; line-height: 2em; box-shadow: 0 4px 20px rgba(41, 55, 124, 0.2); margin-bottom: 30px; padding: 24px 115px; border-radius: 0 15px 15px 0; position: relative; } .sol-cont .fz-lc li:before { background-size: cover; position: absolute; left: 0; top: -5px; width: 86px; height: 90px; border-radius: 16px; display: block; content: ""; box-shadow: 0 6px 10px rgba(61, 102, 163, 0.6); } .sol-cont .fz-lc li.a1:before { background: url(../images/01.jpg) no-repeat; } .sol-cont .fz-lc li.a2:before { background: url(../images/02.jpg) no-repeat; } .sol-cont .fz-lc li.a3:before { background: url(../images/03.jpg) no-repeat; } .sol-cont .fz-lc li.a4:before { background: url(../images/04.jpg) no-repeat; } .sol-cont .kh-fk { margin-top: 72px; } .sol-cont .kh-fk h3 { font-size: 30px; color: #fff; font-style: italic; background: url(../images/kh_h3.png) no-repeat; height: 68px; line-height: 64px; margin-bottom: -25px; position: relative; } .sol-cont .kh-fk .box { background: #ebf4fd; overflow: hidden; padding: 12px 40px; border-radius: 15px; } .sol-cont .kh-fk .box p { float: left; font-size: 16px; line-height: 2.25em; color: #666; display: block; width: 65%; margin-top: 58px; } .sol-cont .kh-fk .box span { display: block; float: right; width: 27%; cursor: pointer; } .gy-ntop { float: left; } .gy-ntop p { font-size: 56px; color: #e8e8e8; font-weight: bold; opacity: .6; text-transform: uppercase; } .gy-ntop strong { display: block; margin-top: -50px; position: relative; z-index: 5; font-size: 42px; color: #142f58; font-weight: bold; } .gy-more { float: right; width: 170px; height: 44px; border-radius: 22px; border: 1px dashed #8098d6; text-align: center; line-height: 44px; margin-top: 18px; padding-left: 20px; } .gy-more:hover { border: 1px dashed #fda82b; } .gy-more a { font-size: 16px; color: #142f58; display: block; position: relative; background: url(../images/qq.png) no-repeat 25%; } .gy-more:hover a { color: #fda82b; } .gx-new ul { margin-left: -4%; margin-top: 35px; } .gx-new li { float: left; width: 29.333%; margin-left: 4%; position: relative; } .gx-new li .pic { position: relative; padding-top: 75%; display: block; overflow: hidden; } .gx-new li .pic img { position: absolute; display: block; left: 0; top: 0; border-radius: 30px 30px 0 0; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .gx-new li:hover .pic img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .gx-new li .text { width: 95%; position: absolute; bottom: -80px; background: #fff; background-size: cover; padding: 24px 30px 24px 10px; border-radius: 0 30px 10px 10px; box-shadow: 0 10px 20px rgba(23, 43, 73, 0.1); } .gx-new li .text .time { float: left; background: url(../images/hk.png) no-repeat; background-size: 100% 100%; width: 23%; padding: 9px 15px; } .gx-new li .text .time p { font-size: 16px; color: #999; } .gx-new li .text .time strong { font-size: 22px; color: #666; } .gx-new li .text h3 { float: left; margin-left: 5%; width: 70%; height: 70px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .gx-new li .text h3 a { font-size: 18px; color: #555; font-weight: bold; line-height: 2em; } .hy-new { background: #f1f3f5; margin-top: 165px; padding: 60px 0 90px 0; } .u-list { margin-top: 40px; } .hy-new .hy-left { float: left; width: 37.5%; } .hy-new .hy-left .pic { position: relative; overflow: hidden; display: block; padding-top: 64%; border-radius: 20px 20px 0 0; } .hy-new .hy-left .pic img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: auto; border-radius: 20px 20px 0 0; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .hy-new .hy-left:hover .pic img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .hy-new .hy-left .box { box-shadow: 0 16px 25px rgba(23, 43, 73, 0.1); border-radius: 0 0 20px 20px; padding: 25px 40px; background: #fff; } .hy-new .hy-left .box h3 a { font-size: 20px; color: #555; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; } .hy-new .hy-left:hover .box h3 a { color: #fda82b; } .hy-new .hy-left .box p { font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 15px; } .hy-new .hy-right { float: right; width: 57%; margin-top: -35px; } .hy-new .hy-right li { overflow: hidden; background: #fff; box-shadow: 0 10px 20px rgba(23, 43, 73, 0.1); padding: 34px 40px; margin-top: 35px; border-radius: 4px; } .hy-new .hy-right li .time { float: left; margin-top: 5px; width: 10%; } .hy-new .hy-right li .time p { font-size: 16px; color: #333; } .hy-new .hy-right li .time strong { font-size: 26px; color: #999; display: block; margin-top: 3px; } .hy-new .hy-right li .bt { float: left; margin-left: 4%; width: 77%; } .hy-new .hy-right li .bt a { font-size: 20px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .hy-new .hy-right li:hover .bt a { color: #fda82b; } .hy-new .hy-right li .bt p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #666; margin-top: 15px; } .cp-zs { padding: 70px 0 60px; } .cp-zs .ul-box { margin-left: -6%; } .cp-zs .ul-box .box { float: left; width: 44%; margin-left: 6%; margin-top: 40px; } .cp-zs .ul-box .box li { overflow: hidden; border-top: 1px dashed #dbdde1; padding: 30px 0; } .cp-zs .ul-box .box li:first-child { border: none; } .cp-zs .ul-box .box li h3 { font-weight: normal; } .cp-zs .ul-box .box li a { font-size: 16px; color: #777; float: left; display: block; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(../images/fk_b.png) no-repeat left 2px; padding-left: 28px; } .cp-zs .ul-box .box li:hover a { color: #fda82b; } .cp-zs .ul-box .box li span { float: right; font-size: 14px; color: #828796; width: 25%; text-align: right; } .cp-zs .ul-box .top-n { background: #fff; box-shadow: 0 0 30px rgba(63, 79, 109, 0.15); border-radius: 14px; padding: 12px 15px; margin-bottom: 20px; position: relative; } .cp-zs .ul-box .top-n .b-l { display: block; overflow: hidden; width: 29.7%; float: left; } .cp-zs .ul-box .top-n .b-l img { width: 100%; height: auto; display: block; border-radius: 10px; } .cp-zs .ul-box .top-n .b-r { float: left; width: 63%; margin-left: 4%; } .cp-zs .ul-box .top-n .b-r h3 { font-weight: normal; margin-top: 10px; height: 70px; } .cp-zs .ul-box .top-n .b-r a { font-size: 18px; color: #333; line-height: 2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .cp-zs .ul-box .top-n:hover .b-r a { color: #fda82b; } .cp-zs .ul-box .top-n .b-r p { margin-top: 25px; font-size: 14px; color: #828796; } .cp-zs .ul-box .top-n .pic { position: absolute; right: 6px; bottom: -6px; transition: all .6s ease; } .cp-zs .ul-box .top-n:hover .pic { right: -10px; transition: all .6s ease; } .news-list { margin-top: 17px; } .news-list ul { position: relative; } .news-list ul:after { content: ''; position: absolute; top: 2.5%; left: 3.5%; height: 95%; width: 2px; background: #f5f4f9; } .news-list li { box-shadow: 0 5px 20px rgba(22, 35, 67, 0.1); margin-bottom: 60px; border-radius: 10px; position: relative; margin-left: 7.5%; } .news-list li:before { position: absolute; left: -5.9%; top: 50%; background: url(../images/qd.png) no-repeat; background-size: cover; width: 50px; height: 50px; margin-top: -25px; content: ""; z-index: 5; } .news-list li .iten-l { background: #e6e9f2; color: #3e4355; float: left; padding: 55px 30px 55px 40px; border-radius: 10px 0 0 10px; width: 13%; } .news-list li .iten-l .d { font-size: 16px; } .news-list li .iten-l .t { font-size: 46px; margin: 5px 0; } .news-list li .iten-l .m { font-size: 16px; } .news-list li .item-r { float: left; background: #fff; padding: 50px 60px; width: 87%; border-radius: 0 10px 10px 0; } .news-list li .item-r a { color: #3e4355; font-size: 22px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-list li .item-r p { font-size: 16px; color: #666; line-height: 2em; margin-top: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .page-list { margin-top: 60px; position: relative; margin-bottom: 80px; } .page-list .t-page { display: none; position: absolute; left: 50%; margin-left: -19%; padding: 50px 40px 30px; box-sizing: border-box; border: 1px solid #cacaca; background-color: #FFF; z-index: 10; bottom: 70px; width: 570px; } .page-list .t-page .page-close { position: absolute; right: 15px; top: 15px; cursor: pointer; } .page-list .t-page .tab-click { overflow: hidden; margin-top: 30px; } .page-list .t-page .tab-click li { display: block; font-size: 16px; color: #05163f; line-height: 36px; background-color: #f5f5f5; float: left; width: 25%; text-align: center; margin: 0 1.5%; cursor: pointer; } .page-list .t-page .tab-click li.on { background-color: #3c7ac1; box-shadow: 0 4px 8px rgba(55, 101, 168, 0.45); color: #fff; } .page-list .t-page .box .ul-page { clear: both; overflow: hidden; line-height: 36px; width: 100%; display: none; } .page-list .t-page .box .ul-page.show { display: block; } .page-list .t-page .box .ul-page li { float: left; color: #051741; cursor: pointer; width: 38px; height: 38px; text-align: center; line-height: 38px; margin-left: 10px; border: 1px solid #cacaca; } .page-list .t-page .box .ul-page li a { font-size: 14px; color: #666; display: block; } .page-list .t-page .box .ul-page .on { border: 1px solid #3c7ac1; } .page-list .t-page .box .ul-page .on a { background: #3c7ac1; border: 1px solid transparent; color: #fff; } .page-list .t-page .box .ico { content: ''; display: block; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #8c9bc3 transparent transparent; } .page-list .t-page .box .ico em { content: ''; display: block; position: absolute; bottom: 1px; left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #fff transparent transparent; } .page-list .pages { text-align: center; } .page-list .pages .pagination { margin-left: -10px; } .page-list .pages li { display: inline-block; width: 38px; height: 38px; text-align: center; line-height: 38px; margin-left: 10px; border: 1px solid #cacaca; } .page-list .pages li a { font-size: 16px; color: #333; display: block; } .page-list .pages li.active { background: #3c7ac1; border: 1px solid #3c7ac1; color: #fff; } .page-list .pages li:hover a { color: #fff; background: #3c7ac1; } .new-tent { margin-top: 5px; } .new-tent .ntop-box { padding-bottom: 55px; box-shadow: 0 55px 150px rgba(31, 74, 140, 0.05); border-bottom: 1px solid #ccc \0; } .new-tent .ntop-l { float: left; margin-top: 20px; width: 60%; } .new-tent .ntop-l h1 { font-size: 34px; color: #172b49; } .new-tent .ntop-l p { font-size: 14px; color: #4c546a; margin-top: 30px; } .new-tent .ntop-r { float: right; } .new-tent .ntop-r p { font-size: 16px; color: #7d9dcf; margin-left: 27%; margin-bottom: -25px; } .new-tent .ntop-r span { float: left; } .new-tent .ntop-r .star { border-radius: 50%; position: relative; z-index: 2; } .new-tent .ntop-r .star img { border-radius: 50%; box-shadow: 0 4px 30px rgba(31, 74, 140, 0.56); } .new-tent .ntop-r .one { background-size: cover; display: inline-block; text-align: center; font-size: 24px; color: #fff; font-weight: bold; cursor: pointer; background: url(../images/st_bg2.png) no-repeat; width: 177px; height: 76px; line-height: 72px; margin-left: -60px; margin-top: 40px; padding-left: 45px; background-size: 100% 100%; position: relative; z-index: 1; } .new-tent .ntop-r .one:before { content: ""; background: #fff; border-radius: 0 66px 66px 0; display: block; margin: 0 auto; position: absolute; left: 9px; right: 9px; top: 7px; bottom: 12px; opacity: 0; z-index: -1; transition: all linear 0.3s; } .new-tent .ntop-r .one:hover { color: #f14e50; } .new-tent .ntop-r .one:hover:before { opacity: 1; } .new-tent .ntop-r .two { background: url(../images/span_bg.png) no-repeat; background-size: cover; display: inline-block; width: 378px; line-height: 76px; font-size: 22px; color: #172b49; z-index: -1; text-align: center; padding-left: 65px; position: relative; margin-left: -105px; margin-top: 40px; height: 69px; } .new-tent .ntop-r .two strong { font-size: 26px; } .new-tent .new-l { float: left; width: 68%; padding-top: 30px; } .new-tent .new-l h2 { font-size: 18px; color: #4c546a; background: url(../images/h3_bg.png) left center no-repeat; padding-left: 40px; margin: 55px 0 20px 0; } .new-tent .new-l p { font-size: 16px; color: #484b61; line-height: 2.2em; margin: 20px 0; } .new-tent .new-l p img { display: block; margin: 0 auto; max-width: 100%; } .new-tent .new-r { float: right; background: url(../images/new_rbg.png) no-repeat; background-size: cover; width: 370px; height: 508px; margin-top: -18px; } .new-tent .new-r p { text-align: center; padding-top: 50px; margin-bottom: 50px; } .new-tent .new-r li { font-size: 18px; color: #759dd8; padding-left: 60px; margin-top: 30px; background: url(../images/lq.png) no-repeat 5px 15px; } .new-tent .new-r li span { color: #ebb24a; text-shadow: 2px 2px 0 rgba(78, 119, 175, 0.7); font-weight: bold; } .new-tent .new-r li .one { font-size: 36px; } .new-tent .new-r li .two { font-size: 26px; margin-right: 14px; } .detail-guide { margin-top: 35px; margin-bottom: 95px; } .detail-guide .ul-box { width: 68%; float: left; margin-left: -1%; } .detail-guide .ul-box .same { float: left; width: 48%; margin-left: 2%; height: 68px; line-height: 68px; box-shadow: 0 0 10px rgba(83, 132, 195, 0.5); border-radius: 10px; border: 1px solid #ccc \0; } .detail-guide .ul-box .same span { background: #2e8fc6; background: -webkit-linear-gradient(left bottom, #2e8fc6, #116290); background: -o-linear-gradient(right bottom, #2e8fc6, #116290); background: -moz-linear-gradient(right bottom, #2e8fc6, #116290); background: linear-gradient(to right bottom, #2e8fc6, #116290); height: 100%; font-size: 16px; color: #fff; width: 17%; text-align: center; border-radius: 10px; box-shadow: 4px 4px 4px rgba(22, 105, 153, 0.25); display: block; float: left; } .detail-guide .ul-box .same a { font-size: 16px; color: #666; margin-left: 3%; display: block; float: left; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ly-message .mes-box { width: 68%; float: left; box-shadow: 0 3px 35px rgba(23, 59, 115, 0.15); border-radius: 20px; position: relative; padding: 10px 0 40px 40px; margin-bottom: 90px; } .ly-message .mes-box:before { background: url(../images/lxj.png) no-repeat; height: 520px; width: 100%; background-size: cover; content: ""; display: block; position: absolute; top: 0; left: 0; z-index: -1; } .ly-message .mes-box .form { width: 45%; float: left; } .ly-message .mes-box .form .ys-wz { position: relative; } .ly-message .mes-box .form .ys-wz p { font-size: 46px; color: #e8e8e8; font-weight: bold; opacity: .4; } .ly-message .mes-box .form .ys-wz strong { display: block; position: absolute; bottom: -5px; font-size: 26px; color: #13638f; left: 20px; } .ly-message .mes-box .form input { margin-top: 24px; border: 3px solid #fff; height: 64px; line-height: 48px; padding: 10px 0; font-size: 18px; color: #5a6e8b; padding-left: 70px; box-sizing: border-box; width: 100%; box-shadow: 0 0 18px rgba(29, 59, 104, 0.2) inset; border-radius: 50px; border: 1px solid #ccc \0; } .ly-message .mes-box .form input.icon-name { background: url(../images/pic_one.png) no-repeat 40px center #fff; background-size: 19px 22px; } .ly-message .mes-box .form input.icon-tel { background: url(../images/pic_two.png) no-repeat 40px center #fff; background-size: 16px 22px; } .ly-message .mes-box .form textarea { margin-top: 28px; width: 100%; height: 124px; border: 3px solid #fff; box-shadow: 0 0 18px rgba(23, 59, 115, 0.2) inset; font-size: 18px; line-height: 1.8em; padding: 18px 70px; background: url(../images/pic_three.png) no-repeat 40px 22px #fff; background-size: 17px 22px; border-radius: 20px; resize: none; border: 1px solid #ccc \0; } .ly-message .mes-box .form textarea::-webkit-input-placeholder { color: #5a6e8b; } .ly-message .mes-box .form textarea::-moz-placeholder { color: #5a6e8b; } .ly-message .mes-box .form textarea:-moz-placeholder { color: #5a6e8b; } .ly-message .mes-box .form textarea:-ms-input-placeholder { color: #5a6e8b; } .ly-message .mes-box .form .button { background: url(../images/btn_bg.png) no-repeat center; background-size: 100% 100%; height: 72px; line-height: 45px; padding: 10px 0; text-align: center; color: #fff; font-size: 26px; font-weight: bold; transition: all linear 0.3s; cursor: pointer; } .ly-message .mes-box .form .button:hover { letter-spacing: 10px; } .ly-message .mes-box .box-right { float: right; margin-top: 35px; width: 50%; } .ly-message .mes-box .box-right img { width: 100%; } .ly-message .mes-box .box-right ul { margin-left: -50px; text-align: center; margin-top: 42px; } .ly-message .mes-box .box-right li { display: inline-block; text-align: center; font-size: 14px; color: #daaa6e; background: url(../images/xtb.png) no-repeat left center; padding-left: 60px; margin-left: 5px; height: 22px; line-height: 22px; } .ser-nav { position: relative; z-index: 5; } .ser-nav ol { background: url(../images/wz2.png) no-repeat left center; } .ser-nav ol li a, .ser-nav ol li span { color: #fff; } .ser-banner { margin-top: -225px; } .ser-banner img { width: 100%; display: block; } .ser-center { margin-top: 50px; } .ser-center .tit { text-align: center; font-size: 18px; color: #747474; margin: 50px auto 75px; } .ser-center ul { margin-left: -3%; } .ser-center ul li { position: relative; float: left; width: 30.333%; margin-left: 3%; } .ser-center ul li .box {position: absolute;left: 7%;bottom: 6%;} .ser-center ul li .box strong { font-size: 24px; color: #fff; display: block; } .ser-center ul li .box p { font-size: 16px; color: #fff; opacity: 0.68; margin-top: 10px; } .ser-pj { position: relative; margin-top: 160px; } .ser-pj:before { background: url(../images/pj_bg.png) no-repeat; background-size: cover; width: 718px; height: 826px; content: ""; display: block; position: absolute; left: 0; top: 30px; z-index: -1; } .ser-pj .tit { text-align: center; font-size: 18px; color: #747474; margin: 40px auto 60px; } .ser-pj .tit span, .ser-lc .tit span { font-size: 20px; color: #355f9f; font-weight: bold; } .ser-pj .pj-one { float: left; width: 42%; } .ser-pj .pj-two { float: left; width: 27%; } .ser-pj .pj-three { float: right; width: 31%; } .ser-lc { background: url(../images/lc_bg.jpg) no-repeat center center; background-size: 100% 100%; padding: 80px 0 110px 0; margin-top: 90px; } .ser-lc .tit { text-align: center; font-size: 18px; color: #747474; margin: 30px auto 90px; } .ser-lc .lc-t { width: 100%; } .ser-lc .lc-t img { width: 100%; display: block; } .cont-box { background: url(../images/cont_bg.jpg) no-repeat center center; background-size: cover; margin-top: -220px; } .cont-box .tact-r { padding-top: 170px; padding-bottom: 85px; width: 100%; } .cont-box .cont-left { float: left; width: 31%; margin-left: 10.5%; margin-top: 65px; } .cont-box .cont-left .ys-wz { position: relative; } .cont-box .cont-left .ys-wz p { font-size: 56px; color: #e8e8e8; font-weight: bold; opacity: .4; } .cont-box .cont-left .ys-wz strong { display: block; position: absolute; bottom: -20px; font-size: 40px; color: #142f58; left: 20px; } .cont-box .cont-left .tit { font-size: 16px; color: #666; line-height: 2.2em; margin-top: 45px; } .cont-box .cont-left .dh-bg { height: 85px; background: url(../images/dh_bg.png) no-repeat; background-size: 100% 100%; width: 470px; line-height: 82px; text-align: center; font-size: 22px; color: #fff; font-weight: bold; margin-top: 40px; cursor: pointer; } .cont-box .cont-left .dh-bg img, .cont-box .cont-left .zx-bg img { margin-right: 12px; margin-top: -5px; } .cont-box .cont-left .dh-bg span, .cont-box .cont-left .zx-bg span { margin-left: 20px; transition: all linear 0.3s; } .cont-box .cont-left .dh-bg:hover span, .cont-box .cont-left .zx-bg:hover span { margin-left: 0; } .cont-box .cont-left .zx-bg { height: 85px; background: url(../images/hq_bg.png) no-repeat; background-size: 100% 100%; width: 470px; line-height: 82px; font-size: 22px; color: #115881; margin-top: 35px; font-weight: bold; text-align: center; cursor: pointer; } .cont-box .cont-left .wz-dh { font-size: 20px; color: #172b49; margin-left: 17%; margin-top: 34px; } .cont-box .cont-left .wz-dh strong { font-size: 18px; } .cont-box .cont-right { float: right; width: 56%; } .cont-box .cont-right img { display: block; width: 100%; } .cant-bottom { background: url(../images/dt_x.jpg) no-repeat center center; background-size: cover; height: 583px; margin-top: 143px; position: relative; } .message { float: left; background: #fff; border-radius: 30px; width: 590px; height: 540px; box-shadow: 0 3px 50px rgba(23, 59, 115, 0.25); padding: 40px 50px 25px; margin-top: -140px; position: relative; overflow: hidden; } .message:before { background: url(../images/lxj2.png) no-repeat; height: 588px; width: 100%; background-size: cover; content: ""; display: block; position: absolute; top: 0; left: 0; } .message ul { margin-left: -12px; text-align: center; } .message li { display: inline-block; text-align: center; font-size: 14px; color: #daaa6e; background: url(../images/xtb.png) no-repeat left center; padding-left: 60px; margin-left: 12px; height: 22px; line-height: 22px; } .message form { margin-top: 16px; position: relative; } .message form input { margin-top: 24px; border: 3px solid #fff; height: 64px; line-height: 64px; font-size: 18px; color: #5a6e8b; padding-left: 70px; box-sizing: border-box; width: 100%; box-shadow: 0 0 18px rgba(29, 59, 104, 0.2) inset; border-radius: 50px; } .message form input.icon-name { background: url(../images/pic_one.png) no-repeat 40px center #fff; background-size: 19px 22px; } .message form input.icon-tel { background: url(../images/pic_two.png) no-repeat 40px center #fff; background-size: 16px 22px; } .message form textarea { margin-top: 28px; width: 100%; height: 124px; border: 3px solid #fff; box-shadow: 0 0 18px rgba(23, 59, 115, 0.2) inset; font-size: 18px; line-height: 1.8em; padding: 18px 70px; background: url(../images/pic_three.png) no-repeat 40px 22px #fff; background-size: 17px 22px; border-radius: 20px; resize: none; } .message form textarea::-webkit-input-placeholder { color: #5a6e8b; } .message form textarea::-moz-placeholder { color: #5a6e8b; } .message form textarea:-moz-placeholder { color: #5a6e8b; } .message form textarea:-ms-input-placeholder { color: #5a6e8b; } .message form .button { background: url(../images/btn_bg.png) no-repeat; background-size: 100% 100%; height: 72px; line-height: 65px; text-align: center; padding-left: 0; color: #fff; font-size: 26px; font-weight: bold; cursor: pointer; transition: all linear 0.3s; } .message form .button:hover { letter-spacing: 10px; } .map-point { position: absolute; width: 40px; height: 40px; right: 50%; margin-right: -185px; top: 310px; } .map-point:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: 1s infinite alternate scales; -o-animation: 1s infinite alternate scales; animation: 1s infinite alternate scales; border-radius: 50%; transform-origin: center; background-color: rgba(255, 255, 255, .1) } @-webkit-keyframes scales { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.8); transform: scale(1.8) } } @keyframes scales { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.8); transform: scale(1.8) } } .ly-r { float: left; margin-left: 102px; margin-top: -100px; } .ly-r .ys-wz { position: relative; } .ly-r .ys-wz p { font-size: 56px; color: #e8e8e8; font-weight: bold; opacity: .4; } .ly-r .ys-wz strong { display: block; position: absolute; bottom: -20px; font-size: 40px; color: #142f58; left: 20px; } .lx-r { float: right; margin-top: 330px; position: relative; } .lx-r:before { background: url(../images/jh.png) no-repeat; background-size: cover; width: 22px; height: 22px; content: ""; display: inline-block; position: absolute; left: -30px; top: 10px; } .lx-r strong { font-size: 28px; color: #fff; display: block; margin-bottom: 28px; } .lx-r p { font-size: 16px; color: #fff; margin-top: 22px; } .four-box { background: #f1f5f9; text-align: center; padding: 350px 0 70px; margin-top: -200px; } .four-box img { display: block; max-width: 100%; margin: 0 auto; } .four-box a { display: block; background: url(../images/fh.png) no-repeat; background-size: 100% 100%; font-size: 22px; color: #115881; width: 355px; height: 86px; line-height: 86px; text-align: center; font-weight: bold; margin: 70px auto 0; } .lib-swt { width: 154px; height: 469px; background: url(../images/rightflbg.png) center no-repeat; background-size: 100%; position: fixed; right: 10px; top: 0; bottom: 0; z-index: 9999; margin: auto 0; line-height: 1; text-align: center; display: none; } .lib-swt a { display: block; } .lib-swt .btn { margin: 0 2px 0 3px; padding: 21px 0 20px; font-size: 14px; color: #fff; transition: all linear 0.3s; } .lib-swt .btn span { font-size: 15px; color: #f1c870; font-weight: bold; display: block; margin-top: 9px; } .lib-swt .btn1 { font-size: 18px; color: #013b89; font-weight: bold; text-align: left; padding: 138px 0 20px 28px; position: relative; } .lib-swt .btn1::after { content: ""; width: 44px; height: 44px; background: url(../images/rightfltb.gif) center no-repeat; background-size: 100%; display: block; position: absolute; right: 6px; bottom: 8px; } .lib-swt .btn2 { padding-bottom: 17px; color: #fff; } .lib-swt .btn2 span { font-size: 16px; } .lib-swt .btn3 { border-radius: 0 0 10px 10px; } .lib-swt .go-top { width: 100%; height: 56px; display: block !important; cursor: pointer; } .lib-swt .hover:hover { background: #336bb4; } @media screen and (min-width: 1921px) { .head-baner:before { width: 100%; border-bottom-right-radius: 173px; } .nav .nav-list li a, .pro-slick .xq-box ul li, .pro-slick .xq-box p, .pro-slick .xq-box .top span { color: #fff; } .banner-right .box { width: 80%; } .message { padding: 40px 30px 25px; } .cant-bottom { height: 765px; } .index-ys ul { margin-top: 70px; } .index-ys li { margin-top: 60px; } .cont-box .cont-left { width: 20%; margin-left: 20.5%; } .body-bg:before, .body-sol:before { width: 65%; } } @media screen and (max-width: 1919px) { .head-baner:before { width: 50%; } .banner-right .box { width: 95%; margin-top: 50px; } .cont-box .cont-left { margin-top: 40px; } .cont-box .cont-left .dh-bg, .cont-box .cont-left .zx-bg, .cont-box .cont-left .wz-dh { margin-top: 20px; } } @media screen and (max-width: 1599px) { .head-baner:before { width: 48%; } .pro-slick .slick-prev, .pro-slick .slick-next { bottom: 20px; } .pro-slick .xq-box { margin-top: 15px; } .hot-slick .pro-pic::before { width: 400px; height: 300px; } .hot-slick .name-box { width: 380px; padding: 20px 30px; } .hot-box { height: 850px; } .case-list li { margin-left: 2.5%; } .index-case .case-lb { padding-top: 125px; } .index-news .new-box .new-r li { padding: 26px 40px; } .pro-slick .xq-box .top span { font-size: 36px; } .nav { padding: 50px 2% 0; } .index-news { padding: 0 2%; } .index-news .bt-box { width: 90%; margin-left: -45%; } .index-news .bt-box .time { width: 14.7%; } .index-news .new-box .new-r li { margin-bottom: 20px; } .index-ys .ys-wz { margin-left: 10%; } .dh-nav, .about-gs, .y-box .list-ul, .pro-ul ul, .sol-list ul, .gx-new, .hy-new, .cp-zs, .ser-center, .ser-pj, .ser-lc, .cant-bottom, .pro-top, .con-tent, .kh-case, .new-tent, .ly-message, .sol-box .list-ul, .news-list { padding-left: 2%; padding-right: 2%; } .head-baner:before { height: 850px; } .about-sl .sl-pic .box { bottom: 10%; } .about-fz .parbd .slidebox { width: 70%; } .about-fz .fz-r .snext { left: 62%; } .hy-new .hy-right li { padding: 28px 40px; } .gx-new li .text .time { padding: 9px 7px; } .cont-box .cont-left { width: 40%; margin-left: 2%; } .pro-top .top-r { width: 52%; padding-left: 2%; padding-right: 0%; } .body-bg:before, .body-sol:before { width: 850px; } .head-baner:before { width: 100%; border-bottom-right-radius: 120px; } .nav .nav-list li a, .pro-slick .xq-box .top span, .pro-slick .xq-box ul li, .pro-slick .xq-box p { color: #fff; } .news-list li .iten-l { padding: 58px 15px 58px 25px; } .news-list li .iten-l .t { font-size: 42px; } .pro-slick .xq-box ul { margin-top: 50px; } .about-fz .fz-l .kj ul li { width: 50%; } .nav .nav-list { margin-left: 3%; } .nav .nav-list li { margin-left: 40px; } .tel-hm, .tel-hm2 { background: url(../images/tel_hm2.png) no-repeat; background-size: 100% 100%; } } @media screen and (max-width: 1365px) { .nav .nav-list li { margin-left: 35px; } .pro-slick .slick-slide img { width: 100%; } .pro-slick .l { width: 55%; } .pro-slick .xq-box ul li { font-size: 22px; } .pro-slick .xq-box { width: 35%; } .hot-slick .name-box { height: 190px; } .index-news .new-box .new-r li { padding: 22px 40px; } .index-ys .ys-wz { margin-left: 2%; } .index-ys ul .one { margin-left: 190px; } .index-ys ul .two { margin-left: 170px; } .index-ys ul .three { margin-left: 115px; } .index-ys ul .four { margin-left: 15px; } .about-gs .gs-l { margin-top: 90px; } .wz-ms p { font-size: 48px; } .wz-ms strong a, .wz-ms strong span { font-size: 38px; } .about-sl .sl-r { width: 63%; } .about-gs .gs-l .tit, .about-sl .sl-r .tit, .about-hz .tit, .ser-center .tit, .ser-pj .tit, .ser-lc .tit { font-size: 16px; } .about-fz .fz-r .sprev { left: 52%; } .gx-new li .text .time { width: 25%; } .gx-new li .text { padding: 24px 20px 24px 10px; } .gx-new li .text h3 { width: 70%; } .hy-new .hy-left { width: 41%; } .body-bg:before, .body-sol:before { width: 760px; } .sol-top .top-r .btn-box .one { margin-left: -80px; padding-left: 50px; } .new-tent .ntop-l { width: 56%; } .ly-message .mes-box .box-right li { padding-left: 55px; margin-left: 0px; } .lib-swt { right: -15px; transform: scale(0.7); } } @media screen and (max-width: 1279px) { .nav .logo { width: 130px; } .nav .nav-list { margin-top: -10px; } .nav .nav-list li { margin-left: 25px; } .pro-slick .xq-box { width: 40%; margin-right: 2%; } .head-baner:before { height: 700px; } .pro-slick .slick-prev, .pro-slick .slick-next { bottom: -15px } .pro-slick .xq-box ul li { margin-bottom: 15px; } .pro-slick .xq-box a { margin-top: 40px; } .hot-slick .name-box { width: 310px; padding: 15px; } .hot-slick .pro-pic::before { width: 310px; height: 225px; } .hot-slick { margin-left: 0; } .hot-box { height: 760px; } .case-list li .box .box-l, .case-list li .box .box-r { margin-left: 0; } .case-list li .box h3 a { font-size: 22px; } .case-list li .box .xq:before { width: 80px; height: 70px; } .case-list li .box { padding: 0 30px 0 50px; } .index-news .new-box .new-l { width: 50%; } .index-news .new-box .new-r li .time strong { font-size: 24px; } .index-news .new-box .new-r li .bt h3 a { font-size: 16px; } .index-news .new-box .new-r li .bt p { font-size: 14px; } .index-news .new-box .new-r li { padding: 18px 15px; } .index-ys .ys-wz { width: 450px; } .index-ys .ys-wz p, .index-ys .ys-wz strong, .index-ys li span { font-size: 40px; } .index-ys li { font-size: 24px; margin-top: 66px; } .index-ys li strong { line-height: 43px; } .wz-ms p { font-size: 36px; } .wz-ms strong a, .wz-ms strong span { font-size: 28px; } .wz-ms strong { margin-top: -40px; } .about-gs .gs-r ul li p { font-size: 18px; top: 10%; left: 32%; } .about-gs .gs-l .btn { margin: 40px auto 0; } .about-sl .sl-pic .box p { font-size: 14px; margin-top: 40px; } .about-sl .sl-pic .box strong { font-size: 28px; } .about-gs .gs-l .tit, .about-sl .sl-r .tit, .about-hz .tit, .ser-center .tit, .ser-pj .tit, .ser-lc .tit, .about-fz .fz-l .tit { font-size: 14px; } .about-fz .fz-box { margin-left: 0; } .about-fz .parbd .slidebox { width: 85%; } .about-fz .fz-r .sprev { left: 65%; } .about-fz .fz-r .snext { left: 80%; } .about-fz .fz-l .kj ul li { width: 85%; margin-bottom: 30px; } .y-box .list-ul li a img { width: 75%; } .y-box .list-ul li a, .pro-ul li .box a, .sol-box .list-ul li a, .gx-new li .text .time strong { font-size: 18px; } .pro-ul li .box { line-height: 50px; } .sol-list li .box .border-box { padding: 135px 15px 20px; } .gx-new li .text h3 a { font-size: 16px; } .gx-new li .text .time p, .cp-zs .ul-box .top-n .b-r a { font-size: 14px; } .gy-ntop p { font-size: 48px; } .gy-ntop strong { font-size: 36px; } .gy-more { width: 130px; } .hy-new .hy-right li { padding: 22px 40px; } .hy-new .hy-right li .time strong { font-size: 24px; } .cp-zs .ul-box .top-n .b-r p { margin-top: 5px; } .cp-zs .ul-box .box li { padding: 15px 0; } .cp-zs .ul-box .box li a { width: 65%; } .cp-zs .ul-box .box li span { width: 32%; } .ser-banner { margin-top: -170px; } .ser-center ul li .box strong { font-size: 18px; } .ser-center ul li .box p { font-size: 14px; margin-top: 0; } .ser-center .tit, .ser-lc .tit { margin: 30px auto 40px; } .ser-pj { margin-top: 80px; } .ser-pj:before { width: 500px; height: 560px; top: 80px; } .ly-r { margin-left: 10px; } .message { width: 50%; padding: 40px 20px 25px; } .ly-r .ys-wz p { font-size: 48px; } .ly-r .ys-wz strong { font-size: 36px; } .message ul { margin-left: -40px; } .pro-top .top-r h1 { font-size: 32px; } .pro-top .top-r .cp-ms { margin-top: 5px; } .pro-top .top-r li { margin-top: 40px; } .pro-top .top-r { margin-top: 0; height: 370px; } .pro-top .top-r .top-thr { margin-top: 30px; padding-right: 0; } .pro-top .top-r .btn-box .one { width: 230px; height: 67px; line-height: 67px; font-size: 18px; } .cppage-top .top-r .btn-box .one:before { height: 3px; top: 10px; } .cppage-top .top-r .btn-box .one:after { height: 3px; bottom: 12px; } .pro-top .top-r .btn-box .two { width: 280px; height: 57px; line-height: 57px; font-size: 16px; } .pro-top .top-r .btn-box .two strong { font-size: 22px; } .pro-top .top-r .btn-box { bottom: -90px; } .sol-top .top-r { height: 300px; } .sol-top .top-r .btn-box { position: absolute; bottom: -60px; } .body-bg:before, .body-sol:before { height: 650px; } .kh-case li .box { padding: 20px 15px; } .sol-top .top-r ul:before { top: 15px; } .sol-top .top-r .btn-box .two { margin-left: -80px; margin-top: 45px; } .new-tent .ntop-r .two { width: 315px; line-height: 58px; height: 58px; } .new-tent .ntop-r .one { width: 150px; height: 60px; line-height: 60px; font-size: 18px; } .new-tent .ntop-r .two { font-size: 16px; padding-left: 80px; } .new-tent .ntop-r .two strong { font-size: 22px; } .new-tent .new-r { width: 295px; height: 400px; } .new-tent .new-r p { padding-top: 25px; margin-bottom: 25px; } .new-tent .new-r li { padding-left: 40px; font-size: 16px; } .new-tent .new-r li .one { font-size: 32px; } .ly-message .mes-box { width: 100%; } .news-list li .iten-l { padding: 62px 15px 62px 25px; } .news-list li .iten-l .t { font-size: 36px; } .news-list ul:after { left: 4%; } .nav .nav-list { margin-left: 0%; } } @media screen and (max-width: 1199px) { .tel-hm, .tel-hm2 { line-height: 50px; width: 160px; font-size: 16px; } .cont-box .cont-right { margin-top: 11%; } .cont-box .cont-left .dh-bg, .cont-box .cont-left .zx-bg { width: 410px; } .news-list li .iten-l .t { font-size: 28px; } .news-list li .item-r { padding: 44px 60px; } .news-list ul:after { left: 4.5%; } .pro-slick .xq-box p { font-size: 24px; } .pro-slick .xq-box ul li { font-size: 18px; } .pro-slick .xq-box a { font-size: 18px; width: 330px; line-height: 68px; height: 68px; } .pro-slick .xq-box a:before, .pro-slick .xq-box a:after { display: none; } .pro-top .top-r { height: 380px; } } .poster_wrap.load { height: 100%; z-index: 99999999; position: fixed; left: 0; bottom: 0; right: 0; top: 0; background: #dc3031; background: -moz-linear-gradient(left, #c01a1d 0%, #dc3031 100%); background: -webkit-linear-gradient(left, #c01a1d 0%, #dc3031 100%); background: -o-linear-gradient(left, #c01a1d 0%, #dc3031 100%); background: -ms-linear-gradient(left, #c01a1d 0%, #dc3031 100%); background: linear-gradient(to right, #c01a1d 0%, #dc3031 100%); } .poster_wrap:after { content: ''; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: url(../images/pcbannerxnpicbg.png) repeat center center; } .poster_wrap .posternum { position: absolute; z-index: 50; left: 30px; top: 30px; width: 60px; height: 60px; border-radius: 50%; border: 5px solid #f58c89; font-size: 24px; font-weight: bold; color: #f58c89; line-height: 50px; text-align: center; } .poster_wrap .mobloadone { content: ''; position: absolute; width: 100%; left: 50%; top: 0px; bottom: 0px; margin-left: -50%; z-index: 50; } .poster_wrap .mobloadone .mobloadonefr { position: absolute; right: 3.125%; width: 58.2292%; top: 50%; transform: translateY(-50%); } .poster_wrap .mobloadone .mobloadonefl { position: absolute; left: 6.25%; width: 41.4092%; top: 50%; transform: translateY(-50%); } .poster_wrap .poster_wrapfl, .poster_wrap .poster_wrapfr { position: absolute; width: 2.7083%; top: 50%; transform: translateY(-50%); z-index: 50; } .poster_wrap .poster_wrapfl { right: 0px; } .poster_wrap .poster_wrapfr { left: 0px; } @media screen and (min-width: 1920px) { .poster_wrap .mobloadone { width: 1920px; margin-left: -960px; } .poster_wrap .poster_wrapfl, .poster_wrap .poster_wrapfr { width: 52px; } }