body, dd, dl, dt, h1, h2, h3, h4, h5, li, ol, p, ul { margin: 0; padding: 0; }

em { font-weight: 400; font-style: normal; }

button, form, input, select, textarea { border: none; margin: 0; outline: 0; padding: 0; -webkit-appearance: none; }

img { border: none; height: auto; max-width: 100%; }

a { text-decoration: none; outline: 0; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

* { box-sizing: border-box; font-size: 0.32rem; font-family: "Heiti SC",HelveticaNeue,Droidsansfallback,"Droid Sans"; }

li { list-style-type: none; }

body { min-width: 320px; max-width: 750px; width: 100%; margin: 0 auto; background: #fff; padding-bottom: 1.2rem; }

.clearfix:after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; }

.clearfix { zoom: 1; }

video { width: 100%; height: auto; }

header { background: #010a23; overflow: hidden; }

header .head { display: -webkit-flex; display: flex; justify-content: space-between; padding: 0.41333rem 0.26667rem 0.33333rem; }

header .head .logo { width: 3.41333rem; margin-top: 0.06667rem; }

header .head .logo img { width: 100%; }

header .head a { display: block; }

header .head .logo a { margin-top: 0; }

header .head .tel { font-size: 0.37333rem; color: #fff; position: relative; width: 3.53333rem; height: 0.93333rem; text-align: center; line-height: 0.93333rem; background: url(../mimages/tel_bg.png) no-repeat; background-size: 100% 100%; padding-left: 1.26667rem; }

header .head .tel:before { width: 0.34667rem; height: 0.34667rem; background: url(../mimages/hdh.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 50%; margin-left: -0.53333rem; top: 50%; transform: translateY(-50%); }

nav { border-top: 1px solid #1a2238; padding: 0.18667rem 0.4rem 0.37333rem; }

nav ul { display: -webkit-flex; display: flex; justify-content: space-between; }

nav ul li a { font-size: 0.37333rem; color: #aaa; display: block; }

nav ul li.active { position: relative; }

nav ul li.active:after { position: absolute; width: 0.42667rem; height: 0.05333rem; background: #da251d; bottom: -0.18667rem; left: 50%; transform: translateX(-50%); content: ""; display: block; border-radius: 0.06667rem; }

nav ul li.active a { color: #fff; }

.top-ban { background: url(../mimages/ban_bg.jpg) no-repeat; width: 100%; background-size: 100% 8rem; position: relative; overflow: hidden; }

.top-ban .slick-list { padding-bottom: 0.13333rem; }

.top-ban .pic { display: block; height: 7.2rem; text-align: center; }

.top-ban .pic img { margin: 1.33333rem auto 0; width: 8rem; }

.top-ban .wd-mc { border-radius: 0.13333rem; box-shadow: 0 0 0.13333rem rgba(0, 0, 0, 0.1); margin: 0.26667rem 0.26667rem 0; }

.top-ban .box { background: #fff; padding: 0.22667rem 0.4rem; border-radius: 0.13333rem 0.13333rem 0 0; }

.top-ban .box strong a { font-size: 0.64rem; color: #333; font-weight: 400; }

.top-ban .box p { font-size: 0.37333rem; color: #666; margin-top: 0.13333rem; }

.top-ban .cp-xq { display: -webkit-flex; display: flex; justify-content: space-between; background: #f6f6f6; border-radius: 0.13333rem; padding: 0.16rem 0.4rem; margin-top: 0.2rem; }

.top-ban .cp-xq li { height: 0.6rem; line-height: 0.6rem; border-radius: 0.66667rem; border: 1px solid #8098da; color: #8098da; padding: 0 0.26667rem; font-weight: 200; }

.top-ban .ban-dots { position: absolute; left: 50%; transform: translateX(-50%); top: 50%; margin-top: 1.6rem; width: auto; }

.top-ban .swiper-pagination-bullet { border: 0; background: #d1d5db; display: block; height: 0.10667rem; width: 0.4rem; outline: 0; line-height: 0; font-size: 0; color: transparent; cursor: pointer; outline: 0; transition: all .6s ease; border-radius: 0; float: left; }

.top-ban .swiper-pagination-bullet-active { background: #da251d; transition: all .6s ease; }

.ban-num { width: 1.53333rem; height: 1.4rem; text-align: center; line-height: 1.4rem; border-bottom-left-radius: 0.42667rem; background: -webkit-linear-gradient(left top, #4461af, #8098d9); background: -o-linear-gradient(right top, #4461af, #8098d9); background: -moz-linear-gradient(right top, #4461af, #8098d9); background: linear-gradient(to right top, #4461af, #8098d9); right: 0.26667rem; left: auto; top: 50%; margin-top: 2.2rem; border-top-right-radius: 0.13333rem; position: absolute; z-index: 10; color: #fff; }

.ban-num span { color: #fff; font-size: 0.32rem; }

.ban-num .active { font-size: 0.42667rem; color: #fff; display: inline-block; }

.ban-num .total { font-size: 0.32rem; color: #fff; display: inline-block; }

.ul-list { margin-top: 0.53333rem; overflow: hidden; }

.ul-list ul { display: -webkit-flex; display: flex; justify-content: space-between; border-top: 0.10667rem solid #f2f2f2; border-bottom: 0.10667rem solid #f2f2f2; padding: 0.77333rem 0.26667rem 0.53333rem; }

.ul-list ul li { background: #637dc5; background: -webkit-linear-gradient(left, #7a92d5, #637dc5); background: -o-linear-gradient(right, #7a92d5, #637dc5); background: -moz-linear-gradient(right, #7a92d5, #637dc5); background: linear-gradient(to right, #7a92d5, #637dc5); padding: 0 0.04rem; height: 2rem; border-radius: 0.05333rem; }

.ul-list ul li .pic { width: 1.6rem; display: block; margin-top: -0.24rem; box-shadow: 0 0 0.13333rem rgba(0, 0, 0, 0.1); }

.ul-list ul li .pic img { width: 100%; display: block; }

.ul-list ul li p { text-align: center; margin-top: 0.06667rem; }

.ul-list ul li p a { color: #fff; font-size: 0.32rem; font-weight: 100; }

.index-pro { margin-top: 0.73333rem; overflow: hidden; }

.index-pro h1 { font-size: 0.48rem; color: #333; text-align: center; }

.index-pro h1 img { width: 0.62667rem; display: inline-block; margin-right: -0.06667rem; vertical-align: middle; }

.index-pro ul { padding: 0 0.26667rem; margin-top: 0.44rem; }

.index-pro li { margin-top: 0.4rem; }

.index-pro li .st-1 { background: url(../mimages/name_bg.png) no-repeat; background-size: 100% 100%; width: 6.12rem; height: 1.06667rem; line-height: 1.06667rem; padding-left: 0.4rem; display: inline-block; margin-left: 0.26667rem; }

.index-pro li .st-1 a { font-size: 0.42667rem; color: #eef3ff; }

.index-pro li .st-2 { background: url(../mimages/name_bg2.png) no-repeat; background-size: 100% 100%; width: 6.12rem; height: 1.06667rem; line-height: 1.06667rem; text-align: right; padding-right: 0.4rem; display: block; margin-right: 0.26667rem; float: right; }

.index-pro li .st-2 a { font-size: 0.42667rem; color: #eef3ff; }

.index-pro li .pic { display: block; }

.index-pro li .pic img { width: 100%; display: block; border-radius: 0.13333rem 0.13333rem 0 0; }

.index-pro li .box { box-shadow: 0 1px 0.13333rem rgba(0, 0, 0, 0.2); padding: 0.28rem 0.26667rem 0.46667rem 0.26667rem; display: -webkit-flex; display: flex; justify-content: space-between; }

.index-pro li .box p { position: relative; padding-left: 0.4rem; margin-top: 0.13333rem; font-size: 0.37333rem; color: #666; }

.index-pro li .box p:before { position: absolute; width: 0.29333rem; height: 0.29333rem; background: url(../mimages/qq.png) no-repeat; background-size: 100% 100%; content: ""; display: block; left: 0; top: 50%; transform: translateY(-50%); }

.index-pro li .box p span { font-size: 0.37333rem; color: #333; }

.index-pro li .box a { display: block; width: 3.33333rem; height: 1.04rem; text-align: center; line-height: 0.93333rem; color: #fff; background: #637dc5; background: -webkit-linear-gradient(left, #7a92d5, #3e5080); background: -o-linear-gradient(right, #7a92d5, #3e5080); background: -moz-linear-gradient(right, #7a92d5, #3e5080); background: linear-gradient(to right, #7a92d5, #3e5080); border-radius: 0.66667rem; border: 0.05333rem solid #cad8ff; margin-top: 0.2rem; font-size: 0.42667rem; }

.gy-wz { display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 0.26667rem; margin-top: 1.09333rem; margin-bottom: 0.50667rem; }

.gy-wz h2 { font-size: 0.48rem; color: #333; position: relative; padding-left: 0.73333rem; font-weight: 400; }

.gy-wz h2:before { position: absolute; width: 0.62667rem; height: 0.62667rem; background: url(../mimages/bt_bg.png) no-repeat; background-size: 100% 100%; content: ""; display: block; left: 0; top: 0.05333rem; }

.gy-wz a { font-size: 0.32rem; color: #333; margin-top: 0.13333rem; }

.index-kh { overflow: hidden; }

.index-kh li { background: #637dc5; background: linear-gradient(135deg, #8098da 75%, #526db9); margin-left: 0.69333rem; border-radius: 0.13333rem 0 0 0.13333rem; margin-bottom: 0.4rem; }

.index-kh li .box { padding: 0.16rem 0.26667rem 0.29333rem; }

.index-kh li .top { background: #fff; margin-left: -0.69333rem; border-radius: 0.13333rem; position: relative; box-shadow: 0 0 0.26667rem rgba(0, 0, 0, 0.1); }

.index-kh li .top:before { width: 0.64rem; height: 0.61333rem; background: url(../mimages/b_a.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; right: 0; content: ""; display: block; }

.index-kh li .top .pic { position: relative; display: block; padding-top: 31.7%; overflow: hidden; float: left; width: 42.3%; }

.index-kh li .top .pic img { display: block; width: 100%; position: absolute; left: 0; top: 0; border-radius: 0.13333rem 0 0 0.13333rem; }

.index-kh li .top .top-r { float: left; margin-top: 0.57333rem; margin-left: 0.4rem; }

.index-kh li .top .top-r a { font-size: 0.42667rem; color: #333; margin-bottom: 0.24rem; display: inline-block; }

.index-kh li .top .top-r p { font-size: 0.32rem; color: #666; position: relative; margin-bottom: 0.16rem; }

.index-kh li .top .top-r p img { width: 0.42667rem; vertical-align: middle; }

.index-kh li .bott { overflow: hidden; }

.index-kh li .bott p { font-size: 0.32rem; color: #fff; line-height: 1.8em; font-weight: 100; float: left; width: 65%; padding-top: 0.13333rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.index-kh li .bott p strong { font-size: 0.32rem; color: #fff; font-weight: 400; }

.index-kh li .bott a { display: block; float: right; width: 2.69333rem; height: 1.26667rem; background: #fff; border: 0.06667rem solid #7f9ae4; border-top: none; border-radius: 0 0 0.26667rem 0.26667rem; margin-right: 0.13333rem; text-align: center; box-shadow: 0 0 0.26667rem rgba(0, 0, 0, 0.2); }

.index-kh li .bott a img { display: block; width: 0.50667rem; margin: 0.2rem auto 0.06667rem; }

.index-kh li .bott a span { font-size: 0.32rem; color: #354775; }

.index-new { overflow: hidden; }

.index-new .new-hot { position: relative; width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; z-index: 1; }

.index-new .new-hot .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }

.index-new .new-hot .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; margin: 0 2%; border-radius: 0.13333rem; width: 70.6%; }

.index-new .new-hot .cont { border-radius: 0.13333rem; position: relative; }

.index-new .new-hot .cont .img { display: block; position: relative; padding-top: 75%; overflow: hidden; }

.index-new .new-hot .cont .img img { width: 100%; vertical-align: middle; border-radius: 0.13333rem 0.13333rem 0 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }

.index-new .new-hot .cont .time { font-size: 0.26667rem; background: -webkit-linear-gradient(left, #8098da, #5a75bf); background: -o-linear-gradient(right, #8098da, #5a75bf); background: -moz-linear-gradient(right, #8098da, #5a75bf); background: linear-gradient(to right, #8098da, #5a75bf); display: inline-block; position: absolute; top: 50%; margin-top: 0.4rem; right: 10px; color: #fff; width: 1.86667rem; height: 0.64rem; line-height: 0.64rem; text-align: center; border-radius: 0.13333rem; }

.index-new .new-hot .cont .hot-info { padding: 0.29333rem 0.26667rem 0.41333rem; background: #fff; border-radius: 0 0 0.13333rem 0.13333rem; }

.index-new .new-hot .cont .hot-info a { font-size: 0.37333rem; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5em; }

.index-new .new-hot .cont .hot-info p { font-size: 0.32rem; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.24rem; font-weight: 100; }

.index-new .new-hot .swiper-slide-active { position: relative; }

.index-new .new-hot .swiper-slide-active .cont { margin: 0 0 0.8rem; -webkit-box-shadow: 0 0 0.26667rem rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 0.26667rem rgba(0, 0, 0, 0.15); box-shadow: 0 0 0.26667rem rgba(0, 0, 0, 0.15); }

.index-new .new-hot .swiper-slide-active:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.26667rem; z-index: -2; border-radius: 0 0 0.13333rem 0.13333rem; transition: all .5s; background-color: #7f98da; animation: move01 1s ease forwards; }

.index-new .new-hot .cont .img { display: block; position: relative; padding-top: 75%; overflow: hidden; }

.index-new .new-hot .cont .img img { width: 100%; position: absolute; height: 100%; left: 0; top: 0; display: block; }

@keyframes move01 { 0% { bottom: 2.66667rem;
    opacity: 0; }
  100% { bottom: 0.72rem;
    opacity: 1; } }

@keyframes move02 { 0% { bottom: 2.66667rem;
    opacity: 0; }
  100% { bottom: 1.28rem;
    opacity: 1; } }

.index-new ul { padding: 0 0.53333rem 0 0.26667rem; margin-top: 0.06667rem; }

.index-new li { box-shadow: 0 0 0.13333rem rgba(0, 0, 0, 0.1); padding: 0.32rem 1.06667rem 0.32rem 0.26667rem; position: relative; margin-bottom: 0.26667rem; border-radius: 0.13333rem; }

.index-new li .li-left { float: left; width: 20%; }

.index-new li .li-left strong { display: block; font-size: 0.93333rem; color: #666; margin-top: -0.2rem; }

.index-new li .li-left p { font-size: 0.26667rem; color: #666; margin-top: -0.18667rem; }

.index-new li .cent { width: 78%; float: left; display: block; font-size: 0.37333rem; color: #333; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding-left: 2%; }

.index-new li .rig { position: absolute; right: -0.4rem; top: 50%; transform: translateY(-50%); }

.index-new li .rig img { width: 1.12rem; }

.gs-fz { background: url(../mimages/d_bg.jpg) repeat; width: 100%; border-top: 0.10667rem #f7f7f7 solid; position: relative; margin-top: 1.16rem; overflow: hidden; padding-bottom: 1.26667rem; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }

.gs-fz:before { position: absolute; width: 7.86667rem; height: 5.33333rem; background: url(../mimages/s_bg.png) no-repeat; background-size: 100% 100%; top: 40%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; }

.gs-fz ul { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }

.gs-fz ul li { width: 50%; text-align: center; height: 3.66667rem; padding-top: 0.6rem; }

.gs-fz ul li .top strong { color: #354775; background-image: linear-gradient(92deg, #8098da 0, #354775 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.17333rem; }

.gs-fz ul li .top span { color: #354775; font-size: 0.48rem; }

.gs-fz ul li p { font-size: 0.37333rem; color: #666; margin-top: 0.13333rem; }

.gs-fz .other { text-align: center; }

.gs-fz .other p { font-size: 0.32rem; color: #8f9bbb; line-height: 0.45333rem; }

.gs-fz .other p a { color: #8f9bbb; display: inline-block; margin-left: 0.34667rem; }

footer { background: url(../mimages/db.jpg) no-repeat; width: 100%; height: 1.2rem; background-size: 100% 100%; z-index: 50; position: fixed; bottom: 0; max-width: 750px; box-shadow: 0 -0.13333rem 0.26667rem rgba(0, 0, 0, 0.07); overflow: hidden; }

footer ul { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: nowrap; }

footer ul li { text-align: center; line-height: 1.2rem; width: 50%; }

footer ul li a { font-size: 0.42667rem; color: #fff; display: block; }

footer ul li img { margin-right: 0.10667rem; }

footer ul li.one a img { vertical-align: middle; margin-top: -0.06667rem; width: 0.41333rem; }

footer ul li.two a img { vertical-align: middle; margin-top: -0.13333rem; width: 0.52rem; }

.head-top { position: relative; padding: 0.53333rem 0.26667rem; }

.head-top .back { position: absolute; left: 0.26667rem; top: 50%; transform: translateY(-50%); }

.head-top .back img { width: 0.24rem; vertical-align: middle; display: block; }

.head-top p { text-align: center; font-size: 0.48rem; color: #aaa; margin: 0 auto; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.head-top p a, .head-top p span { font-size: 0.48rem; color: #aaa; }

.pro-list { background: #637dc5; background: linear-gradient(105deg, #8098da 75%, #526db9); padding: 0.66667rem 0.46667rem 0.46667rem; }

.pro-list ul { display: -webkit-flex; display: flex; justify-content: space-between; }

.pro-list ul li { text-align: center; }

.pro-list ul li.active { position: relative; }

.pro-list ul li.active:before { width: 1.86667rem; height: 2.54667rem; background: url(../mimages/active_bg.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: -0.13333rem; top: -0.13333rem; }

.pro-list ul li a { width: 1.6rem; display: block; color: #fff; font-weight: 100; position: relative; }

.pro-list ul li a img { width: 100%; display: block; border-radius: 0.05333rem; }

.pro-list ul li p { margin-top: 0.06667rem; }

.pro-gy { margin: 0 0.53333rem; border-radius: 0.13333rem; box-shadow: 0 0 0.26667rem rgba(128, 128, 128, 0.3); margin-top: 0.84rem; position: relative; z-index: 10; }

.pro-gy .box { display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 0.26667rem; line-height: 1.50667rem; background: #fff; border-radius: 0.13333rem 0.13333rem 0 0; }

.pro-gy .box .bot-l img { width: 1.41333rem; display: inline-block; vertical-align: middle; margin-top: -0.2rem; }

.pro-gy .box .bot-l span { font-size: 0.56rem; color: #5a75be; margin-left: 0.13333rem; }

.pro-gy .box a { font-size: 0.32rem; color: #5a75be; }

.pro-gy .bot { background: #96b2ff; border-radius: 0 0 0.13333rem 0.13333rem; padding: 0.13333rem 0.26667rem; }

.pro-gy .bot ul { display: -webkit-flex; display: flex; }

.pro-gy .bot ul li { border: 1px solid #fff; border-radius: 0.66667rem; height: 0.6rem; line-height: 0.57333rem; font-size: 0.32rem; color: #fff; padding: 0 0.33333rem; margin-right: 0.26667rem; }

.pro-pad { padding: 0 0.26667rem; border-radius: 0.13333rem; border-radius: 0.13333rem; }

.pro-pad ul { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; background: linear-gradient(130deg, #8098da, #5470ba); padding: 1.8rem 0.26667rem 0; margin-top: -1.53333rem; border-radius: 0.13333rem; position: relative; }

.pro-pad ul:after { background: url(../mimages/tm_t.png) no-repeat; background-size: 100% 100%; width: 6.50667rem; height: 6.96rem; content: ""; display: block; position: absolute; bottom: 0; right: 0; }

.pro-pad ul li { width: 48.5%; margin-bottom: 0.26667rem; position: relative; z-index: 5; }

.pro-pad ul li .pic { position: relative; overflow: hidden; display: block; padding-top: 71.7%; }

.pro-pad ul li .pic img { width: 100%; position: absolute; top: 0; left: 0; border-radius: 0.13333rem 0.13333rem 0 0; }

.pro-pad ul li .box { background: #fff; box-shadow: 0 0 0.26667rem rgba(128, 128, 128, 0.3); text-align: center; border-top: 1px solid #da251d; padding: 0 2%; border-radius: 0 0 0.13333rem 0.13333rem; }

.pro-pad ul li .box a { font-size: 0.37333rem; color: #333; height: 1.09333rem; line-height: 1.09333rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.fott { background: url(../mimages/fot_bg.jpg) no-repeat; background-size: 100% 100%; height: 6.94667rem; text-align: center; color: #fff; margin-top: 1.17333rem; margin-bottom: -1.33333rem; }

.fott strong { font-size: 0.93333rem; display: block; padding-top: 1.26667rem; }

.fott p { font-size: 0.37333rem; margin-top: 0.08rem; }

.fott ul { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: nowrap; padding: 0 0.73333rem; margin-top: 0.73333rem; position: relative; }

.fott ul:after { background: url(../mimages/fot_ul.png) no-repeat; background-size: 100% 100%; width: 7.33333rem; height: 0.24rem; content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.4rem; }

.fott ul li { font-size: 0.37333rem; }

.ul-pro { padding: 0 0.26667rem; margin-bottom: -0.6rem; }

.ul-pro ul { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.4rem; }

.ul-pro ul li { width: 48.6%; margin-bottom: 0.26667rem; }

.ul-pro ul li .pic { position: relative; overflow: hidden; padding-top: 71.7%; display: block; }

.ul-pro ul li .pic img { display: block; position: absolute; width: 100%; left: 0; top: 0; border-radius: 0.13333rem 0.13333rem 0 0; }

.ul-pro ul li .box { box-shadow: 0 0 0.26667rem rgba(128, 128, 128, 0.3); border-radius: 0 0 0.13333rem 0.13333rem; padding: 0.29333rem 0.26667rem 0.33333rem; position: relative; background: #fff; }

.ul-pro ul li .box:after { width: 1.89333rem; height: 0.88rem; background: url(../mimages/pro_d.png) no-repeat; background-size: 100% 100%; position: absolute; right: 0.13333rem; top: 0.33333rem; content: ""; display: block; }

.ul-pro ul li .box a { font-size: 0.42667rem; color: #375199; display: block; margin-bottom: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ul-pro ul li .box p { font-size: 0.32rem; color: #666; margin-top: 0.16rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.xgtj-pro { margin-top: -5.33333rem; }

.banner { width: 100%; }

.banner img { width: 100%; display: block; }

.sol-fa { background: url(../mimages/sol_bg.jpg) no-repeat; background-size: 100% 100%; width: 9.46667rem; height: 4.61333rem; border-radius: 0.13333rem; margin: -3.33333rem auto 0; position: relative; padding: 0.4rem; }

.sol-fa .top { display: -webkit-flex; display: flex; justify-content: space-between; }

.sol-fa .top strong { font-size: 0.56rem; color: #fff; font-weight: 400; position: relative; padding-left: 0.8rem; }

.sol-fa .top strong:before { position: absolute; width: 0.61333rem; height: 0.48rem; display: block; background: url(../mimages/lx.png) no-repeat; background-size: 100% 100%; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: block; }

.sol-fa .top p { text-transform: uppercase; font-size: 0.56rem; opacity: .17; color: #fff; font-weight: 700; margin-top: -0.13333rem; }

.sol-fa p { color: #fff; font-size: 0.32rem; line-height: 1.7em; margin-top: 0.26667rem; }

.sol-fa ul { display: -webkit-flex; display: flex; justify-content: space-between; margin-top: 0.66667rem; position: absolute; bottom: 0; margin-left: -0.50667rem; }

.sol-fa ul li { background: url(../mimages/li_bg.jpg) no-repeat; width: 2.46667rem; height: 0.86667rem; background-size: 100% 100%; line-height: 0.86667rem; text-align: center; font-size: 0.37333rem; color: #2f3f6c; border-radius: 0.13333rem 0.13333rem 0 0; font-weight: 100; margin-left: 0.50667rem; }

.case-list { margin-top: 0.73333rem; }

.case-list li { background: #637dc5; background: linear-gradient(135deg, #8098da 75%, #526db9); margin-left: 0.69333rem; border-radius: 0.13333rem 0 0 0.13333rem; margin-bottom: 0.4rem; }

.case-list li .box { padding: 0.26667rem; }

.case-list li .top { background: #fff; margin-left: -0.69333rem; border-radius: 0.13333rem; position: relative; box-shadow: 0 0 0.26667rem rgba(0, 0, 0, 0.1); }

.case-list li .top:before { width: 0.64rem; height: 0.61333rem; background: url(../mimages/b_a.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; right: 0; content: ""; display: block; }

.case-list li .top .pic { position: relative; display: block; padding-top: 36%; overflow: hidden; float: left; width: 42%; }

.case-list li .top .pic img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.13333rem 0 0 0.13333rem; }

.case-list li .top .top-r { float: left; margin-top: 0.13333rem; margin-left: 3%; width: 55%; }

.case-list li .top .top-r a { font-size: 0.42667rem; color: #333; margin-bottom: 0.24rem; display: inline-block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.case-list li .top .top-r p { font-size: 0.32rem; color: #666; position: relative; margin-bottom: 0.16rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.case-list li .top .top-r p img { width: 0.42667rem; vertical-align: middle; }

.case-list li .top .top-r .td-list { overflow: hidden; margin-top: 0.22667rem; }

.case-list li .top .top-r .td-list span { font-size: 0.26667rem; color: #4e69b5; display: inline-block; padding: 0 0.13333rem; position: relative; margin-left: -0.13333rem; }

.case-list li .top .top-r .td-list span:before { width: 1px; height: 0.21333rem; background: #4e69b5; content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.h-two { font-size: 0.48rem; color: #98b3ff; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#96b2fe), to(#557be3)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-top: 0.73333rem; margin-bottom: 0.33333rem; font-weight: 400; padding: 0 0.26667rem; }

.new-list { padding: 0 0.26667rem; margin-top: -0.73333rem; }

.new-list li { display: -webkit-flex; display: flex; justify-content: space-between; box-shadow: 0 0 0.26667rem rgba(128, 128, 128, 0.1); padding: 0.13333rem; border-radius: 0.13333rem; position: relative; background: #fff; margin-right: 0.08rem; margin-bottom: 0.4rem; }

.new-list li:after { width: 0.26667rem; height: 100%; background: #7f98da; border-radius: 0 0.13333rem 0.13333rem 0; content: ""; display: block; position: absolute; right: -0.08rem; top: 0; z-index: -1; }

.new-list li .pic { overflow: hidden; display: block; position: relative; padding-top: 20.7%; width: 33.6%; }

.new-list li .pic img { display: block; position: absolute; position: absolute; width: 100%; top: 0; left: 0; }

.new-list li .xq-box { flex: 1; margin-left: 0.26667rem; }

.new-list li .xq-box a { font-size: 0.37333rem; color: #333; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify; }

.new-list li .xq-box .box { display: -webkit-flex; display: flex; justify-content: space-between; margin-top: 0.4rem; }

.new-list li .xq-box .box p { font-size: 0.26667rem; color: #666; }

.m-pages { display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 1.57333rem; margin-top: 0.8rem; }

.m-pages a { font-size: 0.37333rem; color: #fff; display: block; width: 2.13333rem; height: 0.8rem; text-align: center; line-height: 0.8rem; background: #495f9d; border-radius: 0.13333rem; }

.m-pages .page { line-height: 0.8rem; font-size: 0.37333rem; color: #666; border-bottom: 1px solid; }

.m-pages .page em { font-size: 0.37333rem; color: #495f9d; }

.four-four { text-align: center; margin: 1.33333rem auto; }

.four-four img { display: block; width: 5.16rem; margin: 0 auto 0.93333rem; text-align: center; }

.four-four p { font-size: 0.48rem; color: #666; margin-top: 0.08rem; }

.four-four a { font-size: 0.42667rem; color: #fff; border-radius: 0.13333rem; background: #6d83c0; width: 4.61333rem; height: 1.06667rem; line-height: 1.06667rem; display: block; margin: 0.73333rem auto 0; }

.about-ban { background: url(../mimages/about_ban.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: 6.53333rem; text-align: center; position: relative; }

.about-ban:after { width: 2.70667rem; height: 2.06667rem; background: url(../mimages/md.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: 0; bottom: -0.56rem; }

.about-ban strong { font-size: 0.77333rem; color: #fff; font-weight: 400; display: block; padding-top: 1.89333rem; }

.about-ban p { font-size: 0.37333rem; color: #fff; margin-top: 0.8rem; position: relative; }

.about-ban p:before { width: 1.6rem; height: 0.05333rem; background: #8eacff; content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -0.46667rem; }

.about-js { padding: 0 0.26667rem; margin-top: 0.93333rem; }

.about-js h1 { text-align: center; }

.about-js h1 strong { font-size: 0.48rem; color: #3a508a; font-weight: 400; position: relative; }

.about-js h1 strong:before { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_a.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-js h1 strong:after { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_a.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-js p { font-size: 0.37333rem; color: #333; line-height: 1.5em; margin-top: 0.24rem; text-align: justify; text-indent: 2em; }

.js-lb { text-align: center; position: relative; margin-top: 0.30667rem; }

.js-lb:before { width: 1.69333rem; height: 3.98667rem; background: url(../mimages/md2.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0.13333rem; top: 0.33333rem; }

.js-lb:after { width: 2.70667rem; height: 2.06667rem; background: url(../mimages/md.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: 0.13333rem; bottom: -0.33333rem; }

.js-lb .lbg { position: relative; }

.js-lb .lbg:after { width: 6.74667rem; height: 4.82667rem; background: #8098da; border-radius: 0.13333rem 0 0 0.13333rem; content: ""; display: block; position: absolute; right: 0; top: 0.69333rem; }

.js-lb .lbg .swiper-container { padding-bottom: 0.53333rem; }

.js-lb .swiper-slide img { box-shadow: 0 0 0.13333rem rgba(75, 94, 146, 0.3); border-radius: 0.13333rem; width: 7.8rem; }

.js-lb .swiper-pagination-bullet { border: 0; background: #5870b1; display: block; height: 0.08rem; width: 0.4rem; outline: 0; line-height: 0; font-size: 0; color: transparent; cursor: pointer; outline: 0; transition: all .6s ease; border-radius: 0.06667rem; display: inline-block; }

.js-lb .swiper-pagination-bullet-active { background: #fff; transition: all .6s ease; }

.about-fz { box-shadow: 0 0.08rem 0.46667rem rgba(88, 112, 177, 0.2); margin-top: 0.73333rem; position: relative; background: #fff; }

.about-fz:after { position: absolute; bottom: -0.66667rem; left: 0; z-index: -1; background: url(../mimages/md3.png) no-repeat; width: 3.98667rem; height: 2.06667rem; background-size: 100% 100%; content: ""; display: block; }

.about-fz ul { display: -webkit-flex; display: flex; justify-content: space-between; padding: 0.26667rem 0.33333rem 0.42667rem; }

.about-fz ul li { text-align: center; position: relative; }

.about-fz ul li:after { position: absolute; right: -0.26667rem; top: 50%; transform: translateY(-50%); background: #e5e5e5; height: 0.4rem; width: 1px; content: ""; display: block; }

.about-fz ul li:last-child:after { background: 0 0; }

.about-fz ul li strong { color: #354775; background-image: linear-gradient(92deg, #8098da 0, #354775 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 0.64rem; }

.about-fz ul li p { font-size: 0.32rem; color: #333; margin-top: 0.10667rem; }

.about-pro { padding: 0 0.26667rem; margin-top: 1.06667rem; }

.about-pro h2 { text-align: center; }

.about-pro h2 strong { font-size: 0.48rem; color: #3a508a; font-weight: 400; position: relative; }

.about-pro h2 strong:before { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_a.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-pro h2 strong:after { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_a.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-pro p { font-size: 0.37333rem; color: #333; line-height: 1.5em; margin-top: 0.24rem; text-align: justify; text-indent: 2em; }

.lb-pro { padding-left: 0.26667rem; margin-top: 0.44rem; }

.lb-pro .box { background: -webkit-linear-gradient(left bottom, #8098da, #5a75bf); background: -o-linear-gradient(right bottom, #8098da, #5a75bf); background: -moz-linear-gradient(right bottom, #8098da, #5a75bf); background: linear-gradient(to right bottom, #8098da, #5a75bf); width: 100%; height: 100%; border-radius: 0.13333rem; }

.lb-pro .box p { margin-top: 0.16rem; }

.lb-pro .box p a { font-size: 0.37333rem; color: #fff; }

.lb-pro .box img { width: 2.70667rem; }

.lb-pro .swiper-container { padding-bottom: 0.73333rem; }

.lb-pro .swiper-pagination-bullet { border: 0; background: #d2d2d2; display: block; height: 0.08rem; width: 0.4rem; outline: 0; line-height: 0; font-size: 0; color: transparent; cursor: pointer; outline: 0; transition: all .6s ease; border-radius: 0.06667rem; display: inline-block; }

.lb-pro .swiper-pagination-bullet-active { background: #8098da; transition: all .6s ease; }

.lb-pro .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 3.01333rem; height: 4rem; text-align: center; }

.about-fw { background: url(../mimages/fw_bg.jpg) no-repeat; width: 100%; height: 8.70667rem; background-size: 100% 100%; margin-top: 0.70667rem; padding: 0.4rem 0.26667rem; }

.about-fw h2 { text-align: center; }

.about-fw h2 strong { font-size: 0.48rem; color: #fff; font-weight: 400; position: relative; }

.about-fw h2 strong:before { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_b.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-fw h2 strong:after { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_b.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-fw .tit { font-size: 0.37333rem; color: #fff; line-height: 1.5em; margin-top: 0.21333rem; text-align: justify; text-indent: 2em; }

.about-fw ul { display: -webkit-flex; display: flex; justify-content: space-between; }

.about-fw ul li { background: url(../mimages/f_li.png) no-repeat; width: 2.56rem; height: 2.56rem; background-size: cover; text-align: center; padding-left: 0.2rem; }

.about-fw ul li strong { font-size: 0.48rem; color: #020c23; opacity: .43; display: block; margin-top: 0.33333rem; }

.about-fw ul li p { font-size: 0.32rem; color: #eef0ff; width: 0.93333rem; margin: 0 auto; }

.about-fw .ul-top { margin-top: 0.66667rem; }

.about-fw .ul-bottom { padding: 0 1.17333rem; margin-top: -1rem; }

.fw-box { padding: 0 0.26667rem; position: relative; }

.fw-box:after { width: 2.06667rem; height: 3.36rem; background: url(../mimages/md4.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: -3.46667rem; right: 1.13333rem; content: ""; display: block; }

.fw-box .about-one { background: url(../mimages/about_1.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: 2.4rem; position: relative; border-radius: 0.13333rem; box-shadow: 0 0 0.26667rem rgba(0, 0, 0, 0.2); margin-top: 0.13333rem; }

.fw-box .about-one .box { position: absolute; left: 0.4rem; top: 0.2rem; }

.fw-box .about-one .box p { font-size: 0.42667rem; color: #fff; margin-top: 0.06667rem; }

.fw-box .about-one .box p:nth-child(2), .fw-box .about-three .box p:nth-child(2) { margin-left: 0.4rem; }

.fw-box .about-one .box p:nth-child(3), .fw-box .about-three .box p:nth-child(3) { margin-left: 0.8rem; }

.fw-box .about-two .box p:nth-child(2) { margin-left: -0.4rem; }

.fw-box .about-two .box p:nth-child(3) { margin-left: -0.8rem; }

.fw-box .about-two { background: url(../mimages/about_2.jpg) no-repeat; background-size: 100% 100%; width: 100%; position: relative; height: 2.4rem; border-radius: 0.13333rem; box-shadow: 0 0 0.26667rem rgba(0, 0, 0, 0.2); margin-top: 0.4rem; }

.fw-box .about-two .box { position: absolute; right: 0.4rem; top: 0.2rem; }

.fw-box .about-two .box p { font-size: 0.42667rem; color: #fff; margin-top: 0.06667rem; }

.fw-box .about-three { background: url(../mimages/about_3.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: 2.4rem; position: relative; border-radius: 0.13333rem; box-shadow: 0 0 0.26667rem rgba(0, 0, 0, 0.2); margin-top: 0.4rem; }

.fw-box .about-three .box { position: absolute; left: 0.4rem; top: 0.2rem; }

.fw-box .about-three .box p { font-size: 0.42667rem; color: #fff; margin-top: 0.06667rem; }

.about-nl { padding: 0 0.26667rem; margin-top: 1.06667rem; position: relative; }

.about-nl:before { position: absolute; z-index: -1; bottom: 0.33333rem; left: 0; content: ""; display: block; width: 6.66667rem; height: 4.24rem; background: #8098da; }

.about-nl:after { width: 2.70667rem; height: 2.06667rem; background: url(../mimages/md.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 50%; margin-left: -1.2rem; z-index: -1; bottom: -0.26667rem; }

.about-nl h2 { text-align: center; }

.about-nl h2 strong { font-size: 0.48rem; color: #3a508a; font-weight: 400; position: relative; }

.about-nl h2 strong:before { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_a.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-nl h2 strong:after { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_a.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-nl p { font-size: 0.37333rem; color: #333; line-height: 1.5em; margin-top: 0.24rem; text-align: justify; text-indent: 2em; }

.about-nl .box { display: -webkit-flex; display: flex; justify-content: space-between; margin-top: 0.46667rem; }

.about-nl .box .box-l { flex: 1; padding-left: 0.33333rem; }

.about-nl .box .box-l img { width: 4rem; display: block; border-radius: 0.13333rem; margin-bottom: 0.26667rem; box-shadow: 0 0.08rem 0.26667rem rgba(0, 36, 134, 0.4); }

.about-nl .box .box-l strong { font-size: 0.42667rem; color: #fff; font-weight: 400; display: block; margin-top: 0.33333rem; margin-bottom: 0.06667rem; }

.about-nl .box .box-l p { font-size: 0.32rem; color: #fff; text-indent: 0; line-height: auto; margin-top: 0; }

.about-nl .box .box-r { flex: 1; margin-left: -0.33333rem; text-align: center; margin-top: 0.2rem; }

.about-nl .box .box-r strong { font-size: 0.42667rem; font-weight: 400; color: #8098da; margin-bottom: 0.4rem; position: relative; }

.about-nl .box .box-r strong:before { width: 0.73333rem; background: url(../mimages/zdh.png) no-repeat; height: 0.49333rem; background-size: 100% 100%; content: ""; display: block; position: absolute; left: -0.6rem; top: -0.13333rem; }

.about-nl .box .box-r strong:after { width: 0.25333rem; background: url(../mimages/ydh.png) no-repeat; height: 0.17333rem; background-size: 100% 100%; content: ""; display: block; position: absolute; right: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-nl .box .box-r img { margin-top: 0.4rem; width: 4.57333rem; border-radius: 0.13333rem; box-shadow: 0 0.08rem 0.26667rem rgba(0, 36, 134, 0.4); }

.about-jd { padding: 0 0.26667rem; margin-top: 0.93333rem; }

.about-jd h2 { text-align: center; }

.about-jd h2 strong { font-size: 0.48rem; color: #3a508a; font-weight: 400; position: relative; }

.about-jd h2 strong:before { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_a.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-jd h2 strong:after { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_a.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-jd .box { display: -webkit-flex; display: flex; justify-content: space-between; padding-left: 0.26667rem; margin-top: 0.46667rem; position: relative; }

.about-jd .box:after { width: 2.70667rem; height: 2.06667rem; background: url(../mimages/md.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 50%; margin-left: -3.33333rem; z-index: -1; bottom: -0.26667rem; }

.about-jd .box p { font-size: 0.37333rem; line-height: 1.5em; color: #333; width: 3.33333rem; margin-right: 0.4rem; text-align: justify; text-indent: 2em; }

.about-jd .box .video { flex: 1; }

.about-jd .box .video img { width: 5.86667rem; border-radius: 0.13333rem; display: block; }

.about-jd .pop-video { position: fixed; width: 100%; height: 100%; left: 0; top: -100%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; z-index: 9999; opacity: 0; }

.about-jd .pop-video .bg { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); max-width: 750px; transform: translateX(-50%); }

.about-jd .pop-video .close { position: absolute; right: 0.26667rem; top: 25%; width: 0.66667rem; height: 0.66667rem; background: url(../mimages/close.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; cursor: pointer; }

.about-jd .pop-video video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 750px; }

.about-jd .pop-video.open { top: 0; opacity: 1; }

.about-hz { background: url(../mimages/about_hz.jpg) no-repeat; width: 100%; height: 7.61333rem; background-size: 100% 100%; text-align: center; padding-top: 1.73333rem; margin-top: 1.17333rem; margin-bottom: -1.46667rem; }

.about-hz h2 { text-align: center; margin-bottom: 0.48rem; }

.about-hz h2 strong { font-size: 0.48rem; color: #fff; font-weight: 400; position: relative; }

.about-hz h2 strong:before { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_b.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-hz h2 strong:after { width: 0.29333rem; height: 0.41333rem; background: url(../mimages/str_b.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: -0.53333rem; top: 50%; transform: translateY(-50%); }

.about-hz p { font-size: 0.37333rem; color: #fff; margin-bottom: 0.06667rem; }

.cont-us { padding: 1rem 0.26667rem 0; background: url(../mimages/us_bg.png) no-repeat; background-size: 100% 100%; width: 9.46667rem; height: 10.16rem; margin: -4.2rem auto 0; position: relative; box-shadow: 0 0.08rem 0.46667rem rgba(54, 73, 119, 0.2); border-radius: 0.13333rem; }

.cont-us h1 { font-size: 0.56rem; color: #fff; font-weight: 400; padding: 0 0.26667rem; }

.cont-us .tit { font-size: 0.37333rem; color: #fff; margin-top: 0.13333rem; padding: 0 0.4rem; }

.cont-us .box { margin-top: 2.42667rem; padding: 0 0.4rem; }

.cont-us .box p { font-size: 0.37333rem; color: #586ca4; margin-bottom: 0.06667rem; }

.cont-us .box strong { font-size: 0.48rem; color: #333; font-weight: 400; display: block; margin-bottom: 0.2rem; }

.cont-us .box span { font-size: 0.37333rem; color: #333; }

.cont-us .box-an { display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 0.26667rem; margin-top: 0.86667rem; }

.cont-us .box-an a { width: 4rem; height: 1.28rem; line-height: 1.28rem; text-align: center; font-size: 0.42667rem; }

.cont-us .box-an a:first-child { background: url(../mimages/a_1.png) no-repeat; background-size: 100% 100%; color: #8797c1; }

.cont-us .box-an a:nth-child(2) { background: url(../mimages/a_2.png) no-repeat; background-size: 100% 100%; color: #ad2225; }

.map-box { margin: -1.2rem 0.26667rem 0; }

.map-box strong { font-size: 0.48rem; color: #354775; -webkit-background-clip: text; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#8098da), to(#354775)); -webkit-text-fill-color: transparent; font-weight: 400; display: block; margin-bottom: 0.53333rem; }

iframe { border-radius: 0.13333rem; }

.map-box p { background: #f2f2f2; width: 7.6rem; height: 1.28rem; line-height: 1.28rem; text-align: center; margin: 0 auto; border-radius: 0.66667rem; margin-top: 0.18667rem; color: #4a5b8c; font-size: 0.42667rem; }

.map-box p img { vertical-align: middle; width: 0.45333rem; margin-top: -0.04rem; }

.message { margin: 0 0.26667rem; margin-top: 1rem; margin-bottom: 1.73333rem; }

.message strong { margin-left: -0.26667rem; background: url(../mimages/str_bg.jpg) no-repeat; background-size: 100% 100%; width: 4.49333rem; height: 1.50667rem; line-height: 1.50667rem; text-align: center; border-radius: 0 0.13333rem 10px 0; display: block; color: #fff; font-size: 0.56rem; position: relative; z-index: 5; }

.message strong img { vertical-align: middle; width: 0.64rem; margin-top: -0.09333rem; }

.message .box { border-radius: 0.13333rem; background: -webkit-linear-gradient(#8098da, #364876); background: -o-linear-gradient(#8098da, #364876); background: -moz-linear-gradient(#8098da, #364876); background: linear-gradient(#8098da, #364876); padding: 1.93333rem 0.66667rem 0.33333rem; position: relative; margin-top: -1.73333rem; }

.message .box:before { width: 5.14667rem; height: 4.8rem; background: url(../mimages/xd.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: 0; top: 0; }

.message .box p { font-size: 0.37333rem; color: #fff; text-align: justify; line-height: 1.5em; }

.message .box form input { margin-top: 0.4rem; position: relative; height: 0.90667rem; line-height: 0.64rem; padding: 0.13333rem 0; font-size: 0.37333rem; background: #fff; color: #999; padding-left: 1.13333rem; box-sizing: border-box; width: 100%; border-radius: 0.13333rem; }

.message .box form input.icon-name { background: url(../mimages/pic_one.png) no-repeat 0.46667rem center #fff; background-size: 0.42667rem 0.42667rem; }

.message .box form input.icon-tel { background: url(../mimages/pic_two.png) no-repeat 0.46667rem center #fff; background-size: 0.44rem 0.41333rem; }

.message .box form textarea { margin-top: 0.42667rem; width: 100%; height: 2.66667rem; font-size: 0.34667rem; line-height: 1.7em; padding: 0.13333rem 0.4rem 0.13333rem 1.13333rem; position: relative; background: url(../mimages/pic_three.png) no-repeat 0.46667rem 0.24rem #fff; background-size: 0.36rem 0.4rem; border-radius: 0.13333rem; resize: none; color: #999; }

.message .box form .submit { text-align: center; width: 100%; position: relative; }

.message .box form .submit .button { background: #89a3e7; height: 1.09333rem; width: 100%; line-height: 0.56rem; text-align: center; color: #fff; font-size: 0.37333rem; opacity: 1; padding-left: 0; }

.message .box form .submit:before { position: absolute; width: 0.42667rem; height: 0.42667rem; background: url(../mimages/true.png) no-repeat; background-size: 100% 100%; content: ""; display: block; left: 37%; top: 50%; z-index: 4; }

.message .box .mes-bot { display: -webkit-flex; display: flex; justify-content: space-between; padding-left: 0.33333rem; margin-top: 0.46667rem; }

.message .box .mes-bot ul { flex: 1; position: relative; margin-top: 0.13333rem; }

.message .box .mes-bot ul:before { width: 0.26667rem; height: 1.81333rem; background: url(../mimages/ul_a.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0; top: 0.13333rem; }

.message .box .mes-bot ul li { font-size: 0.42667rem; color: #cad8ff; margin-bottom: 0.2rem; padding-left: 0.4rem; }

.message .box .mes-bot .rw { width: 4.34667rem; position: absolute; right: 0.13333rem; }

.message .box .mes-bot .rw img { width: 100%; display: block; }

.message .box form textarea::-webkit-input-placeholder { color: #999; }

.message .box form textarea::-moz-placeholder { color: #999; }

.message .box form textarea:-moz-placeholder { color: #999; }

.message .box form textarea:-ms-input-placeholder { color: #999; }

.new-top { box-shadow: 0 0 0.46667rem rgba(0, 35, 133, 0.3); border-bottom-right-radius: 0.53333rem; position: relative; padding: 0.73333rem 0.26667rem 0.53333rem; }

.new-top:after { width: 6.76rem; height: 4.53333rem; content: ""; display: block; background: url(../mimages/n_bg.png) no-repeat; z-index: -1; background-size: 100% 100%; position: absolute; right: 0; bottom: 0; border-bottom-right-radius: 0.53333rem; }

.new-top h1 { font-size: 0.42667rem; color: #333; font-weight: 400; line-height: 1.5em; }

.new-top p { margin-top: 0.26667rem; }

.new-top p .pic1 { vertical-align: middle; width: 0.29333rem; margin-top: -0.06667rem; }

.new-top p span { font-size: 0.32rem; color: #666; margin-left: 0.13333rem; }

.new-top p .pic2 { vertical-align: middle; width: 0.32rem; margin-top: -0.06667rem; margin-left: 0.4rem; }

.new-top ul { border: 1px dashed #f82d26; border-left: none; display: inline-block; border-radius: 0 0.66667rem 0.66667rem 0; margin-left: -0.28rem; padding-left: 0.26667rem; margin-top: 0.49333rem; }

.new-top ul li { display: inline-block; color: #f82d26; -webkit-background-clip: text; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f82d26), to(#3e4571)); -webkit-text-fill-color: transparent; font-size: 0.32rem; margin-right: 0.4rem; height: 0.77333rem; line-height: 0.77333rem; }

.zx-box { display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 0.26667rem 0 0.53333rem; margin-top: 0.33333rem; margin-bottom: 0.26667rem; }

.zx-box p { font-size: 0.37333rem; color: #596da5; flex: 1; line-height: 0.90667rem; }

.zx-box a { width: 2.62667rem; position: relative; display: block; box-shadow: 0 0.08rem 0.26667rem rgba(0, 39, 134, 0.2); border-radius: 0.13333rem; }

.zx-box a img { display: block; width: 100%; }

.new-cont { padding: 0 0.33333rem; }

.mob_cs strong { display: block; font-size: 0.37333rem; margin-bottom: 0.2rem; }

.mob_cs table td { padding: 0.16rem 0.06667rem; }

.new-cont p { font-size: 0.37333rem; color: #333; line-height: 1.6; text-align: justify; margin: 0.4rem 0; }

.new-cont p em { font-size: 0.37333rem; color: #6b86cf; line-height: 1.6; text-align: justify; margin: 0.4rem 0; }

.zxline { background: url(../mimages/x_swt.png) no-repeat; background-size: cover; padding: 0.2rem 1.06667rem 0.2rem 0.4rem; color: #fff; cursor: pointer; display: inline-block; line-height: 1; font-size: 0.37333rem; }

.new-cont p strong { font-size: 0.37333rem; }

.new-cont p img { max-width: 100%; height: auto; margin: 0 auto; }

.new-cont p a { font-size: 0.4rem; color: red; text-decoration: none; cursor: pointer; padding: 0 4px; display: inline-block; }

.new-cont h3 { font-size: 0.4rem; color: #333; margin-top: 15px; font-weight: 600; margin-bottom: 10px; overflow: hidden; line-height: 1.4em; }

.new-cont h3:before { display: inline-block; background: url(../mimages/h_three.png) no-repeat; background-size: 100% 100%; width: 0.62667rem; height: 0.62667rem; content: ""; vertical-align: middle; margin-top: -3px; }

.news-page { margin: 0 0.26667rem; box-shadow: 0 0 0.26667rem rgba(55, 66, 149, 0.2); border-radius: 0.13333rem; margin-top: 0.53333rem; margin-bottom: 1.4rem; }

.news-page li { padding: 0.37333rem 0.4rem; overflow: hidden; font-size: 0.37333rem; color: #333; }

.news-page li p { float: left; font-size: 0.37333rem; color: #333; line-height: 1.5em; width: 20%; }

.news-page li:first-child { border-bottom: 1px solid #e5e5e5; }

.news-page li a { font-size: 0.37333rem; color: #333; float: left; width: 80%; line-height: 1.5em; }

.tj-top { display: -webkit-flex; display: flex; justify-content: space-between; margin-bottom: 0.36rem; margin-top: 0.53333rem; }

.tj-top strong { font-size: 0.48rem; color: #333; font-weight: 400; position: relative; padding-left: 0.26667rem; }

.tj-top strong:before { width: 0.16rem; height: 0.66667rem; background: url(../mimages/xg_bg.png) no-repeat; background-size: 100% 100%; display: block; content: ""; position: absolute; left: 0; top: 0; }

.tj-top a { font-size: 0.37333rem; color: #8098da; }

.xg-tj { border-top: 0.26667rem solid #f5f5f5; padding: 0 0.26667rem; margin-top: -0.30667rem; }

.xg-tj ul { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }

.xg-tj ul li { width: 48.5%; text-align: center; margin-bottom: 0.26667rem; }

.xg-tj ul li .pic { position: relative; display: block; overflow: hidden; padding-top: 75%; }

.xg-tj ul li .pic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; border-radius: 0.13333rem 0.13333rem 0 0; }

.xg-tj ul li .box { box-shadow: 0 0 0.13333rem rgba(0, 0, 0, 0.2); border-radius: 0 0 0.13333rem 0.13333rem; height: 0.85333rem; line-height: 0.45333rem; padding: 0.2rem 0.13333rem; }

.xg-tj ul li .box a { font-size: 0.37333rem; color: #333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.xg-new { padding: 0 0.26667rem; }

.xg-new ul { margin-top: -0.33333rem; }

.xg-new li { padding: 0.4rem 0; border-bottom: 1px solid #e6e6e6; }

.xg-new li .text { font-size: 0.37333rem; color: #333; display: block; position: relative; padding-left: 0.46667rem; }

.xg-new li .text:before { background: url(../mimages/xg_zs.png) no-repeat 0 center; background-size: 100% 100%; width: 0.4rem; height: 0.4rem; content: ""; display: block; position: absolute; left: 0; top: 0.04rem; }

.xg-new li .xg-pic-more { display: -webkit-box; display: -moz-box; display: -ms-boxflex; display: -webkit-flex; display: flex; justify-content: space-between; margin-top: 0.33333rem; margin-left: -0.16rem; }

.xg-new li .xg-pic-more a { margin-left: 0.16rem; display: block; overflow: hidden; }

.xg-new li .xg-pic-more a img { width: 100%; object-fit: cover; max-height: 2.4rem; }

.xg-new li:last-child { padding-bottom: 0; border: none; }

.pro-ban { width: 100%; }

.pro-ban img { display: block; width: 100%; }

.pro-top { margin: -0.8rem 0.26667rem 0; box-shadow: 0 0 0.26667rem rgba(27, 29, 37, 0.2); border-radius: 0.13333rem; }

.pro-top .pro-one { display: block; border-radius: 0.13333rem; font-size: 0.64rem; color: #333; font-weight: 400; height: 1.6rem; line-height: 1.6rem; position: relative; padding-left: 0.53333rem; background: #f7f7f7; border-bottom: 1px solid #e5e5e5; }

.pro-top .pro-one:before { width: 0.26667rem; height: 1.6rem; background: url(../mimages/xg.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0; top: 0; }

.pro-top .pro-one:after { width: 0.10667rem; height: 0.58667rem; background: url(../mimages/sd.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: 0.4rem; top: 50%; transform: translateY(-50%); }

.pro-top .case-one { display: block; font-size: 0.56rem; color: #333; font-weight: 400; height: 1.6rem; line-height: 1.6rem; position: relative; padding-left: 0.53333rem; background: #f7f7f7; border-bottom: 1px solid #e5e5e5; }

.pro-top .case-one:before { width: 0.26667rem; height: 1.6rem; background: url(../mimages/xg.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0; top: 0; }

.pro-top .case-one:after { width: 0.10667rem; height: 0.58667rem; background: url(../mimages/sd.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: 0.4rem; top: 50%; transform: translateY(-50%); }

.pro-top .p-box { margin: 0 0.26667rem; padding-bottom: 0.26667rem; }

.pro-top .p-box .ul-xq li { font-size: 0.37333rem; color: #333; font-weight: 100; position: relative; padding-left: 0.93333rem; margin-bottom: 0.18667rem; }

.pro-top .p-box .ul-xq li:before { width: 0.37333rem; height: 0.37333rem; background: url(../mimages/yx.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0.4rem; top: 50%; transform: translateY(-50%); }

.pro-top .p-box .ul-xq li span { font-size: 0.37333rem; color: #333; font-weight: 400; }

.pro-top .p-box .ul-pic { display: -webkit-box; display: -moz-box; display: -ms-boxflex; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 0.2rem; margin-top: 0.53333rem; }

.pro-top .p-box .ul-pic li { flex: 1; margin: 0 0.2rem; border-radius: 0.13333rem; border: 0.05333rem solid #5e73ac; }

.pro-top .p-box .ul-pic li a { display: block; position: relative; overflow: hidden; padding-top: 75%; border-radius: 0.08rem; }

.pro-top .p-box .ul-pic li a img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.08rem; }

.pro-top .p-box .ul-pic li a span { display: block; width: 90%; background: #5e73ac; font-size: 0.26667rem; text-align: center; color: #fff; height: 0.4rem; line-height: 0.4rem; margin: -0.53333rem auto 0; border-radius: 0.06667rem; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0.06667rem; }

.pro-top .p-box .dj-zx { background: -webkit-linear-gradient(#7f97d8, #394b7a); background: -o-linear-gradient(#7f97d8, #394b7a); background: -moz-linear-gradient(#7f97d8, #394b7a); background: linear-gradient(#7f97d8, #394b7a); font-size: 0.37333rem; color: #fff; height: 1.06667rem; line-height: 1.06667rem; display: block; border-radius: 0.13333rem; text-align: center; margin-top: 0.53333rem; }

.pro-top .p-box .dj-zx img { vertical-align: middle; width: 0.4rem; margin-top: -0.06667rem; }

.pro-top .p-box .text { text-align: center; font-size: 0.37333rem; color: #354775; -webkit-background-clip: text; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#8098da), to(#354775)); -webkit-text-fill-color: transparent; margin-top: 0.21333rem; }

.pro-top .p-box .wl-fw { background: #f7f7f7; border-radius: 0.13333rem; padding: 0.16rem 0.13333rem; margin-top: 0.46667rem; }

.pro-top .p-box .wl-fw strong { font-size: 0.32rem; color: #333; display: block; }

.pro-top .p-box .wl-fw .mt { margin-top: 0.26667rem; }

.pro-top .p-box .wl-fw p { font-size: 0.32rem; color: #666; line-height: 1.5em; margin-top: 0.06667rem; }

.pro-top .dh-box { background: url(../mimages/bd_bg.png) repeat; height: 0.93333rem; line-height: 0.93333rem; box-shadow: 0 0 0.26667rem rgba(0, 0, 0, 0.2); border-radius: 0.13333rem; margin: 0.46667rem auto 0.33333rem; padding-left: 0.6rem; }

.pro-top .dh-box p { font-size: 0.4rem; color: #333; float: left; }

.pro-top .dh-box span { font-size: 0.4rem; color: #bd1927; float: left; margin-left: 0.06667rem; }

.pro-top .dh-box a { float: right; border-radius: 0.13333rem; width: 2.2rem; font-size: 0.4rem; color: #fff; text-align: center; background: -webkit-linear-gradient(#e4302e, #3f4571); background: -o-linear-gradient(#e4302e, #3f4571); background: -moz-linear-gradient(#e4302e, #3f4571); background: linear-gradient(#e4302e, #3f4571); }

.pro-top .dh-box a img { width: 0.36rem; vertical-align: middle; margin-top: -0.06667rem; }

.pro-cont { padding: 0 0.26667rem 0.53333rem; }

.pro-cont h2 { font-size: 0.48rem; color: #2b4b80; position: relative; padding-left: 0.77333rem; margin-top: 0.8rem; margin-bottom: 0.33333rem; }

.pro-cont h2 strong { font-size: 0.48rem; }

.pro-cont h2:before { width: 4.02667rem; height: 0.58667rem; background: url(../mimages/h_two.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0; bottom: -0.05333rem; z-index: -1; }

.cont_table { background-color: #e5e5e5; }

.cont_table td { padding: 0.16667rem 0; font-size: 14px; line-height: 1.5em; word-break: break-all; text-align: center; }

.cont_table tr:nth-child(odd) { background-color: #d0d8ed; }

.cont_table tr:nth-child(even) { background-color: #fff; }

.cont_table tr.table-name { background-color: #2f5eac; }

.ms-ys { position: relative; display: table; margin: 0 auto !important; padding: 0 0.66667rem; font-size: 0.37333rem; color: #555; }

.ms-ys:before { width: 0.45333rem; height: 0.32rem; background: url(../mimages/ms-l.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.ms-ys:after { width: 0.45333rem; height: 0.32rem; background: url(../mimages/ms-r.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.pro-cont p { font-size: 0.37333rem; color: #333; line-height: 1.7em; margin-bottom: 0.33333rem; }

.pro-cont p em { font-size: 0.37333rem; color: #6b86cf; line-height: 1.5em; text-align: justify; margin: 0.4rem 0; }

.pro-cont p a { display: inline-block; padding: 0 4px; }

.pro-cont p video { max-width: 100%; display: block; height: auto; }

.pro-cont p img { max-width: 100%; display: block; margin: 0 auto; }

.pro-cont p.color { color: #ff4111; }

.pro-cont .ys li { display: -webkit-box; display: -moz-box; display: -ms-boxflex; display: -webkit-flex; display: flex; justify-content: space-between; }

.pro-cont .ys li:nth-child(odd) .box span, .pro-cont .ys li:nth-child(odd) .num { background: #6b86cf; }

.pro-cont .ys li:nth-child(even) .box span, .pro-cont .ys li:nth-child(even) .num { background: #6bc0cf; }

.pro-cont .ys li .num { width: 1.26667rem; height: 1.26667rem; text-align: center; line-height: 1.26667rem; border-radius: 50% 0 50% 50%; color: #fff; font-size: 0.64rem; font-weight: 700; }

.pro-cont .ys li .box { flex: 1; margin-left: 0.13333rem; }

.pro-cont .ys li .box span { border-radius: 0 0.4rem 0.4rem 0; font-size: 0.37333rem; color: #fff; height: 0.64rem; line-height: 0.64rem; padding: 0 0.4rem 0 0.26667rem; display: inline-block; }

.pro-cont .ys li .box p { margin-top: 0.06667rem; margin-left: 0.2rem; }

.pro-cont .more-list .cs-h { position: relative; }

.pro-cont .more-list .cs-h img { width: 100%; }

.pro-cont .more-list .cs-h p { font-size: 0.26667rem; color: #fff; position: absolute; top: 40%; left: 35%; width: 60%; text-align: center; line-height: 2em; }

.pro-cont .more-list .swiper-slide strong { display: block; text-align: center; font-size: 0.37333rem; color: #465174; margin-top: 0.26667rem; padding: 0 0.64rem; display: block; margin-bottom: 0.53333rem; }

.pro-cont .more-list .swiper-slide p { text-align: center; }

.pro-cont .more-list .swiper-button-prev { background: url(../mimages/cs_one.png) no-repeat; width: 0.5rem; height: 0.5rem; background-size: 100% 100%; }

.pro-cont .more-list .swiper-button-next { background: url(../mimages/cs_two.png) no-repeat; width: 0.5rem; height: 0.5rem; background-size: 100% 100%; }

.pro-cont .more-list .swiper-button-next, .pro-cont .more-list .swiper-button-prev { top: 0; margin-top: 0.26667rem; }

.pro-cont .dg-cs tr td, .pro-cont .more-list tr td { padding: 0.16667rem 0; box-sizing: border-box; line-height: 1.5em; word-break: break-all; }

.pt-pro { text-align: center; }

.pt-pro strong { display: inline-block; margin-top: 0.42667rem; margin-bottom: 0.24rem; font-size: 0.48rem; font-weight: 400; color: #354775; -webkit-background-clip: text; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#8098da), to(#354775)); -webkit-text-fill-color: transparent; }

.pt-pro ul { display: -webkit-box; display: -moz-box; display: -ms-boxflex; display: -webkit-flex; display: flex; justify-content: space-between; margin-left: -0.2rem; margin-bottom: 0.13333rem; }

.pt-pro ul li { flex: 1; margin-left: 0.2rem; border-radius: 0.13333rem; }

.pt-pro ul li .pic { display: block; position: relative; overflow: hidden; padding-top: 75%; }

.pt-pro ul li .pic img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.pt-pro ul li a { font-size: 0.32rem; color: #333; height: 0.6rem; line-height: 0.6rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.tj-case { padding: 0 0.26667rem; margin-bottom: -0.46667rem; }

.tj-case ul { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }

.tj-case ul li { width: 48.5%; text-align: center; margin-bottom: 0.26667rem; }

.tj-case ul li .pic { position: relative; display: block; overflow: hidden; padding-top: 75%; }

.tj-case ul li .pic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; border-radius: 0.13333rem 0.13333rem 0 0; }

.tj-case ul li .box { box-shadow: 0 0 0.13333rem rgba(0, 0, 0, 0.2); border-radius: 0 0 0.13333rem 0.13333rem; height: 1.33333rem; line-height: 0.53333rem; padding: 0.4rem 0.13333rem; }

.tj-case ul li .box a { font-size: 0.37333rem; color: #333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#gotoTop { width: 1.06667rem; height: 1.06667rem; z-index: 9999; bottom: 2.13333rem; background: url(../mimages/icon_mtop.png) no-repeat; background-size: 100% 100%; right: 0.10667rem; cursor: pointer; position: fixed; border-radius: 50%; box-shadow: 0 0 0.26667rem rgba(43, 75, 128, 0.4); }

.page-ul-list { background: #fff; padding: 0.26667rem 0; position: fixed; left: 50%; bottom: 0; max-width: 750px; width: 100%; box-sizing: border-box; transform: translate(-50%); height: 4rem; overflow-y: scroll; z-index: 99990; -moz-box-shadow: 0 -1px 0.13333rem #f0f3fa; -webkit-box-shadow: 0 -1px 0.13333rem #f0f3fa; box-shadow: 0 -1px 0.13333rem #f0f3fa; display: none; }

.page-ul-list .close-gb { overflow: hidden; }

.page-ul-list .close-gb .hide { display: block; float: right; width: 0.38893rem; height: 0.38893rem; margin-right: 0.33333rem; }

.page-ul-list .close-gb .hide img { width: 100%; }

.page-ul-list li { text-align: center; font-size: 0.26667rem; color: #333; float: left; background: #f0f3fa; border-radius: 0.11107rem; width: 13.3333%; margin-left: 3%; line-height: 0.77773rem; margin-top: 0.26667rem; }

.page-ul-list li a { color: #051741; display: block; }

.page-ul-list li.on { background: #8c9bc3; }

.page-ul-list li.on a { color: #fff; }

footer ul li.three a img { vertical-align: middle; margin-top: -0.06667rem; width: 0.50667rem; }

.tz-box { background: #f9fbff; box-shadow: 0 0 0.2rem rgba(67, 86, 135, 0.15); border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -ms-border-radius: 0.4rem; -o-border-radius: 0.4rem; padding: 0.66667rem 0.26667rem; position: relative; z-index: 10; }

.tz-box li { display: inline-block; margin-left: 0.13333rem; margin-bottom: 0.46667rem; position: relative; }

.tz-box li a { font-size: 0.37333rem; color: #3a4c7b; border: 1px solid #4d68af; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -ms-border-radius: 0.4rem; -o-border-radius: 0.4rem; padding: 0.13333rem 0.33333rem; display: block; background: url(../mimages/tz_bg.png); }

.tz-box li:before { content: ""; display: block; background: #394b7a; height: 0.93333rem; width: 100%; border-radius: 0.46667rem; -webkit-border-radius: 0.46667rem; -moz-border-radius: 0.46667rem; -ms-border-radius: 0.46667rem; -o-border-radius: 0.46667rem; position: absolute; left: 0; bottom: -0.13333rem; z-index: -1; }

.tz-box p { font-size: 0.37333rem; color: #666; line-height: 1.8em; }

.dome-one { background: #f0f4ff; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -ms-border-radius: 0.4rem; -o-border-radius: 0.4rem; padding: 0 0.26667rem 0.66667rem; position: relative; text-align: center; margin: 0.8rem 0 0.4rem; }

.dome-one strong { background: -webkit-linear-gradient(#8098da, #394b7a); background: -o-linear-gradient(#8098da, #394b7a); background: -moz-linear-gradient(#8098da, #394b7a); background: linear-gradient(#8098da, #394b7a); font-size: 0.4rem; color: #fff; position: relative; top: -0.4rem; display: inline-block; text-align: center; width: 80%; font-weight: 400; padding: 0.13333rem 0.26667rem; border-radius: 0.13333rem; -webkit-border-radius: 0.13333rem; -moz-border-radius: 0.13333rem; -ms-border-radius: 0.13333rem; -o-border-radius: 0.13333rem; }

.dome-one strong:before { content: ""; display: block; width: 0; height: 0; border-right: 0 solid transparent; border-left: 0.13333rem solid transparent; border-bottom: 0.33333rem solid #35487b; position: absolute; left: -0.12rem; top: 0.08rem; }

.dome-one strong:after { content: ""; display: block; width: 0; height: 0; border-right: 0.13333rem solid transparent; border-left: 0 solid transparent; border-bottom: 0.33333rem solid #35487b; position: absolute; right: -0.12rem; top: 0.08rem; }

.dome-one p { line-height: 1.8em; color: #333; margin: 0; text-indent: 2em; }

.dome-two { background: url(../mimages/wgx_bg.jpg); padding: 0 0.26667rem 0.53333rem; position: relative; margin: 0.8rem 0.13333rem 0.4rem 0; }

.dome-two:before { background: -webkit-linear-gradient(#8098da, #394b7a); background: -o-linear-gradient(#8098da, #394b7a); background: -moz-linear-gradient(#8098da, #394b7a); background: linear-gradient(#8098da, #394b7a); content: ""; display: block; height: 95%; width: 0.13333rem; position: absolute; right: -0.13333rem; top: 5%; }

.dome-two:after { background: #394b7a; width: 100%; height: 0.13333rem; content: ""; display: block; position: absolute; bottom: 0; left: 0; }

.dome-two strong { font-size: 0.4rem; color: #fff; background: -webkit-linear-gradient(#8098da, #394b7a); background: -o-linear-gradient(#8098da, #394b7a); background: -moz-linear-gradient(#8098da, #394b7a); background: linear-gradient(#8098da, #394b7a); border-radius: 0 0.4rem 0.4rem 0; -webkit-border-radius: 0 0.4rem 0.4rem 0; -moz-border-radius: 0 0.4rem 0.4rem 0; -ms-border-radius: 0 0.4rem 0.4rem 0; -o-border-radius: 0 0.4rem 0.4rem 0; font-weight: 400; padding: 0.13333rem 0.53333rem; margin-left: -0.26667rem; position: relative; top: -0.26667rem; }

.dome-two p { line-height: 1.8em; color: #333; margin: 0.13333rem 0 0; text-indent: 2em; }

.demo-three { background: #dcf0ff; border-radius: 0.26667rem; -webkit-border-radius: 0.26667rem; -moz-border-radius: 0.26667rem; -ms-border-radius: 0.26667rem; -o-border-radius: 0.26667rem; padding: 0.13333rem 0.4rem 0.4rem; text-align: center; margin: 0.8rem 0.13333rem 0.4rem 0; }

.demo-three strong { font-size: 0.4rem; color: #fff; position: relative; top: -0.50667rem; display: inline-block; text-align: center; font-weight: 400; padding: 0.10667rem 0.53333rem; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -ms-border-radius: 0.4rem; -o-border-radius: 0.4rem; background: #364876; }

.demo-three .cj-fd { overflow: hidden; }

.demo-three .cj-fd ul { float: left; width: 75%; text-align: left; margin-top: 0.13333rem; }

.demo-three .cj-fd li { font-size: 0.34667rem; color: #333; line-height: 2em; position: relative; padding-left: 0.4rem; }

.demo-three .cj-fd li:before { width: 0.25333rem; height: 0.22667rem; background: url(../mimages/li_icon.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0; top: 0.24rem; }

.demo-three .cj-fd a { display: block; float: right; width: 1.56rem; height: 1.56rem; background: -webkit-linear-gradient(left top, #ef2128, #19308c); background: -o-linear-gradient(right top, #ef2128, #19308c); background: -moz-linear-gradient(right top, #ef2128, #19308c); background: linear-gradient(to right top, #ef2128, #19308c); border-radius: 0.26667rem; -webkit-border-radius: 0.26667rem; -moz-border-radius: 0.26667rem; -ms-border-radius: 0.26667rem; -o-border-radius: 0.26667rem; color: #fff; font-size: 0.46667rem; text-align: center; padding: 12px; }

.demo-four { box-shadow: 0 0 0.2rem rgba(34, 43, 103, 0.15); border-radius: 0.26667rem; -webkit-border-radius: 0.26667rem; -moz-border-radius: 0.26667rem; -ms-border-radius: 0.26667rem; -o-border-radius: 0.26667rem; padding: 0.53333rem 0.53333rem 0.66667rem 0.8rem; text-align: center; margin: 0.8rem 0.13333rem 0.4rem 0; }

.demo-four strong { font-size: 0.4rem; color: #4d68af; }

.demo-four ul { margin-top: 0.53333rem; }

.demo-four ul li { font-size: 0.37333rem; color: #3a4c7b; text-align: left; background: #f3f8fb; box-shadow: 0 0 0.2rem rgba(42, 131, 189, 0.15) inset; margin-top: 0.4rem; padding: 0.33333rem 0.53333rem 0.33333rem 0.93333rem; line-height: 1.8em; position: relative; }

.demo-four ul li span { font-size: 0.37333rem; color: #e7eeff; font-weight: 700; position: absolute; left: -0.26667rem; top: 0.13333rem; text-align: center; line-height: 0.77333rem; width: 0.8rem; height: 1.01333rem; background: url(../mimages/sn_bg.png) no-repeat; background-size: 100% 100%; }

.BMapLib_nav_tab li { width: 98px !important; }

@media (max-width: 375px) { .news-page li p { width: 21%; }
  .news-page li a { width: 79%; }
  .new-top h1 { font-size: 20px; }
  .sol-fa { height: 5.73333rem; }
  .about-ban p, .about-fw .tit, .about-hz p, .about-jd .box p, .about-js p, .about-nl p, .about-pro p, .cont-us .box p, .cont-us .box span, .cont-us .tit, .fott p, .fott ul li, .gs-fz ul li p, .index-new .new-hot .cont .hot-info a, .index-new li .cent, .index-pro li .box p, .index-pro li .box p span, .lb-pro .box p a, .m-pages .page, .m-pages .page em, .m-pages a, .message .box form .submit .button, .message .box form input, .message .box form textarea, .message .box p, .new-cont p, .new-cont p a, .new-cont p em, .new-cont p strong, .new-list li .xq-box a, .news-page li, .news-page li a, .news-page li p, .pro-cont .dg-cs tr td, .pro-cont .more-list .swiper-slide strong, .pro-cont .more-list tr td, .pro-cont .ys li .box span, .pro-cont p, .pro-cont p span, .pro-cont p strong, .pro-pad ul li .box a, .pro-top .p-box .dj-zx, .pro-top .p-box .text, .pro-top .p-box .ul-xq li, .pro-top .p-box .ul-xq li span, .pro-top .p-box .wl-fw p, .pro-top .p-box .wl-fw strong, .sol-fa p, .tj-case ul li .box a, .tj-top a, .xg-new li .text, .xg-tj ul li .box a, .zxline, nav ul li a { font-size: 16px; }
  .index-pro li .st-1 a, .new-cont h3, .pro-cont h2 { font-size: 18px; }
  .index-new .new-hot .cont .hot-info p, .new-list li .xq-box .box p { font-size: 14px; }
  .new-list li .pic { width: 39.5%; padding-top: 26.5%; } }

@media (max-width: 360px) { .pro-top .p-box .text { font-size: 14px; } }

@media (max-width: 345px) { .news-page li p { width: 25%; }
  .news-page li a { width: 75%; }
  .sol-fa p { margin-top: 0; font-size: 14px; }
  .index-pro li .st-1 a, .new-cont h3, .pro-cont h2 { font-size: 16px; }
  .about-ban p, .about-fw .tit, .about-hz p, .about-jd .box p, .about-js p, .about-nl p, .about-pro p, .cont-us .box p, .cont-us .box span, .cont-us .tit, .fott p, .fott ul li, .gs-fz ul li p, .index-new .new-hot .cont .hot-info a, .index-new li .cent, .index-pro li .box p, .index-pro li .box p span, .lb-pro .box p a, .m-pages .page, .m-pages .page em, .m-pages a, .message .box form .submit .button, .message .box form input, .message .box form textarea, .message .box p, .new-cont p, .new-cont p a, .new-cont p em, .new-cont p strong, .new-list li .xq-box a, .news-page li, .news-page li a, .news-page li p, .pro-cont .dg-cs tr td, .pro-cont .more-list .swiper-slide strong, .pro-cont .more-list tr td, .pro-cont .ys li .box span, .pro-cont p, .pro-cont p span, .pro-cont p strong, .pro-pad ul li .box a, .pro-top .p-box .dj-zx, .pro-top .p-box .text, .pro-top .p-box .ul-xq li, .pro-top .p-box .ul-xq li span, .pro-top .p-box .wl-fw p, .pro-top .p-box .wl-fw strong, .sol-fa p, .tj-case ul li .box a, .tj-top a, .xg-new li .text, .xg-tj ul li .box a, .zxline, nav ul li a { font-size: 14px; }
  .pro-top .p-box .text { font-size: 12px; } }