* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none blink !important;
}

a:hover {
    text-decoration: none
}

ul,
li {
    list-style: none
}

input {
    outline: none
}

body,
html {
    background: #fff;
    overflow-x: hidden;
}

body {
    font-family: "微软雅黑";
    box-sizing: border-box;
    font-size: 14px;
}
button:focus {
    outline: none;
}
.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pic{ width: 100%; height: auto; display: inline-block;}
.navtop{
        padding: 10px 0;
        background: url(../images/topbg.jpg) top center no-repeat;
        color: #fff;
}
.navtop .mio-tel {
    background: url(../images/tel2.jpg) no-repeat left center;
    padding-left: 25px;
    float: right;
}
.navtop .mio-tel b {
    color: #fc0;
}
/*头部导航*/
/*nav*/
/*头部导航*/
.navbar { margin-bottom: 0;}
.navbar-default{ background: #fff !important; border: none;}
.navbar-brand{ width: 100%; height: auto; position: relative; z-index: 55555; padding: 5px;}
.navbar-brand img{ width: auto; height: 68px;}
.navbar-nav{ float: right;}
.navbar-nav>li{ position: relative; }
.navbar-nav>.active>a{ color: #007a77;}
.navbar-nav>li>a{ line-height: 56px; color: #333; font-size: 15px; padding: 12px 26px !important;}
.navbar-nav>li:hover>a{ background: none; color: #007a77 !important; font-weight: 600;}
.navbar-nav>li>ul{ position: absolute; top:80px; left: 0; display: none; background: rgba(0, 122, 119, 1); border: none; text-align: center; padding: 0px; }
.navbar-nav>li>ul>li>a{ color: #fff; line-height: 32px;}
.navbar-nav>li:hover>ul{ display: block;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{
    background: none;
}
@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: 0 !important;
    }

    .navbar-right .dropdown-menu-left {
        right: 0 !important;
        left: 0
    }

}


@media all and (max-width: 767px) {
    .navbar-brand {
        width: 140px;
        margin-left: 10px;
    }
    .navbar {
        background: #fff;
    }
    .navbar-collapse {
        float: none;
        background: #fff;
        height: 100%;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: transparent;
    }
    .navbar-default .navbar-toggle {
        border: transparent;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background: #000;
    }
    .navbar-nav>li>ul>li>ul {
        display: none;
    }
    .navbar-nav>li>ul {
        display: none;
    }
    .navbar-nav{ float: none !important;}
    .navbar-right{ float: none !important;}
    .navbar-nav>li{ width: 100%; text-align: center;}
    .navbar-nav>li>a{ line-height: 10px !important;}
    .carousel-control{ display: none;}
    .navbar-brand img{ height: 48px; margin-left: 10px;}
    .navbar-nav>li:hover>ul{ display: none;}
    .carousel-indicators{ bottom: 0;}
} 

/*导航结束*/

/* banner */
/* flexslider */
.flexslider {
    position: relative;
    overflow: hidden;
}

.slides {
    position: relative;
    z-index: 1;
}

.slides img {
    width: 100%;
    height: auto;
}

.flex-control-nav {
    position: absolute;
    bottom: 11%;
    left: 19%;
    z-index: 2;
    width: 100%;
    text-align: left;
}

.flex-control-nav li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 40px;
    overflow: hidden;
    background: url(../images/dot.png) right 0 no-repeat;
    cursor: pointer;
}

.flex-control-nav .flex-active {
    background-position: 0 0;
}

.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 45%;
}

.flex-direction-nav li a {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}

.flex-direction-nav li a.flex-prev {
    left: 40px;
    background: url(images/prev.png) center center no-repeat;
}

.flex-direction-nav li a.flex-next {
    right: 40px;
    background: url(images/next.png) center center no-repeat;
}

/* sy-about */
.syabout{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 50px 20px 30px;
}
.sytitle{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.sytitle::before{
    content: "";
    position: absolute;
    background: #007a77;
    width: 50px;
    height: 3px;
    bottom: -2px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
}
.sytitle p{
    background: #007a77;
    color: #fff;
    display: initial;
    padding: 3px 24px;
    border-radius: 30px;
    text-transform:uppercase;
}
.sytitle h3{
    color: #111;
    font-weight: 600;
    letter-spacing: 2px;
}
.sytitle h3 b{
    color: #007a77;
}
.sytitle h5{
    color: #999;
    letter-spacing: 1px;
    margin: 10px 0 20px;
}
.syabout .shuzi{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.syabout .shuzi .szibox{
    width: 25%;
    text-align: center;
    margin: 30px 0;
}
.syabout .shuzi .szibox h2{
    color: #191919;
    font-size: 36px;
    font-weight: 600;
}
.syabout .shuzi .szibox h5 {
    color: #007a77;
    font-weight: 600;
    font-size: 16px;
}
.syabout .shuzi .szibox p{
    color: #666;
}
.syabzi{
    width: 100%;
    margin: 30px 0 0;
    text-align: justify;
    line-height: 24px;
}
.sybtn{
    background: #007a77;
    text-align: center;
    border-radius: 5px;
    padding: 8px 0;
    margin: 66px auto 0;
    width: 138px;
}
.sybtn a{
    color: #fff;
}
/* sy-kehu */
.khtit{
    font-weight: 600;
}
.khtit span{
    color: #007a77;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
.sykehu{
    width: 100%;
    height: auto;
    margin: 20px 0 30px;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.sykehu .khbox{
    width: 14%;
    height: auto;
    border: 3px solid #ddd;
    display: block;
    margin-bottom: 26px;
    float: left;
}

/* sy-PROLEI */
.sypro{
    width: 100%;
    height: auto;
    background: url(../images/bg1.jpg);
    padding: 50px 20px 0;
    display: inline-block;
}

/* product section start */
.product_section {width:100%;float:left; margin: 60px 0;}
.product_taital {width:100%;float:left;font-size:40px;color:#363636;text-transform:uppercase;text-align:center;font-weight:bold;}
.product_text {width:100%;float:left;font-size:16px;color:#363636;margin:0px;text-align:center;padding-bottom:50px;}
.stretch-card>.card {width:100%;min-width:100%}
.flex {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
@media (max-width:991.98px) {.padding {padding:1.5rem} }
@media (max-width:767.98px) {.padding {padding:1rem} }
.padding {padding:3rem}
.card {position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:transparent;border:0px}
.image_main {
    width: 100%;
    background-color: #fff;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}
.image_main:hover {transform:scale(1.1);background-color:#f75261;border:0px; }
.owl-carousel .owl-item .image_main img {display:block;width:100%;height:auto;}
.price_text {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #555;
    font-weight: bold;
    padding-top: 20px;
    line-height: 30px;
}
.price_text span{ color: #007a77; font-size: 16px;}
.product_section.layout_padding .owl-carousel .owl-nav button.owl-next,.product_section.layout_padding .owl-carousel .owl-nav button.owl-prev {border-radius:100px;margin:0 10px;width:45px;height:45px;color:#007a77;border:2px solid #007a77;}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {display:flex;font-size:23px;justify-content:center;align-items:center;text-align:center;padding:0px;background-image:url(../images/angle-left.png);background-size:12px;background-position:center;background-repeat:no-repeat;width:12px;display:flex;padding:0px;margin-left:13px;position:absolute;top:50%;transform:translateY(-50%);}
.owl-carousel .owl-nav button.owl-next {right:-90px;top:240px;}
.owl-carousel .owl-nav button.owl-prev {left:-90px;top:240px;}
.owl-carousel .owl-nav button.owl-next {background-image:url(../images/angle-right.png);}
.owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-nav button.owl-prev span { font-size: 50px; margin-top: -20px;}
.owl-carousel {display:none;width:100%;z-index:1}
.owl-carousel .owl-stage {position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer {position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item {min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img {display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded {display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading {opacity:0;display:block}
.owl-carousel.owl-hidden {opacity:0}
.owl-carousel.owl-refresh .owl-item {visibility:hidden}
.owl-carousel.owl-drag .owl-item {margin-right: 20px; -ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab {cursor:move;cursor:grab}
.owl-carousel.owl-rtl {direction:rtl}
.owl-carousel.owl-rtl .owl-item {float:right}
.owl-carousel .animated {animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in {z-index:0}
.owl-carousel .owl-animated-out {z-index:1}
.owl-carousel .fadeOut {animation-name:fadeOut}
@keyframes fadeOut {0% {opacity:1}
100% {opacity:0}
}
.owl-height {transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy {opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy {transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper {position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon {position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover {-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {display:none}
.owl-carousel .owl-video-tn {opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame {position:relative;z-index:1;height:100%;width:100%}
/* product section end */

@media (min-width:768px) and (max-width:991px) {.owl-carousel .owl-nav button.owl-next {right:288px;top:490px;}
.owl-carousel .owl-nav button.owl-prev {left:288px;top:490px;}
}
@media (min-width:576px) and (max-width:767px) {.owl-carousel .owl-nav button.owl-next {right:-90px;top:170px;display:none;}
.owl-carousel .owl-nav button.owl-prev {left:-90px;top:170px;display:none;}
}
@media (max-width:575px) {.owl-carousel .owl-nav button.owl-next {right:-90px;top:170px;display:none;}
.owl-carousel .owl-nav button.owl-prev {left:-90px;top:170px;display:none;}
}

/* syxinw */
.syxinw{
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 50px 0 24px;
}
.syxinw ul{
    margin: 30px 0 0;
}
.syxinw ul li{
   
    display: block;
    padding-bottom: 15px;
}
.syxinw ul li a{
    color: #333;
    text-decoration: none;
}
.syxinw ul li .time{
    width: 100%;
    display: flex;
    background: url(../images/yh.jpg) right center no-repeat;
    padding: 12px 12px 0;
}
.syxinw ul li .time h2{
    background: #007a77;
    padding: 8px;
    color: #fff;
}
.syxinw ul li .time span {
    color: #555555;
    display: block;
    font-size: 16px;
    margin: 40px 0 0 10px;
}

.syxinw ul li .synzi {
    width: 100%;
    padding: 12px;
}

.syxinw ul li .synzi h4{
    font-size: 17px;
    font-weight: 600;
}
.syxinw ul li .synzi p{
    color: #777;
}

.syxinw .sytit{
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.syxinw .sytit a{
    background: #007a77;
    border-radius: 5px;
    margin: 20px 20px 0 0;
    width: 120px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
}

/* footop */
.syfootop {
    position: relative;
}
.syfootop .sywhzi{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 50%;
    text-align: center;
    z-index: 2;
    color: #fff;
    margin: 50px auto;
}
.syfootop .sywhzi h3 {
    font-weight: 600;
    letter-spacing: 2px;
}
.syfootop .sywhzi p{
    font-size: 15px;
}
.syfootop .sywhzi a{
    display: block;
    color: #fff;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    line-height: 35px;
    font-size: 30px;
    margin: 15px auto 24px;
    border-radius: 30px;
}
.syfootop .sywhzi a:hover {
    display: block;
    color: #fff;
    background: #007a77;
    border: 2px solid #007a77;
    width: 40px;
    height: 40px;
    line-height: 32px;
    font-size: 30px;
    margin: 15px auto 24px;
    border-radius: 30px;
}
.flink{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 68px;
    z-index: 2;
    color: #fff;
    margin: 50px auto 0;
    border-top: 1px solid #fff;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.flink p{
    margin: 0;
}

/* footer */
footer {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    color: #333;
    background-color: #f6f6f6;
}

@media (max-width: 767px) {
    footer {
        text-align: center;
    }
}

footer h4 {
    color: #111;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 22px;
}

footer .form-control {
    background-color: transparent;
    border: 0;
    padding: 0;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer ul li {
    list-style-type: none;
}

footer a {
    color: #666;
    font-size: 13px;
}

footer a:hover {
    color: #666;
}

footer .footer-showroom {
    padding-top: 30px;
    padding-bottom: 30px;
}
footer .footer-showroom p{
    color: #666;
}

footer .footer-showroom.footer-showroom-single {
    margin-bottom: 0;
}

footer .footer-showroom .call-us {
    margin-top: 20px;
}

@media (min-width: 768px) {
    footer .footer-showroom {
        padding-top: 40px;
        padding-bottom: 34px;
        /* margin-bottom: 40px; */
    }
}

@media (min-width: 992px) {
    footer .footer-showroom {
        padding-top: 60px;
        padding-bottom: 38px;
        /* margin-bottom: 60px; */
    }
}

@media (min-width: 1200px) {
    footer .footer-showroom {
        padding-top: 46px;
        padding-bottom: 30px;
        /* margin-bottom: 80px; */
    }
}

footer .footer-links .form-newsletter {
    position: relative;
}

footer .footer-links .form-newsletter .btn {
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media print {
    footer .footer-links {
        display: none !important;
    }
}

footer .footer-social {
    width: 100%;
    text-align: center;
    background: #007a77;
    color: #fff;
    height: 50px;
    line-height: 50px;
}

footer .footer-social li {
    display: inline-block;
}

footer .footer-social li a {
    padding: 0 5px;
}

@media (min-width: 992px) {
    footer .footer-social {
        text-align: left;
    }

    footer .footer-social .links {
        text-align: right;
    }
}

@media (max-width: 991px) {
    footer .row>div {
        margin-bottom: 30px;
    }

    footer .row>div:last-child {
        margin-bottom: 0;
    }
}

.ewm{
    width: 100%;
    text-align: center;
}
.ewm img{
    width: 100px;
    height: auto;
    border: 1px solid #fff;
    display: block;
    margin: 0 auto;
}


/* ny-about */
.nyban {
    margin-top: 0;
}

.nycontent {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 50px 0 0;
}

.text-general {
    width: 80%;
    height: auto;
    margin: 0 10% 30px;
}

.text-general h3 {
    margin: 0 0 15px;
}

.text-general p {
    font-size: 15px;
    letter-spacing: 0.025em;
    color: rgba(0, 0, 0, 0.8);
    line-height: 25px;
    font-weight: normal;
}

/* ny-shebei */
.facbox {
    width: 100%;
    display: inline-block;
    margin: 0 0 50px;
}

.facbox .faclist {
    position: relative;
    top: 0px;
    display: inline-block;
    vertical-align: top;
    /* padding: 10px; */
    height: inherit;
    background: #ffffff;
    margin: 5px 0;
    border: 1px solid #e2e2e28f;
    transition: all .5s ease;
}

.facbox .faclist:hover {
    top: -10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 18px 2px;
}

.pagination {
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 30px auto 60px;
    justify-content: space-between;
}

.pagination span>a {
    padding: 5px 10px;
    color: #333;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.page-num-current {
    padding: 5px 0 !important;
}

.pagination span>a select,
.pagination span>a select:focus {
    border: solid 1px transparent !important;
    padding: 5px 10px;
    background: transparent;
}

/*honor*/
.carousel1 {
    padding: 0 20px;
    -webkit-perspective: 500px;
    perspective: 500px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.carousel1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.carousel1 figure {
    margin: 0;
    width: 40%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.carousel1 figure a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0px;
}

.carousel1 figure a:not(:first-of-type) {
    position: absolute;
    left: 0;
    top: 0;
}

.carousel1 nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0 0;
}

.carousel1 nav button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 5px;
    cursor: pointer;
    color: #333;
    background: none;
    border: 1px solid;
    letter-spacing: 1px;
    padding: 5px 10px;
}



/* left-nav */
.nav-pro>ul {border:none;}
.nav-pro>ul>li {position:relative;margin:0 15px 0 0;border-bottom:1px solid #f5f5f5;transition:.3s; }
.nav-pro>ul>li>a {padding: 2px 0 0 10px;display:block;transition:.3s;cursor:pointer; line-height: 42px;}
.nav-pro>ul>li:hover>a {border-left:5px solid #217575;background:#f5f5f5;}
.nav-pro>ul>li>i {position:absolute;right:6px;top:8px;font-size:24px;}
.nav-pro>ul>.active{ border: none;}
.nav-pro>ul>.active>a {border-left:5px solid #217575;background:#f5f5f5;display:block;}
.nav-pro>ul>li>a {color:#333;font-size:16px;}
.nav-pro>ul>li>ul>li>a {color:#555;padding:10px 5px;margin:0 10px;border-bottom:1px solid #ddd;display:block; font-size: 15px;}
.nav-pro>ul>li>ul>.active {background:#217575;}
.nav-pro>ul>li>ul>li>ul>li{ padding-left: 26px;}
.nav-pro>ul>li>ul>li>ul>li>a{ color: #888; line-height: 32px; width: 92%; display: block; padding: 0 0 0 8px; border-bottom: 1px dotted #ddd;}
.submenu {display:none !important;}
.showsub .submenu {display:block !important;}
.sonmenu{display: none;}


/* ny-product */
.pbox {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
}

.pbox img {
    width: 100%;
    height: auto;
    margin: 50px auto box-shadow:0 0 1px #ccc;
    background-color: skyblue;
    transition: all 1s;
    border: 1px solid #ddd;
}

.pbox img:hover {
    box-shadow: 10px 10px 10px #ddd;
}

.pbox p {
    text-align: center;
    line-height: 56px;
    font-size: 16px;
    color: #1b1b1b;
    border-bottom: 1px solid #ddd;
}

.pbox:hover p {
    color: #217575;
    border-bottom: 1px solid #217575;
}

.pro-xq-ms>h3 {
    font-size: 20px;
    color: #444;
    line-height: 56px;
    text-indent: 2em;
    font-weight: 600;
    border-bottom: 4px solid #d7d7d7;
    background-color: #eee;
}

.pro-xq-ms>p {
    padding: 5px 5px;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
    border-bottom: 1px solid #000;
}

.pro-xq-ms>p>a {
    color: #333;
    font-size: 14px;
}

.pro-xq-ms>p>span {
    font-size: 14px;
    color: #333;
}

/* bread */
.position {
    width: 100%;
    height: 52px;
    border-bottom: 1px solid #ddd;
}

.position .posbox {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.position .posbox .nybanleft {
    width: 68%;
}

.position .posbox .nybanleft h3 {
    position: relative;
    display: inline;
    padding: 18px 30px;
    line-height: 52px;
    color: #333;
    font-size: 18px;
}

.position .posbox .nybanleft ul li {
    float: left;
    padding: 2px 18px;
    line-height: 52px;
    font-size: 16px;
    position: relative;
    margin-top: -3px;
}

.position .posbox .nybanleft ul .active {
    background: #217575;
}

.position .posbox .nybanleft ul .active a {
    color: #fff;
}

.position .posbox .nybanleft ul a {
    color: #333;
    font-size: 16px;
}

.position .posbox .nybanright {
    line-height: 52px;
}

.position .posbox .nybanright a {
    color: #333;
}

/* ny-download */
.downbox {
    padding: 12px 22px;
    border-bottom: 1px dashed #ddd;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.downbox p {
    margin-left: 37px;
}

.downbox p b {
    color: #217575;
    font-size: 20px;
}

.downbox h5 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.downbox h5 b {
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #666;
    display: inline-block;
    margin-right: 10px;
    border-radius: 3px;
}

.downbox i {
    padding-top: 16px;
    font-size: 20px;
    color: #666;
}

.downbox:hover {
    cursor: pointer;
}

.downbox:hover h5 {
    color: #217575;
}

.downbox:hover h5 b {
    cursor: pointer;
    background: #217575;
}

.downbox:hover i {
    color: #217575;
}

/* ny-news */
.newshow {
    width: 100%;
    padding: 0 50px 50px;
}

.newshow p {
    font-size: 15px;
    line-height: 26px;
    text-indent: 2em;
    margin-bottom: 10px;
}

.newback {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.newback a:hover {
    color: #014d97;
}
.wenz p img{
    width: 84%;
    height: auto;
}

/* ny-contact */
.link h3 {}
.ltop{
    margin-top: 20px;
}
.ltop i{
    color: #007a77;
    font-size: 14px;
}
.ltop b {
    color: #007a77;
    font-weight: 600;
    font-size: 14px;
}
.linkbox {
    width: 100%;
    height: auto;
    border: 2px solid rgba(33, 117, 117, .1);
    padding: 46px 36px;
    margin: 30px 0;
    display: inline-block;
}

.linkbox h4 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #217575;
    font-size: 17px;
}

.linkbox p {
    color: #777;
    height: 24px;
}

.linkbox p span {
    color: #333;
}

.messagebox {
    width: 100%;
    display: inline-block;
}

.messagebox h4 {
    font-size: 20px;
}

.message-con {
    width: 100%;
    height: auto;
    padding: 16px 28px;
    margin: 32px 0 50px;
    background: rgba(255, 255, 255, .55);
    box-shadow: 2px 2px 4px rgba(33, 117, 117, .1);
}

.message-con>form {
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;

}

.message-con>p {
    font-size: 26px;
    font-weight: block;
    text-align: center;
}

.form-group {
    width: 50%;
    margin: 5px 0 0;
    padding: 5px;
}

.form-group input,
.form-group1 textarea {
    padding: 10px;
    border-radius: 5px;
    letter-spacing: 1px;
    font-size: 15px;
    outline: none;
    border: none;
    box-shadow: none;
    display: block;
    width: 100%;
    height: 34px;
    line-height: 28px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid rgba(33, 117, 117, .1);
}

.form-group1 {
    width: 100%;
    margin: 10px 0;
    padding: 5px;
}

.form-group1 textarea {
    width: 100%;
    height: 90px;
}

.yzm {
    margin: 15px 30px 0 0;
}

.submit {
    background: #217575;
    color: #fff;
    border-radius: 0;
    font-size: 15px;
    width: 40%;
    margin: 12px auto;
    height: 38px;
    outline: none;
    letter-spacing: 1px;
    cursor: pointer;
    border: none;
}

.message-bd {
    height: 30px;
}

.message-con img {
    height: 35px;
}

.message-con h3{
    font-size: 22px;
}

.proshow {
    width: 100%;
    display: inline-block;
    margin: 0 0 50px;
}

.pback {
    display: block;
    padding: 3px 24px;
    border-radius: 15px;
    background: #666;
    color: #fff;
}

.pback:hover {
    background: #217575;
    color: #fff;
}

/* zhiye */
.zyebox{
    width: 100%;
    text-align: center;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    padding: 20px 0 35px;
}
.zyebox:nth-of-type(4) {
    margin-bottom: 100px;
    border-bottom: none;
}
.zyebox:hover {
    background: #f6f6f6;
}

.zyebox h3{
    letter-spacing: 2px;
    margin: 20px 0 36px;
    color: rgba( 0,122,119, .9);
}
.zyebox p{
    font-size: 16px;
    width: 70%;
    margin: 0 auto;
}
.zyebox a{
    background: #333;
    color: #fff;
    display: block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 30px;
    margin: 30px auto 0;
}
.zyebox:hover a{
    background: #007a77;
}
.why{
    width: 90%;
    margin: 0 auto 80px;
}
.why h3{
    color: #007a77;
    margin: 0 0 30px;
    letter-spacing: 2px;
}
.why h3 b{
    letter-spacing: 0;
    font-weight: normal;
}
.why p {
    line-height: 26px;
    text-indent: 25px;
}

/* zhaopin */
.zhaopin h3{
    width: 80%;
    margin: 0 auto;
    border-bottom: 5px solid #007a77;
    line-height: 64px;
    color: #007a77;
    font-size: 26px;
}
.zhaopin table{
    width: 80%;
    margin: 0 auto 50px;
}
.zhaopin table tbody tr:nth-of-type(1){
    font-weight: 600;
    font-size: 18px;
}
.zhaopin table tbody tr{
    border-bottom: 1px dotted #ddd;
    text-align: center;
    line-height: 42px;
}

.zhaopin table tbody tr td{
    color: #666;
}

@media all and (max-width: 767px) {
    .nyban img{ width: 120%; margin: 0 0 0 -10%;}
    .syabout .shuzi .szibox { width: 50%; margin: 0;}
    .sykehu .khbox{ width: 30%;}
    .flink{ display: none;}
    .sj{ display: none;}
    .syfootop img{ width: 150%; margin: 0 0 0 -25%;}
    .syfootop .sywhzi{ margin: 0 auto;}
    .syfootop .sywhzi h3{ font-size: 16px;}
    footer .footer-social{ height: 62px; line-height: 26px; padding: 6px 0 0 0;}
    .nybanright{ display: none;}
    .position .posbox .nybanleft{ width: 100%;}
    .position .posbox .nybanleft ul li{ width: 25%; float: left; padding: 0; text-align: center;}
    .position .posbox .nybanleft ul a{ font-size: 14px;}
    .form-group{ width: 100%;}
}