@charset "utf-8";

/*鏍煎紡鍖?/

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
table,
th,
td,
span,
input,
textarea {
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
    background: #fff;
}

li,
ol {
    list-style: none;
}

ins {
    text-decoration: none;
}

i,
em {
    font-style: normal;
}

a {
    text-decoration: none;
    font-family: "Microsoft Yahei";
    color: #333;
}

a:hover {
    cursor: pointer;
    text-decoration: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}

:focus {
    outline: 0;
}

.clear {
    clear: both;
    line-height: 0px;
    overflow: hidden;
    zoom: 1;
    font-size: 0px;
    content: '.';
}

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

img {
    padding: 0;
    margin: 0;
}

a img {
    border: none;
}

input,
textarea {
    border: none;
    font-family: "Microsoft Yahei";
    font-size: 13px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 14px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* -- 椤甸潰鏁翠綋甯冨眬 -- */

.wrap {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/*缃戠珯棣栭〉瀹藉害*/

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



.tit {
    text-align: center;
    color: #424242;
    font-size: 2.5rem;
    font-weight: bold;
}

.tit em {
    display: block;
    font-size: 1.2rem;
    color: #626262;
    font-weight: normal;
    padding-top: 1.6rem;
    background: url(../images/line.png) no-repeat center top;
    background-size: 18.85rem 1.4rem;
    margin-top: 0.3rem;
}



.g-yinz {
    margin: 3rem 0;
}

.g-yinz p {
    padding: 0 3%;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #949494;
    margin: 1.2rem 0;
}

.g-yinz ul {
    width: 93.75%;
    margin: 0 auto;
    padding: 1.5rem 0;
    background: #fff;
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem #e0dfdf;
}

.g-yinz li {
    width: 44%;
    padding-left: 10%;
    float: left;
    font-size: 1.1rem;
    color: #626262;
    border-right: 1px solid #d1d1d1;
    box-sizing: border-box;
    margin-bottom: 1.3rem;
    position: relative;
}

.g-yinz li span {
    display: block;
    font-size: 3.5rem;
    color: #424242;
}

.g-yinz li span em {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    background: #1b705d;
    border-radius: 1.7rem;
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
    line-height: 1.7rem;
    position: absolute;
    top: 1rem;
    left: 46%;
}

.g-yinz li:nth-child(2n) {
    border: 0;
    width: 56%;
}

.g-yinz li:nth-child(3) span em {
    left: 57%;
}

.g-yinz li:nth-child(4) span em {
    left: 82%;
}


.fea {
    height: 42.5rem;
    background: url(../images/fea_bg.jpg) no-repeat;
    background-size: 100% 42.5rem;
}

.fea h3 {
    text-align: center;
    padding: 2.3rem 0;
    font-size: 2.3rem;
}

.fea h3 span {
    color: #333333;
    font-size: 1.2rem;
    padding-top: 1.3rem;
    display: block;
    background: url(../images/line2.png) no-repeat center 0.6rem;
    background-size: 10rem 0.1rem;
}

.fea h3,
.fea h3 i,
.fea h3 span {
    color: #fff !important;
}

.fea li {
    float: left;
    width: 45.3%;
    height: 14.5rem;
    background: #fff;
    border-radius: 0.2rem;
    margin-left: 3.1%;
    margin-bottom: 1rem;
}

.fea li img {
    display: block;
    width: 5.2rem;
    height: 5.2rem;
    margin: 2.7rem auto 0.5rem;
    border-radius: 50%;
    background: #e6e6e6;
}

.fea li p {
    font-size: 1rem;
    color: #333;
    line-height: 1.8rem;
    text-align: center;
    padding: 0 0.7rem;
}


/**/

.ban {
    position: relative;
}

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

.ban .swiper-pagination {
    bottom: 1.6rem;
}

.ban .swiper-pagination-bullet {
    opacity: 1;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.8rem;
    margin: 0 2%;
    background: rgb(27, 112, 93, 1);
    background: -moz-linear-gradient(left, rgba(27, 112, 93, 1) 0%, rgba(14, 238, 91, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(27, 112, 93, 1) 0%, rgba(14, 238, 91, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(27, 112, 93, 1) 0%, rgba(14, 238, 91, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30124', endColorstr='#ee850e', GradientType=1);
    /* IE6-9 */
}

.ban .swiper-pagination-bullet-active {
    width: 2rem;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e30124+0,ee850e+100 */
    background: rgb(227, 1, 36);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(27, 112, 93, 1) 0%, rgba(14, 238, 91, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(27, 112, 93, 1) 0%, rgba(14, 238, 91, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(27, 112, 93, 1) 0%, rgba(14, 238, 91, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30124', endColorstr='#ee850e', GradientType=1);
    /* IE6-9 */
}


/*pro*/

.pro {
    padding: 2.2rem 1.56% 2.5rem;
    position: relative;
    background: #f2f2f2;
}

.pro h2 {
    margin-bottom: 2.5rem;
}

.prot {
    margin: 1rem 0 0 3%;
}

.prot h3,
.prot h5 {
    /* width: 30.97%; */
    width: 47.97%;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-size: 1.2rem;
    color: #535353;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    background: #ebebeb;
    margin: 0 1.9% 0.5rem 0;
}

.prot h3 em,
.prot h5 em {
    display: block;
    font-size: 0.6rem;
    font-weight: normal;
    color: #aaaaaa;
}

.prot .active {
    background: #1b705d;
    color: #fff;
}

.prot .active em {
    color: #80aad2;
}

.pro li {
    float: left;
    width: 48.3%;
}

.pro li img {
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
}

.pro li span {
    display: block;
    height: 2.7rem;
    line-height: 2.7rem;
    text-align: center;
    font-size: 1rem;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pro li:nth-child(even) {
    float: right;
}



.xz {
    padding: 4rem 0 0rem;
    background: #fff;
}

.xz h2 {
    width: 87.5%;
    margin: 0 auto 1.5rem;
}

.xz h2 span {
    width: 24rem;
}

.xzbg {
    background: #004fab;
    width: 100%;
    padding-bottom: 2rem;
}

.xz dl {
    width: 100%;
    margin: 0 auto;
}

.xz dt img {
    display: block;
    width: 100%;
}

.xz dd {
    padding-top: 2.6rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
    width: 87.5%;
    margin: 0 auto;
    box-sizing: border-box;
}

.xz dd h3 {
    height: 2rem;
    font-size: 1.5rem;
    color: #ffffff;
    font-weight: bold;
    overflow: hidden;
    padding-left: 1.5rem;
}

.xz dd em {
    font-size: 1.3rem;
    font-weight: normal;
    display: block;
    color: #004fab;
    background: url(../images/xzembg.png) no-repeat;
    background-size: 21rem 3rem;
    height: 3rem;
    padding-top: 1rem;
    box-sizing: border-box;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.xz dd p {
    font-size: 1.1rem;
    line-height: 1.8rem;
    color: #ffffff;
    position: relative;
    text-align: justify;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}





.xz .swiper-pagination {
    height: 2rem;
    position: relative;
    border-radius: 1.5rem;
    padding-top: 0.5rem;
    box-sizing: border-box;
    z-index: 1
}

.xz .swiper-pagination-bullet {
    background: #80a7d5;
    opacity: 1;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 4%;
}

.xz .swiper-pagination-bullet-active {
    background: #ffffff;
    width: 2.7rem;
    border-radius: 1rem;
}





.xz .ys1 dd {
    background: url(../images/01.png) no-repeat 0 2.8rem;
    background-size: 3.2rem 4.5rem;
}

.xz .ys2 dd {
    background: url(../images/02.png) no-repeat 0 2.8rem;
    background-size: 3.2rem 4.5rem;
}

.xz .ys3 dd {
    background: url(../images/03.png) no-repeat 0 2.8rem;
    background-size: 3.2rem 4.5rem;
}

.xz .ys4 dd {
    background: url(../images/04.png) no-repeat 0 2.8rem;
    background-size: 3.2rem 4.5rem;
}

.xz .ys5 dd {
    background: url(../images/05.png) no-repeat 0 2.8rem;
    background-size: 3.2rem 4.5rem;
}



/*case*/

.g-case {
    margin-bottom: 2.5rem;
    padding: 4rem 0 0rem;
}

.g-caset {
    width: 93.75%;
    margin: 1.6rem auto;
}

.g-caset h3 {
    width: 25%;
    float: left;
    text-align: center;
    font-size: 1.2rem;
    color: #333;
    background: #fff;
    box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem #eee;
    padding: 1rem 0;
}

.g-caset h3 em {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
}

.g-caset h3 em img {
    display: block;
    width: 100%;
}

.g-caset h3 i {
    display: block;
    font-size: 0.6rem;
    color: #afafaf;
}

.m-case {
    width: 93.75%;
    margin: 0 auto;
    overflow: hidden;
}

.m-case li {
    width: 47.66%;
    font-size: 1.2rem;
    color: #424242;
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-case li img {
    display: block;
    width: 100%;
    margin-bottom: 0.6rem;
}

.m-case li em {
    display: block;
    font-size: 1.1rem;
    color: #909090;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-case a:nth-child(2n-1) li {
    float: left;
}

.m-case a:nth-child(2n) li {
    float: right;
}

.g-case h5 {
    width: 93.75%;
    margin: 1.5rem auto 0;
}

.g-case h5 img {
    display: block;
    width: 100%;
}



.g-ys {
    position: relative;
    background: #f4f3f3;
    padding: 3.5rem 0 2.5rem;
}

.yst {
    width: 2.5rem;
    position: absolute;
    top: 12rem;
    left: 3%;
    z-index: 10;
}

.yst a {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 2.5rem;
    background: #424242;
    margin-bottom: 1.8rem;
    text-align: center;
    font-size: 1.1rem;
    line-height: 2.5rem;
    color: #fff;
    font-size: 1.1rem;
    position: relative;
}

.yst a:before {
    content: "";
    position: absolute;
    top: 2.7rem;
    left: 50%;
    width: 1px;
    height: 1.35rem;
    background: #cdcdcd;
}

.yst a:last-child:before {
    background: none;
}

.yst .active {
    background: #1b705d;
}

.m-ys {
    width: 100%;
    overflow: hidden;
    margin-top: 1.7rem;
}

.g-ys dt {
    width: 85.9375%;
    float: right;
    margin-right: 5px;
}

.g-ys dt img {
    display: block;
    width: 100%;
}

.g-ys dd h3 {
    margin-top: 1rem;
    background: #1b705d;
    padding: 1.2rem 0 1.2rem 14%;
    font-size: 1.4rem;
    color: #fff;
}

.g-ys dd h3 em {
    display: block;
    font-size: 0.6rem;
    color: #4d88c0;
}

.g-ys .swiper-slide:nth-child(3) h3,
.g-ys .swiper-slide:nth-child(4) h3 {
    font-size: 1.2rem;
}

.g-ys dd p {
    font-size: 1.1rem;
    line-height: 1.7rem;
    color: #797979;
    padding-left: 18%;
    padding-right: 3%;
    position: relative;
    margin-top: 0.8rem;
}

.g-ys dd p:before {
    content: "";
    position: absolute;
    top: 0.7rem;
    left: 14%;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.4rem;
    background: #1b705d;
}



.g-news {
    padding: 2.5rem 0;
}

.tab02 {
    height: 7.5rem;
    margin: 1.1rem auto 0;
    text-align: center;
}

.tab02 a {
    display: inline-block;
    width: 26.5625%;
    color: #333;
    text-align: center;
    font-size: 1.1rem;
    background: #fff;
    margin: 0 1%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1.2rem 0;
}

.tab02 span {
    display: block;
    width: 2.2rem;
    height: 1.9rem;
    margin: 0 auto 0.1rem;
    position: relative;
}

.tab02 span img {
    display: block;
    width: 100%;
}

.tab02 span em {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}

.tab02 span i {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: hidden;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.1s ease 0.2s;
    transition: all 0.1s ease 0.2s;
}

.tab02 b {
    display: block;
    font-size: 0.6rem;
    color: #afafaf;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab02 .active span em {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg);
}

.tab02 .active span i {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.tab02 .active {
    color: #1b705d;
    box-shadow: 0.1rem 0.1rem 0.5rem #ddd;
}

.m-news {
    width: 93.75%;
    margin: 0 auto;
    overflow: hidden;
}

.g-news .dl01 {
    width: 93.75%;
    margin: 0 auto;
    overflow: hidden;
}

.g-news .dl01 dd {
    background: #1b705d;
    padding: 1.2rem 3%;
}

.g-news .dl01 dt img {
    display: block;
    width: 100%;
}

.g-news .dl01 dd h4 {
    font-size: 1.1rem;
    color: #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #3376b7;
}

.g-news .dl01 dd h4 em {
    display: block;
    font-size: 0.9rem;
    color: #fff;
}

.g-news .dl01 dd h4 em i {
    color: #27d796;
}

.g-news .dl01 dd p {
    font-size: 1.1rem;
    line-height: 1.3rem;
    color: #80aad2;
    margin: 0.8rem 0;
}

.g-news .dl01 dd em {
    display: block;
    font-size: 0.9rem;
    color: #c0c0c0;
}

.g-news .dl02 {
    margin-top: 0.5rem;
    padding: 1rem 3%;
    background: #fff;
    border: 2px solid #eaeaea;
    box-sizing: border-box;
}

.g-news .dl02 dt {
    width: 27.75%;
    float: left;
}

.g-news .dl02 dt img {
    display: block;
    width: 100%;
}

.g-news .dl02 dd {
    width: 69.6%;
    float: right;
}

.g-news .dl02 dd h3 {
    font-size: 1.1rem;
    font-weight: bold;
    color: #424242;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.g-news .dl02 dd em {
    display: block;
    font-size: 1.1rem;
    line-height: 1.2rem;
    color: #9e9e9e;
    margin-top: 0.5rem;
    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;
}





.g-about {
    padding: 0 0 2rem;
}

.m-about {
    margin-top: 1.3rem;
    overflow: hidden;
    position: relative;
}

.m-about img {
    display: block;
    width: 100%;
}

.g-about dl {
    width: 93.75%;
    margin: -2.7rem auto 0;
    position: relative;
    background: #fff;
    box-shadow: 0.1rem 0.1rem 0.7rem 0.1rem #ddd;
    z-index: 8;
    border-top: 0.35rem solid #1b705d;
    padding: 2rem 3%;
    box-sizing: border-box;
}

.g-about dt {
    font-size: 1.2rem;
    font-weight: bold;
    color: #1b705d;
}

.g-about dt p {
    font-size: 1.1rem;
    line-height: 1.4rem;
    color: #797979;
    font-weight: normal;
    margin: 0.5rem 0 1rem;
    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;
}

.g-about dd a {
    display: block;
    width: 33.33%;
    float: left;
    border-right: 1px solid #d9d9d9;
    box-sizing: border-box;
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.g-about dd a:last-child {
    border: 0;
}

.g-about dd em {
    display: block;
    width: 2.4rem;
    height: 2.3rem;
    margin: 0 auto;
}

.g-about dd em img {
    display: block;
    width: 100%;
}

.g-about dd i {
    display: block;
    font-size: 0.6rem;
    color: #afafaf;
}




.mindex_service a {
    display: block;
    vertical-align: top;
    position: relative;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}

.mindex_service a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mindex_service h2 {
    font-size: 20px;
}

.mindex_service p {
    text-transform: uppercase;
}

.mindex_service img {
    width: 100%;
    vertical-align: top;
}

.msindextxt {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 6;
}







/**/

/**/

@media screen and (min-width:320px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 11.25px;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 11.7px;
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 13px;
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 17.5px;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 20px;
    }
}