@media (min-width: 1921px) {
    body {
        max-width: 1950px;
        margin: 0 auto;
        padding: 0 15px;
        background: #fff
    }

    html {
        background: url(../images/bg_1920.png) repeat-y center top
    }
}

.waponly {
    display: none
}

.wow {
    visibility: hidden;
}

.fullcarousel .carousel-caption {
    top: 70px;
    left: 50%;
    width: 1160px;
    max-height: 350px;
    margin-left: 0;
    margin-left: -580px;
    text-align: center
}

.fullcarousel1 i {
    font-size: 30px;
    font-style: normal;
    line-height: 60px;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #fff;
    border-radius: 500px;
    background: rgba(255, 255, 255, .39);
    box-shadow: none
}

.fullcarousel .right.carousel-control {
    background: transparent
}

.fullcarousel .carousel-control {
    width: 60px;
    background: transparent
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    left: 0;
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    margin-top: -40px
}

.carousel-control .fa:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    content: '';
    background: transparent url(../images/bgs.png) no-repeat 20px -893px
}

.carousel-control .fa.icon-next:before {
    background-position: -769px -893px
}

.fullcarousel .item > img {
    visibility: hidden;
    width: auto;
    max-width: none;
    height: auto
}

.fullcarousel .carousel-caption * {
    color: #fff
}

.fullcarousel .carousel-caption .animated0 {
    -webkit-animation-duration: 1.3s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    animation-duration: 1.3s;
    opacity: 0;
    text-shadow: none;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fullcarousel .carousel-caption .animated1 {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    opacity: 0;
    text-shadow: none;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fullcarousel .carousel-caption .animated2 {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    opacity: 0;
    text-shadow: none;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fullcarousel .carousel-caption .animated3 {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    opacity: 0;
    text-shadow: none;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.caption-animate .item h3 {
    font-size: 65px;
    font-weight: 400;
    animation-delay: 1s;
    color: #444
}

.caption-animate .item .d1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    margin: 30px 0 50px;
    animation-delay: 1.4s;
    text-align: left;
    text-transform: uppercase
}

.caption-animate .item .d1 p {
    text-shadow: none
}

.caption-animate .item .d1 p:nth-child(1) {
    font-weight: 100;
    color: rgba(255, 255, 255, .5)
}

.caption-animate .item .d1 p:nth-child(3) {
    font-weight: 100
}

.caption-animate .item .p2 {
    font-weight: 400;
    width: 88px;
    width: 56px;
    height: 56px;
    animation-duration: 1.8s;
    animation-delay: 2s;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%
}

.caption-animate .item .p2 img {
    margin-top: 12px
}

.carousel-inner > .item img {
    visibility: hidden;
    min-width: 1920px
}

.fullcarousel .right.carousel-control {
    background: transparent url(../images/ar_right.png) no-repeat center 43%/50px
}

.fullcarousel .carousel-control {
    width: 140px;
    transition: all .3s;
    opacity: .4;
    background: transparent url(../images/ar_left.png) no-repeat center 43%/50px
}

.carousel-control:focus {
    opacity: .7
}

.carousel-control:hover {
    opacity: 1
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    left: 0;
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    margin-top: -40px
}

.carousel-control .fa:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    content: '';
    background: transparent url(../images/bgs.png) no-repeat 20px -893px
}

.carousel-control .fa.icon-next:before {
    background-position: -769px -893px
}

.carousel-indicators li {
    width: 14px;
    width: 35px;
    height: 14px;
    height: 4px;
    margin: 0 5px;
    transition: all .3s;
    border-color: transparent;
    background: #fff
}

.carousel-indicators {
    bottom: 30px
}

.carousel-indicators .active {
    width: 35px;
    height: 4px;
    margin: 0 5px;
    background: rgb(38, 129, 196)
}

.i_ttl {
    position: relative;
    max-height: 131px;
    margin-bottom: 50px;
    text-align: center
}

.h2_sct_ttl {
    font-family: Microsoft YaHei UI;
    font-size: 36px;
    font-weight: 400;
    line-height: 36px;
    position: relative;
    display: inline-block;
    color: #333
}

.h2_sct_ttl:before {
    position: absolute;
    bottom: calc(-100% + 13px);
    left: -5%;
    display: block;
    width: 110%;
    height: 2px;
    content: '';
    background: linear-gradient(-90deg, #01b34d, #0EA76A)
}

.h2_sct_ttl + p {
    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    width: 560px;
    margin: auto;
    padding: 30px 0;
    text-align: center;
    color: #666
}

.i_ttl2 {
    position: relative;
    height: 105px
}

.i_ttl2 .h2_sct_ttl {
    position: absolute;
    z-index: 99;
    top: 35px;
    left: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    text-indent: 0
}

.i_ttl2 .h2_sct_ttl + p {
    font-family: Microsoft YaHei;
    font-size: 74px;
    font-weight: 400;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    color: rgba(227, 227, 227, 1)
}

.white .h2_sct_ttl {
    color: #fff
}

.white .h2_sct_ttl:before, .white .h2_sct_ttl:after {
    background: url(../images/bg3.png) no-repeat 2px -159px
}

.white .h2_sct_ttl:after {
    background-position: right -159px
}

.white .fbt {
    color: #fff
}

.i_ttl_r {
    text-align: left
}

.i_ttl_r .h2_sct_ttl {
    padding-left: 0
}

.i_ttl_r .h2_sct_ttl:before {
    display: none
}

#sycplb {
    width: 100%;
    height: 600PX;
    margin: 0;
    padding: 0;
    border: none
}

.product3d {
    clear: both;
    width: 1240px;
    margin: 0 auto
}

#carousel1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 930px;
    margin: 0 auto;
    padding: 0
}

#carousel1 .item h3 {
    margin: 0;
    padding: 15px 10px 0;
    text-align: center
}

#carousel1 .item h3 a {
    font: 400 21px/1 'microsoft yahei';
    color: #333
}

#carousel1 .item h3 a:hover {
    color: yellow
}

#carousel1 .item h4 {
    font: 400 22px/1 'microsoft yahei';
    display: none;
    margin: 0;
    padding: 10px 10px 15px;
    text-align: center;
    background: #f3f3f3
}

#carousel1 .item.active h3 {
    color: #fff;
    background: transparent
}

#carousel1 .item.active h3 a {
    font: 400 20px/30px 'microsoft yahei';
    color: #fff
}

#carousel1 .item.active h4 {
    font-size: 14px;
    display: block;
    color: #fff;
    background: #0181d8
}

#carousel1 .item a:hover {
    color: #000
}

#carousel1 .item {
    position: absolute;
    position: relative;
    display: block;
    width: 300px;
    height: 350px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.6);
    background: #f3f3f3
}

#carousel1 .item:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    transition: all .6s;
    opacity: 0;
    background: linear-gradient(-90deg, #01b34d, #03aa5f, #0EA76A)
}

#carousel1 .item.active:before {
    opacity: 1
}

#carousel1 .item .img {
    position: relative;
    z-index: 1;
    padding: 10px
}

#carousel1 .item img {
    width: 100%;
    height: 100%
}

#carousel1 .item.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    border: none
}

#carousel1 .item.transition {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.product3d .controls {
    position: absolute;
    z-index: 999;
    top: 260px;
    left: 50%;
    width: 1300px;
    margin-left: -650px
}

.product3d .controls a {
    font-family: simsun;
    font-size: 48px;
    font-weight: bold;
    display: block;
    color: #333
}

.product3d .controls a:hover {
    color: #0EA76A
}

.product3d .controls .previous {
    float: left
}

.product3d .controls .next {
    float: right
}

#footer {
    background: #EEEEEE;
    padding: 65px 0 0;
}

#footer .row1 .citys {
    margin-bottom: 20px;
}

#footer .item.li_contact {
    padding-bottom: 30px;
    /* background: urL(../images/lct.png) no-repeat 8px bottom; */
    padding-top: 10px;
    /* width: 430px; */
}

#footer .row1 .citys a {
    font-size: 16px;
    margin-right: 15px;
}

#footer .row1 .citys a.active {
    color: #0EA76A;
}

#footer .row1 .addresses {
    color: #7B7B7B;
    font-size: 16px;
    line-height: 1.8;
}

#footer .row1 .con .s2 br+br, #footer .row1 .con .s2 br+br+br {
    display: none;
    content: none;
    line-height: 0;
    height: 0px;
    overflow: hidden;
}

#footer .row1 .con2 {
    height: 150px;
    border: 1px solid #DCDCDC;
    border-top: none;
    border-bottom: none;
    padding: 8px 0;
}

#footer .row1 .con .s1 {
    display: block;
    font-size: 22px;
    color: #333333;
    margin-bottom: 10px;
}

#footer .row1 .con .s2 {
    color: #7B7B7B;
    font-size: 17px;
}

#footer .row1 .con .zixun {
    display: block;
    width: 130px;
    height: 45px;
    background: #0EA76A;
    margin: 20px auto 0;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
}

#footer .row1 .con .s2 a {
    /* font-weight: bold; */
    color: #333;
}

#footer .row1 .con .qr {
    text-align: center;
    margin-left: 10px;
    padding: 10px;
    background: #fff;
}

#footer .row1 .con .qr i {
    color: #666;
    font-style: normal;
}

#footer .row1 .con .qr img {
    display: block;
    margin-bottom: 6px;
    width: 130px;
}

#footer .row3 {
    padding: 32px 0;
}

#footer .fnav a {
    margin-right: 20px;
}

#footer a:hover {
    color: #0EA76A;
}

#footer .row2 {
    margin: 55px auto 0;
    border: 1px solid #DCDCDC;
    border-left: none;
    border-right: none;
    padding: 32px 0;
}

#footer .links {
    padding-left: 80px;
    line-height: 2;
    position: relative;
}

#footer .links .s1 {
    position: absolute;
    left: 10px;
}

#footer .links a {
    margin-right: 20px;
    display: inline-block;
    color: #7B7B7B;
}

#footer .links a:hover {
    color: #0EA76A;
}

#footer .item {
    width: 33%;
    float: left;
}

#footer .item2 {
    /* width: 500px; */
}

#footer .item3 {
    float: right;
}

#crumbs {
    height: 60px;
    border-bottom: 1px solid #eaeaea;
    background: #fff
}

#location > * {
    line-height: 60px
}

#location {
    height: 60px;
    padding-left: 20px;
    background: url(../images/bg_lct.png) no-repeat left
}

#location * {
    font-size: 14px;
    font-weight: 400;
    color: #666
}

#location a:hover, #location a:last-of-type {
    font-weight: bold;
    color: #0EA76A
}

.ban img {
    visibility: hidden;
    width: 100%;
    min-width: 1920px;
    max-width: none
}

#pageban .ban {
    position: relative;
    min-height: 450px
}

.body_product #pageban .ban h2, .body_product #pageban .ban h4 {
    /* margin-left: -332px */
}

#pageban * {
    text-align: center
}

#pageban img {
    visibility: hidden;
    width: 100%;
    min-width: 1920px;
    max-width: none
}

#pageban h4 img {
    visibility: visible;
    width: auto;
    min-width: 1px
}

#pageban .sname {
    font-family: Microsoft YaHei UI;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    z-index: 4;
    top: 24%;
    right: 0;
    display: inline-block;
    width: fit-content;
    width: 100%;
    text-align: center;
    white-space: normal;
    letter-spacing: 7px;
    text-transform: uppercase;
    word-break: break-word;
    color: #fff
}

#pageban h2 {
    font-size: 50px;
    font-weight: 400;
    font-weight: 400;
    position: absolute;
    top: calc(50% - 90px);
    left: 0;
    width: 100%;
    margin-left: auto;
    text-align: center;
    letter-spacing: 4px;
    color: #fff;
    text-shadow: 0px 2px 6px rgba(28, 28, 28, 0.2);
}

#pageban h4 {
    font-family: SourceHanSansSC;
    font-size: 26px;
    font-weight: 100;
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    left: 0;
    width: 100%;
    width: 100%;
    padding: 0;
    text-align: center;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    color: #fff;
    text-shadow: 0px 2px 6px rgba(28, 28, 28, 0.2);
}

#pageban h4 .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 11px 2px 10px;
    vertical-align: middle;
    border-radius: 100px;
    background: #b41017
}

.body_1 .lrline:before {
    position: relative;
    top: -14px;
    left: -30px;
    display: inline-block;
    width: 35px;
    height: 3px;
    content: '';
    background: #d3d0cc
}

.body_1 .lrline:after {
    position: relative;
    top: -14px;
    right: -30px;
    display: inline-block;
    width: 35px;
    height: 3px;
    content: '';
    background: #d3d0cc
}

#submenu {
    margin: 0 0;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #E6E6E6;
}

.body_search div#submenu {
    display: none
}

#submenu .box > a {
    display: none
}

#submenu ul {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 40px;
    justify-content: center
}

#submenu ul li {
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: center;
}

#submenu ul li:after {
    position: absolute;
    top: 30px;
    right: 0;
    display: block;
    width: 1px;
    height: 20px;
    background: #e6e6e6
}

#submenu ul li:last-child:after {
    display: none
}

#submenu ul li a {
    font-size: 18px;
    line-height: 80px;
    display: block;
    height: 80px;
    padding: 0 70px;
    transition: all .3s;
    text-align: center;
    text-indent: 0;
    color: #333;
    border-radius: 100px;
    border-radius: 0;
    /* background: #eee; */
}

#submenu ul li a i {
    position: relative;
    top: -2px;
    display: inline-block;
    display: none;
    margin-right: 10px;
    vertical-align: middle
}

#submenu ul li.on a, #submenu a:hover {
    color: #fff;
    /* border-color: #029bdf; */
    background: #029bdf;
    background: #0EA76A;
    /* box-shadow: 0 3px 22px 0 rgba(0, 0, 0, .17) */
}

.subtt {
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed
}

.subtt h1 {
    position: relative;
    display: inline-block
}

.subtt h1:after {
    position: absolute;
    bottom: -21px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background: #e9434b
}

video {
    object-fit: fill
}




#index_sct4 {}
#index_sct4 .item{}
#index_sct4 .newtitle{}





#pagelist {
    min-height: 80px;
    margin: 0 auto 50px;
    text-align: center;
    padding-top: 20px;
}

#pagelist.mt40 {
    margin-top: 40px
}

#pagelist .current {
    padding: 0 14px
}

#pagelist a:hover, #pagelist .current {
    color: #fff;
    border-color: #0EA76A;
    background-color: #0EA76A
}

#pagelist > span.pageinfo {
    display: none
}

#pagelist > span, #pagelist a {
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
    overflow: hidden;
    width: 46px;
    height: 40px;
    margin: 0 5px;
    padding: 0;
    transition: all .2s;
    text-align: center;
    color: #666;
    border-radius: 0;
    border: 1px solid #d7d7d8;
}

#pagelist .pagefirst, #pagelist .pageend {
    display: none
}

#pagelist .pageup, #pagelist .pagedown {
    width: auto;
    padding: 0 14px;
    background: url(../images/up.png) no-repeat center
}

#pagelist .pagedown {
    background: url(../images/down.png) no-repeat center
}

/*pages*/
.pagebar { margin-top: 0px; padding: 10px 0 40px }
.pagebar .pagination1 { display: flex; justify-content: center }
.pagebar .pagination1 li { min-width: 44px; height: 44px; line-height: 44px; margin: 0 6px }
.pagebar .pagination1 li a { display: block; width: 100%; height: 100%; text-align: center; color: rgba(170, 170, 170, 1); font-size: 16px; background-color: rgb(248, 249, 250); border-radius: 2px; box-sizing: border-box; text-decoration: none; transition: all .3s ease-out 0s }
.pagebar .pagination1 li.page-size a { font-size: 24px }
.pagebar .pagination1 li.active a, .pagebar .pagination1 li a:hover { color: #fff; background: #0EA76A }
.pageno { margin-top: 30px; padding: 20px 0; text-align: center; font-size: 14px; color: #999 }

#newspage .infotitle:hover {
    color: #0EA76A
}

#newspage .infohit {
    padding-left: 30px
}

#newspage .infohit i {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 17px;
    height: 11px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../images/bg8.png) no-repeat 0 -106px
}

#newspage .more i:hover {
    background: url(../images/bg8.png) no-repeat -20px 0
}

#newspage .more i {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/bg8.png) no-repeat -20px -230px
}

#newspage .media {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 30px;
    background: #f6f6f6;
    position: relative;
    -moz-box-shadow: 0 1px 5px 2px rgba(89, 89, 89, .1);
    padding-left: 130px;
}

#newspage .media:hover {
    background: #fff;
}

#newspage .media:first-child {
    margin-top: 0
}

.media-list {
    margin-bottom: 50px;
    margin-right: 40px;
}

#newspage .media:hover {
    position: relative;
    z-index: 333;
    border-color: #029bdf;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#newspage .media .nail {
    display: block;
    width: 355px;
    height: 228px
}

#newspage .media .media-body {
    position: relative;
    /* height: 228px; */
    /* padding-top: 30px; */
    /* padding-right: 50px; */
    padding-left: 35px;
}

#newspage .media .media-body h4 {
    /* font: 800 20px/2 'microsoft yahei'; */
    font-weight: 400;
    display: block;
    margin-top: -5px;
    text-align: left;
    color: #333;
    border-bottom: 1px solid #E6E6E6;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    padding-bottom: 20px;
}

#newspage .media-heading span {
    font-size: 13px;
    display: inline-block;
    margin-top: 8px;
    color: #939393
}

#newspage .media-heading + p {
    font-family: SourceHanSansSC;
    font-size: 14px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    line-height: 28px;
    margin-top: 10px;
    color: #7c7c7c;
    color: #666
}

#newspage .media a {
    font-family: SourceHanSansSC;
    font-size: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: .15;
    line-height: 24px;
    color: #333;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    color: #333;
}

#newspage .media .sinfo {
    font-size: 16px;
    line-height: 1.8;
    color: #666
}

#newspage .media .more {
    display: inline-block;
    margin-top: 10px
}

#maincontent.newscontent1 {
    padding-top: 1px;
}

.news_detail .imgcenter {
    display: block;
    margin: 20px auto
}

.news_detail .left1 .con {
    padding: 0;
    padding-right: 30px;
    background: #fff
}

.news_detail #maincontent {
    padding: 60px 0
}

.news_detail .InfoTitle h1 {
    font: 400 26px/30px 'microsoft yahei';
    margin-top: -5px;
    margin-bottom: 30px;
    text-align: center;
    color: #000
}

.news_detail .info_from_wrap {
    height: 45px;
    margin-bottom: 20px;
    text-align: center;
    color: #666;
    background: rgba(240, 240, 240, .38)
}

.news_detail .info_from_wrap b {
    font-weight: 400;
    line-height: 45px;
    margin-left: 25px;
    color: #666
}

.news_detail .info_previous_next_wrap * {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #555
}

.news_detail .info_previous_next_wrap {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 30px;
    color: #555
}

.news_detail .info_previous_next_wrap b {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px
}

.news_detail .info_previous_next_wrap a {
    font-size: 14px;
    line-height: 30px
}

.news_detail .info_previous_next_wrap a:hover {
    color: #b41017
}

.news_detail .left1 {
    padding-right: 10px
}

.news_detail .goback {
    text-align: right
}

.news_detail .goback a {
    display: block;
    float: right;
    width: 110px;
    margin-top: 30px;
    padding: 8px 20px;
    text-align: center;
    color: #555;
    border: 1px solid #ccc
}

.news_detail .mainpic {
    float: left;
    width: 190px;
    margin: 9px 20px 10px 0
}

.news_detail .crumbs {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc
}

.tjxw h3.ttl:after {
    display: none !important
}

.tjxw h3.ttl {
    font-size: 16px;
    font-weight: bold;
    line-height: 45px;
    height: 45px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    text-indent: 1.1em;
    color: #333;
    color: #333;
    background: rgba(240, 240, 240, .38)
}

.tjxw ul li {
    padding: 11px 0 11px 10px;
    border-bottom: 1px solid #eee
}

.tjxw ul li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px
}

.tjxw ul li p {
    margin: 0;
    padding-top: 10px;
    color: #666
}

#Searchlist .item {
    margin-bottom: 20px
}

#Searchlist .item .img {
    padding: 10px;
    transition: all .3s;
    border: 1px solid #eee
}

#Searchlist .item .img:hover {
    border-color: #e62129
}

#Searchlist .item .txt {
    line-height: 1.6;
    padding: 10px 5px;
    text-align: center
}

.thecases {
    padding-bottom: 50px
}

.thecases .in2 {
    padding: 15px
}

.quick-reveal, .to-reveal, .long-reveal, .top-reveal, .long-long-reveal {
    visibility: hidden
}

.fancybox-skin {
    padding: 0 !important;
    background: transparent
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    z-index: 99999
}

.divttl p[rel=h2] {
    margin: 40px 0
}

.divttl h2 .more:hover {
    color: #d9271b
}

.divttl h2 .more {
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1px;
    vertical-align: middle;
    color: #666
}

.divttl h2:before {
    display: inline-block;
    width: 4px;
    height: 36px;
    margin-top: -5px;
    margin-right: 14px;
    content: '';
    vertical-align: middle;
    background: #ff554c
}

.bgline1 {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 40px 0
}

.bgline1:before {
    position: absolute;
    z-index: 18;
    top: 0;
    left: 50%;
    display: block;
    width: 1215px;
    height: 10px;
    margin-left: -607px;
    content: '';
    background: url(../images/bg2.jpg) repeat-x
}

.bgline1:after {
    position: absolute;
    z-index: 8;
    top: 4px;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: '';
    background: #f1f1f1
}

.title1 {
    font-size: 24px;
    margin-bottom: 25px;
    color: #333
}

.title1 .en {
    font-family: 'microsoft yahei';
    font-weight: 300;
    position: relative;
    top: 1px;
    left: 15px;
    vertical-align: bottom;
    color: #999
}

.more_r {
    font-size: 14px;
    display: inline-block;
    width: 70px;
    padding-right: 16px;
    text-align: left;
    text-indent: 0;
    color: #666;
    background: url(../images/ar1.png) no-repeat 54px
}

h2.bt {
    font-family: arial;
    font-size: 48px;
    font-weight: 400;
    position: relative;
    display: block;
    padding-bottom: 15px;
    text-align: center;
    color: #333
}

.thehdl1.hdl {
    position: absolute;
    top: 50%;
    left: -44px;
    width: 38px;
    height: 68px;
    margin-top: -20px;
    cursor: pointer;
    background: url(../images/ar.png) no-repeat left center
}

.thehdl1.hdl.next {
    right: -50px;
    left: auto;
    background-position: right
}

#contactpart1 .con1 {
    padding: 40px 50px;
    background: #fff url(../images/bgmap.jpg) no-repeat 300px 110px
}

#contactpart1 .con1 p[rel=h2] {
    text-align: left
}

#contactpart1 .con1 h2:after {
    left: 0;
    margin: 0
}

#contactpart1 .con1 dt {
    font-weight: 400;
    float: left;
    clear: left
}

#contactpart1 .con1 dt, #contactpart1 .con1 dd {
    font-size: 14px;
    margin-bottom: 10px;
    color: #333
}

#contactpart1 iframe {
    width: 100%;
    height: 100%
}

.conttl {
    width: 440px;
    height: 150px;
    margin-top: 0;
    padding-top: 18px;
    background: url(../images/bg1.png) no-repeat left 57px top 0
}

.conttl h3 {
    font-family: Microsoft YaHei UI;
    font-size: 36px;
    margin-bottom: 5px;
    letter-spacing: 4px;
    color: #0EA76A
}

.conttl .ttljp {
    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    margin-bottom: 0;
    text-align: left;
    text-transform: uppercase;
    color: #01b24f
}

.conttl .ttljp:after {
    position: absolute;
    z-index: -1;
    bottom: -20px;
    left: 80px;
    display: block;
    width: 350px;
    height: 140px;
    margin-left: -15px;
    content: '';
    border: 10px solid #f5f5f5;
    background: transparent
}

#index_intro {
    min-height: 0px;
    /* background: url(../images/ab1.jpg) no-repeat top 0 right 50vw; */
    position: relative;
    padding: 30px 0 70px;
    /* max-height: 560px; */
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
}

div#index_intro:after {
    content: "";
    display: block;
    width: 50vw;
    height: 560px;
    background: url(../images/ab1.jpg) no-repeat top left;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 999;
    margin-left: -50vw;
}

#index_intro .con {
    margin-top: 45px;
    padding: 30px 50px 70px 60px;
    padding: 0;
    text-align: left;
    /* border-left: 10px solid #1170d3; */
    /* border-radius: 8px; */
    /* background: #F6F6F6; */
}

#index_intro .con2 {
    padding-left: 70px;
    padding-top: 30px;
}

#index_intro .row {
    position: relative;
    /* background: #F6F6F6; */
}

#index_intro .i_ttl {
    margin-bottom: 33px;
    text-align: left
}

#index_intro .i_ttl .h2_sct_ttl {
    font-size: 36px;
    font-weight: bold;
    margin-top: 0;
}

#index_intro .i_ttl .h2_sct_ttl:before {
    display: none
}

#index_intro .i_ttl .p1 {
    font-size: 32px;
    margin: 20px 0 40px;
    padding: 0;
    padding-left: 2px;
    text-align: left;
    color: #535353;
}

#index_intro .i_ttl .p2 {
    font-size: 10px;
    padding-left: 2px;
    color: #999
}

#index_intro .i_ttl .blue {
    font-weight: bold
}

#index_intro .sinfo {
    font-size: 16px;
    margin-bottom: 52px;
    color: #7B7B7B;
    line-height: 2;
    text-align: justify;
}

#index_intro .more {
    font-size: 16px;
    line-height: 38px;
    display: block;
    width: 120px;
    height: 40px;
    padding-left: 32px;
    /* text-align: center; */
    color: #7B7B7B;
    /* border-radius: 100px; */
    /* background: #1170d3; */
    border: 1px solid #D7D7D7;
}

#index_intro .more i {
    display: none;
    width: 21px;
    height: 21px;
    margin-top: -2px;
    margin-left: 13px;
    vertical-align: middle;
    background: url(../images/ar1.png) no-repeat;
}

#index_sct4 {
    /* margin-top: 80px; */
    background: #F6F6F6;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 70px;
}

#index_sct4 h2 {
    text-align: center;
    padding: 0 0 40px;
}

#index_sct4 .slk5 {
    margin-top: 60px;
    white-space: nowrap;
    overflow-x: scroll;
}

#index_sct4 .slick-list {
    margin-left: -30px;
}

#index_sct4 .slick-slide {
    margin-left: 30px;
}

#index_sct4 a.item {
    display: inline-block;
    /* width: 458px; */
    /* height: 360px; */
    margin-right: 30px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

#index_sct4 p{
	margin: auto;
}
#index_sct4 .newtitle {
    color: #333;
    font-size: 21px;
    margin: 20px 0 20px;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 38%;
    left: 0;
    z-index: 33;
    font-size: 37px;
    font-weight: bold;
    color: #fff;
    background: red;
    height: 70%;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.80015756302521) 100%);
    padding-top: 0;
    transition: all .3s;
}

#index_sct4 a:hover .newtitle {
    /* color: #0EA76A; */
    background: transparent;
    font-size: 40px;
}

#index_sct4 .time1 {
    font-size: 14px;
    color: #7B7B7B;
}



#index_sct4 {}

#index_sct4 .nail {
	width: 700px;
	height: 380px;
}

#index_sct4 .nail img {}

#index_culture {
    padding: 50px 0;
}

#index_culture .s2 {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 50px;
    display: block;
}

#index_culture .s3 {
    font-size: 28px;
    color: #535353;
    line-height: 1.6;
}

#index_culture .cultures {
    position: relative;
    padding-right: 100px;
}

#index_culture .arrow:hover i {
    color: #0EA76A;
}

#index_culture .arrow i {
    font-size: 50px;
    font-weight: bold;
    font-style: normal;
    color: #B2B2B2;
    position: absolute;
    right: 0;
    top: 50px;
    font-family: simsun;
}

.abttl {
    position: relative;
    text-align: center
}

.abttl span {
    display: block;
    padding-bottom: 10px
}

.abttl span.en {
    font-family: SourceHanSansSC;
    font-size: 60px;
    font-weight: 400;
    line-height: 24px;
    color: #f5f5f5
}

.abttl span + span {
    font-size: 32px;
    font-weight: 600;
    position: relative;
    margin-top: -16px;
    padding-bottom: 30px;
    color: #333
}

.abttl span + span:after {
    position: absolute;
    bottom: 11px;
    left: 50%;
    display: block;
    display: none;
    width: 60px;
    height: 3px;
    margin-left: -35px;
    content: '';
    background: #029bdf
}

.contactinfos {
    margin-top: 20px;
    margin-bottom: 20px
}

.contactinfos2 {
    padding-top: 20px;
    border-top: 1px solid #eee
}

.contactinfos2 i {
    display: inline-block;
    width: 30px;
    height: 25px;
    background: url(../images/pos.png) no-repeat
}

.contactinfos span {
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
    color: #666
}

.contactinfos .s1 em {
    font-size: 19px;
    font-style: normal;
    color: red
}

.contactinfos span i {
    position: relative;
    top: -4px;
    display: inline-block;
    width: 30px;
    height: 27px;
    vertical-align: middle;
    background: url(../images/b8.png) no-repeat
}

.contactinfos .s1 i {
    background-position: left 7px
}

.contactinfos .s2 i {
    background-position: left -35px
}

.contactinfos .s3 i {
    background-position: left -75px
}

#dituContent0 {
    overflow: hidden;
    width: 100%;
    height: 485px;
    margin-bottom: 30px;
    padding: 25px;
    border: none;
    border-radius: 0
}

.case_list {
    margin: 80px auto;
}

.case_list .fc {
    display: block;
    margin-bottom: 40px;
}

.case_list .fc .bgs {
    position: relative;
}

.case_list .fc .in {
    bottom: 30px;
    width: 100%;
    position: absolute;
    font-size: 24px;
    color: #fff;
}

.pro_detail_wrap {
    position: relative;
    padding-top: 0;
    padding-bottom: 60px;
    background: #f7f8fa url(../images/bgpro.jpg) no-repeat center top/cover
}

.body_product .r .bg {
    padding-left: 10px
}

#cpxq {
    padding: 25px 0 0
}

.cpxqttl {
    font-family: Microsoft YaHei;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    line-height: 28px;
    height: 80px;
    margin-top: 0;
    margin-bottom: 25px;
    padding-top: 18px;
    text-align: center;
    color: #00b9f2;
    background: url(../images/bg10.png) no-repeat top center
}

#xgcp {
    padding: 15px 0 50px
}

#xgcp .item {
    margin-top: 22px
}

#xgcp .img {
    padding: 20px;
    background: #fff
}

#xgcp .more {
    position: relative;
    top: 18px
}

#xgcp .img + p {
    line-height: 1.5;
    display: block;
    padding: 20px 20px
}

#xgcp .img img {
    width: 100%;
    height: 100%
}

#newspn_share {
    margin-bottom: 40px
}

#newspn_share .col2 .con {
    float: right;
    padding-top: 20px;
    text-align: right
}

#newspn_share .col2 .con .ttl {
    position: relative;
    top: 6px;
    float: left
}

.abpart1 {
    padding-top: 45px;
}

.abttl .s1 {
    font-size: 36px;
    color: #333;
    text-align: left;
}

.abpart0 {
    padding: 55px 0;
}

.abpart1 .con1 {
    font-size: 18px;
    line-height: 38px;
    color: #666;
    margin: 30px auto 0;
    background: url(../images/ab2.jpg) no-repeat right bottom;
    padding-bottom: 40px;
}

.abpart2 {
    background: #F6F6F6;
    text-align: center;
    padding: 55px 0 40px;
}

.abpart2 i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 74px;
    margin: 0 auto 35px;
}

.abpart2 .con {
    padding: 35px 44px;
    margin-top: 30px;
    box-shadow: 0px 0px 50px 0px rgb(246, 246, 246);
    margin-bottom: 30px;
    transition: all .35s;
    min-height: 340px;
}

.abpart2 .con:hover {
    background: #fff;
    box-shadow: 0px 0px 50px 0px rgba(51, 51, 51, 0.1);
}

.abpart2 .con p {
    font-size: 24px;
    font-weight: bold;
}

.abpart2 .con p.p2 {
    color: #7B7B7B;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    margin-top: 25px;
}

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

.abpart03 .ul_city {
    DISPLAY: flex;
    justify-content: space-between;
    margin: 80px auto 160px;
}

.abpart03 .ul_city li {
    border-radius: 50%;
    box-shadow: 0px 0px 30px 0px rgba(28, 28, 28, 0.1);
    /* position: absolute; */
    width: 76px;
    height: 76px;
    position: relative;
    line-height: 76px;
    background: #fff;
}

.abpart03 .ul_city li:nth-child(even) {
    top: 90px;
}

.abpart03 .ul_city li a {
    display: inline-block;
    width: 1em;
    line-height: 1;
    font-size: 24px;
    color: #0ea76a;
    padding-top: 13px;
}

#contactarea .item {
    width: 32%;
    /* position: relative; */
    padding-left: 0;
    margin-bottom: 50px;
    padding-right: 0;
}

#contactarea .item i {
    display: block;
    width: 40px;
    height: 40px;
    /* position: absolute; */
    left: 0;
    top: 0;
    background: no-repeat;
    margin: 30px 0 20px;
}

#contactarea .item1 i {
    background-image: url(../images/ctic1.png);
}

#contactarea .item2 i {
    background-image: url(../images/ctic2.png);
}

#contactarea .item3 i {
    background-image: url(../images/ctic3.png);
}

#contactarea .s1 {
    font-size: 28px;
    font-weight: 400;
    display: block;
    letter-spacing: 0;
    /* margin-bottom: 10px; */
}

#contactarea .s2 {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0;
    word-break: break-all;
    line-height: 1.5;
    margin-top: 5px;
    color: #0ea76a;
}

#msgiframe {
    height: 290px;
}

#msgiframe iframe {
    width: 100%;
    height: 100%;
}

.msgbox {
    padding: 55px 0 0;
    margin-top: 65px;
}

#pro_rel .abttl {
    margin-bottom: 35px;
}

#pro_rel .con {
    margin-bottom: 40px;
}

#pro_rel .con>a {
    background: #fff;
    padding: 30px;
}

#pro_rel .con .nail {
    width: 90%;
    margin-left: 10%;
}

#pro_rel .con .p2 {
    padding-right: 60px;
    /* position: relative; */
    background: url(../images/ar7.png) no-repeat right 6px;
}

#pro_rel .con .s1 {
    font-size: 24px;
    display: block;
}

#pro_rel .con .s2 {
    line-height: 1.4;
    font-size: 18px;
    color: #666;
    margin-top: 15px;
    display: block;
}

.product_detail+div {
    margin-top: 0px;
    padding-top: 0px;
}

.product_detail {
    background: #F6F6F6;
}

.product_detail .xiaotu {
    /* width: 116px; */
}

.product_detail .xiaotu .item {
    height: 106px;
    width: 106px;
    background: #FFFFFF;
    margin-bottom: 14px;
    border: 1px solid #E6E6E6;
}

.product_detail .xiaotu .item:nth-child(n+5) {
    display: none;
}

.product_detail .zhutu {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    margin-left: 15px;
}

.product_detail .infotitle h1 {
    font-size: 32px;
    margin-bottom: 30px;
}

.product_detail span.green.fb {
    color: #0EA76A;
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
}

.product_detail .shortinfo {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.product_detail .zixun >a {
    display: inline-block;
    margin-right: 15px;
    width: 220px;
    height: 50px;
    background: #0EA76A;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    transition: all .3s;
}

.product_detail .zixun > a i {
    display: inline-block;
    width: 24px;
    height: 30px;
    background: url(../images/pic1.png) no-repeat center;
    margin-right: 10px;
    vertical-align: middle;
}

.product_detail .zixun > a.a2 i {
    background-image: url(../images/pic2.png);
}

.product_detail .zixun >a.a2 {
    background: #069DF0;
}

.product_detail .zixun >a.a1:hover {
    background: #19d98d;
}

.product_detail .zixun >a.a2:hover {
    background: #2caff6;
}

.detail_slk_nav {
    height: 54px;
    background: #A7A7A7;
    margin-top: 80px;
}

.detail_slk_nav div.slick-slide {
    cursor: pointer;
    text-align: center;
}

.detail_slk_nav div.slick-slide span {
    display: inline-block;
    line-height: 54px;
    color: #fff;
    font-size: 18px;
}

.detail_slk_nav div.slick-slide.slick-current {
    background: #0ea76a;
}

.detail_slk .slick-slide .con {
    background-color: #fff;
    padding: 50px 35px;
    border: 1px solid #E6E6E6;
}

#newspage .infotime {
    font: 400 14px/30px 'microsoft yahei';
    display: block;
    width: 109px;
    height: 109px;
    margin: 0 auto;
    background: #0EA76A;
    position: absolute;
    left: 30px;
    top: 30px;
}

#newspage .infotime strong {
    font: bold 30px/72px 'microsoft yahei';
    display: block;
    text-align: center;
    color: #fff;
    background: #0EA76A;
}

#newspage .infotime b {
    display: block;
    text-align: center;
    font: 400 14px/8px ' ';
    color: #fff;
    background: #0EA76A;
}

.relnews {
    padding: 30px;
    background: #fff;
}

.relnews h3 {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0EA76A;
    line-height: 26px;
}

.relnews a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #535353;
    padding: 12px 0;
}

.relnews a:hover {
    color: #0EA76A;
}

.body_jobs #maincontent {
    margin-top: 40px
}

.tablewrap {
    margin-top: 35px;
    margin-bottom: 70px;
    padding: 30px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1)
}

.tablewrap > table {
    display: none
}

.tablewrap > table th {
    font-size: 18px;
    font-weight: bold;
    padding: 16px !important;
    color: #666;
    border-top: none !important;
    border-bottom: 2px solid #eee
}

.tablewrap > table td {
    font-size: 16px;
    box-sizing: border-box;
    padding: 20px 16px !important;
    border: none !important
}

.tablewrap > table th:last-child {
    width: 170px;
}

.tablewrap > table td:last-child {
    width: 60px
}

.tablewrap > table .xq td {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.tablewrap > table .s {
    line-height: 1.8;
    display: none;
    width: 98%;
    margin: auto;
    padding: 15px 10px
}

.tablewrap > table .job_detail {
    /* font-size: 24px; */
    line-height: 1.1;
    /* position: relative; */
    /* left: 10px; */
    cursor: pointer;
    color: #333;
}

.tablewrap > table .job_detail:hover {
    color: #0c70da
}

.zwf50 {
    height: 50px
}

.tmp38 {
    position: relative;
    top: -2px;
    left: -5px
}

#maincontent > .bgfff {
    width: 1500px;
    max-width: 100%;
    margin: 0 auto
}

#leftbar {
    margin-bottom: 50px;
    padding-right: 0;
    border: 1px solid #EEEEEE;
}

.body_news_detail #leftbar .box, .body_news_detail #leftbar .box2 {
    display: none
}

.body_news_detail #leftbar .rmwz {
    display: block;
    margin-top: 0
}

#leftbar .ttl {
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
    height: 60px;
    margin-bottom: 0;
    padding-left: 30px;
    text-align: left;
    color: #fff;
    background: #0EA76A
}

#leftbar .ttl h2 {
    line-height: 49px;
    margin: 0
}

#leftbar .ttl a {
    font-size: 24px;
    font-weight: 400;
    color: #fff
}

#leftbar .ul1 {
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4
}

#leftbar .cat1 {
    position: relative;
    background: #f4f4f4
}

#leftbar .cat1.on {
    background: #f7f7f7
}

#leftbar .cat1.cat1_185 {
    display: none
}

#leftbar .cat1.cat1_185 + div {
    margin-top: 10px
}

#leftbar .cat1.on .p1:before {
    position: absolute;
    top: 7px;
    left: -2px;
    display: block;
    width: 6px;
    height: 43px;
    background: #b41017
}

#leftbar .cat1 .p1 > a {
    font-size: 20px;
    /* font-weight: 400; */
    display: flex;
    min-height: 70px;
    margin-right: 70px;
    margin-left: 28px;
    align-items: center;
}

#leftbar .cat1.on .p1 > a {
    font-weight: bold;
    color: #0EA76A;
}

#leftbar .cat1.on .p1 > a .att {
    display: inline-block;
    width: 10px;
    height: 12px;
    background: url(../images/ar5.png) no-repeat;
    position: absolute;
    right: 12px;
}

#leftbar .p1 {
    margin-bottom: 0;
    transition: background-color 500ms linear;
    border-bottom: 1px solid #e4e4e4
}

#leftbar .plus {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url(../images/ar3.png) no-repeat center
}

#leftbar .on .plus {
    background: url(../images/ar4.png) no-repeat center
}

#leftbar .depth2 {
    overflow: hidden;
    height: auto;
    /* max-height: 0; */
    transition: max-height .55s ease-out;
    transform-origin: top;
    background: #fff;
}

#leftbar .on .depth2 {
    max-height: 1000px;
    transition: max-height .55s ease-in
}

#leftbar .li_depth2 {
    display: flex;
    border-bottom: 1px solid #ededed;
    background: #f7f7f7;
    align-items: center
}

#leftbar .li_depth2 a:hover:after {
    border-color: #1378ce
}

#leftbar .li_depth2 a:after {
    position: absolute;
    top: 18px;
    left: 0;
    width: 8px;
    height: 10px;
    margin-top: -4px;
    content: ''
}

#leftbar .li_depth2 a {
    font-size: 18px;
    line-height: 70px;
    position: relative;
    display: flex;
    display: inline;
    margin: 0;
    /* padding: 10px 0 10px; */
    padding-right: 15px;
    padding-left: 20px;
    text-indent: 1em;
    width: 100%;
    background: #fff;
}

#leftbar .li_depth2:last-child a {
    border: none
}

#leftbar .li_depth2.on a {
    color: #0ea76a;
}

#leftbar .ttl2.on h3 {
    border: 1px solid #e6212a;
    background: #fff
}

#leftbar .ttl2.on h3 a {
    color: #e6212a
}

#leftbar .ttl2 h3 {
    font-size: 14px;
    position: relative;
    margin: 0 auto;
    padding: 20px 15px;
    border: 1px solid transparent;
    background: #f0f0f0
}

#leftbar .cat1.empty {
    display: block;
    height: 0;
    border: none
}

#leftbar h3 i {
    position: absolute;
    top: unset;
    right: 22px;
    display: none;
    width: 9px;
    height: 15px;
    cursor: pointer;
    vertical-align: middle;
    background: url(../images/ar6.png) no-repeat
}

#leftbar .on h3 i {
    display: inline-block
}

.leftbar .box2 {
    margin-top: 25px;
    padding: 20px 20px;
    border: 1px solid #e4e4e4;
    background: #fff
}

.box_contact .t {
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 60px;
    border-bottom: 1px solid #e4e4e4;
    background: url(../images/phone3.png) no-repeat
}

.box_contact .s1 {
    display: block
}

.box_contact .c p {
    font-size: 14px;
    line-height: 26px;
    color: #7b7b7b
}

.box.rmwz {
    display: none
}

.body_news_detail .box.rmwz {
    display: block
}

.box.rmwz .h3 {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd
}

.box.rmwz .h3 .blue {
    color: #029bdf
}

.box.rmwz ul li a {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    padding: 7px 0;
    padding-left: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666
}

.box.rmwz ul li a:hover {
    color: #0EA76A
}

#service_detail .stt .h2 {
    line-height: 80px;
    position: relative;
    display: block;
    height: 80px;
    margin: 0 auto 40px;
    color: #fff;
    background: #0EA76A
}

#service_detail .stt .h2:before, #service_detail .stt .h2:after {
    position: absolute;
    top: 50%;
    left: 100px;
    display: block;
    width: 260px;
    height: 2px;
    content: '';
    background: #fff
}

#service_detail .stt .h2:before {
    right: 100px;
    left: auto
}

#service_detail #thecontent1 {
    padding-bottom: 46px
}

#service_detail #thecontent1 img {
    margin-bottom: 25px
}

#service_detail #thecontent1 p {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 25px;
    color: #666
}

#service_detail .leftbar {
    padding-right: 20px
}

.body_guestbook {
    background: transparent
}

.body_guestbook ul {
    margin-top: 40px
}

.body_guestbook ul li {
    float: left;
    width: 50%;
    margin-bottom: 20px
}

.body_guestbook li .msg_ttl {
    font-size: 16px;
    line-height: 40px;
    float: left;
    width: 130px !important;
    padding: 0 15px;
    text-align: right;
    color: #666
}

.body_guestbook li .msg_input {
    float: left;
    width: calc(100% - 130px)
}

.body_guestbook li .msg_input input[type=radio]:first-child {
    margin-left: 0
}

.body_guestbook li .msg_input input[type=radio] {
    width: auto;
    height: auto;
    margin: 0;
    margin-right: 5px;
    margin-left: 20px;
    vertical-align: middle
}

.body_guestbook li .msg_input textarea, .body_guestbook li .msg_input input {
    font-size: 16px;
    line-height: 42px;
    width: 100%;
    height: 42px;
    padding: 0 12px !important;
    color: #666;
    border: 1px solid #ddd
}

.body_guestbook li .msg_input textarea {
    height: 98px
}

.body_guestbook li .msg_input input#verifycode {
    width: 100px
}

.body_guestbook li.li_verify {
    width: 50%
}

.body_guestbook li.li_verify img {
    margin-left: 10px;
    vertical-align: bottom
}

.body_guestbook li .form_button1 {
    font-size: 16px;
    font-weight: 400;
    display: block;
    float: none;
    height: auto;
    margin: 20px auto 50px;
    padding: 7px 210px;
    text-align: center;
    text-indent: 0;
    letter-spacing: 0;
    color: #fff;
    border-radius: 100px;
    background: #029bdf
}

.body_guestbook li .form_button1:hover {
    background-color: #a20c0c
}

.body_guestbook li {
    margin-top: 23px
}

.body_guestbook li.li_2 {
    height: auto
}

.body_guestbook li.li_3:last-child {
    width: 100% !important
}

.body_guestbook li.li_1 .msg_ttl {
    float: left;
    width: 160px
}

.body_guestbook li .required {
    font-weight: bold;
    margin-left: 5px;
    color: red
}

.body_guestbook li.li_4 .msg_input {
    font-size: 16px;
    line-height: 40px;
    vertical-align: middle;
    color: #666
}

.body_guestbook .li_submit {
    width: 100%;
    padding: 0
}

.body_guestbook .btn_red {
    font-size: 14px;
    line-height: 30px;
    padding: 8px 60px;
    color: #fff;
    background: #ca171d
}

.body_guestbook .btn_red:hover {
    color: #fff;
    background: #d72e28
}

.pro_list .r {
    padding-left: 80px;
}

.infotitle h1 {
    margin-top: 0;
    margin-bottom: 50px;
}

#infodetail01 {
    padding-bottom: 60px;
}

#infodetail01 * {
    font: inherit;
    color: inherit;
}

#infodetail01 img {
    height: auto;
}

.body_product #maincontent {
    padding-top: 75px;
    /* background: #fafafa */
}

.pro_list #pagelist {
    margin: 20px auto 50px
}

#contactarea #ctpart1 {
    height: 535px;
}

#contactarea #ctpart2 .in {
    position: relative;
    min-height: 260px;
    margin: 0;
    padding: 35px 30px;
    text-align: center;
    border: none;
    background: #fff
}

#contactarea #ctpart2 .in:before {
    position: absolute;
    top: 10%;
    left: 0;
    display: block;
    width: 1px;
    height: 80%;
    content: '';
    background: #eee
}

#contactarea #ctpart2 div[class^=col]:first-child .in:before {
    display: n
}

#contactarea #ctpart2 {
    margin: 0 auto 80px;
    padding: 0;
    background: #fff
}

#contactarea #ctpart2 > .row {
    border: 1px solid #dedede
}

#contactarea #ctpart2 > .row2 {
    margin-top: 20px
}

#c_lxfs .comname {
    font-size: 28px;
    margin-bottom: 30px;
    color: #0EA76A
}

#c_lxfs .sinfo {
    margin-bottom: 30px;
    color: #333
}

#c_lxfs span.s2 {
    display: block;
    color: #0EA76A
}

#c_lxfs .s1 {
    display: block;
    margin-bottom: 6px
}

#c_lxfs div.fl.phone i {
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 40px;
    background: url(../images/phone3.png) no-repeat
}

#contactarea #ctpart3 .ttl5 p {
    color: #ccc
}

#sltpart1 {
    padding-bottom: 30px;
    background: url(../images/bg8.png) no-repeat center 130px
}

.slttl {
    position: relative;
    margin-top: 60px;
    margin-bottom: 90px
}

.h2.slttl.abttl:after {
    position: absolute;
    z-index: 0;
    top: 20px;
    left: 0;
    display: block;
    width: 100vw;
    height: 1px;
    content: '';
    background: #eee
}

.h2.slttl.abttl:before {
    position: absolute;
    z-index: 1;
    top: -9px;
    left: 50%;
    display: block;
    width: 140px;
    height: 46px;
    margin-left: -70px;
    content: '';
    background: #fff
}

.slttl .s1 {
    font-weight: bold;
    position: relative;
    z-index: 1
}

.zslist {
    padding: 60px 0 90px;
}

.zslist .slk_thehdl {
    /* width: 100% !important; */
    margin: 0 auto 40px;
    text-align: center;
}

.zslist .slk_thehdl .slick-track {
    margin: 0 auto;
}

.zslist .slk_thehdl .slick-list {
}

.zslist .slk_thehdl .slick-slide {
}

.zslist .slk_thehdl span.t {
    display: inline-block;
    padding: 10px 55px;
    text-align: center;
    font-size: 16px;
    background: #fff;
    border: 1px solid #e0e0e0;
    cursor: pointer;
}

.zslist .slk_thehdl .slick-current span.t {
    background: #0ea76a;
    color: #fff;
}

.zslist .fc {
    position: relative;
    display: block;
}

.zslist .bgs {
    padding: 60px 65px 100px;
    background: #fff;
}

.zslist .in {
    width: calc(100% - 56px);
    left: 28px;
    position: absolute;
    bottom: 0;
    height: 70px;
    font-size: 20px;
    border-top: 1px solid #E6E6E6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zslist .casename {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#downloadlist li {
    margin-bottom: 22px;
    padding: 25px;
    padding-left: 90px;
    border: 1px solid #e0e0e0;
    background: url(../images/file.png) no-repeat 25px
}

#downloadlist li .infotitle {
    font-size: 17px;
    display: inline-block;
    margin-bottom: 5px
}

#downloadlist li .in span {
    color: #9c9c9c
}

.downloadbtn {
    font-size: 14px;
    line-height: 32px;
    display: inline-block;
    width: 100px;
    margin-top: 10px;
    transition: all .3s;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background: #b4b4b4
}

.downloadbtn:hover {
    background: #0EA76A
}

.downloadinfo {
    padding: 15px;
    background: #f7f8f9
}

.downloadinfo p {
    display: inline-block;
    margin: 0 20px
}

.downloadinfo p * {
    color: #666
}

.download1 .downloadbtn {
    line-height: 40px;
    float: none;
    width: auto;
    margin: 0 auto 30px;
    padding: 0 30px;
    background: #0097dc
}

.download1 .downloadbtn:hover {
    color: #fff;
    background: #0EA76A
}

#newsdetailpage {
    margin-bottom: 30px;
    padding-right: 0;
    padding-bottom: 0
}

#newsdetailpage > .con {
    padding: 75px 90px;
    border-bottom: 1px dashed #d3d3d3;
    background: #fff;
    margin-right: 40px;
}

#newsdetailpage .InfoTitle h1 {
    font-size: 22px;
    font-weight: 500;
    margin-top: 0;
    text-align: left;
    /* text-align: center; */
    color: #535353;
}

#newsdetailpage .info_from_wrap {
    margin: 10px 0 12px;
    padding-bottom: 20px
}

#newsdetailpage .info_from_wrap span {
    font-size: 12px;
    line-height: 28px;
    color: #7b7b7b
}

#newsdetailpage .info_from_wrap {
    /* text-align: center */
}

#newsdetailpage .info_from_wrap * {
    color: #888
}

.remark {
    font-size: 16px;
    line-height: 32px;
    color: #7b7b7b
}

.remark * {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit
}

.remark img {
    max-width: 100%;
    height: auto !important
}

#newsdetailpage .remark {
    padding-top: 0;
    padding-bottom: 40px
}

#newsdetailpage .remark img {
    height: auto !important
}

#newsdetailpage > .con.newspn.pn {
    padding-top: 30px;
    border: none;
    padding-bottom: 30px;
    margin-bottom: 50px;
}

#newsdetailpage > .con.newspn.pn .fr i {
    display: inline-block;
    width: 28px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
    background: url(../images/back.png) no-repeat left;
}

#newsdetailpage > .con.newspn.pn .fr a:hover i {
    background-position: right 4px top 2px;
}

.newspn.pn * {
    font-size: 14px;
    color: #888
}

.goback {
    border: 1px solid #ccc;
    padding: 10px 20px;
}

.newspn.pn p:before {
    display: block;
    width: 100%
}

.newspn.pn a:hover {
    color: #0ea76a;
}

.pro_list .r .con {
    padding: 0 0 20px
}

.pro_list a.blk:hover .bt {
    color: #014c8c;
    border-color: #014c8c
}

.pro_list .r .con a.blk {
    display: block
}

.pro_list .r .con_pro {
    margin-bottom: 25px;
    transition: all .3s;
    border: 1px solid rgba(237, 237, 237, 1)
}

.ssmenu {
    display: flex;
    margin: 30px auto;
    text-align: center;
    border: 1px solid #eee
}

.ssmenu li {
    display: inline-block;
    flex: auto
}

.ssmenu li a {
    line-height: 45px
}

.ssmenu li.active {
    color: #fff;
    background: #e62129
}

.ssmenu li.active a {
    color: #fff
}

#newspage .media.jobitem:hover {
    border-color: #e62129
}

#newspage .media.jobitem:hover a {
    color: #e62129 !important
}

#newspage .media.jobitem:hover a {
    color: #e62129 !important
}

#newspage .media.jobitem {
    margin: 15px auto 25px;
    padding: 25px 30px;
    padding-left: 10px;
    border: 1px solid #eee
}

.blk.con_pro:hover {
    border: 1px solid rgb(0, 97, 164)
}

.blk.con_pro {
    margin-bottom: 24px;
    text-align: center;
    border: 1px solid #e5e5e5
}

.blk.con_pro p {
    margin-bottom: 0
}

.blk.con_pro .bor > p {
    padding: 5px 25px 5px
}

.pro_list .r .nail {
    margin: 0
}

.pro_list .txt {
    padding: 16px 15px 26px
}

.pro_list .txt p {
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
    color: #222
}

.pro_list .r .ll {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 50px 20px 0;
    color: #e6222a
}

.pro_list .r .ll:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: '';
    background: #e6222a
}

h2.fttln {
    margin: 0 auto 55px
}

#i_pro {
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px;
    background: #fafafa
}

.body_product #i_pro {
    padding-top: 0;
    background: transparent
}

.body_product #i_pro:before {
    display: none
}

#i_pro .t2 {
    font-size: 18px;
    line-height: 50px;
    position: relative;
    padding-left: 55px;
    color: #222;
    background: url(../images/lb.png) no-repeat left
}

#i_pro .t2:after {
    position: absolute;
    bottom: 0;
    left: 55px;
    display: block;
    width: 10px;
    width: 60px;
    height: 10px;
    height: 2px;
    content: '';
    background: #e1e1e1
}

#i_pro .dots0 > * {
    position: relative;
    left: -30px
}

#i_pro .ul1 {
    height: 54px;
    margin-bottom: 20px;
    margin-left: -17px;
    padding-right: 30px;
    padding-left: 0
}

#i_pro .ul1 li {
    line-height: 53px;
    position: relative;
    padding-left: 36px;
    text-align: left
}

#i_pro .ul1 li a {
    font-size: 16px;
    color: #999
}

#i_pro .ul1 li.slick-current a {
    color: #fd9827
}

#i_pro .ul1 li:after {
    position: absolute;
    top: 24px;
    left: 20px;
    display: block;
    width: 8px;
    height: 9px;
    content: '';
    background: url(../images/ar6.png) no-repeat left center
}

#i_pro .slickbody_pro .item {
    position: relative;
    overflow: visible;
    margin-bottom: 22px;
    padding: 15px 15px 0;
    transition: all .3s;
    background: #fff
}

#i_pro .slickbody_pro .line {
    margin-top: 10px;
    border-bottom: 1px solid #ccc
}

#i_pro .slickbody_pro .item:hover:after {
    position: absolute;
    z-index: 322332;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

#i_pro .slickbody_pro .item:hover .line {
    border-color: #fd9827;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .27)
}

#i_pro .slickbody_pro img {
    width: 100%;
    height: 100%
}

#i_pro .slickbody_pro .img {
    position: relative;
    display: block;
    width: 100%
}

#i_pro .in {
    height: 40px;
    padding: 10px 0 0
}

#i_pro .item {
    padding: 6px;
    text-align: center;
    background: #0EA76A
}

#i_pro .con:hover .item {
    box-shadow: -3px 3px 5px 0 rgba(4, 0, 0, .21)
}

#i_pro .con:hover .item {
    background: linear-gradient(-90deg, #01b34d, #03aa5f, #0EA76A)
}

#i_pro .a_txt {
    font-size: 17px;
    display: inline-block;
    max-width: calc(100% - 40px);
    vertical-align: middle;
    color: #fff
}

#i_pro .sinfo {
    line-height: 25px;
    overflow: hidden;
    max-height: 100px;
    color: #333
}

#i_pro .more {
    display: inline-block
}

#i_pro .more i {
    display: block;
    width: 19px;
    height: 10px;
    background: url(../images/ar5.png) no-repeat
}

#i_pro .more:hover {
    color: #fff;
    border-color: #207dc7;
    background: #207dc7
}

.body_product #i_pro .more:hover {
    color: unset;
    background: transparent
}

#i_pro .img:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s;
    opacity: 0;
    background: rgba(117, 197, 240, .76) url(../images/link.png) no-repeat center
}

#i_pro .img:hover:after {
    opacity: 1
}

@media screen and (min-width: 1920px) {
    div#index_intro:after {
        background-position: top right;
    }
}

@media screen and (max-width: 1366px) {
    .carousel-inner > .item img {
        min-width: 0;
    }

    #footer .li_contact {
        /* width: 39%; */
        padding-left: 20px;
        background: none;
    }

    #footer .row1>div:last-child {
        /* width: 24%; */
    }

    #footer .item1 {
        width: 43%;
    }

    #footer .item2 {
        width: 23%;
    }

    #index_sct4 a.item {
        /* width: 358px; */
    }

    #index_sct4 .newtitle {
        font-size: 20px;
    }

    .zslist .slk_thehdl {
    }

    .zslist .slk_thehdl .slick-track {
        margin: 0 auto;
    }

    .zslist .slk_thehdl .slick-list {
    }

    .zslist .slk_thehdl .slick-slide {
    }

    .zslist .slk_thehdl span.t {
    }
}

@media screen and (max-width: 1200px) {
    #footer .row1 .con .s1 {
        display: none;
    }

    #footer .item1 {
        width: 46%;
    }

    #footer .item3 {
        width: 27%;
        min-width: 270px;
    }

    #pro_rel .con .s2 {
        display: none;
    }

    .zslist .slk_thehdl {
    }

    .zslist .slk_thehdl .slick-track {
        margin: 0 auto;
    }

    .zslist .slk_thehdl .slick-list {
    }

    .zslist .slk_thehdl .slick-slide {
    }

    .zslist .slk_thehdl span.t {
    }
}

@media screen and (max-width: 992px) {
    #footer .row1 .citys a {
        margin-right: 10px;
        font-size: 15px;
    }

    #footer .row2 .copyright {
        text-align: left;
        padding: 10px 0;
    }

    #submenu ul {
        justify-content: space-around;
    }

    #submenu ul li a {
        line-height: 2;
        height: auto;
        padding: 5px 20px;
        font-size: 16px;
        font-weight: bold;
    }

    #index_intro {
        margin: 30px auto;
    }

    div#index_intro:after {
        display: none;
    }

    #index_intro .con {
        margin-top: 30px;
        padding: 20px 25px;
    }

    #index_intro .i_ttl .h2_sct_ttl {
        font-size: 26px;
    }

    #index_intro .i_ttl .p1 {
        margin: 10px 0;
        font-size: 22px;
    }

    #index_sct4 {
        padding: 15px 0 50px;
    }

    #index_sct4 h2 {
        font-size: 24px;
    }

    #index_sct4 .slk5 {
        margin-top: 25px;
    }

    #index_sct4 a.item {
        height: 320px;
    }

    #index_sct4 .newtitle {
        font-size: 16px;
        margin: 10px 0;
    }

    .abpart0 {
        padding: 35px 10px;
    }

    .zslist .slk_thehdl {
    }

    .zslist .slk_thehdl .slick-track {
        margin: 0 auto;
    }

    .zslist .slk_thehdl .slick-list {
    }

    .zslist .slk_thehdl .slick-slide {
    }

    .zslist .slk_thehdl span.t {
    }

    #newsdetailpage .remark {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    body {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    html {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    .wap-gutter-14.row {
        margin-right: -7px;
        margin-left: -7px;
    }

    .wap-gutter-14> [class^='col-'], .wap-gutter-14> [class^=' col-'] {
        padding-right: 7px;
        padding-left: 7px;
    }

    .pconly {
        display: none !important;
    }

    .waponly {
        display: unset !important;
    }

    .carousel-inner > .item img {
        width: 180vw;
        max-width: none !important;
    }

    .carousel-indicators li {
        width: 25px;
    }

    .carousel-indicators {
        bottom: 10px;
    }

    .carousel-indicators .active {
        width: 25px;
    }

    .carousel-inner>.item {
        background-position: left 14% top 0 !important;
    }

    #footer {
        padding: 35px 0 10px;
    }

    #footer .row1 .citys {
        margin: 0 -10px 10px;
    }

    #footer .row1 .citys a {
        font-size: 14px;
        margin-right: 8px;
    }

    #footer .row1 .addresses {
        font-size: 13px;
        line-height: 1.77;
    }

    #footer .row1 .con2 {
        height: auto;
        padding-bottom: 30px;
    }

    #footer .row1 .con .s2 {
        font-size: 16px;
        font-weight: bold;
    }

    #footer .row1 .con .s2 a {
        font-weight: bold;
    }

    #footer .row1 .con .qr {
        display: inline-block;
        float: none;
        margin: 7px;
    }

    #footer .row3 {
        display: none;
    }

    #footer .row2>div:first-child {
        display: none;
    }

    #footer .row2 .copyright {
        text-align: center;
        font-size: 12px;
    }

    #footer .row2 {
        padding: 10px 0;
        margin: 30px auto 10px;
        border-bottom: none;
    }

    #footer .item {
        width: 100%;
        float: none;
        text-align: center;
    }

    #footer .item1 {
        padding: 0 20px;
    }

    #footer .item3 * {
        text-align: center;
    }

    #pageban .ban {
        min-height: 0;
        /* position: static; */
        display: flex;
        flex-direction: column;
        height: 35vw;
        align-items: center;
        justify-content: center;
        /* background-size: cover !important; */
    }

    #pageban img {
        min-width: 0;
        width: 200vw;
        position: absolute;
        top: 0;
        left: 0;
        display: inline-flex;
    }

    #pageban h2 {
        font-size: 18px;
        top: 30%;
        position: static;
        margin: 0 auto;
    }

    #pageban h4 {
        font-size: 16px;
        top: calc(30% + 2.5em);
        letter-spacing: 0;
        position: static;
        margin: 0px auto 0;
    }

    .selectpicker {
        width: 100%;
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

    .wapleftlist {
        margin: 0 10px;
    }

    .wapleftlist ul.inner li {
        margin: 8px 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 8px;
    }

    .wapleftlist ul.inner li:last-child {
        border: none;
    }

    .wapleftlist ul.inner li a {
        border: none;
    }

    .bootstrap-select .dropdown-menu li a.opt span {
        font-weight: 400;
    }

    .bootstrap-select .dropdown-menu li a.opt {
        margin: 5px 0;
    }

    .wapleftlist ul.inner li.active a {
        background: transparent;
    }

    .wapleftlist ul.inner li a span {
        color: #333;
        font-size: 16px;
        font-weight: bold;
    }

    .wapleftlist .dropdown-header {
        display: none;
    }

    .wapleftlist .dropdown-header span {
        font-size: 16px;
        font-weight: bold;
        line-height: 2;
    }

    .wapleftlist .divider {
        display: none;
    }

    #submenu ul {
        width: calc(100% + 15px);
        margin-left: -7.5px;
        /* background: red; */
        display: flex;
        padding: 0;
    }

    #submenu ul li a {
        font-size: 14px;
        padding: 2px 5px;
        width: 100%;
        display: inline-block;
    }

    #pagelist > span, #pagelist a {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    /*pages*/
    .pagebar { margin-top: 20px }
    .pagebar .pagination1 { justify-content: center }
    .pagebar .page-num { display: none }

    #newspage .media {
        padding: 20px 0 0;
        padding-left: 16vw;
        margin-bottom: 6px;
    }

    .media-list {
        margin: 10px auto;
    }

    #newspage .media .media-body {
        padding-left: 14px;
        max-width: calc(100vw - 16vw);
        padding-right: 15px;
    }

    #newspage .media .media-body h4 {
        padding: 0 0 4px;
        /* margin-top: -10px; */
    }

    #newspage .media-heading + p {
        font-size: 14px;
        line-height: 1.5;
    }

    #newspage .media a {
        font-size: 16px;
        line-height: 1.5;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        padding-right: 10px;
    }

    #index_intro {
        margin: 0;
    }

    .container {
        padding: 0;
    }

    #index_intro .con {
        margin: 10px auto 0;
        padding: 10px 20px;
    }

    #index_intro .i_ttl {
        margin-bottom: 15px;
    }

    #index_intro .i_ttl .h2_sct_ttl {
        font-size: 24px;
    }

    #index_intro .i_ttl .p1 {
        width: 100%;
        font-size: 16px;
    }

    #index_intro .sinfo {
        font-size: 13px;
        margin-bottom: 20px;
        text-align: left;
    }

    #index_intro .more {
        font-size: 14px;
        height: 30px;
        line-height: 27px;
        width: 100px;
        padding-left: 24px;
    }

    #index_sct4 {
        padding: 10px 20px 35px;
    }

    #index_sct4 h2 {
        font-size: 20px;
        font-weight: bold;
    }

    #index_sct4 a.item {
        height: auto;
        margin: 0 auto 10px;
    }

    #index_sct4 .newtitle {
        font-size: 14px;
        margin: 8px 0;
    }

    #index_sct4 .time1 {
        font-size: 12px;
        margin-bottom: 0;
    }

    .case_list {
        margin: 35px auto;
    }

    .case_list .fc {
        margin-bottom: 5px;
    }

    .case_list .fc .in {
        font-size: 14px;
        position: static;
        color: #333;
        padding: 5px;
    }

    .case_list .fc .in span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        max-width: 100%;
    }

    .abpart1, .abpart0 {
        padding-top: 10px;
    }

    .abttl {
        margin-bottom: 0;
    }

    .abttl .s1 {
        font-size: 22px;
        font-weight: bold;
        display: block;
        text-align: center;
        padding: 0;
    }

    .abpart0 .con1, .abpart0 .con1 * {
        font-size: 14px;
        line-height: 1.8;
        background: #fff none;
        /* padding: 10px 10px 0; */
        font-size: 14px;
        line-height: 1.8;
        background: #fff none;
        /* padding: 10px 10px 0; */
    }

    .abpart1 .con1 {
        font-size: 14px;
        line-height: 1.8;
        background: #fff none;
        padding: 10px 10px 0;
    }

    .abpart2 {
        padding: 25px 10px;
    }

    .abpart2 i {
        margin: 0 auto 5px;
        height: auto;
    }

    .abpart2 .con {
        padding: 10px;
        margin: 10px auto;
        height: auto;
        min-height: 0;
    }

    .abpart2 .con img {
        width: 7vw;
    }

    .abpart2 .con p {
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px;
    }

    .abpart2 .con p.p2 {
        font-size: 14px;
        padding: 0 10vw;
        margin: 0 auto;
    }

    .abpart03 {
        padding-top: 20px;
    }

    .abpart03 .ul_city {
        margin: 40px auto 80px;
    }

    .abpart03 .ul_city li a {
        font-size: 14px;
    }

    #contactarea {
        margin-top: 10px;
    }

    .thecontact #contactarea {
        margin: 10px;
    }

    #contactarea .item {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px dashed #ccc;
    }

    #contactarea .item i {
        display: block;
        margin: 10px auto 5px;
    }

    #contactarea .s1 {
        font-size: 16px;
    }

    #contactarea .s2 {
        font-size: 18px;
        display: block;
        padding: 0 90px;
    }

    #msgiframe {
        /* height: 360px; */
    }

    .msgbox {
        padding: 10px 15px;
        margin-top: 10px;
    }

    .thettl h2 {
        font-size: 19px;
        text-align: center;
        font-weight: bold;
    }

    #pro_rel {
        padding: 20px 0 30px;
    }

    #pro_rel .abttl {
        margin-bottom: 10px;
    }

    #pro_rel .con {
        padding: 10px 15px;
    }

    #pro_rel .con>a {
        padding: 5px;
    }

    #pro_rel .con .nail {
        margin: 0 auto;
    }

    #pro_rel .con .p2 {
        background: none;
        padding: 0;
        text-align: center;
        padding-top: 6px;
    }

    #pro_rel .con .s1 {
        font-size: 14px;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #pro_rel .con .s2 {
        font-size: 14px;
        padding: 0 15px;
        margin: 6px 0;
    }

    .product_detail .tu .con {
        display: flex;
        flex-wrap: wrap;
    }

    .product_detail .xiaotu {
        order: 2;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .product_detail .xiaotu .item {
        margin: 0 5px;
        height: auto;
    }

    .product_detail .xiaotu .item a {
        display: block;
    }

    .product_detail .zhutu {
        margin: 10px;
        width: 100%;
    }

    .product_detail .fea {
        padding: 10px 15px;
    }

    .product_detail .infotitle h1 {
        margin: 20px auto 30px;
        font-size: 18px;
    }

    .product_detail .shortinfo {
        font-size: 14px;
        line-height: 1.8;
    }

    .product_detail .zixun {
        display: flex;
        justify-content: center;
    }

    .product_detail .zixun >a {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        width: 30vw;
    }

    .product_detail .zixun > a i {
        width: 14px;
        height: 12px;
    }

    .detail_slk_nav {
        margin-top: 30px;
        height: 35px;
        overflow: hidden;
    }

    .detail_slk_nav div.slick-slide span {
        font-size: 14px;
        line-height: 35px;
    }

    .detail_slk .slick-slide .con {
        padding: 20px 15px;
        border: none;
    }

    #newspage .infotime {
        width: 14vw;
        position: absolute;
        top: 15px;
        left: 10px;
        height: auto;
        padding: 20px 0;
    }

    #newspage .infotime strong {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    #newspage .infotime b {
        font-size: 12px;
    }

    .relnews {
        padding: 20px 15px;
    }

    .relnews a {
        padding: 5px 0;
        font-size: 14px;
    }

    .tablewrap {
        margin: 10px auto;
        padding: 10px;
    }

    .tablewrap > table th {
        padding: 5px !important;
        font-size: 14px;
    }

    .tablewrap > table td {
        padding: 10px 5px !important;
        font-size: 14px;
    }

    .tablewrap > table th:last-child {
        width: 5em;
    }

    #leftbar {
        border: none;
        margin-bottom: 25px;
    }

    #leftbar> ul {
        display: none;
    }

    .pro_list .r {
        padding: 10px;
    }

    .infotitle h1 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    #infodetail01 {
        padding-bottom: 20px;
    }

    #infodetail01 img {
        height: auto !important;
    }

    .body_product #maincontent {
        padding-top: 22px;
    }

    #contactarea #ctpart1 {
        height: 80vw;
        padding: 15px;
    }

    #contactarea #ctpart1 iframe {
        height: 100%;
    }

    .zslist .slk_thehdl {
        width: 100% !important;
    }

    .zslist .slk_thehdl .slick-track {
        margin: 0 auto;
    }

    .zslist .slk_thehdl .slick-list {
    }

    .zslist .slk_thehdl .slick-slide {
    }

    .zslist .slk_thehdl span.t {
        font-size: 14px;
        padding: 5px 25px;
    }

    .zslist .bgs {
        padding: 15px;
    }

    .zslist .in {
        height: 2em;
        font-size: 14px;
        padding: 10px;
    }

    #newsdetailpage > .con {
        padding: 25px 25px;
        margin: 0 auto;
    }

    #newsdetailpage .InfoTitle h1 {
        text-align: center;
        font-size: 16px;
    }

    #newsdetailpage .info_from_wrap {
        margin-bottom: 0;
        padding: 0 0 10px;
        font-size: 12px;
        text-align: center;
    }

    .remark * {
        font-size: 15px !important;
        line-height: 1.88;
    }

    #newsdetailpage .remark, #newsdetailpage .remark * {
        font-size: 14px;
        line-height: 1.8;
    }

    #newsdetailpage .remark img {
        height: auto !important;
    }

    #newsdetailpage > .con.newspn.pn {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .newspn.pn a {
        display: inline-block;
        max-width: 10em;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle;
    }
	#index_sct4 *{}
	#index_sct4 *{}
	#index_sct4 *{}
	#index_sct4 *{}
	#index_sct4 *{}
	#index_sct4 *{}
	#index_sct4 .nail{
    width: 80vw;
    height: 50vw;
}
.sitelogo img{
	width:40vw;
}

}