﻿body
{
    font-family: "微软雅黑"!important;
    font: 14px Microsoft YaHei!important;
    line-height: 24px;
}
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img
{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑"!important;
}
li, ol
{
    list-style: none;
}
a, input, img, textarea
{
    border: none;
    outline: none;
}
i, em
{
    font-style: normal;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.tc
{
    text-align: center;
}
.tr
{
    text-align: right;
}
.tl
{
    text-align: left;
}
.db
{
    display: block;
}
.ma
{
    margin: 0 auto;
}
.pr
{
    position: relative;
}
.pa
{
    position: absolute;
}
.pf
{
    position: fixed;
}
.transition
{
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
a
{
    text-decoration: none!important;
    color: #333;
}
a:focus
{
    text-decoration: none;
}
a:hover, a:focus
{
    text-decoration: none!important;
}
.hide
{
    display: none;
}
.show
{
    display: block;
}
.modal a
{
    outline: none;
}
label
{
    font-weight: normal;
    width: 100%;
}
a:hover
{
    color: #17b38e;
}
a:focus
{
    outline: none;
    outline-offset: 0;
}
img
{
    vertical-align: middle;
}
.container
{
    margin: 0 auto;
}
.wow
{
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}
.wower
{
    animation-duration: .8s;
    -webkit-animation-duration: .8s;
}
.fx
{
    position: fixed!important;
}
div#quickbar-wrap
{
    position: relative;
}
.wrapper
{
    padding-top: 90px;
    position: relative;
    z-index: 9;
    margin-bottom: 350px;
}
.header
{
    width: 100%;
    height: 155px;
    position: fixed;
    z-index: 16;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    top: 0;
    left: 0;
}
.header .container
{
    position: relative;
}
.header_logo
{
    height: 100px;
}
.header_topnav
{
    position: absolute;
    right: 0;
    top: 0;
    width: 52%;
    height: 90px;
}
.header_topnav .topnav
{
    width: 60%;
    background: #68b833;
    height: 34px;
    margin-top: 28px;
    position: relative;
}
.header_topnav .topnav .navword
{
    width: 85%;
    height: 32px;
    margin: 1px 0 0 1px;
    padding-left: 5px;
}
.header_topnav .topnav .navsub
{
    width: 15%;
    position: absolute;
    right: 0;
    top: 0;
    background: #68b833;
    color: #fff;
    height: 34px;
}
.header_topnav .head_tell
{
    position: absolute;
    top: 0;
    right: 0;
    width: 227px;
    height: 90px;
    line-height: 90px;
    padding-left: 7px;
}
.header_topnav .head_tell div
{
    float: left;
}
.header_topnav .head_tell .tellimg
{
    width: 41px;
    height: 90px;
    line-height: 90px;
}
.header_topnav .head_tell .tellimg img
{
    width: 41px;
    height: 41px;
}
.header_topnav .head_tell .header_desc
{
    padding-left: 7px;
    padding-top: 25px;
}
.header_topnav .head_tell .header_desc dd
{
    font-size: 14px;
    color: #333;
    letter-spacing: 3px;
}
.header_topnav .head_tell .header_desc dt
{
    font-size: 22px;
    color: #17b38e;
    font-weight: 500;
    height: 34px;
    width: 165.2px;
    overflow: hidden;
}
.header_nav
{
    background: #f8f8f8;
}
.logo
{
    width: 300px;
    height: 90px;
    font-size: 0;
    overflow: hidden;
}
.logo a
{
    display: block;
    height: auto;
    overflow: hidden;
}
.logo i
{
    width: 300px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
}
.logo i img
{
    max-width: 100%;
    max-height: 100%;
}
.nav
{
    width: 100%;
}
.nav ul
{
    width: 100%;
}
.nav ul li
{
    font-size: 16px;
    position: relative;
    float: left;
    text-align: center;
}
.nav ul li a
{
    display: block;
    line-height: 54px;
    height: 54px;
    overflow: hidden;
    transition: 400ms;
    padding: 0 5px;
    position: relative;
}
.nav ul li a:hover, .nav ul li.cu a, .nav ul li.on a
{
    color: #17b38e;
}
.nav ul li a:hover:before, .nav ul li.cu a:before, .nav ul li.on a:before
{
    top: 0;
}
.nav ul li ul
{
    position: absolute;
    height: auto;
    overflow: hidden;
    background: #17b38e;
    padding: 8px 0;
    display: none;
}
.nav ul li ul li
{
    width: 100%;
    font-size: 14px;
}
.nav ul li ul li a, .nav ul li.cu ul li a, .nav ul li.on ul li a
{
    line-height: 32px;
    height: 32px;
    color: #97f2dc;
}
.nav ul li ul li a:before
{
    display: none;
}
.nav ul li ul.two li a:hover
{
    position: relative;
    color: #fff;
}
.nav ul li ul.two li a:hover::after
{
    content: "";
    border-right: 7px solid transparent;
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: 8px;
    top: 8px;
}
.nav_button
{
    cursor: pointer;
    width: 30px;
    height: 100%;
    background: url(../image/nav_button.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 15px;
    display: none;
}
button.smhead
{
    cursor: pointer;
    width: 30px;
    height: 100%;
    background: url(../image/search.png) center center no-repeat;
    background-size: 100%;
    border: none;
    outline: none;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 60px;
    display: none;
}
form.inpbtn_button
{
    display: none;
    width: 130%;
    height: 84px;
    background: #f5f5f5;
    position: absolute;
    left: 0;
    padding: 0 17%;
    margin-left: -15%;
}
form.inpbtn_button .navword
{
    width: 84%;
    height: 34px;
    margin-top: 24px;
    padding-left: 8px;
}
form.inpbtn_button .inphead
{
    width: 15%;
    height: 34px;
    background: #68b833;
    color: #fff;
}
#banner
{
    position: relative;
    margin-top: 65px;
}
.bannerban
{
    width: 100%;
}
.bannerban img
{
    width: 100%;
}
#banner .carousel-indicators
{
    bottom: .5%;
}
#banner .carousel-indicators li
{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 6px;
    position: relative;
}
.carousel-indicators li
{
    background: #888a8b;
    border: none;
    border-radius: 0;
}
.carousel-indicators .active
{
    background: #17b38e;
}
#banner .s-prev
{
    top: 50%;
    left: 5%;
    display: none;
    font-size: 100px;
    font-family: "幼圆";
    background: none;
    color: #fff;
}
#banner .s-next
{
    top: 50%;
    right: 5%!important;
    display: none;
    font-size: 100px;
    font-family: "幼圆";
    background: none;
    color: #fff;
}
#banner:hover .s-prev, #banner:hover .s-next
{
    display: block;
}
#model_banner .slick-dots li
{
    width: 22px;
    height: 21px;
}
#model_banner
{
    background: #fff;
}
.banner_img
{
    width: 100%;
}
.footer
{
    position: relative;
    z-index: 5;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.footernav
{
    background: #333238;
    color: #fff;
    display: flex;
    z-index: -1;
    width: 100%;
}
.footernav .container
{
    left: 50%;
}
.footernav .fonav
{
    padding: 59px 0 39px 0;
}
.footernav .fonavL .fonav_desc
{
    width: 24%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.footernav .fonavL .fonav_desc dd
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    height: 22px;
    overflow: hidden;
    padding-right: 9px;
}
.footernav .fonavL .fonav_desc dt
{
    font-weight: 500!important;
}
.footernav .fonavL .fonav_desc dt a
{
    font-size: 14px;
    color: #828186;
    line-height: 2.4;
    height: 33px;
    overflow: hidden;
    padding-right: 9px;
}
.footernav .fonavL .fonav_desc dt a:hover
{
    color: #fff;
}
.footernav .fonavR .fonav_text
{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.footernav .fonavR .fonav_text.textL
{
    width: 57%;
    text-align: left;
}
.footernav .fonavR .fonav_text.textL dd
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    height: 22px;
    overflow: hidden;
    padding-right: 9px;
}
.footernav .fonavR .fonav_text.textL dt
{
    font-weight: 500!important;
    font-size: 14px;
    color: #828186;
    line-height: 2.4;
    height: 33px;
    overflow: hidden;
    padding-right: 9px;
}
.footernav .fonavR .fonav_text.textR
{
    width: 42%;
}
.footernav .fonavR .fonav_text.textR .qr
{
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding-left: 20px;
}
.footernav .fonavR .fonav_text.textR .qr img
{
    width: 100%;
}
.footernav .fonavR .fonav_text.textR .qr dd
{
    font-size: 14px;
    color: #828186;
    text-align: center;
    line-height: 2.5;
}
.footlink
{
    padding-left: 20px;
}
#back_top2
{
    width: 260px;
    height: 32px;
}
#back_top2 .btn
{
    width: 260px;
    height: 32px;
    text-align: left;
    font-size: 14px;
    padding: 0 12px;
    background: #3e3d43;
    color: #828186;
    border: none;
    border-radius: 0;
}
#back_top2 .btn div
{
    float: left;
    overflow: hidden;
    line-height: 32px;
}
#back_top2 .btn span
{
    float: right;
    overflow: hidden;
    font-size: 22px;
}
#back_top2 .dropdown-menu
{
    width: 260px;
    border-radius: 0;
    background: #3e3d43;
    color: #828186;
    margin-bottom: 0;
    box-shadow: none;
    border: none;
}
#back_top2 .dropdown-menu li a
{
    color: #828186;
    background: #3e3d43;
    line-height: 1.8;
    padding: 3px 12px;
}
#back_top2 .dropdown-menu li a:hover
{
    color: #fff;
    background: #3b3a40;
}
.footcopy
{
    background: #28272c;
    color: #5a5861;
    text-align: center;
    display: flex;
    z-index: -1;
    width: 100%;
    height: auto;
    line-height: 24px;
    padding: 18px 0;
}
.footcopy span
{
    padding-left: 10px;
}
.footcopy span a
{
    color: #5a5861;
}
.footcopy span a:hover
{
    color: #fff;
}
.footcopy p
{
    display: inline-block;
    vertical-align: top;
}
.footcopy p a
{
    color: #5a5861;
}
.footcopy p a:hover
{
    color: #fff;
}
.bottom
{
    text-align: center;
    background: #333238;
    color: #5a5861;
    padding: 15px 0;
}
.bottom a
{
    color: #5a5861;
}
.bottom a:hover
{
    color: #fff;
}
.titlel
{
    position: relative;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    padding-left: 15px;
}
.titlel::before
{
    content: "";
    width: 4px;
    height: 10px;
    background: #68b833;
    position: absolute;
    top: 5px;
    left: 0;
}
.titlel::after
{
    content: "";
    width: 4px;
    height: 11px;
    background: #17b38e;
    position: absolute;
    top: 15px;
    left: 0;
}
.titlnav
{
    position: relative;
}
.titlnav a
{
    width: 90px;
    text-decoration: none;
    color: #808080;
    font-size: 14px;
    display: block;
    position: absolute;
    top: 38%;
    right: 0;
}
.titlnav a img
{
    padding-left: 10px;
}
.titlnav a:hover
{
    color: #17b38e;
}
.titlnav a span
{
    background: url(../image/more.jpg) center center no-repeat;
    padding-right: 23px;
    color: #fff;
}
.titlnav a:hover span
{
    color: #fff;
    background: url(../image/moredb.jpg) center center no-repeat;
}
.Proj
{
    padding-top: 65px;
    background: #fff;
    padding-bottom: 80px;
}
.Proj .lunbo
{
    margin-top: 30px;
    position: relative;
}
.Proj .lunbo .Porj_nav ul.slick-dots
{
    display: none!important;
}
.Proj .lunbo .Porj_nav button.slick-prev.slick-arrow.slick-disabled
{
    background: url(../image/index_slickl.jpg)center center no-repeat;
    width: 36px;
    height: 36px;
    border: none;
    padding-left: 30px;
    overflow: hidden;
    color: #bdcaec;
    outline: none;
    position: absolute;
    top: 50%;
    left: -70px;
}
.Proj .lunbo .Porj_nav button.slick-prev.slick-arrow
{
    background: url(../image/index_slickll.jpg)center center no-repeat;
    width: 36px;
    height: 36px;
    border: none;
    padding-left: 30px;
    overflow: hidden;
    color: #17b38e;
    outline: none;
    position: absolute;
    top: 50%;
    left: -70px;
}
.Proj .lunbo .Porj_nav button.slick-next.slick-arrow.slick-disabled
{
    background: url(../image/index_slickr.jpg)center center no-repeat;
    width: 36px;
    height: 36px;
    border: none;
    padding-left: 30px;
    overflow: hidden;
    color: #bdcaec;
    outline: none;
    position: absolute;
    top: 50%;
    right: -70px;
}
.Proj .lunbo .Porj_nav button.slick-next.slick-arrow
{
    background: url(../image/index_slickrr.jpg)center center no-repeat;
    width: 36px;
    height: 36px;
    border: none;
    padding-left: 30px;
    overflow: hidden;
    color: #17b38e;
    outline: none;
    position: absolute;
    top: 50%;
    right: -70px;
}
.Proj .lunbo .Porj_nav .porj_img:nth-child(4n-3) .porj_dec
{
    margin-right: 21px;
}
.Proj .lunbo .Porj_nav .porj_img:nth-child(4n-2) .porj_dec
{
    margin: 0 14px 0 7px;
}
.Proj .lunbo .Porj_nav .porj_img:nth-child(4n-1) .porj_dec
{
    margin: 0 7px 0 14px;
}
.Proj .lunbo .Porj_nav .porj_img:nth-child(4n) .porj_dec
{
    margin-left: 21px;
}
.Proj .lunbo .Porj_nav .porj_img a
{
    display: block;
    color: #fff;
    text-align: center;
}
.Proj .lunbo .Porj_nav .porj_img .porj_dec
{
    overflow: hidden;
    position: relative;
    z-index: 33;
}
.Proj .lunbo .Porj_nav .porj_img a img
{
    width: 100%;
    transition: 1s transform;
}
.Proj .lunbo .Porj_nav .porj_img a:hover img
{
    transform: scale(1.1,1.1);
    transition: 1s transform;
}
.Proj .lunbo .Porj_nav .porj_img a .porj_desc
{
    position: absolute;
    z-index: 34;
    width: 74.44%;
    height: 59.5%;
    background: rgba(0,0,0,.502);
    top: 22%;
    left: 13%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Proj .lunbo .Porj_nav .porj_img a .porj_desc .porj_cen
{
    width: 80%;
}
.Proj .lunbo .Porj_nav .porj_img a .porj_desc dd
{
    font-size: 18px;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.502);
    line-height: 2.5;
    height: 46px;
    overflow: hidden;
}
.Proj .lunbo .Porj_nav .porj_img a .porj_desc dt
{
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.502);
    line-height: 2.5;
    height: 36px;
    overflow: hidden;
}
.Proj .lunbo .Porj_nav .porj_img a:hover .porj_desc
{
    display: none;
}
.Proj .lunbo .Porj_nav .porj_img a .porj_text
{
    background: rgba(23,179,142,.8);
    position: absolute;
    z-index: 34;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 18px;
    padding: 8px 0;
    display: none;
    line-height: 28px;
    height: 40px;
    overflow: hidden;
}
.Proj .lunbo .Porj_nav .porj_img a:hover .porj_text
{
    display: block;
}
.Proj .lunbo .Porj_desc .porj_text
{
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-bottom: 20px;
}
.Proj .lunbo .Porj_desc .porj_text:nth-child(2n-1) .porj_img
{
    margin-right: 10px;
}
.Proj .lunbo .Porj_desc .porj_text:nth-child(2n) .porj_img
{
    margin-left: 10px;
}
.Proj .lunbo .Porj_desc .porj_text .porj_img
{
    overflow: hidden;
    position: relative;
    z-index: 15;
}
.Proj .lunbo .Porj_desc .porj_text a
{
    display: block;
    color: #fff;
    text-align: center;
}
.Proj .lunbo .Porj_desc .porj_text a img
{
    width: 100%;
    transition: 1s transform;
}
.Proj .lunbo .Porj_desc .porj_text a:hover img
{
    transform: scale(1.1,1.1);
    transition: 1s transform;
}
.Proj .lunbo .Porj_desc .porj_text .porj_img .text
{
    background: rgba(23,179,142,.8);
    position: absolute;
    z-index: 34;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    line-height: 2.5;
    height: 35px;
    overflow: hidden;
}
.About
{
    color: #fff;
    padding-bottom: 50px;
}
.About .Atitle
{
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 3;
    display: block;
    position: relative;
    margin-top: 30px;
}
.About .Atitle::before
{
    content: "";
    width: 20px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 42%;
}
.About .Atitle::after
{
    content: "";
    width: 20px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 42%;
}
.about_desc
{
    font-size: 16px;
    text-align: center;
    line-height: 2;
    padding: 0 136px;
    height: 64px;
    overflow: hidden;;
}
.countUp
{
    padding: 45px 165px;
}
.countUp .Acount
{
    display: inline-block;
    vertical-align: top;
    width: 24%;
    text-align: center;
}
.countUp .Acount i
{
    font-size: 48px;
    color: #fff;
    font-family: "Arial";
    font-weight: bold;
}
.countUp .Acount span
{
    font-size: 14px;
    font-weight: bold;
}
.countUp .Acount .text
{
    font-size: 14px;
    color: #ccc;
}
.About a
{
    display: block;
    width: 180px;
    height: 35px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 34px;
    padding: 0 20px;
    margin: 0 auto;
}
.About a span
{
    background: url(../image/moredd.png) center center no-repeat;
    color: unset;
    background-size: 9px 15px;
    padding: 7px;
    float: right;
    height: 34px;
}
.About a:hover
{
    color: #17b38e;
    border: 1px solid #17b38e;
}
.About a:hover span
{
    background: url(../image/moreddr.png)center center no-repeat;
}
.News
{
    background: #f5f5f7;
    padding: 50px 0 36px 0;
}
.News_data
{
    margin-top: 20px;
    overflow: hidden;
}
.News_data .news_infro
{
    float: left;;
    width: 33.2%;
}
.News_data .news_infro:nth-child(3n-2)
{
    padding-right: 20px;
}
.News_data .news_infro:nth-child(3n-1)
{
    padding: 0 10px;
}
.News_data .news_infro:nth-child(3n)
{
    padding-left: 20px;
}
.News_data .news_infro .news_img
{
    overflow: hidden;
    height: auto;
}
.News_data .news_infro a
{
    display: block;
    color: #333;
}
.News_data .news_infro a img
{
    width: 100%;
    transition: 1s transform;
}
.News_data .news_infro a:hover img
{
    transform: scale(1.1,1.1);
    transition: 1s transform;
}
.News_data .news_infro .news_desc
{
    background: #fff;
    padding: 0 15px;
}
.news_title
{
    font-size: 16px;
    color: #333;
    line-height: 2.5;
    height: 40px;
    overflow: hidden;
}
.news_text
{
    font-size: 14px;
    color: #808080;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
}
.news_time
{
    font-size: 14px;
    color: #808080;
    line-height: 3;
}
.News_data .news_infro a:hover .news_desc
{
    background: #17b38e;
}
.News_data .news_infro a:hover .news_title
{
    color: #fff;
}
.News_data .news_infro a:hover .news_text
{
    color: #97f2dc;
}
.News_data .news_infro a:hover .news_time
{
    color: #97f2dc;
}
.News_data .news_infro .news_des
{
    background: #fff;
    padding: 0 15px;
    margin-bottom: 24px;
}
.news_des .news_title
{
    font-size: 16px;
    color: #333;
    line-height: 2.5;
    height: 40px;
    overflow: hidden;
}
.news_des .news_text
{
    font-size: 14px;
    color: #808080;
    line-height: 1.5;
    height: 24px;
    overflow: hidden;
}
.news_des .news_time
{
    font-size: 14px;
    color: #808080;
    line-height: 3;
}
.News_data .news_infro a:hover .news_des
{
    background: #17b38e;
}
.News_data .news_infro a:hover .news_des .news_title
{
    color: #fff;
}
.News_data .news_infro a:hover .news_des .news_text
{
    color: #97f2dc;
}
.News_data .news_infro a:hover .news_des .news_time
{
    color: #97f2dc;
}
.Service
{
    background: #fff;
    overflow: hidden;
}
.Ser_data
{
    float: left;
    width: 25%;
    padding: 55px 30px 55px 0;
}
.Ser_data a
{
    display: block;
    color: #333;
    overflow: hidden;
}
.Ser_data .Ser_img
{
    width: 48px;
    height: 52px;
    float: left;
}
.Ser_data .Ser_img img
{
    width: 100%;
}
.Ser_data .Ser_desc
{
    float: right;
    width: 75.48%;
}
.Ser_data .Ser_desc dd
{
    font-size: 18px;
    font-weight: bold;
    height: 25px;
    overflow: hidden;
}
.Ser_data .Ser_desc dt
{
    font-size: 14px;
    color: #808080;
    line-height: 3;
    font-weight: 500;
    height: 42px;
    overflow: hidden;
}
.Ser_data a:hover .Ser_desc dd
{
    color: #17b38e;
}
.Pic
{
    position: relative;
    background: #fff;
}
.Pic::before
{
    content: "";
    width: 15%;
    height: 100%;
    background: #f5f5f5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.Pic .container .row
{
    position: relative;
    z-index: 2;
    margin: 0;
}
.Pic .moder_leftright_r
{
    width: 79.167%;
    float: right;
    padding-bottom: 25px;
    padding-left: 4.27%;
    background: #fff;
    position: relative;
    z-index: 1;
}
.Pic .moder_leftright_r .r_posnav
{
    width: 100%;
    height: 44px;
    line-height: 44px;
    margin: 23px 0;
}
.Pic .moder_leftright_r .r_posnav p
{
    width: auto;
    height: 40px;
    border-bottom: 4px solid #17b38e;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    display: inline-block;
}
.Pic .moder_leftright_r .r_posnav span
{
    float: right;
    color: #808080;
    font-size: 14px;
}
.Pic .moder_leftright_r .r_posnav span a
{
    text-decoration: none;
    color: #808080;
    margin: 0 5px 0 0;
}
.Pic .moder_leftright_r .r_posnav span a:hover
{
    color: #17b38e;
}
.Pic .adr_top
{
    width: 100%;
    padding: 0 17px;
    position: relative;
}
.Pic .adr_top .adrrr
{
    background-color: #17b38e;
    height: 40px;
    padding-right: 20px;
}
.Pic .adr_top p.posnav
{
    position: relative;
    padding-left: 20px;
    line-height: 40px;
}
.Pic .adr_top p.posnav i
{
    font-size: 16px;
    color: #fff;
}
.Pic .adr_top .navmore.moreab
{
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: 4px;
    float: right;
    padding: 8px 0;
    width: 50px;
}
.Pic .adr_top .adress
{
    font-size: 14px;
    color: #ccc;
}
.Pic .adr_top .adress a
{
    color: #ccc;
}
.Pic .adr_top .adress a:hover
{
    color: #ffe401;
}
.Pic .adr_top .fenlei
{
    color: #fff;
    font-size: 16px;
    float: left;
    margin-right: 5px;
}
.Pic .adr_top .navmore .up, .compile .adr_top .more_h .down
{
    display: none;
}
.Pic .adr_top .more_h .up
{
    display: block;
}
.Pic .compile
{
    width: 20.833%;
    float: left;
    background: #f5f5f5;
}
.Pic .comr
{
    padding: 0;
    width: 100%;
}
.Pic .comr .com_title
{
    height: 70px;
    background-color: #17b38e;
    text-align: center;
    line-height: 70px;
}
.Pic .comr .com_title::before
{
    content: "";
    width: 250px;
    height: 1px;
    position: absolute;
    top: 78px;
    left: 0;
    background: #e6e6e6;
}
.Pic .comr .com_title i
{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.Pic .comr .com_title dd
{
    color: rgba(255,255,255,.502);
    font-size: 14px;
}
.mainav_l
{
    padding-top: 10px;
    padding-bottom: 30px;
}
.mainav_l .ce
{
    width: 100%;
    display: block;
}
.mainav_l .ce li
{
    width: 100%;
    border-bottom: 1px solid #eee9e9;
}
.mainav_l .ce li a
{
    display: block;
    padding: 0 20px;
    height: 55px;
    overflow: hidden;
    font-size: 16px;
    line-height: 60px;
    text-decoration: none;
    position: relative;
}
.mainav_l .ce li a:hover, .mainav_l .ce li a.xz, .mainav_l .ce li a.sen_x
{
    color: #000!important;
    font-weight: bold;
    background: #fff;
}
.mainav_l .ce li a:hover .mainav_l .ce li a.di::before
{
    background-color: #3dc5cc;
}
.clear
{
    clear: both;
}
.mainav_l .ce li ul.er
{
    display: none;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.mainav_l .ce ul.er li
{
    width: 100%;
    margin: 0;
    border-bottom: none;
}
.mainav_l .ce ul.er li a
{
    overflow: hidden;
    padding-left: 40px;
    position: relative;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    text-decoration: none;
    color: #808080;
}
.mainav_l .ce ul.er .e_li .thr
{
    display: none;
}
.mainav_l .ce ul.er .e_li .thr li a
{
    padding-left: 54px;
    height: 48px;
    display: block;
    overflow: hidden;
    text-decoration: none;
}
.mainav_l .ce ul.er .e_li .thr li a:hover
{
    color: #000;
}
.mainav_l .ce ul.er .e_li .thr li a:hover span
{
    padding: 4px 0;
}
.mainav_l .ce li a .ericon
{
    padding-left: 10px;
    float: right;
    display: block;
    font-size: 26px;
    position: relative;
    z-index: 3;
    color: #ccc;
    line-height: 55px;
}
.mainav_l .ce li a .ericon .icon2
{
    display: block;
}
.mainav_l .ce .xz .ericon .icon1, .mainav_l .ce .sen_x .ericon .icon1
{
    display: block;
    color: #3dc5cc;
    display: none;
}
.mainav_l .ce li a .ericon .icon1 img
{
    width: 14px;
    height: 16px;
    padding-left: 5px;
}
.mainav_l .ce li a .ericon .icon2 img
{
    width: 18px;
}
.mainav_l .ce ul.er
{
    background: #fff;
}
.mainav_l .ce ul.er li a .ericon
{
    line-height: 43px;
}
.mainav_l .ce ul.er .e_li a.sen_x
{
    position: relative;
}
.mainav_l .ce ul.er .e_li a.sen_x::before
{
    content: "";
    width: 4px;
    height: 10px;
    background: #17b38e;
    position: absolute;
    top: 18px;
    left: 22px;
}
.PicList
{
    background: #fff;
}
.comr .mainav_l .ce li a.transition i.transition
{
    width: 12px;
    height: 55px;
    float: right;
    background: url(../image/icon6.png)center no-repeat;
}
.comr .mainav_l .ce li a.xz i
{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.comr .mainav_l .ce li a.sen_x i
{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
#model_banner .slick-dots li.slick-active button, .model-textlist-four ul li a:hover
{
    background: #17b38e!important;
}
#model_banner .slick-dots li button
{
    background: #fff;
}
.model-textlist-four ul li a
{
    text-decoration: none;
}
.model-textlist-four ul li a:hover .textlist-r dd, .model-textlist-four ul li a:hover .textlist-r dt
{
    color: #fff!important;
}
.model-textlist-four ul li .textlist-r dd
{
    color: #666;
}
.model-textlist-four ul li a:hover .newtime
{
    padding-right: 8px!important;
}
.model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover
{
    background-color: #17b38e;
    border: 1px solid #17b38e;
}
.model-textlist-one ul li:hover
{
    border-bottom: 1px solid #17b38e;
}
.model-textlist-one ul li:hover dt, .model-textlist-two ul li a:hover .textlist-l dt, .model-textlist-three ul li a:hover, .model-textlist-three ul li a:hover dt
{
    color: #17b38e;
}
.model-textlist-two ul li a:hover .textlist-l p
{
    color: #17b38e;
}
.model-textlist-two ul li a:hover .newtime, .model-textlist-three ul li a:before
{
    background-color: #17b38e;
}
.model-imgtextlist-two ul li a:hover .imgtextlist-r dt, .model-imgtextlist-one ul li a:hover .imgtextlist-l dt, .model-imgtextlist-three ul li a:hover .imgtextlist-r dt
{
    color: #17b38e;
}
.model-imglist-two ul li a:hover p
{
    background: #17b38e;
    color: #fff!important;
}
.model-imgtextlist-three ul li .imgtextlist-r .time p
{
    color: #17b38e;
}
.model-imgtextlist-four ul li a:hover .imgtextlist-text
{
    background: #17b38e;
}
.model-imgtextlist-four ul li a:hover .imgtextlist-text dd
{
    color: #fff;
}
.model-imgtextlist-four ul li a:hover .imgtextlist-text p
{
    color: #fff;
}
.model-imglist ul li:hover p
{
    color: #17b38e;
    font-weight: bold;
}
.model-imglist-two ul li .pimg em span
{
    background-color: #17b38e;
}
.model-imglist-three ul li a:hover
{
    border: 2px solid #17b38e;
}
.model-imglist-three ul li a:hover p
{
    color: #17b38e;
    background: url(../image/icon6.png) right center no-repeat;
}
.model-result-two ul li a:hover
{
    color: #17b38e;
}
.model-result-two ul li a
{
    padding-left: 20px;
    position: relative;
}
.model-result-two ul li a::before
{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #333;
    position: absolute;
    top: 42%;
    left: 0;
}
.model-result-two ul li a:hover::before
{
    background: #17b38e;
}
.model-dectil-bottom .model-dectil-chose a:hover, #model_contant_main .model_dec_adress a:hover
{
    color: #17b38e;
}
.model-fixed
{
    background: #17b38e!important;
    z-index: 41!important;
}
.model-classify
{
    width: 98%;
    margin: 0 auto;
}
.model-classify .model-classify-posnav
{
    background: #17b38e;
}
.model-classify-nav .one .o_li a.ez
{
    color: #17b38e;
}
.model-classify-nav .one .o_li a.one_a:hover
{
    color: #17b38e;
}
.model-classify-nav .second a.sen_x, .model-classify-nav .third li a:hover
{
    color: #17b38e;
}
.model-classify-nav .second a.sen_x:before
{
    background: #17b38e;
}
.model-classify-nav .one .o_li .one_a i
{
    background: url(../image/icon6.png)center no-repeat;
}
.model-classify-nav .one .o_li a.ez i
{
    background: url(../image/icon6.png)center no-repeat;
}
.Porj_nav .slick-next:before, .Porj_nav .slick-prev:before
{
    display: none;
}
.model-leftnav-main .nnav .yiji.xz a.ce
{
    color: #17b38e;
}
.model-leftnav-main .nnav li a.ce:hover, .model-leftnav-main .nnav li a.er:hover
{
    color: #17b38e;
}
.model-dectil-img .slick-dots li.slick-active button
{
    background: #17b38e;
}
.model-dectil-img .slick-dots li button
{
    border: 1px solid #17b38e;
}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover
{
    border-bottom: 1px solid #17b38e;
}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-disabled:hover
{
    display: block!important;
}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover
{
    border-top: 1px solid #17b38e;
}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before
{
    border-bottom: 12px solid #17b38e;
}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before
{
    border-top: 12px solid #17b38e;
}
.model_page
{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding: 30px 0;
}
.model_page a
{
    text-decoration: none;
    padding: 5px 13px;
    margin: 0 5px;
    border: 1px solid #e6e6e6;
}
.model_page a.current
{
    color: #fff;
    border: 1px solid #17b38e;
    background: #17b38e;
}
.model_page a.on, .model_page a:hover
{
    color: #fff;
    border: 1px solid #17b38e;
    background: #17b38e;
}
.model-phone-page
{
    width: 100%;
    height: auto;
    text-align: center;
    margin: 14px 0;
}
.model-phone-page a
{
    display: inline-block;
    padding: 4px 2%;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    margin: 0 .5%;
    text-decoration: none;
}
.model-phone-page a:hover
{
    color: #17b38e;
    border: 1px solid #17b38e;
}
.model-phone-page span i
{
    color: #17b38e;
}
.model-dectil-text img
{
    max-width: 100%;
}
.model-imglist.model-page.imglist-page img
{
    max-width: 100%;
}
@media(min-width: 1600px)
{
    .container
    {
        width: 1366px!important;
        padding: 0!important;
    }
}
@media(min-width: 1399px) and (max-width: 1550px)
{
    .Proj .lunbo .Porj_nav button.slick-prev.slick-arrow.slick-disabled
    {
        left: -38px;
    }
    .Proj .lunbo .Porj_nav button.slick-prev.slick-arrow
    {
        left: -38px;
    }
    .Proj .lunbo .Porj_nav button.slick-next.slick-arrow.slick-disabled
    {
        right: -38px;
    }
    .Proj .lunbo .Porj_nav button.slick-next.slick-arrow
    {
        right: -38px;
    }
}
@media(min-width: 1200px) and (max-width: 1599px)
{
    .header_topnav
    {
        width: 57%;
    }
    #back_top2 .btn
    {
        width: 220px;
    }
    #back_top2 .dropdown-menu
    {
        width: 220px;
    }
    .news_des .news_title
    {
        line-height: 2;
        height: 30px;
    }
    .news_des .news_time
    {
        line-height: 2.8;
    }
    .News_data .news_infro .news_img
    {
        height: 203px;
    }
}
@media(min-width: 1200px) and (max-width: 1399px)
{
    .Proj .lunbo .Porj_nav button.slick-prev.slick-arrow.slick-disabled
    {
        left: -38px;
    }
    .Proj .lunbo .Porj_nav button.slick-prev.slick-arrow
    {
        left: -38px;
    }
    .Proj .lunbo .Porj_nav button.slick-next.slick-arrow.slick-disabled
    {
        right: -38px;
    }
    .Proj .lunbo .Porj_nav button.slick-next.slick-arrow
    {
        right: -38px;
    }
}
@media(min-width: 991px) and (max-width: 1199px)
{
    .header_topnav
    {
        width: 65%;
    }
    .footernav .fonavR .fonav_text.textL
    {
        width: 55%;
    }
    .footernav .fonavR .fonav_text.textR
    {
        width: 44%;
    }
    #back_top2 .btn
    {
        width: 186px;
    }
    #back_top2 .dropdown-menu
    {
        width: 186px;
    }
    .Proj .lunbo .Porj_nav button.slick-prev.slick-arrow.slick-disabled
    {
        left: -38px;
    }
    .Proj .lunbo .Porj_nav button.slick-prev.slick-arrow
    {
        left: -38px;
    }
    .Proj .lunbo .Porj_nav button.slick-next.slick-arrow.slick-disabled
    {
        right: -38px;
    }
    .Proj .lunbo .Porj_nav button.slick-next.slick-arrow
    {
        right: -38px;
    }
    .About .Atitle::before
    {
        left: 39%;
    }
    .About .Atitle::after
    {
        right: 39%;
    }
    .about_desc
    {
        padding: 0 100px;
    }
    .countUp
    {
        padding: 45px 120px;
    }
    .News_data .news_infro .news_des
    {
        margin-bottom: 22px;
    }
    .news_des .news_title
    {
        line-height: 2;
        height: 30px;
    }
    .news_des .news_time
    {
        line-height: 2;
    }
    .News_data .news_infro .news_img
    {
        height: 166px;
    }
}
@media(max-width: 991px)
{
    #banner
    {
        margin-top: 0;
    }
    .wrapper
    {
        padding-top: 0;
        margin-bottom: 0!important;
    }
    .nav_button, .inpbtn_button, button.smhead
    {
        display: block;
        height: 60px;
    }
    .nav, .header_topnav
    {
        display: none;
    }
    .logo i
    {
        height: 55px;
        padding-top: 5px;
    }
    .header, .header_logo, .logo
    {
        height: 60px;
        position: relative;
    }
    .footer
    {
        display: none!important;
    }
    .Proj .lunbo .Porj_nav button.slick-prev.slick-arrow.slick-disabled
    {
        left: -38px;
    }
    .Proj .lunbo .Porj_nav button.slick-prev.slick-arrow
    {
        left: -25px;
    }
    .Proj .lunbo .Porj_nav button.slick-next.slick-arrow.slick-disabled
    {
        right: -25px;
    }
    .Proj .lunbo .Porj_nav button.slick-next.slick-arrow
    {
        right: -25px;
    }
    .About .Atitle::before
    {
        left: 36%;
    }
    .About .Atitle::after
    {
        right: 36%;
    }
    .about_desc
    {
        padding: 0;
    }
    .countUp
    {
        padding: 45px 65px;
    }
    #back_top2 .dropdown-menu
    {
        width: 220px;
    }
    .News_data .news_infro:first-child
    {
        display: none!important;
    }
    .News_data .news_infro
    {
        width: 50%;
    }
    .news_des .news_title
    {
        line-height: 2;
        height: 30px;
    }
    .news_des .news_time
    {
        line-height: 2.5;
    }
    .News_data .news_infro .news_img
    {
        height: 192px;
    }
    .Ser_data
    {
        width: 50%;
    }
}
@media(max-width: 767px)
{
    #quickbar-wrap
    {
        min-width: 320px!important;
    }
    .Proj
    {
        padding-top: 25px;
        padding-bottom: 30px;
    }
    .About .Atitle
    {
        font-size: 24px;
    }
    .about_desc
    {
        height: 115px;
        font-size: 14px;
    }
    .About .Atitle::before
    {
        left: 35%;
    }
    .About .Atitle::after
    {
        right: 35%;
    }
    .countUp
    {
        padding: 40px 0;
    }
    .countUp .Acount i
    {
        font-size: 24px;
    }
    .countUp .Acount .text
    {
        font-size: 12px;
    }
    .News
    {
        padding: 30px 0 0 0;
    }
    .News_data .news_infro
    {
        width: 100%;
        margin-bottom: 24px;
    }
    .News_data .news_infro:nth-child(3n-2)
    {
        padding-right: 0;
    }
    .News_data .news_infro:nth-child(3n-1)
    {
        padding: 0;
    }
    .News_data .news_infro:nth-child(3n)
    {
        padding-left: 0;
    }
    .news_des .news_text
    {
        height: 45px;
    }
    .News_data .news_infro .news_img
    {
        height: auto;
    }
    .Service
    {
        padding-bottom: 50px;
    }
    .Ser_data
    {
        padding: 55px 30px 0 0;
    }
    .Ser_data .Ser_img
    {
        float: unset;
        margin: 0 auto;
    }
    .Ser_data .Ser_desc
    {
        float: unset;
        text-align: center;
        width: 100%;
        margin-top: 15px;
    }
    .Ser_data .Ser_desc dt
    {
        line-height: 2;
        height: 35px;
    }
    .Pic .compile
    {
        width: 100%;
        margin-top: 20px;
    }
    .Pic .moder_leftright_r
    {
        width: 100%;
        padding: 0 12px!important;
    }
    .mainav_l
    {
        display: none;
        padding: 0 17px;
    }
    .mainav_l .ce li a, .mainav_l .ce ul.er li a, .mainav_l .ce ul.er .e_li .thr li a
    {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .mainav_l .ce li a .ericon, .mainav_l .ce ul.er li a .ericon
    {
        line-height: 40px;
    }
    .model-imgtextlist
    {
        padding: 10px 0 0 0;
    }
    .model-imgtextlist-four ul li a:hover .imgtextlist-text p
    {
        color: #fff!important;
    }
    .model-imgtextlist-four ul li a:hover .imgtextlist-text dt
    {
        color: #fff!important;
    }
    .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev
    {
        border-right: 1px solid #17b38e;
    }
    .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:after
    {
        border-right: 7px solid #17b38e;
    }
    .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-arrow.slick-disabled
    {
        display: block!important;
    }
    .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next
    {
        border-left: 1px solid #17b38e;
    }
    .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:after
    {
        border-left: 7px solid #17b38e;
    }
    .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover
    {
        border-top: none!important;
    }
}
@media(max-width: 550px)
{
    .About .Atitle::before
    {
        left: 30%;
    }
    .About .Atitle::after
    {
        right: 30%;
    }
}
@media(max-width: 465px)
{
    form.inpbtn_button .navword
    {
        width: 83%;
    }
}
@media(max-width: 414px)
{
    .Proj .lunbo .Porj_desc .porj_text:nth-child(2n-1) .porj_img
    {
        margin-right: 8px;
    }
    .Proj .lunbo .Porj_desc .porj_text:nth-child(2n) .porj_img
    {
        margin-left: 8px;
    }
    .countUp .Acount
    {
        width: 23%;
    }
    .countUp .Acount i
    {
        font-size: 18px;
    }
    .About .Atitle::before
    {
        left: 26%;
    }
    .About .Atitle::after
    {
        right: 26%;
    }
}
@media(max-width: 375px)
{
    .Proj .lunbo .Porj_desc .porj_text:nth-child(2n-1) .porj_img
    {
        margin-right: 7px;
    }
    .Proj .lunbo .Porj_desc .porj_text:nth-child(2n) .porj_img
    {
        margin-left: 7px;
    }
    .About .Atitle::before
    {
        left: 20%;
    }
    .About .Atitle::after
    {
        right: 20%;
    }
}
@media(max-width: 320px)
{
    .Proj .lunbo .Porj_desc .porj_text:nth-child(2n-1) .porj_img
    {
        margin-right: 6px;
    }
    .Proj .lunbo .Porj_desc .porj_text:nth-child(2n) .porj_img
    {
        margin-left: 6px;
    }
}
.quickbar_nav_one
{
    top: 44%!important;
}