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
}

table {
    word-break: break-all
}

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
}

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

li {
    list-style-type: none
}

body {
    min-width: 3.2rem;
    max-width: 7.5rem;
    width: 100%;
    margin: 0 auto;
    padding-bottom: .97rem;
    padding-bottom: calc(.97rem + env(safe-area-inset-bottom))
}

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

.clearfix {
    zoom: 1
}
.wp {
    padding: 0 .3rem
}

.header {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    max-width: 7.5rem
}

.index-logo {
    display: flex;
    justify-content: flex-start
}

.index-nav {
    background: #121214;
    text-align: center;
    z-index: 999;
    position: relative;
    padding: .23rem
}

.index-nav span {
    display: block;
    width: .35rem;
    height: .02rem;
    background-color: #fff;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    margin-top: .1rem
}

.logo {
    z-index: 999;
    position: relative;
    padding: .23rem .27rem
}

.logo a {
    display: block
}

.logo img {
    width: 2.03rem;
    height: .47rem;
    display: block;
    margin: 0 auto
}

.wz-ms {
    line-height: .9rem;
    margin-left: .25rem
}

.wz-ms strong {
    color: #e8f5ff;
    font-weight: 400;
    font-size: .32rem
}

.wz-ms strong i {
    width: .08rem;
    height: .08rem;
    background: #8aaecb;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
    margin: 0 .05rem
}

.index-ban img {
    display: block
}

.pro-class {
    position: relative;
    background: #18243c;
    overflow: hidden;
    padding: 0 .3rem
}

.box-pro .m-bt {
    position: relative;
    padding-left: .3rem
}

.box-pro .m-bt:before {
    width: .08rem;
    height: .7rem;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .04rem;
    background: #334b7a
}

.box-pro .m-bt a {
    display: block;
    font-size: .42rem;
    color: #fff;
    font-weight: 700
}

.box-pro .m-bt span {
    font-size: .22rem;
    color: #6c7c9c;
    text-transform: uppercase
}

.box-pro h3 {
    font-size: .4rem;
    color: #fff;
    text-align: center;
    margin-top: .1rem
}

.box-pro p {
    font-size: .28rem;
    color: #fff;
    text-align: center;
    margin-top: .2rem
}

.pro-class .slick-dots {
    text-align: center;
    padding-bottom: .77rem;
    margin-top: .8rem
}

.pro-class .slick-dots li {
    display: inline-block
}

.pro-class .slick-dots li button {
    font-size: 0;
    width: .15rem;
    height: .15rem;
    border: .02rem solid #fff;
    background: #18243c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 .2rem
}

.pro-class .slick-dots li.slick-active button {
    background: #fff;
    border: .02rem solid #fff
}

.index-case {
    padding: .8rem .3rem 0;
    position: relative
}

.index-case:before {
    background: url(../images/index_case.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 11rem;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.index-case:after {
    content: "";
    display: block;
    background: url(../images/gcs.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 1.36rem;
    right: 0;
    width: 2.52rem;
    height: 4.57rem
}

.index-case .bt {
    margin-bottom: .65rem
}

.index-case .bt h2 {
    font-size: .42rem;
    color: #fff;
    display: inline-block
}

.index-case .bt span {
    font-size: .28rem;
    color: #dae4f0;
    font-weight: 200;
    margin-left: .35rem
}

.slick-show {
    position: relative;
    z-index: 10
}

.slick-for .box-case .img-pic {
    position: relative;
    display: block;
    padding-top: 66.4%
}

.slick-for .box-case .img-pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem
}

.slick-for .box-case {
    z-index: 5;
    position: relative
}

.slick-for .box-case .case-del {
    background: url(../images/case_del.png) no-repeat;
    background-size: cover;
    width: 5.93rem;
    height: 6.26rem;
    padding: .5rem .5rem 0 .3rem;
    margin-top: -.85rem;
    z-index: 5;
    position: relative
}

.slick-for h3 a {
    font-size: .36rem;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.slick-for .p-tit {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.slick-for .p-tit p {
    font-size: .32rem;
    color: #595959;
    margin-bottom: .2rem;
    padding-left: .4rem;
    position: relative
}

.slick-for .p-tit p:before {
    width: .22rem;
    height: .22rem;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.11rem
}

.slick-for .p-tit p:nth-child(1):before {
    background: url(../images/icon_1.png) no-repeat;
    background-size: cover
}

.slick-for .p-tit p:nth-child(2):before {
    background: url(../images/icon_2.png) no-repeat;
    background-size: cover
}

.slick-for .p-tit p:nth-child(3):before {
    background: url(../images/icon_3.png) no-repeat;
    background-size: cover
}

.slick-for .ejection {
    font-size: .32rem;
    color: #333;
    position: relative;
    padding-left: 1rem
}

.slick-for .ejection:before {
    position: absolute;
    width: .3rem;
    height: .3rem;
    background: url(../images/icon_4.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    left: 0;
    top: 50%;
    margin-top: -.15rem
}

.slick-for .ejection:after {
    position: absolute;
    width: .3rem;
    height: .01rem;
    background: #98a8d9;
    content: "";
    display: block;
    left: .55rem;
    top: 50%
}

.slick-for .case-del ul {
    display: flex;
    justify-content: space-between;
    margin-top: .4rem
}

.slick-for .case-del li {
    text-align: center
}

.slick-for .case-del li .bj {
    background: linear-gradient(#bfd0f7, #587cd9);
    width: 1.46rem;
    height: 1.46rem;
    padding: .1rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.slick-for .case-del li .bj img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.slick-for .case-del li strong {
    font-size: .28rem;
    color: #25262b;
    margin-top: .15rem;
    display: block
}

.slick-for .slick-next,
.slick-for .slick-prev {
    position: absolute;
    font-size: 0;
    bottom: -.18rem;
    width: .54rem;
    height: .54rem
}

.slick-for .slick-prev {
    background: url(../images/icon_left.png) no-repeat;
    background-size: cover
}

.slick-for .slick-next {
    background: url(../images/icon_right.png) no-repeat;
    background-size: cover;
    left: .74rem
}

.paging {
    float: right;
    margin-right: .05rem;
    margin-top: -.5rem
}

.paging span {
    font-size: .2rem;
    color: #6a7081;
    letter-spacing: -.05rem
}

.paging .cur {
    font-size: .32rem;
    color: #0f2159
}

.slick-for .slick-dots {
    text-align: right;
    margin-top: .5rem
}

.slick-for .slick-dots li {
    display: inline-block
}

.slick-for .slick-dots li button {
    font-size: 0;
    width: 1.7rem;
    height: .01rem;
    background: #666
}

.slick-for .slick-dots li.slick-active button {
    height: .06rem;
    background: #0f2159
}

.index-new {
    margin-top: .9rem
}

.index-new .bt {
    background: url(../images/index_new.png) no-repeat;
    background-size: cover;
    width: 6.62rem;
    height: 1.22rem;
    line-height: 1.22rem;
    padding-left: .3rem
}

.index-new .bt h2 {
    display: inline-block;
    font-size: .42rem;
    color: #375686
}

.index-new .bt span {
    font-size: .28rem;
    color: #6a7990;
    font-weight: 100;
    margin-left: .3rem
}

.index-new .news {
    padding-left: .3rem;
    margin-top: .5rem
}

.news .top-new {
    display: flex;
    justify-content: flex-start
}

.news .top-new .left {
    width: .55rem
}

.news .top-new .left a {
    display: block;
    width: .54rem;
    height: 2.7rem;
    font-size: .24rem;
    color: #fff;
    font-weight: 100;
    background: url(../images/bg_1.png) no-repeat;
    background-size: cover;
    text-align: center;
    padding: .6rem .15rem 0;
    line-height: 1.4em
}

.news .top-new .left strong {
    display: block;
    width: .54rem;
    height: 2.7rem;
    color: #95b6e6;
    opacity: .2;
    font-size: .34rem;
    padding: .3rem .07rem 0;
    line-height: 1
}

.news .top-new .left strong span {
    color: #95b6e6;
    font-size: .34rem;
    display: block;
    transform: rotate(90deg);
    margin-left: -.09rem
}

.news .top-new .right {
    margin-left: .35rem;
    flex: 1;
    background: #edf2f7
}

.news .top-new .right .pic-img {
    display: block
}

.news .top-new .right .pic-img img {
    display: block;
    border-radius: .2rem .2rem 0 0;
    -webkit-border-radius: .2rem .2rem 0 0;
    -moz-border-radius: .2rem .2rem 0 0;
    -ms-border-radius: .2rem .2rem 0 0;
    -o-border-radius: .2rem .2rem 0 0
}

.news .top-new .right .xq {
    margin-right: .3rem;
    padding: .2rem .3rem .32rem;
    border-radius: 0 .19rem 0 0;
    background: url(../images/wg.jpg) repeat;
    margin-top: -.3rem;
    position: relative;
    z-index: 10;
    -webkit-border-radius: 0 .19rem 0 0;
    -moz-border-radius: 0 .19rem 0 0;
    -ms-border-radius: 0 .19rem 0 0;
    -o-border-radius: 0 .19rem 0 0
}

.news .top-new .right .xq:after {
    background: url(../images/wg2.jpg) repeat;
    height: .12rem;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    bottom: -.12rem;
    left: 0;
    border-radius: 0 0 .19rem .19rem;
    -webkit-border-radius: 0 0 .19rem .19rem;
    -moz-border-radius: 0 0 .19rem .19rem;
    -ms-border-radius: 0 0 .19rem .19rem;
    -o-border-radius: 0 0 .19rem .19rem
}

.news .top-new .right .xq h3 {
    font-weight: 400
}

.news .top-new .right .xq h3 a {
    font-size: .32rem;
    color: #333;
    line-height: 1.6em
}

.news .top-new .right .xq p {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem
}

.news .top-new .right .xq p span {
    font-size: .22rem;
    color: #7b7b7b;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
    border: .01rem dashed #7b7b7b;
    padding: .03rem .18rem
}

.news .top-new .right .xq p strong {
    font-size: .24rem;
    color: #4a4a4a;
    font-weight: 100;
    line-height: .37rem
}

.news .top-new .right .xq p img {
    vertical-align: middle;
    margin-top: -.05rem;
    margin-right: .1rem;
    display: inline-block;
    width: .21rem
}

.index-new .news ul {
    position: relative
}

.index-new .news ul:after {
    width: 5.68rem;
    height: 6rem;
    background: #edf2f7;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border-bottom-left-radius: .4rem
}

.index-new .news li {
    display: flex;
    justify-content: space-between;
    padding-top: .4rem
}

.index-new .news li:last-child .new-bt h3 {
    border: none
}

.index-new .news li .data {
    background: url(../images/xg.png) no-repeat;
    background-size: 100% 100%;
    width: 1.26rem;
    height: 1.4rem;
    padding: .15rem .1rem .1rem .15rem
}

.index-new .news li .data p {
    font-size: .18rem;
    color: #ababab
}

.index-new .news li .data strong {
    font-size: .3rem;
    color: #5c668a
}

.index-new .news li .new-bt {
    margin-left: .3rem;
    padding: 0 .3rem;
    position: relative;
    z-index: 5;
    flex: 1
}

.index-new .news li .new-bt:before {
    width: .23rem;
    height: .19rem;
    background: url(../images/sj.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    left: -.3rem;
    top: 50%;
    margin-top: -.25rem
}

.index-new .news li .new-bt h3 {
    font-weight: 400;
    padding-right: .3rem;
    padding-bottom: .5rem;
    border-bottom: .01rem dashed #9ba3af
}

.index-new .news li .new-bt h3 a {
    font-size: .32rem;
    color: #3e4355;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.index-about {
    background: url(../images/blue_bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    margin-top: 1.1rem;
    text-align: center;
    padding: .6rem .3rem .52rem;
    overflow: hidden
}

.index-about h2 {
    font-size: .4rem;
    color: #fff
}

.index-about .text {
    font-size: .32rem;
    color: #fff;
    margin: .25rem 0 .5rem
}

.about-box {
    position: relative
}

.about-box .withe-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: #fff;
    width: 100%;
    padding: .35rem 0 .25rem
}

.about-box .withe-box .str {
    text-align: center
}

.about-box .withe-box .str span {
    color: #5967c1;
    font-weight: 700;
    display: inline-block;
    position: relative;
    margin-left: .95rem
}

.about-box .withe-box .str span:before {
    width: .77rem;
    height: .01rem;
    background: #ffb638;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -60%
}

.about-box .withe-box .str img {
    vertical-align: middle;
    width: 3.15rem;
    height: .44rem
}

.about-box .withe-box ul {
    margin-top: .15rem
}

.about-box .withe-box li {
    background: #5967c1;
    font-size: .2rem;
    color: #fff;
    padding: .04rem .25rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    display: inline-block;
    font-weight: 700
}

.index-about .bot-abt .str-jb {
    font-size: .48rem;
    display: inline-block;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#94b6fb), to(#74a5e8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    margin: .4rem 0 .6rem
}

.index-about .bot-abt ul {
    display: flex;
    justify-content: space-between
}

.index-about .bot-abt li {
    text-align: center;
    padding: 0 .5rem;
    position: relative;
    z-index: 5
}

.index-about .bot-abt li:nth-child(2):after {
    width: 2.2rem;
    height: 2.99rem;
    background: url(../images/jb_bg.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    bottom: -.52rem;
    left: 0;
    z-index: -5
}

.index-about .bot-abt li img {
    width: .91rem;
    height: .91rem;
    display: block;
    margin: 0 auto
}

.index-about .bot-abt li strong {
    font-size: .4rem;
    color: #fff;
    display: block;
    margin: .3rem 0 .1rem
}

.index-about .bot-abt li p {
    font-size: .26rem;
    color: #fff
}

.foot-cont {
    background: url(../images/foot_bg.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    padding: 1.05rem .3rem .85rem
}

.foot-top .h-top {
    display: flex;
    justify-content: space-between;
    padding: 0 .6rem
}

.foot-top .h-top p {
    font-size: .38rem;
    color: #fff
}

.foot-top .h-top p img {
    width: .99rem;
    height: 1.16rem;
    padding-right: .05rem
}

.foot-top .tit {
    font-size: .3rem;
    color: #fff;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
    border: .01rem solid #5d70a3;
    margin: .35rem .6rem .6rem;
    letter-spacing: .2rem;
    padding: .04rem 0 .04rem .25rem;
    text-align: center
}

.foot-top .foot-ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.foot-top .foot-ul li {
    margin-top: .2rem;
    width: 100%;
    text-align: center
}

.foot-top .foot-ul span {
    font-size: .32rem;
    color: #7599c1
}

.foot-top .foot-ul span img {
    vertical-align: middle;
    margin-right: .1rem
}

.foot-top .foot-ul p {
    font-size: .36rem;
    color: #fff;
    margin-top: .2rem
}

.foot-top .foot-ul li:nth-child(1) {
    margin-bottom: .15rem
}

.foot-top .foot-ul li:nth-child(1) p {
    font-size: .36rem;
    background: -webkit-linear-gradient(left, transparent, #d93347 50%, transparent);
    background: -o-linear-gradient(right, transparent 5%, #d93347 50%, transparent);
    background: -moz-linear-gradient(right, transparent 5%, #d93347 50%, transparent);
    background: linear-gradient(to right, transparent 5%, #d93347 50%, transparent);
    padding: .1rem 0
}

.foot-top .foot-ul li:nth-child(1) p a {
    color: #fff
}

.foot-top .foot-ul strong {
    color: #fff;
    font-size: .42rem
}

.foot-msg {
    position: relative;
    background: url(../images/message_bg.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: .6rem;
    padding: .8rem .3rem
}

.message {
    text-align: center
}

.message strong {
    font-size: .42rem;
    text-align: center;
    color: #fff;
    position: relative
}

.message strong:before {
    background: url(../images/message.png) no-repeat;
    width: 2.51rem;
    height: .5rem;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: -.25rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.message p {
    font-size: .32rem;
    line-height: 2em;
    color: #a1b9d2;
    text-align: left;
    margin: .3rem 0 .6rem
}

.message li {
    margin-bottom: .2rem;
    position: relative
}

.message li input,
.message li textarea {
    background: #aac1eb;
    background: rgba(170, 193, 235, .1);
    resize: initial;
    color: #4b6085;
    border: none;
    font-size: .32rem
}

.message li input {
    outline: 0;
    width: 100%;
    height: .7rem;
    line-height: .28rem;
    padding: .1rem .5rem .1rem .65rem
}

.message li textarea {
    height: 1.92rem;
    width: 100%;
    padding: .2rem .25rem;
    color: #4b6085
}

textarea::-webkit-input-placeholder {
    color: #4b6085
}

textarea::-moz-placeholder {
    color: #4b6085
}

textarea:-moz-placeholder {
    color: #4b6085
}

textarea:-ms-input-placeholder {
    color: #4b6085
}

.message li:before {
    position: absolute;
    left: .2rem;
    top: .2rem;
    content: "";
    display: block;
    width: .25rem;
    height: .3rem
}

.message li.icon-name:before {
    background: url(../images/rw.png) no-repeat;
    background-size: 100% 100%
}

.message li.icon-tel:before {
    background: url(../images/phone.png) no-repeat;
    background-size: 100% 100%
}

.message li.icon-tel:after {
    width: .09rem;
    height: .11rem;
    background: url(../images/xinghao.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    position: absolute;
    left: .5rem;
    top: .1rem;
    content: ""
}

.message .sub {
    width: 2.6rem;
    line-height: .74rem;
    height: .74rem;
    position: relative;
    background-color: #e1394a;
    background: -moz-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: -webkit-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: -o-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: -ms-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: linear-gradient(to bottom, #9a041c 0, #e1394a 100%);
    border-radius: .04rem;
    margin: .5rem auto 0;
    display: block;
    cursor: pointer;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-position: bottom left;
    -webkit-background-size: 100% 150%;
    -moz-background-size: 100% 150%;
    -o-background-size: 100% 150%;
    background-size: 100% 150%;
    -webkit-border-radius: .04rem;
    -moz-border-radius: .04rem;
    -ms-border-radius: .04rem;
    -o-border-radius: .04rem
}

.message .sub:before {
    width: .36rem;
    height: .32rem;
    background: url(../images/fj.png) no-repeat;
    content: "";
    display: block;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: .4rem
}

.message .sub input {
    background: 0 0;
    font-size: .32rem;
    color: #fff;
    padding-left: .6rem
}

.phone-foot {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0e314b;
    height: .98rem;
    line-height: .98rem;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 7.5rem;
    margin: 0 auto;
    z-index: 999
}

.phone-foot ul {
    display: flex;
    justify-content: space-between
}

.phone-foot li {
    text-align: center;
    width: 50%
}
.phone-foot li a{
    height: 1rem;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    color: #fff;
}
.phone-foot li a .icon{
    width: 0.4rem;
    margin-right: 0.12rem;
}
.phone-foot li a .icon img{
    display: block;
}
.phone-foot li a .con{
    display: block;
    font-size: 0.24rem;
    line-height:0.36rem;
    text-align: left;
}
.phone-foot li:nth-child(2){
    background: #ff9700;
}


.head-two {
    display: flex;
    justify-content: space-between;
    padding: .2rem .3rem;
    position: relative;
    z-index: 999
}

.head-two .two-logo img {
    width: 2.03rem
}

.nav-btn-three img,
.nav-btn-two img {
    width: .36rem;
    vertical-align: middle
}

.other-ban {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: -1
}

.other-ban img {
    width: 100%;
    display: block;
    max-width: 7.5rem;
    margin: 0 auto
}

.gy-pad {
    padding-left: .3rem;
    padding-top: 1.8rem
}

.new-list .top-new .right {
    background: 0 0;
    width: 0
}

.new-list .top-new .right .box {
    padding-bottom: .12rem
}

.top-g {
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin-bottom: .65rem
}

.top-g:after {
    background: url(../images/h1_bg.png) no-repeat;
    width: .78rem;
    height: .03rem;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -.22rem
}

.top-g h1 {
    font-size: .44rem;
    font-weight: 400;
    color: #fff
}

.top-g p {
    font-size: .32rem;
    color: #fff;
    margin-top: .15rem;
    margin-left: .4rem
}

.new-list ul {
    position: relative;
    padding-right: .3rem;
    padding-left: .45rem;
    margin-top: 1.1rem
}

.new-list ul:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: .01rem;
    background: #bcbcbc;
    z-index: 3;
    left: .12rem;
    overflow: hidden;
    margin-top: 10%;
    margin-bottom: 15%
}

.new-list li {
    display: flex;
    justify-content: flex-start;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    box-shadow: 0 0 .07rem rgba(22, 35, 67, .1);
    margin-bottom: .4rem;
    position: relative;
    background: #e6e9f2
}

.new-list li:before {
    background: url(../images/dian.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: .5rem;
    height: .5rem;
    content: "";
    display: block;
    position: absolute;
    left: -.55rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.new-list .item-l {
    padding: .3rem .17rem 0 .16rem
}

.new-list .item-l p {
    color: #3e4355;
    font-size: .28rem
}

.new-list .item-l p.t {
    font-size: .3rem;
    color: #3e4355;
    margin: .16rem 0
}

.new-list .item-r {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    padding: .15rem;
    border-radius: 0 .1rem .1rem 0;
    -webkit-border-radius: 0 .1rem .1rem 0;
    -moz-border-radius: 0 .1rem .1rem 0;
    -ms-border-radius: 0 .1rem .1rem 0;
    -o-border-radius: 0 .1rem .1rem 0
}

.new-list .item-r .pic {
    width: 1.92rem;
    object-fit: cover
}

.new-list .item-r .pic img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .06rem;
    -webkit-border-radius: .06rem;
    -moz-border-radius: .06rem;
    -ms-border-radius: .06rem;
    -o-border-radius: .06rem
}

.new-list .item-r .new-xq {
    flex: 1;
    margin-left: .2rem
}

.new-list .item-r .new-xq h3 {
    font-weight: 400
}

.new-list .item-r .new-xq a {
    font-size: .32rem;
    color: #3e4355;
    line-height: 1.6em;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.page .ul-page {
    display: flex;
    justify-content: space-between;
    padding: .8rem 1.2rem 0;
    margin-bottom: 1rem
}

.page .ul-page li:nth-child(3) {
    margin-top: -.08rem
}

.page .ul-page li:first-child img,
.page .ul-page li:last-child img {
    width: .19rem
}

.page .ul-page li:nth-child(2) img,
.page .ul-page li:nth-child(4) img {
    width: .15rem
}

.page .ul-page li span {
    font-size: .32rem;
    color: #2f3546
}

.page .ul-page li span.ym {
    color: #3f84ce
}

.case-top {
    padding-right: .3rem;
    margin-bottom: 1.05rem
}

.case-ul-box .case-box {
    padding-bottom: .2rem
}

.case-ul-box .case-box .pic-img img {
    width: 100%;
    display: block
}

.case-ul-box .box-bottom {
    background: url(../images/wg.jpg) repeat;
    margin-right: .7rem;
    box-shadow: 0 .05rem .06rem rgba(53, 75, 120, .14);
    border-radius: 0 0 0 .2rem;
    -webkit-border-radius: 0 0 0 .2rem;
    -moz-border-radius: 0 0 0 .2rem;
    -ms-border-radius: 0 0 0 .2rem;
    -o-border-radius: 0 0 0 .2rem;
    padding: .17rem .38rem .45rem
}

.case-ul-box .box-bottom h3 {
    position: relative;
    margin-bottom: .4rem
}

.case-ul-box .box-bottom h3 a {
    color: #2b3c6b;
    font-size: .36rem;
    line-height: 1.5em
}

.case-ul-box .box-bottom h3:before {
    content: "";
    display: block;
    width: .16rem;
    height: .04rem;
    background: #343a44;
    position: absolute;
    bottom: -.2rem
}

.case-ul-box .box-bottom .cent {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -.45rem
}

.case-ul-box .box-bottom .cent p {
    font-size: .32rem;
    color: #3f424d;
    margin-left: .45rem;
    line-height: 1.5em;
    width: 40%
}

.case-ul-box .box-bottom .cent p strong {
    font-size: .32rem;
    display: block
}

.case-ul-box .box-bottom .more {
    width: 2.6rem;
    height: .7rem;
    border-radius: .04rem;
    -webkit-border-radius: .04rem;
    -moz-border-radius: .04rem;
    -ms-border-radius: .04rem;
    -o-border-radius: .04rem;
    background-color: #e1394a;
    background: -moz-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: -webkit-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: -o-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: -ms-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: linear-gradient(to bottom, #9a041c 0, #e1394a 100%);
    line-height: .7rem;
    text-align: center;
    padding-right: .35rem;
    margin-top: .45rem
}

.case-ul-box .box-bottom .more a {
    display: block;
    font-size: .28rem;
    color: #fff;
    font-weight: 700;
    position: relative
}

.case-ul-box .box-bottom .more a:after {
    width: .1rem;
    height: .15rem;
    content: "";
    display: block;
    background: url(../images/bsj.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.case-ul-box .slick-next,
.case-ul-box .slick-prev {
    width: .56rem;
    height: .56rem;
    font-size: 0;
    bottom: -.73rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 99;
    cursor: pointer;
    box-shadow: 0 .03rem .65rem rgba(20, 55, 102, .1)
}

.case-ul-box .slick-prev {
    position: absolute;
    right: 1.08rem;
    background: url(../images/left.png) no-repeat #fff center !important;
    background-size: .33rem .11rem
}

.case-ul-box .slick-next {
    position: absolute;
    right: .3rem;
    background: url(../images/right.png) no-repeat #fff center !important;
    background-size: .33rem .11rem
}

.case-list .top {
    background: #1f415d;
    height: .9rem;
    line-height: .9rem;
    display: flex;
    justify-content: space-between;
    padding: 0 .3rem;
    margin-bottom: .6rem;
    box-shadow: 0 .05rem .06rem rgba(20, 55, 102, .1);
    border-radius: .5rem 0 0 .5rem;
    -webkit-border-radius: .5rem 0 0 .5rem;
    -moz-border-radius: .5rem 0 0 .5rem;
    -ms-border-radius: .5rem 0 0 .5rem;
    -o-border-radius: .5rem 0 0 .5rem
}

.case-list .top span {
    font-size: .26rem;
    color: #fff;
    position: relative
}

.case-list .top span.on {
    line-height: .85rem
}

.case-list .top span.on:before {
    position: absolute;
    bottom: .15rem;
    left: 50%;
    transform: translateX(-50%);
    width: .1rem;
    height: .1rem;
    background: #3a77db;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    content: "";
    display: block;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.case-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 .3rem
}

.case-list li {
    width: 3.2rem;
    box-shadow: 0 0 .1rem rgba(86, 127, 161, .17);
    position: relative;
    margin-bottom: .5rem;
    border-radius: 0 0 .3rem .3rem;
    -webkit-border-radius: 0 0 .3rem .3rem;
    -moz-border-radius: 0 0 .3rem .3rem;
    -ms-border-radius: 0 0 .3rem .3rem;
    -o-border-radius: 0 0 .3rem .3rem;
    overflow: hidden
}

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

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

.case-list li h3 {
    font-weight: 400;
    background: #fff;
    padding: .15rem .15rem .15rem .23rem;
    border-radius: 0 0 .3rem .3rem;
    -webkit-border-radius: 0 0 .3rem .3rem;
    -moz-border-radius: 0 0 .3rem .3rem;
    -ms-border-radius: 0 0 .3rem .3rem;
    -o-border-radius: 0 0 .3rem .3rem
}

.case-list li h3 a {
    font-size: .32rem;
    line-height: 1.5em;
    color: #444;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.case-list ul li:before {
    width: .08rem;
    height: 100%;
    background: #577eb9;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 .2rem .2rem;
    -webkit-border-radius: 0 0 .2rem .2rem;
    -moz-border-radius: 0 0 .2rem .2rem;
    -ms-border-radius: 0 0 .2rem .2rem;
    -o-border-radius: 0 0 .2rem .2rem
}

.product-name h2 {
    font-size: .42rem;
    color: #fff;
    font-weight: 400
}

.product-name p {
    font-size: .28rem;
    color: #fff;
    opacity: .22;
    text-transform: uppercase
}

.product-class {
    padding: 0 .3rem;
    margin-top: .8rem
}

.product-tab {
    margin: .5rem 0
}

.product-tab .pro-img {
    display: none;
    padding: 0 .45rem;
    position: relative
}

.product-tab .pro-img .look-more {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .32rem;
    color: #fff;
    padding: .03rem .25rem;
    line-height: .5rem;
    text-align: center;
    display: block;
    background: #2e57aa;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem
}

.product-tab .pro-img .look-more:before {
    width: .95rem;
    height: 1.3rem;
    background: url(../images/gx.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    left: -.95rem;
    top: .25rem
}

.product-tab .pro-img.on {
    display: block
}

.product-tab .tab-ul ul {
    margin-left: -.3rem;
    padding: 0 .13rem
}

.tab-ul li {
    font-size: .32rem;
    color: #5376b4;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
    display: inline-block;
    padding: .12rem .32rem;
    border: .01rem solid #5376b4;
    margin-bottom: .38rem;
    margin-left: .2rem;
    cursor: pointer
}

.tab-ul li.cur {
    color: #fff;
    border: .01rem solid #fff
}

.product-class .slick-dots {
    text-align: center;
    padding-bottom: .2rem
}

.product-class .slick-dots li {
    display: inline-block
}

.product-class .slick-dots li button {
    width: .15rem;
    font-size: 0;
    height: .15rem;
    background: #fff;
    border-radius: 50%;
    margin: 0 .1rem;
    opacity: .3
}

.product-class .slick-dots li.slick-active button {
    opacity: 1
}

.about-text {
    padding: 2rem .3rem 0
}

.about-text h1 {
    font-size: .44rem;
    color: #fff;
    text-align: center;
    margin-bottom: .8rem;
    position: relative
}

.about-text h1:after {
    width: 1.06rem;
    height: .06rem;
    background: url(../images/lg.png) no-repeat;
    content: "";
    display: block;
    position: absolute;
    bottom: -.3rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.about-text p {
    font-size: .32rem;
    color: #fff;
    line-height: 2em
}

.about-base {
    margin-top: 2.15rem
}

.about-base h2 {
    font-size: .42rem;
    color: #333;
    text-align: center;
    position: relative
}

.about-base h2:before {
    content: "";
    display: block;
    background: url(../images/about.png) no-repeat;
    width: 3.23rem;
    height: .64rem;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: -.3rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.base-scroll {
    margin-top: .7rem;
    display: flex
}

.about-base .li-box {
    padding: 0 .1rem
}

.about-base .li-box p {
    font-size: .32rem;
    color: #464646;
    text-align: center;
    margin-top: .15rem
}

.pro-capacity {
    background: url(../images/about_us.jpg) no-repeat;
    width: 100%;
    height: 8.27rem;
    background-size: cover;
    padding: .9rem .3rem 0;
    margin-top: 1.1rem
}

.pro-capacity h2 {
    font-size: .42rem;
    color: #fff;
    position: relative
}

.pro-capacity h2:before {
    content: "";
    display: block;
    background: url(../images/ability.png) no-repeat;
    width: 3.62rem;
    height: .62rem;
    background-size: cover;
    position: absolute;
    left: .1rem;
    top: -.3rem
}

.pro-capacity ul {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: .3rem;
    padding-left: .3rem
}

.pro-capacity li {
    background: url(../images/bk_bg.png) no-repeat;
    width: 2.88rem;
    height: 1.64rem;
    background-size: cover;
    position: relative;
    margin-top: .95rem
}

.pro-capacity li img {
    width: 1.18rem;
    height: 1.18rem;
    display: block;
    position: absolute;
    left: -.59rem;
    top: -.59rem
}

.pro-capacity li p {
    font-size: .3rem;
    color: #2e2f2f;
    text-align: center;
    line-height: 1.64rem
}

.capacity-bot {
    display: flex;
    justify-content: space-between
}

.capacity-bot .ul-box {
    margin-top: 1rem
}

.capacity-bot .ul-box li {
    background: url(../images/li_bg.png) no-repeat;
    background-size: cover;
    width: 5rem;
    height: 1.32rem;
    padding: .25rem 0 0 .4rem;
    margin-bottom: .05rem
}

.capacity-bot .ul-box li img {
    width: .38rem;
    height: .38rem;
    margin-left: .27rem
}

.capacity-bot .ul-box li p {
    font-size: .28rem;
    color: #4b4c4f
}

.img-box {
    margin: -.8rem 0 0 -5rem
}

.img-box img {
    width: 5.48rem;
    height: 5.82rem
}

.process-lc {
    padding: 0 .3rem;
    margin-top: 1.25rem
}

.process-lc h2 {
    font-size: .4rem;
    color: #333;
    text-align: center;
    position: relative
}

.process-lc h2:before {
    content: "";
    display: block;
    background: url(../images/process.png) no-repeat;
    width: 4.09rem;
    height: .64rem;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: -.3rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.process-lc .text {
    font-size: .32rem;
    color: #333;
    line-height: 1.8em;
    margin-bottom: .45rem
}

.process-lc ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem;
    position: relative
}

.process-lc ul.ic-bt:after {
    background: url(../images/lc_bot.png) no-repeat;
    background-size: cover;
    width: .24rem;
    height: .14rem;
    content: "";
    display: block;
    position: absolute;
    right: .6rem;
    bottom: -.45rem
}

.process-lc li {
    text-align: center
}

.process-lc li img {
    width: 1.19rem;
    height: 1.19rem;
    display: block;
    margin: 0 auto
}

.process-lc li.jt-icon img {
    width: .14rem;
    height: .24rem;
    display: block;
    margin: .5rem auto
}

.process-lc li p {
    font-size: .28rem;
    color: #494949;
    margin-top: .15rem
}

.about-bot {
    background: url(../images/ab_bg.jpg) no-repeat;
    width: 100%;
    height: 9.68rem
}

.about-bot {
    padding: .9rem 0 0 .3rem
}

.about-bot h2 {
    font-size: .42rem;
    color: #fff;
    position: relative;
    z-index: 5
}

.about-bot h2:before {
    content: "";
    display: block;
    background: url(../images/cooperation.png) no-repeat;
    width: 5.74rem;
    height: .64rem;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -.3rem;
    z-index: -5
}

.about-bot .text {
    position: relative;
    background: #232f39;
    margin-top: 1.7rem;
    padding: 1.45rem 0 .3rem .3rem
}

.about-bot .text p {
    font-size: .32rem;
    color: #fff;
    line-height: 2em;
    width: 65%
}

.about-bot .text img.a1 {
    position: absolute;
    top: -1.03rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 3.06rem;
    height: 2.25rem;
    margin-left: -.15rem
}

.about-bot .text img.a2 {
    position: absolute;
    top: 1.22rem;
    right: 0;
    width: 2.21rem;
    height: 1.8rem
}

.about-bot .str-bt {
    margin-top: .5rem;
    text-align: center
}

.about-bot .str-bt img {
    width: 2.26rem;
    height: .55rem;
    vertical-align: bottom
}

.about-bot .str-bt span {
    font-size: .32rem;
    color: #fff;
    margin-left: .1rem
}

.hz-dw {
    margin-top: -.8rem
}

.hz-dw img {
    width: 7.26rem;
    height: 4.77rem;
    display: block;
    margin: 0 auto
}

.m-contact1 {
    padding: 2rem .3rem 0
}

.m-contact1 .tit {
    font-size: .56rem;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 5;
    letter-spacing: .05rem
}

.m-contact1 .tit:before {
    width: 4.12rem;
    height: .73rem;
    background: url(../images/hongxing.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: -.3rem;
    z-index: -5
}

.m-contact1 .contact {
    margin-top: 1.3rem
}

.m-contact1 .contact .item {
    position: relative;
    padding-left: .5rem;
    margin-top: .35rem
}

.m-contact1 .contact .item:before {
    width: .24rem;
    height: .24rem;
    background: url(../images/y-a3.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.m-contact1 .contact p {
    font-size: .32rem;
    color: #d4d4d4;
    margin-bottom: .05rem
}

.m-contact1 .contact p.p-color {
    font-size: .32rem;
    color: #fff;
    font-weight: 200
}

.m-contact1 .contact p.p-color a {
    color: #fff
}

.m-contact1 .contact p.p-color strong {
    font-size: .36rem;
    color: #e71f18
}

.m-contact1 .contact em {
    font-size: .32rem;
    color: #fff
}

.m-contact1 ul {
    display: flex;
    justify-content: space-between;
    margin-top: .8rem
}

.m-contact1 ul li {
    font-size: .28rem;
    color: #737373;
    font-weight: 100;
    text-align: center;
    background: url(../images/y_li.png) no-repeat;
    background-size: cover;
    width: 2.26rem;
    height: 2.2rem;
    padding-top: .9rem;
    overflow: hidden;
    position: relative
}

.m-contact1 ul li img {
    position: absolute;
    top: .07rem;
    left: .07rem;
    width: .83rem;
    height: .78rem
}

.m-contact2 {
    margin-top: 1.28rem;
    padding: 1.1rem .3rem .8rem;
    background: url(../images/act_bt.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.m-contact2 .con {
    background: #25416a;
    padding: .4rem .28rem .78rem
}

.m-contact2 .con .tit {
    text-align: center
}

.m-contact2 .con .tit h3 {
    font-size: .36rem;
    color: #fff;
    font-weight: 400;
    margin-bottom: .35rem
}

.m-contact2 .response .p {
    display: inline-block;
    vertical-align: middle
}

.m-contact2 .response .p img {
    width: .8rem;
    height: .8rem;
    display: block;
    margin: 0 auto
}

.m-contact2 .response .p p {
    font-size: .28rem;
    color: #dedede;
    margin-top: .1rem;
    font-weight: 200
}

.m-contact2 .response .txt {
    margin: 0 .15rem 0 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: .6rem;
    color: #fff;
    overflow: hidden;
    font-size: 0;
    margin-top: -.35rem;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem
}

.m-contact2 .response .txt span {
    display: inline-block;
    width: 2rem;
    height: .57rem;
    line-height: .57rem;
    text-align: center;
    font-size: .26rem;
    color: #49608a;
    background-color: #fff
}

.m-contact2 .response .txt .other {
    background-color: #677389;
    font-size: .26rem;
    color: #fff
}

.m-contact2 .form {
    margin-top: .8rem
}

.m-contact2 .form .inp {
    width: 100%;
    border-bottom: .01rem solid #485974;
    font-size: .32rem;
    color: #5d7cb6;
    line-height: 2.3em;
    padding: .15rem 0 .15rem .1rem;
    margin-bottom: .4rem
}

.m-contact2 .form .inp:nth-child(2) {
    position: relative
}

.m-contact2 .form .inp:nth-child(2):before {
    width: .09rem;
    height: .11rem;
    background: url(../images/xinghao.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    top: .2rem;
    content: ""
}

.m-contact2 .form .inp input {
    font-size: .32rem;
    color: #5d7cb6;
    background: 0 0;
    width: 100%
}

.m-contact2 .form .inp textarea {
    width: 100%;
    font-size: .32rem;
    color: #5d7cb6;
    background: 0 0;
    resize: none
}

.m-contact2 .form .inp textarea::-webkit-input-placeholder {
    font-size: .32rem;
    color: #5d7cb6
}

.m-contact2 .form .inp textarea::-moz-placeholder {
    font-size: .22rem;
    color: #5d7cb6
}

.m-contact2 .form .inp textarea:-moz-placeholder {
    font-size: .22rem;
    color: #5d7cb6
}

.m-contact2 .form .inp textarea:-ms-input-placeholder {
    font-size: .22rem;
    color: #5d7cb6
}

.m-contact2 .form .sub {
    width: 2.6rem;
    line-height: .74rem;
    height: .74rem;
    position: relative;
    background-color: #e1394a;
    background: -moz-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: -webkit-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: -o-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: -ms-linear-gradient(top, #9a041c 0, #e1394a 100%);
    background: linear-gradient(to bottom, #9a041c 0, #e1394a 100%);
    border-radius: .04rem;
    margin: .5rem auto 0;
    display: block;
    cursor: pointer;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-position: bottom left;
    -webkit-background-size: 100% 150%;
    -moz-background-size: 100% 150%;
    -o-background-size: 100% 150%;
    background-size: 100% 150%;
    -webkit-border-radius: .04rem;
    -moz-border-radius: .04rem;
    -ms-border-radius: .04rem;
    -o-border-radius: .04rem;
    text-align: center
}

.m-contact2 .form .sub:before {
    width: .36rem;
    height: .32rem;
    background: url(../images/fj.png) no-repeat;
    content: "";
    display: block;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: .4rem
}

.m-contact2 .form .sub input {
    background: 0 0;
    font-size: .32rem;
    color: #fff;
    padding-left: .4rem
}

.product-bgcolor {
    background: #f2f8fc
}

.head-three {
    padding: .2rem .3rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 999
}

.head-three .back img {
    width: .19rem;
    height: .34rem
}

.head-three ol li {
    display: inline-block;
    font-size: .32rem;
    color: #fff
}

.head-three ol li a {
    display: inline-block;
    font-size: .32rem;
    color: #fff
}

.pro-box {
    background: #152339;
    margin-top: -1rem;
    padding: 1.38rem .3rem .7rem
}

.pro-box h1 {
    font-size: .44rem;
    color: #fff;
    margin-bottom: .5rem
}

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

.pro-box p {
    font-size: .32rem;
    color: #fff;
    font-weight: 200;
    line-height: 2em;
    margin-top: .15rem
}

.pro-box p strong {
    font-weight: 400;
    font-size: .32rem;
    font-weight: 200;
    padding: 0 .15rem;
    display: block;
    width: 2rem;
    background: -webkit-linear-gradient(left, #d93347, #172236);
    background: -o-linear-gradient(right, #d93347, #172236);
    background: -moz-linear-gradient(right, #d93347, #172236);
    background: linear-gradient(to right, #d93347, #172236)
}

.case-page ul,
.pro-box ul {
    display: flex;
    justify-content: space-between;
    padding: 0 .2rem;
    margin-top: .85rem
}

.case-page li.hq-bj,
.pro-box li.hq-bj {
    background: url(../images/hq_bj.png) no-repeat;
    background-size: cover;
    width: 3rem;
    height: .8rem;
    line-height: .8rem
}

.case-page li a,
.pro-box li a {
    font-size: .32rem;
    font-weight: 700;
    position: relative;
    text-align: center;
    display: block;
    padding-left: .5rem
}

.case-page li a:before,
.pro-box li a:before {
    width: .38rem;
    height: .42rem;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: .35rem
}

.case-page li.hq-bj a,
.pro-box li.hq-bj a {
    color: #333
}

.case-page li.hq-bj a:before,
.pro-box li.hq-bj a:before {
    background: url(../images/bj.png) no-repeat;
    background-size: cover
}

.case-page li.mf-zx,
.pro-box li.mf-zx {
    background: url(../images/mf-zx.png) no-repeat;
    background-size: cover;
    width: 3rem;
    height: .8rem;
    line-height: .8rem
}

.case-page li.mf-zx a,
.pro-box li.mf-zx a {
    color: #fff
}

.case-page li.mf-zx a:before,
.pro-box li.mf-zx a:before {
    background: url(../images/zx.png) no-repeat;
    background-size: cover
}

.product-ul {
    padding: 0 .3rem
}

.product-ul ul {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem
}

.product-ul li {
    width: 2.1rem;
    height: 1.9rem;
    background: #334360;
    border-radius: .04rem .04rem 0 0;
    -webkit-border-radius: .04rem .04rem 0 0;
    -moz-border-radius: .04rem .04rem 0 0;
    -ms-border-radius: .04rem .04rem 0 0;
    -o-border-radius: .04rem .04rem 0 0;
    padding: .2rem .15rem;
    position: relative
}

.product-ul li:after {
    width: 1.81rem;
    height: .3rem;
    background: url(../images/hx.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    bottom: .05rem;
    left: 0
}

.product-ul li p {
    font-size: .28rem;
    color: #dadada
}

.product-ul li strong {
    font-size: .3rem;
    color: #fff;
    line-height: 1.5em;
    display: block;
    margin-top: .1rem
}

.libs-content h2 {
    font-size: .36rem;
    color: #333;
    margin: .55rem 0 .4rem;
    display: inline-block;
    position: relative
}

.libs-content h2:after {
    width: .21rem;
    height: .21rem;
    background: url(../images/jia.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: -.4rem
}

.libs-content p {
    font-size: .32rem;
    color: #232323;
    line-height: 2em;
    font-weight: 200;
    margin: .15rem 0
}

.libs-content p img,
.libs-content p video {
    display: block;
    width: 100%
}

.case-xc,
.product-js,
.product-parameter,
.work-yl {
    padding: 0 .3rem
}

.pro-cnItem {
    height: .7rem;
    line-height: .7rem;
    padding: 0 .3rem;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
    border-radius: .35rem;
    background: #f4f6fa;
    display: block !important;
    font-size: .24rem;
    line-height: .62rem;
    border: .04rem solid transparent;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pro-cnTab .slick-slide {
    margin-right: .3rem
}

.pro-cnTab .slick-active {
    background: 0;
    border: .04rem solid #598dcb;
    color: #598dcb;
    line-height: .62rem;
    font-size: .24rem;
    -webkit-box-shadow: .05035rem .04863000000000001rem .1rem 0 rgba(89, 141, 203, .35);
    -moz-box-shadow: .05035rem .04863000000000001rem .1rem 0 rgba(89, 141, 203, .35);
    box-shadow: .05035rem .04863000000000001rem .1rem 0 rgba(89, 141, 203, .35)
}

.pro-cnTab .slick-list {
    padding-bottom: .28rem
}

.pro-cnTable table {
    width: 100%;
    text-align: center;
    border-top: .02rem solid #f2f2f2;
    border-left: .02rem solid #f2f2f2
}

.pro-cnTable p {
    font-size: .28rem;
    font-weight: 700;
    color: #575757
}

.pro-cnTable td {
    font-size: .28rem !important;
    color: #333;
    line-height: 1.2;
    height: .52rem;
    border-right: .02rem solid #f2f2f2;
    border-bottom: .02rem solid #f2f2f2
}

.pro-cnTable tr:nth-of-type(2n-1) {
    background: #e6e6e6
}

.pro-cnTable tr:first-child {
    background: #598dcb;
    color: #fff
}

.pro-cnTable tr:first-child td {
    color: #fff
}

.header-tel {
    margin-right: .3rem;
    display: flex
}

.header-tel-icon {
    display: block;
    margin: auto .16rem auto 0
}

.header-tel-icon img {
    display: block;
    width: .58rem;
    height: .58rem;
    -webkit-box-shadow: 0 .01rem .09rem 0 rgba(19, 69, 110, .28);
    -moz-box-shadow: 0 .01rem .09rem 0 rgba(19, 69, 110, .28);
    box-shadow: 0 .01rem .09rem 0 rgba(19, 69, 110, .28);
    border-radius: .1rem
}

.header-tel p {
    font-size: .26rem;
    color: #fff
}

.header-tel-num {
    color: #fff;
    font-size: .26rem
}

.header-tel-icon+div {
    display: flex;
    flex-flow: column;
    justify-content: center
}

.header-bar {
    position: absolute;
    max-width: 7.5rem;
    width: 100%;
    height: 1.86rem;
    z-index: 2;
}

.header-bar .header {
    position: static
}

.work-yl {
    background: #14233a;
    margin: .4rem 0;
    padding-bottom: .3rem
}

.operating-ys h2,
.work-yl h2,
.work-yl p {
    color: #fff
}

.case-xc ul li {
    font-size: .32rem;
    color: #333;
    line-height: 2em
}

.case-xc {
    margin-bottom: .6rem
}

.case-xc li {
    font-size: .3rem;
    color: #333;
    line-height: 1.6;
    margin: .2rem 0
}

.case-xc p {
    font-size: .3rem;
    line-height: 1.7
}

.case-xc p strong {
    font-size: .3rem
}

.operating-ys {
    background: #152339;
    padding: .05rem .3rem 1rem
}

.operating-ys ul {
    margin-top: -.1rem
}

.operating-ys li {
    margin-top: .5rem;
    overflow: hidden
}

.operating-ys strong {
    display: inline-block;
    font-size: .34rem;
    color: #fff;
    background: #6899e9;
    background: linear-gradient(left, #558ef7 0, #6899e9 100%);
    line-height: .7rem;
    padding: 0 .25rem;
    border-radius: .3rem .3rem 0 0;
    -webkit-border-radius: .3rem .3rem 0 0;
    -moz-border-radius: .3rem .3rem 0 0;
    -ms-border-radius: .3rem .3rem 0 0;
    -o-border-radius: .3rem .3rem 0 0
}

.operating-ys p {
    color: #666;
    font-size: .32rem;
    line-height: 1.8em;
    background-color: #fff;
    border-radius: 0 1.07rem 1.07rem 1.07rem;
    font-weight: 400;
    -webkit-border-radius: 0 1.07rem 1.07rem 1.07rem;
    -moz-border-radius: 0 1.07rem 1.07rem 1.07rem;
    -ms-border-radius: 0 1.07rem 1.07rem 1.07rem;
    -o-border-radius: 0 1.07rem 1.07rem 1.07rem;
    margin: 0;
    padding: .4rem .3rem
}

.operating-ys li:nth-child(even) strong {
    float: right
}

.operating-ys li:nth-child(even) p {
    overflow: hidden;
    width: 100%;
    border-radius: 1.07rem 0 1.07rem 1.07rem;
    -webkit-border-radius: 1.07rem 0 1.07rem 1.07rem;
    -moz-border-radius: 1.07rem 0 1.07rem 1.07rem;
    -ms-border-radius: 1.07rem 0 1.07rem 1.07rem;
    -o-border-radius: 1.07rem 0 1.07rem 1.07rem
}

.product-parameter .tab-cont {
    text-align: center
}

.product-parameter .tab-cont strong {
    font-size: .32rem;
    color: #2a2a2a;
    font-weight: 400;
    border: .04rem solid #ec1a33;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
    padding: .11rem .3rem;
    display: inline-block;
    margin-bottom: .6rem;
    margin-top: .6rem;
    box-shadow: 0 .04rem .09rem rgba(236, 26, 51, .1)
}

.libs-content td {
    font-size: .32rem;
    padding: .15rem .1rem
}

.slick-parameter .slick-next,
.slick-parameter .slick-prev {
    font-size: 0;
    width: .39rem;
    height: .25rem;
    position: absolute;
    top: .9rem;
    z-index: 100
}

.slick-parameter .slick-prev {
    background: url(../images/jt_left.png) no-repeat;
    background-size: cover;
    left: .2rem
}

.slick-parameter .slick-next {
    background: url(../images/jt_right.png) no-repeat;
    background-size: cover;
    right: .2rem
}

.product-parameter,
.related-case {
    background: #fff
}

.related-case {
    padding: 0 .3rem
}

.related-case h2 {
    font-size: .36rem;
    color: #333;
    margin: .55rem 0 .2rem;
    display: inline-block;
    position: relative
}

.related-case h2:after {
    width: .21rem;
    height: .21rem;
    background: url(../images/jia.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: -.4rem
}

.related-case ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .15rem;
    padding-bottom: .25rem
}

.related-case li {
    width: 3.22rem;
    background-color: #f3f8ff;
    margin-bottom: .5rem;
    border-bottom: .04rem solid #3a4555
}

.related-case li .pic {
    display: block;
    position: relative;
    padding-top: 75%
}

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

.related-case li h3 {
    font-weight: 400;
    padding: .15rem .2rem
}

.related-case li h3 a {
    font-size: .32rem;
    line-height: 1.5em;
    color: #2d2d2d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.case-page {
    padding: 0 .3rem
}

.case-page .tit {
    background: url(../images/db_wa.png) no-repeat;
    background-size: cover;
    width: 6.72rem;
    height: .78rem;
    line-height: .78rem;
    text-align: center;
    font-size: .28rem;
    color: #6587c7;
    letter-spacing: .1rem;
    margin: .27rem auto .22rem
}

.case-page .pic img {
    display: block;
    width: 100%;
    border-radius: .08rem;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    -ms-border-radius: .08rem;
    -o-border-radius: .08rem
}

.case-page .case-bot {
    border: .01rem solid #1f415d;
    border-radius: .43rem;
    -webkit-border-radius: .43rem;
    -moz-border-radius: .43rem;
    -ms-border-radius: .43rem;
    -o-border-radius: .43rem;
    box-shadow: 0 0 .07rem rgba(141, 160, 217, .79);
    padding: .9rem .4rem .6rem;
    margin-top: -.6rem
}

.case-page .case-bot h1 {
    font-size: .44rem;
    color: #2b3851;
    line-height: 1.4em;
    margin-bottom: .4rem
}

.case-bot p {
    font-size: .32rem;
    color: #585858;
    font-weight: 200;
    margin-bottom: .12rem;
    line-height: 1.6em;
    position: relative;
    padding-left: .4rem
}

.case-bot p:before {
    width: .3rem;
    height: .31rem;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .12rem
}

.case-bot .p-box p:nth-of-type(1):before {
    background: url(../images/wl_icon.png) no-repeat;
    background-size: cover
}

.case-bot .p-box p:nth-child(2):before {
    background: url(../images/nl_icon.png) no-repeat;
    background-size: cover
}

.case-bot .p-box p:nth-child(3):before {
    background: url(../images/ly_icon.png) no-repeat;
    background-size: cover
}

.case-page .case-bot p strong {
    font-weight: 400;
    font-size: .32rem
}

.case-page .case-bot .span-box {
    display: flex;
    justify-content: flex-start;
    position: relative;
    padding-left: .35rem
}

.case-page .case-bot .span-box:before {
    width: .3rem;
    height: .31rem;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .08rem;
    background: url(../images/pz_icon.png) no-repeat;
    background-size: cover
}

.case-page .case-bot .span-box strong {
    font-size: .32rem;
    font-weight: 400;
    color: #585858
}

.case-page .case-bot .span-box p {
    flex: 1;
    margin-bottom: .05rem;
    padding-left: 0
}

.case-page .case-bot .span-box p:before {
    display: none
}

.case-page .case-bot p span {
    background: #e7eef4;
    margin-right: .12rem;
    display: inline-block;
    padding: .03rem .12rem;
    border-radius: .06rem;
    -webkit-border-radius: .06rem;
    -moz-border-radius: .06rem;
    -ms-border-radius: .06rem;
    -o-border-radius: .06rem;
    margin-bottom: .13rem;
    font-size: .32rem
}

.case-page ul {
    padding: 0 .65rem;
    margin-top: -.4rem
}

.case-page li.hq-bj,
.case-page li.mf-zx {
    width: 2.6rem;
    height: .78rem;
    line-height: .78rem;
    background-size: 100% 100%
}

.case-page li a:before {
    left: .15rem
}

.swt-top {
    background: url(../images/swt_top.png) no-repeat;
    background-size: cover;
    width: 7.09rem;
    height: 2.23rem;
    margin: .5rem .3rem .45rem .15rem;
    padding: .2rem .3rem 0 .5rem;
    display: flex;
    justify-content: space-between
}

.swt-top .tit {
    font-size: .28rem;
    color: #fff
}

.swt-top .bot .bot-l {
    margin-top: .5rem
}

.swt-top .bot .bot-l strong {
    font-size: .35rem;
    color: #fff;
    text-shadow: 0 .03rem .08rem rgba(53, 75, 120, .9)
}

.swt-top .bot .bot-l p {
    font-size: .28rem;
    color: #fff;
    margin-top: .1rem
}

.case-libs {
    background: #f2f8fc;
    border-radius: .08rem;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    -ms-border-radius: .08rem;
    -o-border-radius: .08rem;
    margin: 0 .3rem .1rem;
    box-shadow: 0 0 .07rem rgba(141, 160, 217, .79);
    position: relative
}

.case-libs:before {
    content: "";
    display: block;
    width: .88rem;
    height: .6rem;
    background: url(../images/gj.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -.52rem;
    left: -.06rem
}

.swt-top .swt {
    margin-top: -.07rem
}

.swt-top .swt img {
    width: 2.33rem;
    height: 1.86rem
}

.case-content {
    padding: 0 .3rem
}

.case-content .xm-lc li {
    font-size: .32rem;
    color: #232323;
    line-height: 2em;
    font-weight: 200;
    margin: .15rem 0;
    position: relative;
    padding-left: .5rem
}

.case-content .xm-lc li:before {
    background: url(../images/cont_li.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: .25rem;
    height: .25rem;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .17rem
}

.case-content video {
    display: block;
    width: 100%
}

.evaluate-box .eval-top {
    background: url(../images/evaluate_bg.png) no-repeat;
    width: 6.9rem;
    height: 1.88rem;
    background-size: cover;
    display: flex;
    justify-content: flex-start;
    padding: .95rem 0 0 .9rem
}

.evaluate-box .eval-top h3 {
    font-size: .36rem;
    color: #597193
}

.evaluate-box .eval-top .eval-r {
    display: flex;
    justify-content: flex-start;
    margin-top: -.2rem
}

.evaluate-box .eval-top .eval-r ul {
    margin-top: .25rem;
    margin-left: .15rem
}

.evaluate-box .eval-top .eval-r li {
    display: inline-block
}

.evaluate-box .eval-top .eval-r .eval-pic {
    margin-left: .7rem
}

.evaluate-box .eval-top .eval-r .eval-pic img {
    width: 1rem;
    height: 1rem
}

.evaluate-box .eval-top .eval-r li img {
    width: .18rem;
    height: .17rem
}

.evaluate-box p {
    font-size: .32rem;
    color: #333;
    line-height: 2em;
    padding: 0 .33rem .4rem;
    background: url(../images/p_bg.png);
    margin: 0;
    border-radius: 0 0 .08rem .08rem;
    -webkit-border-radius: 0 0 .08rem .08rem;
    -moz-border-radius: 0 0 .08rem .08rem;
    -ms-border-radius: 0 0 .08rem .08rem;
    -o-border-radius: 0 0 .08rem .08rem;
    text-indent: 2em
}

.tj-pro {
    padding: 0 .3rem;
    margin-top: .7rem
}

.tj-pro h2 {
    font-size: .36rem;
    line-height: 1.5em;
    color: #333;
    text-align: center
}

.tj-pro .text {
    font-size: .32rem;
    color: #333;
    font-weight: 200;
    text-align: center;
    margin: .1rem 0 .67rem
}

.tj-pro .tj-li {
    padding-bottom: .15rem
}

.tj-pro .tj-li .pic {
    width: 2.98rem;
    height: 2rem;
    margin: 0 auto
}

.tj-pro .tj-slick {
    padding: 0 .28rem
}

.tj-pro .tj-li .pic img {
    display: block;
    width: 100%;
    object-fit: cover;
    border: .04rem solid #d2dae7;
    position: relative;
    z-index: 2
}

.tj-pro .tj-li h3 {
    font-weight: 400;
    margin: 0 .2rem;
    border-radius: 0 0 .1rem .1rem;
    -webkit-border-radius: 0 0 .1rem .1rem;
    -moz-border-radius: 0 0 .1rem .1rem;
    -ms-border-radius: 0 0 .1rem .1rem;
    -o-border-radius: 0 0 .1rem .1rem;
    background: url(../images/xg.jpg) repeat;
    box-shadow: 0 .02rem .08rem rgba(129, 185, 220, .52);
    display: block;
    padding: .15rem .08rem;
    text-align: center;
    font-size: .32rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tj-pro .slick-dots {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 100%
}

.tj-pro .slick-dots li {
    display: inline-block;
    text-align: center;
    margin: 0 .04rem
}

.tj-pro .slick-dots li button {
    font-size: 0;
    background: url(../images/yd.png) no-repeat;
    width: .14rem;
    height: .14rem;
    background-size: cover
}

.tj-pro .slick-dots li.slick-active button {
    background: url(../images/yd1.png) no-repeat;
    width: .12rem;
    height: .12rem;
    background-size: cover
}

.new-box {
    padding: 0 .3rem;
    margin-top: .4rem
}

.new-box h1 {
    font-size: .44rem;
    color: #fff;
    line-height: 1.5em
}

.new-box .text {
    font-size: .28rem;
    color: #fdfdfe;
    font-weight: 200;
    border: .01rem solid;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    -ms-border-radius: .05rem;
    -o-border-radius: .05rem;
    padding: .04rem .25rem;
    display: inline-block;
    margin-top: .3rem
}

.new-box .zx-zx {
    overflow: hidden
}

.new-box .zx-zx a {
    float: right;
    font-size: .32rem;
    color: #172b49;
    display: block;
    width: 2.07rem;
    height: .64rem;
    line-height: .6rem;
    background: url(../images/a_bg.png) no-repeat;
    background-size: cover;
    text-align: center;
    font-weight: 700
}

.new-box .name-time {
    display: flex;
    justify-content: flex-start;
    margin-top: .45rem;
    padding-left: .2rem
}

.new-box .name-time .pic img {
    width: .9rem;
    height: .9rem
}

.new-box .name-time .box {
    flex: 1;
    margin-left: .18rem
}

.new-box .name-time .box p {
    font-size: .28rem;
    color: #707070;
    line-height: 1.7em
}

.new-page {
    margin: 0 .3rem;
    padding: .55rem .3rem;
    background: #f2f8fc;
    box-shadow: 0 0 .07rem rgba(141, 160, 217, .79);
    position: relative;
    border-radius: .08rem;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    -ms-border-radius: .08rem;
    -o-border-radius: .08rem;
    margin-top: .2rem;
    margin-bottom: .4rem
}

.new-page:before {
    content: "";
    display: block;
    width: .88rem;
    height: .6rem;
    background: url(../images/gj.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -.52rem;
    left: -.06rem
}

.new-page p {
    font-size: .32rem;
    color: #3a4a64;
    line-height: 2em;
    font-weight: 200;
    margin: .15rem 0
}

.new-page p strong,
.new-page p strong span {
    font-size: .32rem
}

.new-page p a {
    font-size: .32rem;
    color: #3a70ca;
    font-weight: 700;
    margin: .15rem 0
}

.new-page h2 {
    font-size: .36rem;
    color: #3a4a64;
    position: relative;
    padding-left: .55rem;
    margin: .3rem 0 .18rem
}

.new-page h2:before {
    width: .31rem;
    height: .29rem;
    background: url(../images/h3_bg.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: .1rem;
    left: 0
}

.prev-next {
    margin-top: .6rem
}

.prev-next li {
    margin-bottom: .28rem;
    display: flex;
    justify-content: space-between
}

.prev-next .a-box {
    display: block;
    width: .7rem;
    height: .7rem;
    position: relative;
    z-index: 10;
    margin-top: .05rem
}

.prev-next .a-box.one {
    background: url(../images/jt_l.png) no-repeat center;
    background-size: cover
}

.prev-next .a-box.two {
    background: url(../images/jt_r.png) no-repeat center;
    background-size: cover
}

.prev-next .tit {
    font-size: .28rem;
    color: grey;
    flex: 1;
    padding: 0 .3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.prev-next .tit.tit-one {
    background: url(../images/tit_one.png) no-repeat;
    background-size: 100% 100%;
    width: 5.74rem;
    height: .8rem;
    line-height: .8rem;
    margin-left: -.14rem
}

.prev-next .tit.tit-two {
    background: url(../images/tit_two.png) no-repeat;
    background-size: 100% 100%;
    width: 5.74rem;
    height: .8rem;
    line-height: .8rem;
    margin-right: -.14rem
}

.xg-news {
    padding: 0 .3rem;
    margin-bottom: 1.12rem
}

.xg-news h2 {
    font-size: .32rem;
    color: #333;
    margin: .55rem 0 .2rem;
    display: inline-block;
    position: relative
}

.xg-news h2:after {
    width: .21rem;
    height: .21rem;
    background: url(../images/jia.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: -.4rem
}

.xg-news li {
    box-shadow: 0 0 .16rem rgba(94, 94, 94, .05);
    border-radius: .08rem;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    -ms-border-radius: .08rem;
    -o-border-radius: .08rem;
    margin-bottom: .28rem;
    position: relative;
    padding: .3rem .3rem .2rem
}

.xg-news li:before {
    width: .34rem;
    height: .34rem;
    background: url(../images/qd.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    left: -.17rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-top: -.05rem
}

.xg-news li h3 {
    font-weight: 400;
    padding: 0 .45rem
}

.xg-news li h3 a {
    font-size: .32rem;
    color: #312d2d;
    line-height: 2em
}

.xg-news li p {
    font-size: .2rem;
    color: #989898;
    text-align: right
}

.error {
    padding: 0 .3rem;
    margin-top: .5rem
}

.error strong {
    font-size: .38rem;
    color: #fff;
    display: block;
    margin-bottom: .4rem
}

.error p {
    font-size: .26rem;
    color: #fff;
    font-weight: 200;
    line-height: 2em
}

.error .btn-box {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem
}

.error .btn-box .back-home {
    background: url(../images/mf-zx.png) no-repeat;
    background-size: cover;
    width: 3rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem;
    font-weight: 700;
    position: relative;
    text-align: center;
    display: block;
    color: #fff
}

.error .btn-box .kf-zx {
    background: url(../images/hq_bj.png) no-repeat;
    background-size: cover;
    width: 3rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem;
    font-weight: 700;
    position: relative;
    text-align: center;
    display: block;
    color: #333
}

.pic-error {
    padding: 0 .3rem
}

.pic-error img {
    display: block;
    margin: .6rem auto
}

body.menu-is-active {
    overflow: hidden
}

.screen-overlay {
    position: fixed;
    top: 0;
    max-width: 7.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: Alpha(opacity=0);
    z-index: -1;
    visibility: hidden;
    transition: opacity .25s;
    -webkit-filter: Alpha(opacity=0)
}

.menu-is-active .screen-overlay {
    opacity: .7;
    filter: Alpha(opacity=70);
    z-index: 150;
    visibility: visible;
    -webkit-filter: Alpha(opacity=70)
}

.menu-is-active .index-nav {
    padding-top: .3rem
}

.menu-is-active .index-nav span:first-child {
    -webkit-transform-origin: 75%;
    -ms-transform-origin: 75%;
    transform-origin: 75%;
    -webkit-transform: scale(1) translateY(.12rem) rotate(45deg);
    -ms-transform: scale(1) translateY(.12rem) rotate(45deg);
    transform: scale(1) translateY(.12rem) rotate(45deg);
    background-color: #fff;
    -moz-transform: scale(1) translateY(.12rem) rotate(45deg);
    -o-transform: scale(1) translateY(.12rem) rotate(45deg)
}

.menu-is-active .index-nav span:nth-child(2) {
    display: none
}

.menu-is-active .index-nav span:last-child {
    -webkit-transform-origin: 70%;
    -ms-transform-origin: 70%;
    transform-origin: 70%;
    -webkit-transform: scale(1) translateY(-.12rem) rotate(-45deg);
    -ms-transform: scale(1) translateY(-.12rem) rotate(-45deg);
    transform: scale(1) translateY(-.12rem) rotate(-45deg);
    background-color: #fff
}

.nav-left {
    position: fixed;
    top: .9rem;
    bottom: 0;
    width: 3.39rem;
    z-index: 8;
    background: #13395f;
    background: rgba(22, 44, 73, .7);
    padding: 0 .25rem;
    box-sizing: border-box;
    right: -125%;
    transition: .5s
}

.nav-left.menu-is-active {
    bottom: 0;
    width: 3.39rem;
    opacity: 1;
    filter: Alpha(opacity=100);
    z-index: 999;
    right: 0;
    -webkit-filter: Alpha(opacity=100)
}

.nav-left ul {
    outline: 0;
    list-style-type: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.nav-left ul li {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-top: .55rem
}

.nav-left ul li a {
    display: inline-block;
    font-size: .32rem;
    line-height: 1.6em;
    color: #fff;
    text-decoration: none;
    transition: color .25s
}

.nav-left ul li a span {
    margin-left: .35rem
}

.gotop {
    width: .56rem;
    height: .56rem;
    z-index: 9999;
    bottom: 1.6667rem;
    right: .0833rem;
    cursor: pointer;
    position: fixed;
    display: none;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.mb-ftm {
    width: 100%;
    height: 1.65rem;
    background: url(../images/mftmbg.png) center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: relative;
    padding-left: .56rem;
    padding-top: .35rem;
    margin-top: .3rem
}

.mb-ftm a * {
    float: left;
    display: block
}

.mb-ftm span {
    height: .54rem;
    color: #fff;
    line-height: .54rem;
    font-size: .32rem;
    background: #e33a4b;
    border-top-left-radius: .27rem;
    border-bottom-left-radius: .27rem;
    padding: 0 .1rem 0 .17rem;
    text-shadow: 0 .02rem .03rem rgba(0, 0, 0, .3)
}

.mb-ftm strong {
    font-size: .56rem;
    line-height: .56rem;
    font-weight: 700;
    font-family: Impact;
    color: #fff;
    text-shadow: 0 .02rem .03rem rgba(0, 0, 0, .3);
    position: relative;
    margin-left: .1rem;
    top: -.02rem
}

.mb-ftm p {
    font-size: .28rem;
    line-height: .28rem;
    color: #fff;
    margin-left: .18rem;
    margin-top: .13rem
}

.mb-ftmbtn {
    position: absolute;
    right: .2rem;
    top: .2rem;
    width: 1.29rem;
    height: 1.29rem;
    background: url(../images/mftmbtn.png) center no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    z-index: 9
}

.tel-show {
    width: 92%;
    color: #fff;
    margin: .55rem auto 0;
    line-height: 1.1;
    text-align: center;
    padding: .4rem .4rem .2rem;
    background: url(../images/tel-bg.png) repeat-x
}

.tel-show.tel-case {
    width: 100%;
    margin-top: .3rem;
    padding-bottom: .4rem;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    -ms-border-radius: .08rem;
    -o-border-radius: .08rem;
    border-radius: .08rem;
    background: -webkit-linear-gradient(top, #d93347, #172236);
    background: -o-linear-gradient(top, #d93347, #172236);
    background: -moz-linear-gradient(top, #d93347, #172236);
    background: linear-gradient(to bottom, #d93347, #172236)
}

.tel-base {
    line-height: .64rem
}

.tel-base a {
    color: #fff
}

.tel-base i {
    display: inline-block;
    font-style: normal;
    font-size: .36rem;
    padding: 0 .16rem;
    line-height: .62rem;
    background-color: #e33a4b
}

.tel-base strong {
    display: inline-block;
    font-family: Impact;
    font-size: .6rem;
    vertical-align: middle;
    margin-left: .12rem;
    margin-top: -.12rem;
    letter-spacing: .01rem
}

.case-box .tel-base strong {
    font-size: .36rem
}

.tel-show span {
    display: block;
    font-size: .32rem;
    margin-top: .1rem
}

.index-yyzz {
    text-align: center;
    color: #8b97ab;
    font-size: .3rem;
    margin-top: .4rem
}

.index-yyzz a {
    color: #8b97ab;
    font-size: .3rem;
    margin-left: .05rem;
    text-decoration: underline
}

.pclass-bg {
    background-color: #152339;
    background-image: url(../images/pclassbg.jpg);
    background-position: left top;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    overflow: hidden;
}

.ly-wp {
    padding: 0 .3rem
}

.mnav-bar {
    display: flex;
    justify-content: space-between;
    margin: .1rem 0 0
}

.mnav-bar a {
    display: block;
    color: #fff;
    font-size: .32rem;
    line-height: .42rem;
    position: relative
}

.mnav-bar li.active a {
    font-weight: 700;
    color: #ff9700
}

.mnav-bar li.active a:after {
    position: absolute;
    width: 100%;
    height: .04rem;
    content: '';
    background: #ff9700;
    left: 0;
    bottom: -.2rem;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.pclass-tab {
    width: 100%;
    overflow-x: scroll;
    background-color: #1f415d;
    -webkit-box-shadow: 0 .05rem .06rem 0 rgba(53, 75, 120, .14);
    -moz-box-shadow: 0 .05rem .06rem 0 rgba(53, 75, 120, .14);
    box-shadow: 0 .05rem .06rem 0 rgba(53, 75, 120, .14);
    -webkit-border-radius: .45rem 0 0 .45rem;
    -moz-border-radius: .45rem 0 0 .45rem;
    border-radius: .45rem 0 0 .45rem;
    display: flex;
    white-space: nowrap;
}

.pclass-tab a {
    display: block;
    line-height: .9rem;
    font-size: .26rem;
    color: #bcbcbc;
    margin: 0 0.16rem;
    position: relative
}

.pclass-tab li.active a {
    font-weight: 700;
    color: #fff
}

.pclass-tab li.active a:after {
    position: absolute;
    width: .1rem;
    height: .1rem;
    background: url(../images/mclass-icon.png) center no-repeat;
    background-size: .1rem;
    content: '';
    left: 50%;
    margin-left: -.05rem;
    bottom: .14rem
}

.ly-ellipsis {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ly-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: .8rem
}

.ly-list li {
    background-color: #fff;
    -webkit-box-shadow: 0 0 .1rem 0 rgba(86, 127, 161, .17);
    -moz-box-shadow: 0 0 .1rem 0 rgba(86, 127, 161, .17);
    box-shadow: 0 0 .1rem 0 rgba(86, 127, 161, .17);
    width: 3.2rem;
    margin-top: .64rem;
    -webkit-border-radius: 0 0 .2rem .2rem;
    -moz-border-radius: 0 0 .2rem .2rem;
    border-radius: 0 0 .2rem .2rem;
    padding-bottom: .15rem
}

.mgoods-img img {
    display: block;
    width: 100%;
    -webkit-border-radius: 0 0 .2rem .2rem;
    -moz-border-radius: 0 0 .2rem .2rem;
    border-radius: 0 0 .2rem .2rem;
    margin-bottom: .2rem
}

.ly-list h3 a {
    color: #444;
    font-size: .26rem;
    line-height: .3rem;
    margin-bottom: .14rem;
    display: block;
    padding: 0 .28rem
}

.ly-list p {
    margin: 0 .28rem .08rem;
    padding-left: .16rem;
    background: url(../images/mlicon.png) left center no-repeat;
    font-size: .24rem;
    color: #444
}

.ly-list p span {
    color: #4678c3
}

.mlogo-list {
    padding-top: .88rem;
    padding-bottom: .7rem
}

.mlogo-list h2 {
    font-size: .4rem;
    line-height: .5rem;
    color: #253853;
    text-align: center;
    margin-bottom: .5rem
}

.mlogo-list h2 span {
    color: #e5472e;
    font-size: .4rem;
    line-height: .5rem;
    font-family: Impact;
    margin-right: .1rem
}

.mlogo-list img {
    display: block;
    width: 7.08rem;
    margin: 0 auto
}

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

.new-year {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    display: none;
}

.ny-img {
    width: 70%;
    position: absolute;
    left: 50%;
    top: 46%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ny-close {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 30px;
    color: #333;
    text-align: center;
    left: 50%;
    bottom: -20px;
    margin-left: -20px;
    cursor: pointer;
}

@media screen and (max-width: 700px) {
    html {
        font-size: 86px;
    }
}

@media screen and (max-width: 639px) {
    html {
        font-size: 64px;
    }
}

@media screen and (max-width: 479px) {
    html {
        font-size: 48px;
    }
}






/* 2021-05-31 add */
.ind_box1_con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 2.8rem 5% 0;
}
.ind_box1_rela{
    position: relative;
}
.ind_box1_rela img{
    display: block;
}
.ind_box1_title1 .tt{
    color: #fff;
    text-align: center;
    font-size: 0.48rem;
    font-weight: bold;
}
.ind_box1_title1 .tt2 {
    color: #fff;
    font-size: 0.62rem;
    font-weight: bold;
}

.ind_box1_title1 .text {
    font-size: 0.22rem;
    line-height: 2;
    color: #fff;
    margin: 0.2rem 0 0.5rem;
}

.ind_box1_title1.tc {
    margin: 0 auto;
}

.ind_box1_title1.tc .tt2,
.ind_box1_title1.tc .text {
    text-align: center;
}

.ind_btn_more {
    display: block;
    width: 2.4rem;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.24rem;
    color: #fff;
    border-radius: 0.6rem;
    background: #ff9700;
}


.ind_box2_scroll .item a {
    
}

.ind_box2_scroll_pic {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
}


.ind_title1 {
    margin-bottom: 38px;
}

.ind_title1{
    text-align: center;
}

.ind_title1 .tt {
    font-size: 0.48rem;
    color: #fff;
    font-weight: bold;
}

.ind_title1 .text {
    color: #fff;
    font-size:0.24rem;
    line-height: 2;
    margin-top: 30px;
}

.ind_title1 .text2 {
    color: #fff;
    font-size:0.22rem;
    line-height: 2;
    margin-top: 0.3rem;
}


.ind_box2{
    background: url(../images/ind_box2_bg.jpg) no-repeat center center / cover;
    padding:10% 7%;
}
.ind_box2_scroll_con{
    margin-bottom: 0.4rem;
}
.ind_box2_scroll .slick-dots{
    position: relative;
    width: 100%;
    z-index: 3;
    bottom: auto;
    box-sizing: border-box;
    margin-top: 0.35rem;
}

.main_content{
    padding: 0.8rem 0;
}

.ind_box3{
    background: url(../images/ind_box3_bg.jpg) no-repeat center center / cover;
}


.ind_box3_con_list {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding-top: 7%;
}

.ind_box3_con_list dd {
    width: 50%;
    padding: 0 3%;
    text-align: center;
    margin: 0 0 0.45rem;
}

.ind_box3_con_list dd .num {
    font-size: 0.72rem;
    color: #fff;
    font-weight: bold;
}

.ind_box3_con_list dd .tt {
    font-size: 0.24rem;
    line-height: 2;
    color: #fff;
}
.ind_box4{
    background: url(../images/ind_box4_bg.jpg) no-repeat center center / cover;
}
.ind_box4_con {
    max-width: 90%;
    padding-top: 5%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 0 auto;
}

.ind_box5{
    height: 9rem;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    position: relative;
    background: url(../images/ind_box5_bg.jpg) no-repeat center center / cover;
}

.content-top {
    margin-top: .2rem;
    letter-spacing: .02rem
}

.content-top .imgbox {
    padding-right: 1.7rem;
    position: relative
}

.content-top .imgbox .main {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    border-radius: .15rem;
    overflow: hidden
}

.content-top .imgbox .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.04rem
}

.content-top .advan {
    border-radius: .4rem .4rem 0 0;
    -moz-box-shadow: 0 0 .1rem rgba(37, 98, 84, .6);
    -webkit-box-shadow: 0 0 .1rem rgba(37, 98, 84, .6);
    box-shadow: 0 0 .1rem rgba(37, 98, 84, .6);
    background-color: #23ad8b;
    background: -moz-linear-gradient(left, #4ea891 0, #23ad8b 100%);
    background: -webkit-linear-gradient(left, #4ea891 0, #23ad8b 100%);
    background: -o-linear-gradient(left, #4ea891 0, #23ad8b 100%);
    background: -ms-linear-gradient(left, #4ea891 0, #23ad8b 100%);
    background: linear-gradient(to right, #4ea891 0, #23ad8b 100%);
    color: #fff;
    font-size: .24rem;
    line-height: .34rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3rem 0 .5rem;
    z-index: 1;
    margin-top: -.8rem;
    position: relative
}

.content-top .advan .item {
    width: 50%;
    text-align: center
}

.content-top .advan .item em {
    font-size: .32rem;
    display: block;
    margin-bottom: .06rem
}

.content-top .advan .item:nth-child(2):after {
    content: "/";
    position: absolute;
    left: 50%;
    top: 40%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: .24rem
}

.m-content {
    border-radius: .4rem;
    background-color: #fff;
    position: relative;
    top: -.3rem;
    padding: .4rem 0 .2rem;
    font-size: .32rem;
    color: #333;
    line-height: 1.7;
    z-index: 2;
    letter-spacing: .02rem
}

.m-content h1 {
    font-size: .44rem;
    color: #222;
    line-height: .54rem;
    margin-bottom: .3rem;
    font-weight: 400
}

.g-part {
    position: relative;
    padding: .24rem;
    background: url(../images/a-bg3.html) center;
    -moz-box-shadow: 0 0 .1rem rgba(37, 128, 105, .24);
    -webkit-box-shadow: 0 0 .1rem rgba(37, 128, 105, .24);
    box-shadow: 0 0 .1rem rgba(37, 128, 105, .24);
    border-radius: .24rem;
    margin-bottom: .35rem
}

.news-top .serve .g-part {
    margin-right: .75rem;
}

.g-part .free {
    padding-left: .3rem;
    font-size: .26rem;
    color: #595959;
    line-height: .36rem;
    background: url(../images/a-ico6.html) left center no-repeat;
    -webkit-background-size: .12rem;
    -moz-background-size: .12rem;
    -o-background-size: .12rem;
    background-size: .12rem
}

.g-part .free:first-child {
    margin-bottom: .2rem
}

.g-part a {
    position: absolute;
    right: -1rem;
    top: 0;
    width: 1.4rem
}

.g-part a img {
    display: block
}

.m-content h2,
.m-content h3 {
    font-size: .38rem;
    padding-left: .6rem;
    margin-bottom: .24rem;
    background: url(../images/h_bg.png) top 0.18rem left no-repeat;
    -webkit-background-size: .34rem;
    -moz-background-size: .34rem;
    -o-background-size: .34rem;
    background-size: .34rem
}

.m-content p {
    margin-bottom: .3rem
}

.m-content p a {
    color: #DA251D;
    padding: 0 2px;
}

.pro_table{
    width: 100%;
    overflow-x:auto;
}

.m-content p img,
.m-content p video {
    width: 100%;
    display: block;
}
.m-content img{
    height: auto !important;
}
.m-content table {
    margin-bottom: .3rem;
    margin-top: .3rem;
}

.m-content table td {
    padding: 0.1rem 0.06rem;
    font-size: .3rem;
    line-height: 1.2;
    letter-spacing: .002rem;
    word-break: break-all;
}

.m-content table.zsj-table {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: .3rem 0;
}

.m-content table.zsj-table td {
    text-align: center;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 0.6rem;
}

.m-content table.zsj-table .zsj-name {
    background-color: #255C4F;
    color: #FFF;
    font-weight: bold;
}

.m-content p.news-strong strong {
    color: #333;
}

.m-content p strong {
    color: #D75E0D;
}

.m-content p.content-strong strong {
    color: #0f7559;
}



/* case_det */
.content-top-con {
    border-radius: 0.2rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid #3d759d;
    margin-bottom: 0.5rem;
}

.case_det_pic {
    overflow: hidden;
}

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

.content-top-con-b {
    padding: 0.32rem 0.35rem;
    overflow: hidden;
}

.case_det_title {
    font-size: 0.36rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.case_det_desc .item {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.case_det_desc .item .icon {
    width: 0.54rem;
}

.case_det_desc .item .tt {
    width: calc(100% - 0.54rem);
    padding-left: 0.12rem;
    font-size: 0.24rem;
    font-weight: bold;
    color: #333;
}

.case_det_b_title1 {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    font-size: 0.32rem;
    font-weight: bold;
    color: #014a7f;
    margin-bottom: 0.2rem;
}

.case_det_b_title1 .icon {
    width: 0.34rem;
    margin-right: 0.17rem;
}

.case_det_b_text {
    color: #333;
    font-size: 0.24rem;
    line-height: 2;
}

.case_det_b_item {
    margin-bottom: 0.3rem;
}

.case_det_b_item_list {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.case_det_b_item_list dd {
    width: calc((100% - 0.25rem) / 2);
    padding: 0.34rem 0.25rem;
    background: #f0f3fa;
}

.case_det_b_item_list_text {
    font-size: 0.4rem;
    font-weight: bold;
}

.case_det_pic_list {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.case_det_pic_list .item {
    width: calc((100% - 0.25rem) / 2);
    margin-bottom: 0.25rem;
    overflow: hidden;
    border-radius: 0.2rem;
}

.case_det_pic_list .item img {
    display: block;
    width: 100%;
}

.case_det_b_item_xmjs {
    background: #f0f3fa;
    padding: 0.5rem 0;
}

.case_det_b_xmjj_t {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    padding: 0.3rem;
    background: #fff;
    border-radius: 0.2rem;
    margin-bottom: 0.2rem;
}

.case_det_b_xmjj_t .pic {
    width: 1.2rem;
    border-radius: 1.2rem;
    overflow: hidden;
}

.case_det_b_xmjj_t .pic img {
    display: block;
}

.case_det_b_xmjj_t .con {
    width: calc(100% - 1.2rem);
    padding-left: 0.27rem;
    color: #333;
}

.case_det_b_xmjj_t .con .tt {
    font-size: 0.24rem;
    font-weight: bold;
    margin-bottom: 0.05rem;
}

.case_det_b_xmjj_t .con .text {
    font-size: 0.24rem;
}

.case_det_b_xmjj_t .con .text a {
    color: #333;
}

.case_det_b_xmjj_text {
    color: #333;
    font-size: 0.24rem;
    line-height: 2;
    padding: 0.3rem;
    border-radius: 0.2rem;
    background: #fff;
    margin-bottom: 0.38rem;
}

.case_det_b_xmjj_btn {
    display: block;
    width: 100%;
    line-height: 0.8rem;
    color: #fff;
    text-align: center;
    font-size: 0.3rem;
    border-radius: 0.8rem;
    background: #ff9700;
}


.evaluate-box .eval-top {
    background: url(../images/evaluate_bg.png) no-repeat;
    width: 100%;
    height: 1.88rem;
    background-size: cover;
    display: flex;
    justify-content: flex-start;
    padding: .95rem 0 0 .9rem
}

.evaluate-box .eval-top h3 {
    font-size: .36rem;
    color: #597193
}

.evaluate-box .eval-top .eval-r {
    display: flex;
    justify-content: flex-start;
    margin-top: -.2rem
}

.evaluate-box .eval-top .eval-r ul {
    margin-top: .25rem;
    margin-left: .15rem
}

.evaluate-box .eval-top .eval-r li {
    display: inline-block
}

.evaluate-box .eval-top .eval-r .eval-pic {
    margin-left: .7rem
}

.evaluate-box .eval-top .eval-r .eval-pic img {
    width: 1rem;
    height: 1rem
}

.evaluate-box .eval-top .eval-r li img {
    width: .18rem;
    height: .17rem
}

.evaluate-box p {
    font-size: .24rem;
    color: #333;
    line-height: 2em;
    padding: 0 .33rem .4rem;
    background: url(../images/p_bg.png);
    margin: 0;
    border-radius: 0 0 .08rem .08rem;
    -webkit-border-radius: 0 0 .08rem .08rem;
    -moz-border-radius: 0 0 .08rem .08rem;
    -ms-border-radius: 0 0 .08rem .08rem;
    -o-border-radius: 0 0 .08rem .08rem;
    text-indent: 2em
}


/* 品牌优势 */
.case_det_b_item_ppys1 {
    padding: 0.3rem 0;
}

.case_det_ppys dd {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    padding: 0.15rem 0;
}

.case_det_ppys dd .num {
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #fff;
    font-size: 0.22rem;
    border-radius: 50%;
    background: #ff9a15;
}

.case_det_ppys dd .tt {
    width: calc(100% - 0.4rem);
    padding-left: 0.15rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #333;
}

.case_det_ppys_list2 {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-around;
    -ms-justify-content: space-around;
    -webkit-justify-content: space-around;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.case_det_ppys_list2 dd {
    width: 31%;
    margin-bottom: 0.4rem;
}

.case_det_ppys_list2 dd .icon {
    width: 1.4rem;
    margin: 0 auto 0.14rem;
}

.case_det_ppys_list2 dd .icon img {
    display: block;
    width: 100%;
}

.case_det_ppys_list2 dd .tt {
    font-size: 0.24rem;
    line-height: 1.5;
    color: #333;
    text-align: center;
}


.case_det_b_item_ppys2 {
    padding: 0.56rem 0 0.2rem;
    background: #f0f3fa;
}

.rela_pro_list {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.rela_pro_list dd {
    width: calc((100% - 0.25rem) / 2);
    margin-bottom: 0.25rem;
}

.rela_pro_list dd a {
    display: block;
    border-radius: 0.2rem;
    overflow: hidden;
}

.rela_pro_list dd a .pic {
    overflow: hidden;
}

.rela_pro_list dd a .pic img {
    display: block;
    width: 100%;
}

.rela_pro_list dd a .tt {
    font-size: 0.24rem;
    line-height: 1.5;
    padding: 0.12rem 0.15rem;
    background: #f5f5f5;
}


.rela_pro_list2 dd a {
    box-shadow: 0 0 0.12rem rgba(115, 115, 115, .3);
}

.rela_pro_list2 dd a .tt {
    background: #fff;
    text-align: center;
    padding: 0.15rem 0.15rem;
}

.case_det_b_item_form {
    padding: 0.55rem 0;
    background: #f0f3fa;
}

.case_det_form_tip {
    color: #666;
    font-size: 0.24rem;
    line-height: 1.5;
    margin-bottom: 0.4rem;
}

.case_det_form_list dd {
    position: relative;
    margin-bottom: 0.2rem;
}

.case_det_form_text,
.case_det_form_area {
    display: block;
    width: 100%;
    font-size: 0.24rem;
    color: #fff;
    height: 0.8rem;
    padding-left: 0.37rem;
    border-radius: 0.1rem;
    background: #fff;
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #eee;
}

.case_det_form_icon {
    position: absolute;
    left: 0.2rem;
    top: 0;
    line-height: 0.8rem;
    font-size: 0.24rem;
    color: #f00;
}

.case_det_form_area {
    height: 1.6rem;
    padding: 0.18rem 0.37rem;
    resize: none;
}

.case_det_form_btn{
    width: 100%;
    height: 0.8rem;
    color: #fff;
    text-align: center;
    font-size: 0.3rem;
    border-radius: 0.8rem;
    border: none;
    background: #014a7f;
}


.main-page{position:relative;width:100%;color:#333;font-size:14px;line-height:28px;text-align:center;margin:70px auto 70px; overflow:hidden;}
.main-page a,.main-page span{display:inline-block;color:#666;margin:0 3px;padding:0 9px;border:1px solid #dedfe0;background-color:#fff;cursor:pointer}
.main-page .current{color:#fff;border:1px solid #014a7f;background-color:#014a7f}
.pagination{display:inline-block;margin:0 auto}
.pagination li{float:left; margin-bottom:5px;}
.main-page a:hover,.page-active span,.pagination .active span,.ul-tab-page .on a{color:#fff;border:1px solid #014a7f;background:#014a7f;-webkit-box-shadow:0 5px 10px -2px rgba(37,92,79,.35);box-shadow:0 5px 10px -2px rgba(37,92,79,.35)}
.pagination{display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:center;
	-ms-justify-content:center;
	-webkit-justify-content:center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items:center;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;}
.pagination ul li:empty{
    display: none;
}



.newsBtn{
    display: inline-block !important;
}
.newsBtn img{
    display: inline-block !important;
    width: 120px;
    height: 40px;
}