/*main首页产品*/















.homeHeatingBack {
    background: url("../images/main1.jpg") repeat;
}















.homeHeating {
    height: 50px;
    position: relative;
    z-index: 10;
}















.homeHeating .heatFloat {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: url("../images/main2.png") repeat-y;
    background-size: 100% auto;
    padding: 25px 47px;
}





















.homeHeating .heatFloat .b {
    float: right;
    width: 58px;
    height: 58px;
    line-height: 0;
}















.homeHeating .heatFloat .heatLeft {
    padding-right: 120px;
}















.homeHeating .heatFloat .heatLeft h2 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 24px;
    line-height: 34px;
}















.homeHeating .heatFloat .heatLeft .heatSmall {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
    line-height: 16px;
    margin-top: 6px;
    text-transform: uppercase;
}















@media screen and (max-width:991px) {















    .homeHeating {
        display: none;
    }















}































/*homePro*/















.homePro {
    padding: 7.09% 0 4.61% 0;
}















@media screen and (max-width:767px) {















    .homePro {
        padding: 9% 0 4.61% 0;
    }















}















.homeProTitle {}















.homeProTitle .proText {
    text-align: center;
    line-height: 0;
}















.homeProTitle .proText h2 {
    display: inline-block;
    vertical-align: top;
    color: #008996;
    font-size: 36px;
    line-height: 1;
    padding: 0 140px;
    position: relative;
}















.homeProTitle .proText h2::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 7px;
    left: 50px;
    background-color: #008996;
    top: 50%;
    margin-top: -4px;
}















.homeProTitle .proText h2::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 7px;
    right: 50px;
    background-color: #008996;
    top: 50%;
    margin-top: -4px;
}















.homeProTitle .proText h2 .span1 {
    position: absolute;
    width: 100%;
    height: 141%;
    bottom: 50%;
    left: 0;
    right: 0;
    border: #008996 solid 1px;
    border-bottom: 0;
}















.homeProTitle .proText h2 .span2 {
    position: absolute;
    width: 50px;
    height: 1px;
    bottom: 50%;
    left: 0;
    background-color: #008996;
}















.homeProTitle .proText h2 .span3 {
    position: absolute;
    width: 50px;
    height: 1px;
    bottom: 50%;
    right: 0;
    background-color: #008996;
}















.homeProTitle .forCustom {
    padding: 1.36% 0 3px 0;
    color: #454545;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
}















.homeProTitle .forEng {
    padding-bottom: 1.28%;
    color: #b2b2b2;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
}















.homeProTitle .forLine {
    text-align: center;
    line-height: 0;
}















.homeProTitle .forLine span {
    display: inline-block;
    vertical-align: top;
    width: 54px;
    height: 4px;
    background-color: #49b232;
}















@media screen and (max-width:991px) {















    .homeProTitle .proText h2 {
        font-size: 28px;
        padding: 0 60px;
    }















    .homeProTitle .proText h2 .span1 {
        height: 110%;
    }















    .homeProTitle .forCustom {
        font-size: 16px;
    }















}















@media screen and (max-width:767px) {















    .homeProTitle .proText h2 {
        font-size: 20px;
        padding: 0 40px;
    }















    .homeProTitle .proText h2::before {
        left: 20px;
    }















    .homeProTitle .proText h2::after {
        right: 20px;
    }















    .homeProTitle .proText h2 .span2 {
        width: 20px;
    }
















    .homeProTitle .proText h2 .span3 {
        width: 20px;
    }















    .homeProTitle .forCustom {
        padding: 1.36% 0 10px 0;
        font-size: 14px;
    }















    .homeProTitle .forEng {
        display: none;
    }















}































































.homeProDown {
    padding-top: 2.56%;
}















.homeProDown .hd {
    float: left;
    width: 100%;
}















.homeProDown .hd ul {
    float: left;
    width: 100%;
    background-color: #008996;
}















.homeProDown .hd ul li {
    float: left;
    width: 20%;
    padding: 15px 0;
    position: relative;
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    text-align: center;
}















.homeProDown .hd ul li.on {
    background-color: #49b232;
}















.homeProDown .hd ul li::after {
    display: none;
    content: '';
    left: 50%;
    margin-left: -7px;
    top: 100%;
    position: absolute;
    width: 0;
    height: 0;
    border-top: #49b232 solid 8px;
    border-right: transparent solid 7px;
    border-left: transparent solid 7px;
}















.homeProDown .hd ul li.on::after {
    display: block;
}















.homeProDown .bd {
    float: left;
    width: 100%;
    padding-top: 8px;
}















@media screen and (max-width:767px) {















    .homeProDown .hd ul li {
        width: 50%;
        padding: 10px 0;
    }















    .homeProDown .hd ul li::after {
        border-top: #49b232 solid 0;
        border-bottom: #008996 solid 8px;
        top: auto;
        bottom: 0;
    }















}















.homeProDown .bd .bdShow {
    margin: 0 -15px;
}















.bdShow ul {
    float: left;
    width: 100%;
}















.bdShow ul li {
    float: left;
    width: 33.3333%;
    padding: 0 15px;
}















.bdShow ul li .linkBox {
    margin-top: 8.37%;
}















.bdShow ul li .linkBox .proPic {
    overflow: hidden;
    position: relative;
    border: #ebebeb solid 1px;
    border-bottom: 0;
    background-color: #fff;
}















.bdShow ul li .linkBox .proPic .picSelf {}















.bdShow ul li .linkBox .proPic .proBack {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);















    -webkit-transition: all 0.3s linear;















    -moz-transition: all 0.3s linear;















    -o-transition: all 0.3s linear;















    transition: all 0.3s linear;















    opacity: 0;















    filter: alpha(opacity=0);















    -moz-opacity: 0;















    -khtml-opacity: 0;















}















.bdShow ul li:hover .linkBox .proPic .proBack {















    opacity: 1;















    filter: alpha(opacity=100);















    -moz-opacity: 1;















    -khtml-opacity: 1;















}















.bdShow ul li .linkBox .proPic .proBack .txt {
    position: absolute;
    width: 100%;
    padding: 8.64% 6.75% 0 6.75%;
}















.bdShow ul li .linkBox .proPic .proBack .txt p {
    height: 60px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}















.bdShow ul li .linkBox .proPic .proBack .txt p a {
    color: #fff;
}















.bdShow ul li .linkBox .proPic .proBack .bn {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 15.94% 8.64% 15.94%;
}















.bdShow ul li .linkBox .proPic .proBack .bn .bnLi {
    float: left;
    width: 50%;
    padding: 0 3px;
}















.bdShow ul li .linkBox .proPic .proBack .bn .bnLi a {
    float: left;
    width: 100%;
    height: 39px;
    background-color: #49b232;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 39px;
}















.bdShow ul li .linkBox .proPic .proBack .bn .bnLi.two a {
    background-color: #008996;
}















.bdShow ul li .linkBox .proPic .proBack .bn .bnLi a b {
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 13px;
    line-height: 0;
    margin-left: 5px;
    margin-top: 13px;
}















.bdShow ul li .linkBox .proPic .proBack .bn .bnLi a span {
    display: inline-block;
    vertical-align: top;
}















.bdShow ul li .linkBox .proDownTxt {
    border: #ebebeb solid 1px;
    padding: 4.05% 10px 4.57% 10px;
    background-color: #fff;
    text-align: center;
}















.bdShow ul li:hover .linkBox .proDownTxt {
    background-color: #008996;
    border: #008996 solid 1px;
}















.bdShow ul li .linkBox .proDownTxt h3 {
    color: #363636;
    font-size: 16px;
    line-height: 27px;
}















.bdShow ul li:hover .linkBox .proDownTxt h3 {
    color: #fff;
}















.bdShow ul li .linkBox .proDownTxt p {
    color: #757575;
    font-size: 14px;
    line-height: 19px;
}















.bdShow ul li:hover .linkBox .proDownTxt p {
    color: #fff;
}















@media screen and (max-width:767px) {















    .homeProDown .bd .bdShow {
        margin: 0 -7px;
    }















    .bdShow ul li {
        width: 50%;
        padding: 0 7px;
    }















    .bdShow ul li .linkBox .proPic .proBack {
        display: none;
    }















}



























































































































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







@media screen and (max-device-width: 320px) {
    body {
        -webkit-text-size-adjust: none
    }
}







@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none
    }
}







@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    body {
        -webkit-text-size-adjust: none
    }
}







@media only screen and (min-device-width: 768px) and (max-device-width: 1243px) {
    body {
        -webkit-text-size-adjust: none
    }
}







































/*固定顶部导航*/







.pz_menu {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    top: 160px;
    z-index: 5;
    background: url(../images/top5.png);
}















.pz_menu.on {
    position: fixed;
    top: 0;
}



@media screen and (max-width: 991px) {



    .pz_down {
        z-index: 3;
    }



}



/**/























.menu>ul {
    float: left;
    width: 100%;
}



.menu ul .nli {
    float: left;
    z-index: 99;
    position: relative;
    height: 64px;
    width: 12.285%;
    padding: 10px 0;
    background: url(../images/top3.png) no-repeat right center;
}



.menu ul .nli span {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
}



.menu ul .nli span a {
    display: inline-block;
    width: 136px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    position: relative;
    z-index: 2;



    -moz-border-radius: 22px;



    -webkit-border-radius: 22px;



    -khtml-border-radius: 22px;



    border-radius: 22px;
}



.menu ul .nli.on span a,



.menu ul .nli:hover span a {
    background: #f89e1d;
}



.menu ul .nli:last-child {
    background: none;
}



/*下拉菜单（漂浮在menu .nli上）*/



.sub {
    z-index: 21;
    position: absolute;
    float: left;
    width: 140px;
    left: 50%;
    margin-left: -70px;
    top: 100%;
    display: none;
    text-align: left;



    -webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;
}



.sub .l2 {
    float: left;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 1px;
    background: url(../images/top5.png);
}



.sub .l2 .l2_a {
    display: block;
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    padding: 0 20px;
    overflow: hidden;
    position: relative;
}



.sub .l2 .l2_a svg {
    display: block;
    width: 7px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    background: url(../images/top4.png) no-repeat center center;
    margin-top: -6px;
    background-size: contain;



    -webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;
}



.sub .l2:hover {
    background: #f39800;
}



.sub .ul3 {
    width: 100%;
    float: left;
    position: absolute;
    left: 101%;
    top: -1px;
    display: none;
    text-align: center;
}



.sub .ul3 .l3 {
    width: 100%;
    float: left;
    margin-top: 1px;
    background: url(../images/top3.png);
}



.sub .ul3 .l3 .l3_a {
    display: block;
    width: 100%;
    float: left;
    padding: 0 10px;
    font-size: 12px;
    line-height: 40px;
    color: #fff;
}



.sub .ul3 .l3:hover {
    background: url(../images/top2_h.png);
}



















































/*手机版底部菜单*/







.pf_d {
    float: left;
    width: 100%;
    height: 50px;
}







.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    border-top: solid 1px #ddd;
    height: 50px;
    z-index: 99;
}







.pf_down li {
    width: 33.3333%;
    float: left;
    text-align: center;
    padding: 5px 0 0 0;
}







.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}







.pf_down li .name {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    font-family: "Arial";
}







.pf_down li.l1 .ico7 {
    background: url(../images/btn15.png) no-repeat center;
    background-size: 20px 20px;
}







.pf_down li.l2 .ico7 {
    background: url(../images/btn16.png) no-repeat center;
    background-size: 20px 20px;
}







.pf_down li.l3 .ico7 {
    background: url(../images/down15.png) no-repeat center;
    background-size: 20px 20px;
}







.pf_down li:hover .name,







.pf_down li.on .name {
    color: #186ebf;
}







.pf_down .l1:hover .ico7,







.pf_down .l1.on .ico7 {
    background: url(../images/btn15_1.png) no-repeat center;
    background-size: 20px 20px;
}







.pf_down .l2:hover .ico7,







.pf_down .l2.on .ico7 {
    background: url(../images/btn16_1.png) no-repeat center;
    background-size: 20px 20px;
}







.pf_down .l3:hover .ico7,







.pf_down .l3.on .ico7 {
    background: url(../images/down15_2.png) no-repeat center;
    background-size: 20px 20px;
}































/*联系我们*/



.contactOne {
    padding-top: 58px;
    padding-bottom: 60px;
}



.contactOneLeft {
    width: 69.23%;
    float: left;
    height: 609px;
    background: #ebebeb;
}



.contactOneLeft .dt {
    width: 100%;
    float: left;
    padding: 49px 40px 34px 88px;
    background: #ebebeb;
}



.contactOneLeft .dt h3 {
    width: 100%;
    float: left;
    font-size: 30px;
    color: #151515;
    line-height: 47px;
    letter-spacing: 1px;
}



.contactOneLeft .dt h5 {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #9c9c9c;
    line-height: 33px;
    letter-spacing: 16px;
    text-transform: uppercase;
}



.contactOneLeft .dd {
    width: 100%;
    float: left;
    padding: 36px 40px 32px 40px;
    background: #f6f6f6;
}



.contactOneLeft .dd li {
    width: 50%;
    float: left;
    padding-left: 105px;
    position: relative;
    padding-right: 15%;
}



.contactOneLeft .dd li .ewm {
    width: 79px;
    height: 79px;
    border: solid 2px #106b73;
    position: absolute;
    right: 10%;
    top: 50%;
    margin-top: -40px;
}







.contactOneLeft .dd li .ico {
    width: 42px;
    height: 42px;
    background: #106b73;
    line-height: 0;
    position: absolute;
    left: 45px;
    top: 2px;



    -moz-border-radius: 50%;



    -webkit-border-radius: 50%;



    -khtml-border-radius: 50%;



    border-radius: 50%;
}



.contactOneLeft .dd li h5 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #444;
    line-height: 29px;
    letter-spacing: 1px;
}



.contactOneLeft .dd li h6 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #444;
    line-height: 26px;
    letter-spacing: 1px;
}



.contactOneLeft .dd li h6 span {
    margin-right: 22px;
    display: inline-block;
}




.contactOneLeft .dd:nth-child(3n) {
    background: #ebebeb;
}



.contactOneLeft .dd:last-child li {
    width: 100%;
    padding-right: 0;
}



.contactOneRight {
    width: 29.51%;
    float: right;
    background: white;
    border: solid 1px #ededed;
    padding: 36px 39px 0 38px;
    height: 609px;
}



.contactOneRight .dt {
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #333;
    line-height: 34px;
    letter-spacing: 1px;
    margin-bottom: 9px;
}



.contactOneRight .dd {
    width: 100%;
    margin-top: 11px;
}



.contactOneRight .dd h5 {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 32px;
    letter-spacing: 1px;
}



.contactOneRight .dd input,
.contactOneRight .dd textarea {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #f7f7f7;
    padding: 0 20px;



    -moz-border-radius: 4px;



    -webkit-border-radius: 4px;



    -khtml-border-radius: 4px;



    border-radius: 4px;



    appearance: none;



    -moz-appearance: none;



    -webkit-appearance: none;



    outline: 0;



    border: 0
}



.contactOneRight .dd textarea {
    padding: 8px 20px;
    line-height: 24px;
    height: 116px;
}



.contactOneRight .dd.d2 {
    text-align: center;
    margin-top: 29px;
}



.contactOneRight .dd.d2 input {
    display: inline-block;
    width: 229px;
    height: 44px;
    line-height: 44px;
    color: white;
    background: #186ebf;
    font-size: 16px;



    -moz-border-radius: 22px;



    -webkit-border-radius: 22px;



    -khtml-border-radius: 22px;



    border-radius: 22px;
}



.contactOneRight .dd.d1 {
    padding-right: 107px;
    position: relative;
}



.contactOneRight .dd.d1 span {
    display: block;
    width: 98px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}



.contactOneRight .dd.d2 input:hover {
    background: #ee4b20;
}



@media screen and (max-width:1585px) {



    .contactOneLeft .dt {
        padding: 39px 20px 24px 48px;
    }



    .contactOneLeft .dd {
        padding: 33px 20px 34px 0px;
    }



    .contactOneLeft .dd li {
        padding-right: 10%;
    }



    .contactOneLeft .dd li .ewm {
        right: 0%;
    }



}



@media screen and (max-width:1199px) {



    .contactOneLeft {
        height: 479px;
    }



    .contactOneLeft .dt {
        padding: 29px 20px 14px 30px;
    }



    .contactOneLeft .dt h3 {
        font-size: 24px;
        line-height: 42px;
    }



    .contactOneLeft .dt h5 {
        font-size: 14px;
        line-height: 27px;
        letter-spacing: 12px;
    }



    .contactOneLeft .dd {
        padding: 23px 20px 24px 0;
    }



    .contactOneLeft .dd li {
        padding-left: 85px;
    }



    .contactOneLeft .dd li .ico {
        left: 30px;
        width: 38px;
        height: 38px;
    }



    .contactOneLeft .dd li .ewm {
        width: 60px;
        height: 60px;
        margin-top: -30px;
    }



    .contactOneLeft .dd li h5 {
        font-size: 14px;
        line-height: 25px;
    }



    .contactOneLeft .dd li h6 {
        font-size: 14px;
        line-height: 22px;
    }



    .contactOneRight {
        padding: 20px 19px 0 18px;
        height: 479px;
    }



    .contactOneRight .dt {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 5px;
    }



    .contactOneRight .dd {
        margin-top: 6px;
    }



    .contactOneRight .dd h5 {
        font-size: 12px;
        line-height: 26px;
    }



    .contactOneRight .dd input,
    .contactOneRight .dd textarea {
        height: 40px;
        line-height: 40px;
    }



    .contactOneRight .dd textarea {
        height: 100px;
    }



    .contactOneRight .dd.d1 span {
        width: 89px;
        height: 40px;
    }



    .contactOneRight .dd.d2 {
        margin-top: 20px;
    }



}



@media screen and (max-width:991px) {



    .contactOne {
        padding-top: 38px;
        padding-bottom: 40px;
    }



    .contactOneLeft,
    .contactOneRight {
        width: 100%;
        height: auto;
    }



    .contactOneLeft .dt {
        padding: 19px 10px 10px 20px;
    }



    .contactOneLeft .dd {
        padding: 13px 10px 24px 20px;
    }



    .contactOneLeft .dt h3 {
        font-size: 24px;
        line-height: 32px;
    }



    .contactOneLeft .dt h5 {
        margin-top: 6px;
        font-size: 14px;
        line-height: 20px;
    }



    .contactOneLeft .dd li {
        padding-left: 50px;
        padding-right: 15%;
    }



    .contactOneLeft .dd li .ewm {
        right: 10%;
    }



    .contactOneLeft .dd li .ico {
        width: 32px;
        height: 32px;
        left: 0;
    }



    .contactOneLeft .dd li h5 {
        font-size: 14px;
        line-height: 25px;
    }



    .contactOneLeft .dd li h6 {
        font-size: 14px;
        line-height: 22px;
    }



    .contactOneRight {
        padding: 16px 19px 20px 18px;
        height: auto;
    }



    .contactOneRight .dt {
        font-size: 16px;
        line-height: 26px;
    }




    .contactOneRight .dd input,
    .contactOneRight .dd textarea {
        height: 38px;
        line-height: 38px;
        padding: 0 10px;
    }



    .contactOneRight .dd textarea {
        padding: 6px 10px;
        line-height: 20px;
        height: 86px;
    }



    .contactOneRight .dd.d2 {
        margin-top: 19px;
    }



    .contactOneRight .dd.d2 input {
        width: 200px;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }



}



@media screen and (max-width:767px) {



    .contactOne {
        padding-top: 18px;
        padding-bottom: 20px;
    }



    .contactOneLeft {
        width: 100%;
    }



    .contactOneLeft .dt {
        padding: 12px 10px 10px 10px;
    }



    .contactOneLeft .dd {
        padding: 8px 10px 14px 10px;
    }



    .contactOneLeft .dt h3 {
        font-size: 18px;
        line-height: 26px;
    }



    .contactOneLeft .dt h5 {
        margin-top: 4px;
        font-size: 12px;
        line-height: 18px;
    }



    .contactOneLeft .dd li {
        width: 100%;
        margin: 15px 0;
        padding-left: 40px;
        padding-right: 25%;
    }



    .contactOneLeft .dd li h5 {
        line-height: 21px;
    }



    .contactOneLeft .dd li h6 {
        line-height: 20px;
    }



    .contactOneRight {
        padding: 10px 10px 15px 10px;
    }



    .contactOneLeft .dd li .ewm {
        right: 3%;
    }



}







.contactTwo {
    padding: 69px 30px 68px 30px;
    text-align: center;
    font-size: 18px;
    color: white;
    line-height: 42px;
    letter-spacing: 1px;
}



@media screen and (max-width:991px) {



    .contactTwo {
        padding: 49px 20px 48px 20px;
        font-size: 16px;
        line-height: 36px;
    }



}



@media screen and (max-width:767px) {



    .contactTwo {
        padding: 29px 15px 28px 15px;
        font-size: 14px;
        line-height: 30px;
    }



}







.contactTre {
    padding: 64px 0 82px 0;
}



.contactTreHead {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 38px;
    color: #333;
    line-height: 67px;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
}



.contactTreHead h1 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    text-transform: uppercase;
    font-size: 110px;
    line-height: 82px;
    color: #f6f6f6;
    font-family: 'OPENSANS-BOLD';
    font-weight: bold;
}



.contactTreBody {
    width: 100%;
    float: left;
    margin-top: 34px;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 36px;
}



.contactTreDown {
    width: 100%;
    float: left;
    margin-top: 3px;
}



.contactTreDown ul {
    width: 100%;
    float: left;



    display: flex;



    display: -webkit-flex;



    flex-wrap: wrap;



    align-items: flex-start;
}



.contactTreDown ul li {
    width: 33.33%;
    float: left;
    margin-top: 32px;
    padding: 0 15px;
}



.contactTreDown ul li .zbox {
    width: 100%;
    float: left;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    padding: 36px 30px 36px 41px;
    height: 317px;



    -moz-border-radius: 8px;



    -webkit-border-radius: 8px;



    -khtml-border-radius: 8px;



    border-radius: 8px;
}



.contactTreDown ul li .zbox .contactTreDownTit {
    width: 100%;
    float: left;
    padding-bottom: 12px;
    background: url(../images/contact3.jpg) no-repeat left bottom;
    font-size: 24px;
    color: #333;
    line-height: 40px;
    position: relative;
}



.contactTreDown ul li .zbox .contactTreDownTit h4 {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 37px;
    color: #444;
    opacity: 0.1;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
}



.contactTreDown ul li .zbox .scroll {
    width: 100%;
    float: left;
    margin-top: 5px;
    height: 193px;
    overflow: hidden;
    position: relative;
}



.contactTreDown ul li .zbox .scroll .p {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 28px;
    padding-right: 20px;
}



.contactTreDown ul li .zbox .scroll .p b {
    margin-top: 10px;
    width: 100%;
    float: left;
}



.scroll_tiao {
    width: 2px !important;
    background: #ddd;
    right: 2px !important;
}



.scroll_huakuai {
    width: 4px !important;
    background: #185fb7 !important;
    right: -1px !important;



    -moz-border-radius: 4px;



    -webkit-border-radius: 4px;



    -khtml-border-radius: 4px;



    border-radius: 4px
}



.contactTreBtn {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 64px;
}



.contactTreBtn h4 {
    font-size: 18px;
    color: #666;
    line-height: 30px;
    font-weight: bold;
}



.contactTreBtn h4 a {
    color: #106b73;
    text-decoration: underline;
}



.contactTreBtn h5 {
    font-size: 16px;
    color: #666;
    line-height: 27px;
}



@media screen and (max-width:1199px) {



    .contactTreDown ul li .zbox {
        padding: 36px 20px 36px 31px;
    }



    .contactTreDown ul li .zbox .contactTreDownTit h4 {
        font-size: 30px;
    }



}



@media screen and (max-width:991px) {



    .contactTre {
        padding: 44px 0 62px 0;
    }



    .contactTreHead {
        font-size: 32px;
        line-height: 47px;
    }



    .contactTreHead h1 {
        font-size: 90px;
        line-height: 62px;
    }



    .contactTreBody {
        margin-top: 24px;
        font-size: 14px;
        line-height: 30px;
    }



    .contactTreDown {
        margin-top: 0px;
    }



    .contactTreDown ul li {
        width: 50%;
        margin-top: 22px;
    }



    .contactTreDown ul li .zbox {
        padding: 26px 10px 26px 21px;
        height: 267px;
    }



    .contactTreDown ul li .zbox .contactTreDownTit {
        padding-bottom: 10px;
        font-size: 18px;
        line-height: 36px;
    }



    .contactTreDown ul li .zbox .contactTreDownTit h4 {
        font-size: 24px;
        line-height: 36px;
    }



    .contactTreDown ul li .zbox .scroll {
        overflow-y: auto;
    }



    .contactTreDown ul li .zbox .scroll .p {
        font-size: 14px;
        line-height: 24px;
        padding-right: 10px;
    }



    .contactTreDown ul li .zbox .scroll .p b {
        margin-top: 6px;
    }



    .contactTreBtn {
        margin-top: 44px;
    }



    .contactTreBtn h4 {
        font-size: 16px;
        line-height: 24px;
    }



    .contactTreBtn h5 {
        font-size: 14px;
        line-height: 23px;
    }



}



@media screen and (max-width:767px) {



    .contactTre {
        padding: 24px 0 32px 0;
    }



    .contactTreHead {
        font-size: 26px;
        line-height: 37px;
    }



    .contactTreHead h1 {
        font-size: 50px;
        line-height: 42px;
    }



    .contactTreBody {
        margin-top: 14px;
        font-size: 12px;
        line-height: 24px;
        padding: 0 10px;
    }



    .contactTreDown ul li {
        width: 100%;
        margin-top: 12px;
    }



    .contactTreDown ul li .zbox {
        padding: 16px 10px 16px 11px;
        height: 240px;
    }



    .contactTreDown ul li .zbox .scroll {
        height: 160px;
    }



    .contactTreBtn {
        margin-top: 24px;
    }



    .contactTreBtn h4 {
        font-size: 14px;
        line-height: 20px;
    }



    .contactTreBtn h5 {
        font-size: 12px;
        line-height: 19px;
    }



    .contactTreDown ul li .zbox .contactTreDownTit {
        padding-bottom: 6px;
    }



}







.contactFou {
    height: 300px;
    line-height: 300px;
    text-align: center;
}



@media screen and (max-width:991px) {



    .contactFou {
        height: 220px;
        line-height: 220px;
    }



    .contactFou img {
        height: 93px;
    }



}



@media screen and (max-width:767px) {



    .contactFou {
        height: 130px;
        line-height: 130px;
    }



    .contactFou img {
        height: 50px;
    }



}































/*右侧漂浮*/







.pf_right {
    position: fixed;
    right: 15px;
    top: 50%;
    margin-top: -126px;
    z-index: 8;
}







.pf_right ul {
    width: 50px;
    float: left;







    -moz-border-radius: 7px;







    -webkit-border-radius: 7px;







    -khtml-border-radius: 7px;







    border-radius: 7px;
}







.pf_right ul li {







    width: 50px;







    height: 51px;







    background: #10656d;







    float: left;







    position: relative;







    cursor: pointer;







    text-align: center;







    border-top: solid 1px #15747d;







    overflow: hidden;









    -webkit-transition: all 0.3s ease-out 0s;







    -moz-transition: all 0.3s ease-out 0s;







    -o-transition: all 0.3s ease-out 0s;







    transition: all 0.3s ease-out 0s;







}







.pf_right ul li:first-child {
    border-top: 0;
    height: 50px;
}







.pf_right ul li a {
    display: block;
    height: 50px;
    width: 100%;
    float: left;
    overflow: hidden;
    z-index: 2;
    position: relative;
}







.pf_right ul li img {
    float: left;
    height: 50px;







    -webkit-transition: all 0.3s ease-out 0s;







    -moz-transition: all 0.3s ease-out 0s;







    -o-transition: all 0.3s ease-out 0s;







    transition: all 0.3s ease-out 0s;
}







.pf_right ul li h4 {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: white;
    font-size: 16px;
    letter-spacing: 1px;
    opacity: 0;
    z-index: 5;
    background: #106b73;
    white-space: nowrap;
    width: 202px;







    -webkit-transition: all 0.3s ease-out 0s;







    -moz-transition: all 0.3s ease-out 0s;







    -o-transition: all 0.3s ease-out 0s;







    transition: all 0.3s ease-out 0s;
}







.pf_right ul li:hover {
    overflow: visible;
}







.pf_right ul li:hover h4 {
    right: 0;
    opacity: 1;
}







.pf_right ul li .ewm {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -56px;
    width: 121px;
    text-align: center;
    height: 112px;
    background: url(../images/right6.png) no-repeat center center;
    opacity: 0;
    z-index: 1;
    padding: 10px 18px 10px 10px;







    -webkit-transition: all 0.3s ease-out 0s;







    -moz-transition: all 0.3s ease-out 0s;







    -o-transition: all 0.3s ease-out 0s;







    transition: all 0.3s ease-out 0s;
}







.pf_right ul li .ewm img {
    width: 100%;
    float: left;
    height: auto;
    margin: 0;







    -moz-border-radius: 0px;







    -webkit-border-radius: 0px;







    -khtml-border-radius: 0px;







    border-radius: 0px;
}







.pf_right ul li:hover .ewm {
    right: 65px;
    opacity: 1;
}







@media screen and (max-width: 1199px) {







    .pf_right {
        right: 0;
    }







}







@media screen and (max-width: 991px) {







    .pf_right {
        display: none;
    }







}















/*底部漂浮*/







.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #106b73;
    height: 50px;
    z-index: 99;
}







.pf_down li {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 0 5px 0;
    position: relative;
}







.pf_down li .ico {
    width: 100%;
    float: left;
    height: 30px;
}







.pf_down li .ico img {
    height: 36px;
}







.pf_down li .name {
    width: 100%;
    float: left;
    margin-top: 0px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}







.pf_down li.l1 a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.8);
    border: solid 2px #106b73;
    margin-top: -20px;







    -moz-border-radius: 50%;







    -webkit-border-radius: 50%;







    -khtml-border-radius: 50%;







    border-radius: 50%;
}







.pf_down li.l1 .name {
    color: #106b73;
}























/*预约弹窗*/



.tc_mb {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: black;
    opacity: 0.56;
    z-index: 9999;
    display: none;
}







.tc_500 {
    width: 560px;
    background: white;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -280px 0 0 -280px;
    z-index: 10001;
    display: none;







    -moz-border-radius: 8px;







    -webkit-border-radius: 8px;







    -khtml-border-radius: 8px;







    border-radius: 8px;
}







.tc_500 .closed {
    width: 30px;
    height: 30px;
    background: #fff;
    border: solid 3px #106b73;
    text-align: center;
    line-height: 20px;
    font-size: 30px;
    position: absolute;
    right: -10px;
    top: -10px;
    font-weight: bold;
    color: #106b73;
    cursor: pointer;







    -moz-border-radius: 50%;







    -webkit-border-radius: 50%;







    -khtml-border-radius: 50%;







    border-radius: 50%;
}







.tc_500 .tc_500_head {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background: #008996;
    line-height: 87px;
}







.tc_500 .tc_500_head span {
    display: inline-block;
    position: relative;
    padding: 0 15px;
}







.tc_500 .tc_500_head span:before,
.tc_500 .tc_500_head span:after {
    width: 162px;
    height: 1px;
    background: white;
    opacity: 0.4;
    content: '';
    position: absolute;
    left: -162px;
    top: 50%;
}







.tc_500 .tc_500_head span:after {
    left: auto;
    right: -162px;
}







.tc_500 ul {
    width: 100%;
    float: left;
    padding: 11px 47px 59px 40px;
    background: url(../images/case4.jpg) no-repeat right bottom;
}







.tc_500 ul li {
    width: 100%;
    float: left;
    margin-top: 30px;
    padding-left: 86px;
    position: relative;
}







.tc_500 ul li .name {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #666;
    line-height: 40px;
    text-align: right;
    width: 78px;
}







.tc_500 ul li .name span {
    color: #e42c61;
}







.tc_500 ul li input,
.tc_500 ul li select {
    display: block;
    float: left;
    width: 100%;
    height: 48px;
    border: solid 1px #e4e4e4;
    overflow: hidden;
    padding: 0 15px;
    font-size: 16px;
    color: #999;
    background: none;
    line-height: 46px;







    appearance: none;







    -moz-appearance: none;







    -webkit-appearance: none;







    outline: 0;
}







.tc_500 ul li select {
    background: url(../images/case6.png) no-repeat 96% center;
}







.tc_500 ul li input:focus,
.tc_500 ul li select:focus {
    border-color: #106b73;
}







.tc_500 ul li.l2 input {
    padding-right: 100px;
}







.tc_500 ul li.l2 .span {
    position: absolute;
    right: 17px;
    top: 50%;
    width: 81px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
}







.tc_500 ul li.l2 .span img {
    height: 100%;
}







.tc_500 ul li.l3 {
    padding-left: 0;
    text-align: center;
    margin-top: 52px;
}







.tc_500 ul li.l3 input {
    display: inline-block;
    width: 216px;
    height: 41px;
    line-height: 41px;
    background: #f65e23;
    color: white;
    font-size: 18px;
    overflow: hidden;
    padding-left: 0;
    border: 0;
    float: none;
    padding: 0;
}







.tc_500 ul li.l3 input:hover {
    background: #106b73;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}







@media screen and (max-width:767px) {







    .tc_500 {
        width: 94%;
        left: 3%;
        top: 50%;
        margin: 0;







        -webkit-transform: translate(0, -50%);







        -ms-transform: translate(0, -50%);







        transform: translate(0, -50%);
    }







    .tc_500 .tc_500_head {
        padding-top: 4px;
        font-size: 18px;
        line-height: 51px;
    }







    .tc_500 ul {
        padding: 12px 11px 22px 11px;
    }







    .tc_500 ul li {
        margin-top: 10px;
        padding-left: 66px;
    }







    .tc_500 ul li .name {
        font-size: 13px;
        width: 60px;
    }







    .tc_500 ul li input {
        height: 42px;
        padding-left: 12px;
        font-size: 14px;
        line-height: 30px;
    }







    .tc_500 ul li.l2 input {
        padding-right: 80px;
    }







    .tc_500 ul li.l2 .span {
        right: 5px;
    }







    .tc_500 ul li.l3 {
        margin-top: 22px;
    }







    .tc_500 ul li.l3 input {
        width: 116px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }







}























































/*首页新闻*/











.c_1170_10 {
    width: 100%;
    float: left;
    padding: 68px 0 98px 0;
}







.tit_3 {
    width: 100%;
    float: left;
    padding-left: 21px;
    border-left: solid 4px #187692;
}







.tit_3 h4 {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #111;
    line-height: 30px;
    margin-top: 3px;
}







.tit_3 h5 {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #bcbcbc;
    line-height: 27px;
    text-transform: uppercase;
    font-family: "Arial";
}







.c_1170_10 .c_771 {
    width: 68.46%;
    float: left;
}







.c_1170_10 .c_771 .c_771_370 {
    width: 46.19%;
    float: left;
    margin-top: 38px;
    margin-right: 2.56%;
}







.c_1170_10 .c_771 .c_771_370 .img {
    width: 100%;
    float: left;
    margin-top: 7px;
}







.slide_pic_6 {
    width: 100%;
    float: left;
}







.slide_pic_6 .slick-prev,
.slide_pic_6 .slick-next {







    font-size: 0;







    line-height: 0;







    position: absolute;







    left: 0;







    top: 50%;







    display: block;







    width: 19px;







    height: 35px;







    padding: 0;







    -webkit-transform: translate(0, 0);







    -ms-transform: translate(0, 0);







    transform: translate(0, 0);







    cursor: pointer;







    color: transparent;







    border: none;







    outline: none;







    margin-top: -17px;







    background: url(../images/btn09.png) no-repeat left center;







    z-index: 9;







    -webkit-transition: all 0.3s ease-out 0s;







    -moz-transition: all 0.3s ease-out 0s;







    -o-transition: all 0.3s ease-out 0s;







    transition: all 0.3s ease-out 0s;







}







.slide_pic_6 .slick-next {







    left: auto;







    right: 0;







    background-position: right center;







}







.slide_pic_6 .slick-prev:hover,







.slide_pic_6 .slick-next:hover {
    background-image: url(../images/btn09_h.png);
}







.ul_4 {
    width: 100%;
    float: left;
}







.ul_4 li {
    width: 100%;
    float: left;
    padding: 29px 0 19px 0;
    border-bottom: solid 1px #e8e8e8;
}







.ul_4 li .title {
    width: 100%;
    float: left;
    padding: 11px 0 0 75px;
    position: relative;
    min-height: 65px;
}







.ul_4 li .title .time {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    text-align: center;
    background: #f7f7f7;
    border: solid 1px #d5d5d5;
    padding: 0 5px;







    -webkit-transition: all 0.2s ease-out 0s;







    -moz-transition: all 0.2s ease-out 0s;







    -o-transition: all 0.2s ease-out 0s;







    transition: all 0.2s ease-out 0s;
}







.ul_4 li .title .time h5 {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #292a2a;
    line-height: 37px;
    font-weight: bold;
    border-bottom: solid 1px #e1e1e1;







    -webkit-transition: all 0.2s ease-out 0s;







    -moz-transition: all 0.2s ease-out 0s;







    -o-transition: all 0.2s ease-out 0s;







    transition: all 0.2s ease-out 0s;
}







.ul_4 li .title .time h6 {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #242525;
    line-height: 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);







    -webkit-transition: all 0.2s ease-out 0s;







    -moz-transition: all 0.2s ease-out 0s;







    -o-transition: all 0.2s ease-out 0s;







    transition: all 0.2s ease-out 0s;
}







.ul_4 li .title h4 {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #1b1b1b;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}







.ul_4 li .p {
    width: 100%;
    float: left;
    margin-top: 19px;
    font-size: 14px;
    color: 9b9b9b;
    line-height: 23px;
    height: 46px;
    overflow: hidden;
}







.ul_4 li .more {
    width: 100%;
    float: left;
    margin-top: 22px;
}







.ul_4 li .more a {
    font-size: 12px;
    color: #3e3e3e;
    line-height: 20px;
}







.ul_4 li.last {
    padding-bottom: 50px;
    border-bottom: 0;
}







.ul_4 li:hover .title .time {
    background: #187692;
    border: solid 1px #187692;
}







.ul_4 li:hover .title .time h5 {
    color: white;
    border-bottom: solid 1px #30849d;
}







.ul_4 li:hover .title .time h6 {
    color: white;
}







.ul_4 li:hover .title h4 {
    color: #187692;
}







.c_1170_10 .c_771 .c_771_370_1 {
    border-bottom: solid 1px #e8e8e8;
}







.txtScroll-top {
    width: 100%;
    float: left;
}







.txtScroll-top .hd {
    overflow: hidden;
    width: 100%;
    float: left;
    height: 30px;
}







.txtScroll-top .hd .prev,







.txtScroll-top .hd .next {
    display: block;
    width: 50%;
    height: 30px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/zjt2.png) no-repeat center center #717171;
}







.txtScroll-top .hd .next {
    background: url(../images/zjt1.png) no-repeat center center #fff;
    border: 1px solid #e6e6e6;
}











.txtScroll-top .bd {
    width: 100%;
    float: left;
}







.txtScroll-top .bd li {
    padding: 0;
}







.txtScroll-top .bd li a {
    display: block;
    width: 100%;
    float: left;
    padding: 29px 0 19px 0;
}















.c_1170_10 .c_369 {
    width: 31.54%;
    float: right;
}







.ul_5 {
    width: 100%;
    float: left;
    margin-top: 33px;
}







.ul_5 li {
    width: 100%;
    float: left;
    border: solid 1px #ebebeb;
    margin-top: 10px;
}







.ul_5 li h3 {
    width: 100%;
    float: right;
    padding: 0 54px 0 10px;
    height: 54px;
    position: relative;
    display: table;
}







.ul_5 li h3 span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-left: 27px;
    background: url(../images/ico_05.png) no-repeat left center;
    font-size: 14px;
    color: #292929;
    line-height: 22px;
}







.ul_5 li .text {
    width: 100%;
    float: left;
    padding: 13px 18px 16px 38px;
    display: none;
}







.ul_5 li .text .p {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #9b9b9b;
    line-height: 23px;
    height: 115px;
    overflow: hidden;
}







.ul_5 li .text .p a {
    color: #0d0d0d;
}







.ul_5 li h3 em {
    display: block;
    width: 54px;
    height: 54px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/btn10.jpg) no-repeat center;
    cursor: pointer;
}







.ul_5 li h3.on em {
    background-image: url(../images/btn10_h.jpg);
}







.ul_5 li .text .p a:hover {
    color: #187692;
}







@media screen and (max-width:991px) {







    .c_1170_10 .c_369,
    .c_1170_10 .c_771 {
        width: 100%;
    }







    .c_1170_10 .c_369 {
        margin-top: 20px;
    }







}







@media screen and (max-width:767px) {







    .c_1170_10 {
        padding: 38px 15px 48px 15px;
    }







    .tit_3 {
        padding-left: 16px;
        border-left: solid 2px #187692;
    }







    .tit_3 h4 {
        font-size: 16px;
        line-height: 26px;
    }







    .tit_3 h5 {
        font-size: 14px;
        line-height: 23px;
    }







    .c_1170_10 .c_771 .c_771_370 {
        margin-top: 18px;
        width: 48%;
    }







    .c_1170_10 .c_771 .c_771_370_2 {
        margin-right: 0;
        float: right;
    }







    .ul_4 li .title {
        padding: 6px 0 0 65px;
        min-height: 55px;
    }







    .ul_4 li .title .time {
        width: 55px;
        height: 55px;
        padding: 0 3px;
    }







    .ul_4 li .title .time h5 {
        font-size: 16px;
        line-height: 27px;
    }







    .ul_4 li .title .time h6 {
        font-size: 12px;
        line-height: 22px;
    }







    .ul_4 li .title h4 {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }







    .ul_4 li .p {
        margin-top: 10px;
        font-size: 12px;
        line-height: 21px;
        height: 42px;
    }







    .ul_5 {
        margin-top: 13px;
    }







    .ul_5 li h3 {
        height: 44px;
    }







    .ul_5 li h3 span {
        padding-left: 20px;
        font-size: 12px;
        line-height: 20px;
        background-size: 16px auto;
    }







    .ul_5 li .text {
        padding: 8px 12px 10px 28px;
    }







    .ul_5 li .text .p {
        font-size: 12px;
        line-height: 21px;
        height: 105px;
    }







    .ul_5 li h3 em {
        width: 44px;
        height: 44px;
        background-size: contain;
    }







}







@media screen and (max-width:480px) {







    .c_1170_10 .c_771 .c_771_370 {
        width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }







    .slide_pic_6 .slick-slide img {
        width: 100%;
    }







}



















/*首页新闻附加1*/







/* Slider */







.slick-slider {







    position: relative;















    display: block;







    box-sizing: border-box;















    -webkit-user-select: none;







    -moz-user-select: none;







    -ms-user-select: none;







    user-select: none;















    -webkit-touch-callout: none;







    -khtml-user-select: none;







    -ms-touch-action: pan-y;







    touch-action: pan-y;







    -webkit-tap-highlight-color: transparent;















    /*    margin-left: -14px;







    margin-right: -14px;*/







}















.slick-list {







    position: relative;















    display: block;







    overflow: hidden;















    margin: 0;







    padding: 0;







}







.slick-list:focus {







    outline: none;







}







.slick-list.dragging {







    cursor: pointer;







    cursor: hand;







}















.slick-slider .slick-track,







.slick-slider .slick-list {







    -webkit-transform: translate3d(0, 0, 0);







    -moz-transform: translate3d(0, 0, 0);







    -ms-transform: translate3d(0, 0, 0);







    -o-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







}















.slick-track {








    position: relative;







    top: 0;







    left: 0;















    display: block;







}







.slick-track:before,







.slick-track:after {







    display: table;















    content: '';







}







.slick-track:after {







    clear: both;







}







.slick-loading .slick-track {







    visibility: hidden;







}















.slick-slide {







    display: none;







    float: left;















    height: 100%;







    min-height: 1px;







    outline: 0;







    /*    padding-left: 14px;







    padding-right: 14px;*/







}







[dir='rtl'] .slick-slide {







    float: right;







}







.slick-slide img {







    /*display: block;*/







}







.slick-slide.slick-loading img {







    display: none;







}







.slick-slide.dragging img {







    pointer-events: none;







}







.slick-initialized .slick-slide {







    display: block;







}







.slick-loading .slick-slide {







    visibility: hidden;







}







.slick-vertical .slick-slide {







    display: block;















    height: auto;















    /*border: 1px solid transparent;*/







}







.slick-arrow.slick-hidden {







    display: none;







}



















/*首页新闻附加2*/



















@charset 'UTF-8';







/* Slider */







.slick-loading .slick-list {







    background: #fff center center no-repeat;







}















/* Icons */







@font-face {







    font-family: 'slick';







    font-weight: normal;







    font-style: normal;















    src: url('../other/slick.eot');







    src: url('../other/slick.eot?#iefix') format('embedded-opentype'),







        url('../other/slick.woff') format('woff'),







        url('../other/slick.ttf') format('truetype'),







        url('../other/slick.svg#slick') format('svg');







}







/* Arrows */







.slick-prev,







.slick-next {







    font-size: 0;







    line-height: 0;















    position: absolute;







    left: 40px;







    top: 50%;







    display: block;







    width: 52px;







    height: 100px;







    padding: 0;







    -webkit-transform: translate(0, -50%);







    -ms-transform: translate(0, -50%);







    transform: translate(0, -50%);







    cursor: pointer;







    color: transparent;







    border: none;







    outline: none;







    background: transparent;







    background: url(../images/ban1.png) no-repeat;







    z-index: 100;







}







.slick-next {







    left: auto;







    right: 40px;







    background: url(../images/ban2.png) no-repeat;







}







@media screen and (max-width:991px) {







    .slick-prev,







    .slick-next {







        width: 30px;







        height: 58px;







        background-size: 30px 58px;















    }







    .slick-next {







        background-size: 30px 58px;







    }







}







@media screen and (max-width:767px) {







    .slick-prev,







    .slick-next {







        left: 15px;







        width: 26px;







        height: 50px;







        background-size: 26px 50px;















    }







    .slick-next {







        left: auto;







        right: 15px;







        background-size: 26px 50px;







    }







}















































/* Dots */















.slick-dots {







    position: absolute;







    bottom: -25px;















    display: block;















    width: 100%;







    padding: 0;







    margin: 0;















    list-style: none;















    text-align: center;







}







.slick-dots li {







    position: relative;















    display: inline-block;















    width: 20px;







    height: 20px;







    margin: 0 5px;







    padding: 0;















    cursor: pointer;







}







.slick-dots li button {







    font-size: 0;







    line-height: 0;















    display: block;















    width: 20px;







    height: 20px;







    padding: 5px;















    cursor: pointer;















    color: transparent;







    border: 0;







    outline: none;







    background: transparent;







}







.slick-dots li button:hover,







.slick-dots li button:focus {







    outline: none;







}







.slick-dots li button:hover:before,







.slick-dots li button:focus:before {







    opacity: 1;







}







.slick-dots li button:before {







    font-family: 'slick';







    font-size: 6px;







    line-height: 20px;















    position: absolute;







    top: 0;







    left: 0;















    width: 20px;







    height: 20px;















    content: '•';







    text-align: center;















    opacity: .25;







    color: black;















    -webkit-font-smoothing: antialiased;







    -moz-osx-font-smoothing: grayscale;







}







.slick-dots li.slick-active button:before {







    opacity: .75;







    color: black;







}







































/*x候选未用底部*/



.pz_down {
    float: left;
    width: 100%;
    background: #262626;
}











/*down*/















.footTop {
    border-bottom: #515151 solid 1px;
    padding: 2.3% 0;
}















.footTop .footLeft {
    float: left;
    width: 800px;
}















.footUl {
    float: left;
    width: 100%;
}















.footUl .footCell {
    float: left;
    width: 25%;
    padding-right: 10px;
}















.footUl .footCell .ttit {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 14px;
}















.footUl .footCell .ttit img {
    float: right;
    margin: 7px 15px 0 0;
}















.footUl .footCell .ttit .imgs {
    display: none;
}















.footUl .footCell .ttit.active .imgs {
    display: none;
}















.footUl .footCell .ttit .imgh {
    display: none;
}















.footUl .footCell .ttit.active .imgh {
    display: block;
}















.footUl .footCell ul {
    float: left;
    width: 100%;
}















.footUl .footCell ul li {
    float: left;
    width: 100%;
    line-height: 21px;
    font-size: 14px;
}















.footUl .footCell ul li a {
    float: left;
    width: 100%;
    padding: 4px 0;
    color: #cfcfcf;
}















.footUl .footCell ul li a:hover {
    color: #0b5091;
}















@media screen and (max-width:1199px) {















    .footTop .footLeft {
        width: 592px;
    }















}















@media screen and (max-width:991px) {















    .footTop .footLeft {
        width: 100%;
    }















    .footUl .footCell .ttit {
        padding-top: 11px;
        padding-bottom: 11px;
    }















    .footUl .footCell .ttit .imgs {
        display: block;
    }















    .footUl .footCell ul {
        display: none;
        padding-bottom: 10px;
    }















    .footUl .footCell {
        float: left;
        width: 100%;
        padding-right: 10px;
        border-bottom: #515151 solid 1px;
    }















}















































































.footRight {
    float: right;
    width: 370px;
}















.footRight .footTel {}















.footRight .footTel .icol {
    float: left;
    width: 54px;
    height: 54px;
    line-height: 0;
    margin-top: 3px;
}















.footRight .footTel .icTit {
    float: left;
    width: 45px;
    height: 44px;
    margin: 8px 0 0 12px;
    border-right: #686868 solid 1px;
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
}















.footRight .footTel .telRight {
    padding-left: 128px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
}















.footRight .footAddress {
    padding-top: 19px;
}















.footRight .footAddress .addpic {
    float: right;
    width: 100px;
}















.footRight .footAddress .addpic .picIn {}















.footRight .footAddress .addTit {
    padding-top: 3px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
}















.footRight .footAddress .addTit b {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 13px;
    line-height: 0;
    margin-top: 4px;
}















.footRight .footAddress .addLeft {
    padding-right: 112px;
    color: #ffffff;
    font-size: 14px;
    line-height: 21px;
}















.footRight .footAddress .addLeft a {
    color: #ffffff;
}















@media screen and (max-width:991px) {















    .footRight {
        float: left;
        width: 370px;
        margin-left: 184px;
        padding-top: 15px;
    }















}















@media screen and (max-width:767px) {















    .footRight {
        width: 100%;
        margin-left: 0;
        padding-top: 15px;
    }















    .footRight .footTel .telRight {
        padding-left: 128px;
        color: #ffffff;
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
    }















}































































.footDown {
    padding: 11px 0;
}















.footDown .downLogo {
    float: left;
    width: 109px;
    height: 52px;
    line-height: 0;
}















.footDown .downCopyright {
    padding: 2px 0 2px 120px;
    color: #cfcfcf;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
}















.footDown .downCopyright .copyright {}















.footDown .downCopyright .copyright a {
    color: #cfcfcf;
}















.footDown .downCopyright .copyright a:hover {
    color: #fff;
}















.footDown .downCopyright .copyLine {}















.footDown .downCopyright .copyLine a {
    color: #cfcfcf;
}















.footDown .downCopyright .copyLine a:hover {
    color: #fff;
}















@media screen and (max-width:767px) {















    .footDown .downLogo {
        width: 100%;
        text-align: center;
    }















    .footDown .downLogo img {
        width: 109px;
        height: 52px;
    }















    .footDown .downCopyright {
        float: left;
        width: 100%;
        padding: 12px 0 2px 0;
        color: #cfcfcf;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
    }















}



















/*新解决方案*/











.title2 {
    text-align: center;
}







.title2 .H4 {
    font-size: 46px;
    color: #fff;
    position: relative;
    display: inline-block;
    z-index: 1;
}







.title2 .H4 .dot {
    width: 13px;
    height: 13px;
    line-height: 0;
    position: absolute;
    top: 0;
    right: -15.95%;
}







.title2 .H2 {
    font-size: 72px;
    font-weight: bold;
    font-family: Arial;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.03;
    margin-top: -45px;
}







.index3 {
    padding: 120px 0;
    overflow: hidden;
}







.title3 .H4 {
    color: #df2d2d;
}







.title3 .H2 {
    color: #fff;
    opacity: 0.6;
}







.index3List {
    margin-top: 45px;
}







.index3List .list {
    overflow: hidden;
    cursor: pointer;
}







.index3List .list .list1Box {
    overflow: hidden;
}







.index3List .list .list1 {
    width: 132px;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 1px;
    padding: 45px 0 60px 0;
    margin-top: 49px;
}







.index3List .list .list1 .ico {
    width: 38px;
    margin: auto;
    display: block;
    line-height: 0;
}







.index3List .list .list1 .H5 {
    text-align: center;
    font-size: 18px;
    color: #53576c;
    font-weight: bold;
    padding: 30px 0 12px 0;
    position: relative;
}







.index3List .list .list1 .H5::after {
    width: 36px;
    height: 1px;
    background-color: #c5c9e0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    content: "";
}







.index3List .list .list1 .p {
    width: 67.17%;
    margin: 26px auto auto auto;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    height: 150px;
    text-align: center;







    overflow: hidden;







    text-overflow: ellipsis;







    display: -webkit-box;







    -webkit-line-clamp: 2;







    -webkit-box-orient: vertical;
}







.index3List .list .list2Box {
    width: 0;
    height: 0;
    overflow: hidden;
}







.index3List .list .list2 {
    width: 366px;
    background: url(https://s1.ax1x.com/2023/04/11/ppLfljg.png) center no-repeat;
    background-size: cover;
    padding: 38px 8.17% 28px 8.17%;
}







.list2Ti .ico {
    width: 38px;
    display: inline-block;
}







.list2Ti .H5 {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}







.index3List .list .list2 .p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    height: 72px;
    margin: 24px 0 44px 0;







    overflow: hidden;







    text-overflow: ellipsis;







    display: -webkit-box;







    -webkit-line-clamp: 3;







    -webkit-box-orient: vertical;
}







.index3List .list .list2 .H42 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}







.list2D1 {
    padding: 18px 0 33px 0;
    border-bottom: 1px solid #cddbdc;
}







.list2D1 .list3 {
    width: 48.85%;
    margin-right: 2.3%;
    float: left;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
}







.list2D1 .list3 img {
    -webkit-transition: all 0.3s ease-out 0s;







    -moz-transition: all 0.3s ease-out 0s;







    -o-transition: all 0.3s ease-out 0s;







    transition: all 0.3s ease-out 0s;
}







.list2D1 .list3:nth-child(2n) {
    margin-right: 0;
}







.list2D1 .list3:hover img {
    transform: scale(1.1);







    -webkit-transform: scale(1.1);







    -moz-transform: scale(1.1);







    -o-transform: scale(1.1);
}







.more2 {
    width: 154px;
    height: 48px;
    display: block;
    border-radius: 30px;
    line-height: 48px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
}







.more2:hover {
    background-color: #df2d2d;
    color: #fff;
}







@media screen and (min-width:992px) {







    /*







	.index3List .list:hover .list2Box{width:366px; height: auto;animation: scaleA 0.8s ease-out;animation-direction: alternate;}







	.index3List .list:hover .list1Box{width:0; height: 0;}







*/







}







.index3List .list.hover .list2Box {
    width: 366px;
    height: auto;
    animation: scaleA 0.8s ease-out;
    animation-direction: alternate;
}







.index3List .list.hover .list1Box {
    width: 0;
    height: 0;
}















@keyframes scaleA {







    0% {
        transform: scale(0.8);
    }







    100% {
        transform: scale(1);
    }







}







.index3List .slick-prev,







.index3List .slick-next {
    width: 46px;
    height: 46px;
    background: #666;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19);
    border-radius: 50%;
}







.index3List .slick-prev {
    left: -96px;
    background: url(https://s1.ax1x.com/2023/04/11/ppLhSbj.png) center no-repeat #fff;
    background-size: 100%;
}







.index3List .slick-next {
    right: -96px;
    background: url(https://s1.ax1x.com/2023/04/11/ppLhCan.png) center no-repeat #fff;
    background-size: 100%;
}







.index3List .slick-prev:hover {
    background-image: url(https://s1.ax1x.com/2023/04/11/ppLh6sg.png);
    background-color:  #df2d2d;
}







.index3List .slick-next:hover {
    background-image: url(https://s1.ax1x.com/2023/04/11/ppLhRds.png);
    background-color: #df2d2d;
}







.index3List .slick-dots {
    width: 100%;
    line-height: 0;
    left: 0;
    bottom: 0;
    text-align: center;
}







.index3List .slick-dots li {
    width: 8px;
    height: 8px;
    background-color: grey;
    opacity: 0.4;
    border-radius: 50%;
}







.index3List .slick-dots li.slick-active {
    opacity: 1;
}

@media screen and (max-width:1199px) {

    .index3 {
        padding: 60px 0;
    }
    .index3List .list .list1 {
        width: 198px;
    }
    .index3List .slick-prev {
        left: -48px;
    }
    .index3List .slick-next {
        right: -48px;
    }
}







@media screen and (max-width:991px) {
    .index3List .list .list1Box {
        display: none;
    }
    .index3List .list .list2Box {
        width: 96%;
        margin: auto;
        height: auto;
        padding-bottom: 25px;
    }
    .index3List .list .list2 {
        width: 100%;
    }
}







@media screen and (max-width:767px) {
    .index3 {
        padding: 30px 0;
    }
    .index3List {
        margin-top: 25px;
    }
    .index3List .list .list2 {
        padding: 10px;
    }
    .index3List .list .list2Box {
        width: 100%;
    }
    .list2Ti .ico {
        width: 30px;
    }
    .list2Ti .H5 {
        font-size: 18px;
        line-height: 28px;
    }
    .index3List .list .list2 .p {
        font-size: 13px;
        margin: 20px 0;
    }
    .index3List .list .list2 .H42 {
        font-size: 16px;
    }
    .list2D1 {
        padding: 15px 0;
    }
    .more2 {
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
        margin-top: 15px;
    }
}







/*新解决方案附加*/




/*产品中心*/

.caseNav {
    line-height: 0;
    border-bottom: #e5e5e5 solid 1px;
}

.caseNav .pz_SideLayer {
    text-align: center;
}

.caseNav .pz_SideLayer .l1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: -1px;
}

.caseNav .pz_SideLayer .l1 a {
    float: left;
    width: 100%;
    min-width: 194px;
    padding: 0 18px 0 18px;
    border-left: #e5e5e5 solid 1px;
    border-right: #e5e5e5 solid 1px;
    border-bottom: #fff solid 2px;
    color: #333333;
    font-size: 18px;
    line-height: 66px;
}

.caseNav .pz_SideLayer .l1 a:hover,

.caseNav .pz_SideLayer .l1 .hover {
    color: #008996;
    border-bottom-color: #008996;
}

.caseNav .pz_SideLayer .l1 .layerIco {
    margin: 0 auto;
    width: 52px;
    line-height: 0;
}

.caseNav .pz_SideLayer .l1 .layerIco .imgs {}

.caseNav .pz_SideLayer .l1 .layerIco .imgd {
    display: none;
}

.caseNav .pz_SideLayer .l1 a:hover .layerIco .imgs,

.caseNav .pz_SideLayer .l1 .hover .layerIco .imgs {
    display: none;
}

.caseNav .pz_SideLayer .l1 a:hover .layerIco .imgd,

.caseNav .pz_SideLayer .l1 .hover .layerIco .imgd {
    display: block;
}

.caseNav .pz_SideLayer .l1 a h3 {
    margin-top: 14px;
    font-size: 18px;
}

.caseNav .pz_SideLayer .l2 {
    display: none;
}
/*产品中心的边导航*/

.twoSlide {
    padding: 1.5% 0;
    margin: 0 -6px;
}
.pz_SideLayer2 {
    float: left;
    width: 100%;

    display: -webkit-flex;
    /*webkit*/

    display: flex;

    flex-direction: row;

    -webkit-flex-direction: row;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

    -webkit-align-items: flex-start;

}

.pz_SideLayer2 .l1 {
    float: left;
    width: 14%;
    padding: 15px 6px 0 6px;
}

.pz_SideLayer2 .l1 a {
    float: left;
    width: 100%;
    border: #e5e5e5 solid 1px;
    padding: 20px 5px;
    color: #333333;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}

.pz_SideLayer2 .l1 a:hover,

.pz_SideLayer2 .l1 .hover {
    color: #008996;
    border-bottom-color: #008996;
}

.pz_SideLayer2 .l1 .layerIco {
    margin: 0 auto;
    width: 52px;
    line-height: 0;
}

.pz_SideLayer2 .l1 .layerIco .imgs {}

.pz_SideLayer2 .l1 .layerIco .imgd {
    display: none;
}

.pz_SideLayer2 .l1 a:hover .layerIco .imgs,

.pz_SideLayer2 .l1 .hover .layerIco .imgs {
    display: none;
}

.pz_SideLayer2 .l1 a:hover .layerIco .imgd,

.pz_SideLayer2 .l1 .hover .layerIco .imgd {
    display: block;
}

.pz_SideLayer2 .l1 a h3 {
    margin-top: 14px;
    font-size: 18px;
}

.pz_SideLayer2 .l2 {
    display: none;
}

@media screen and (max-width:1229px) {

    .pz_SideLayer2 .l1 {
        width: 16.666%;
    }

}

@media screen and (max-width:991px) {

    .pz_SideLayer2 .l1 {
        width: 25%;
    }

}

@media screen and (max-width:767px) {

    .twoSlide {
        margin: 0 -2px;
    }

    .pz_SideLayer2 .l1 {
        width: 50%;
        padding: 5px 2px 0 2px;
    }

    .pz_SideLayer2 .l1 a {
        padding: 10px 2px;
        color: #333333;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }

}

.caseNavSecond {
    background-color: #f5f5f5;
}

.caseNavSecond .secondBox {
    padding: 14px 0;
}

.caseNavSecond .secondBox .pz_SideLayer {
    overflow: hidden;
}

.caseNavSecond .secondBox .pz_SideLayer .l1 {
    display: none;
}

.caseNavSecond .secondBox .pz_SideLayer .l2 {
    float: left;
    padding-right: 30px;
    font-size: 14px;
    line-height: 24px;
}

.caseNavSecond .secondBox .pz_SideLayer .l2 a {
    color: #757575;
}

.caseNavSecond .secondBox .pz_SideLayer .l2 a:hover,

.caseNavSecond .secondBox .pz_SideLayer .l2 a.hover {
    color: #008996;
}

.babyser {
    position: relative;
    z-index: 5;
}

.babyser h2 {
    float: left;
    width: 100%;
    padding: 0 15px;
    border-bottom: #e1e1e1 solid 1px;
    color: #333333;
    font-size: 18px;
    line-height: 48px;
}

.babyser h2 .imgr {
    float: right;
    margin: 16px 0 0 0;
}

@media screen and (max-width:991px) {

    .babyser h2 .imgr {
        float: right;
        margin: 16px 0 0 0;

        transition: all 0.2s linear;

    }

    .babyser h2.active .imgr {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}

.pz_SideLayerph {
    display: none;
    background-color: #fff;
}

.pz_SideLayerph .l1 {}

.pz_SideLayerph .l1 h3 {
    color: #333;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    border-bottom: #e1e1e1 dashed 1px;
    position: relative;
}

.pz_SideLayerph .l1 h3 a {
    display: block;
    color: #333;
    padding-left: 15px;
}

.pz_SideLayerph .l1 h3.active a {
    color: #008996;
}

.pz_SideLayerph .l1 h3 img {
    position: absolute;
    right: 0;
    top: 0;
    margin: 17px 15px 0 0;
}

.pz_SideLayerph .l1 h3 img.img3 {
    display: block;
}

.pz_SideLayerph .l1 h3 img.img3h {
    display: none;
}

.pz_SideLayerph .l1 h3.active img.img3 {
    display: none;
}

.pz_SideLayerph .l1 h3.active img.img3h {
    display: block;
}

.pz_SideLayerph .l1 .l1ul {
    display: none;
}

.pz_SideLayerph .l1 .l1ul li {
    border-bottom: #e1e1e1 solid 1px;
    padding: 10px 10px 10px 29px;
    font-size: 14px;
    line-height: 22px;
}

.pz_SideLayerph .l1 .l1ul li:last-child {
    border: 0;
}

.pz_SideLayerph .l1 .l1ul li a {
    color: #999999;
}

.productList {
    /*padding-top: 2.5%;*/
    margin: 0 -15px;
}

.productList ul {
    float: left;
    width: 100%;
    min-height: 500px;

    display: flex;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

}

.productList ul li {
    float: left;
    width: 33.333333%;
    padding: 0 15px;
}

.productList ul li .aBox {
    float: left;
    width: 100%;
    margin-top: 7.89%;
    background-color: #f8f8f8;
    padding: 3.94% 3.94% 5.26% 3.94%;
}

.productList ul li .aBox:hover {

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.productList ul li .aBox .proPictureIn {
    overflow: hidden;
}

.productList ul li .aBox .proPictureIn img {

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.productList ul li .aBox:hover .proPictureIn img {

    transform: scale(1.09, 1.09);

    -ms-transform: scale(1.09, 1.09);

    -webkit-transform: scale(1.09, 1.09);

    -o-transform: scale(1.09, 1.09);

    -moz-transform: scale(1.09, 1.09);

}

.productList ul li .aBox h3 {
    margin-top: 18px;
    color: #333333;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
}

.productList ul li .aBox:hover h3 {
    color:  #df2d2d;
}

.productList ul li .aBox .proTag {
    padding-top: 6px;
}

.productList ul li .aBox .proTag span {
    float: left;
    margin: 5px 10px 0 0;
    border: #e2e2e2 solid 1px;
    color: #666666;
    line-height: 22px;
    padding: 0 8px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

}

.productList ul li .aBox .proText {
    margin-top: 10px;
    height: 48px;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
}

.productList ul li .aBox .proButn {
    margin-top: 18px;
    text-align: center;
}

.productList ul li .aBox .proButn .but {
    float: left;
    width: 100%;
    background-color: #aaaaaa;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
}

.productList ul li .aBox .proButn .but:hover {
    background-color: #df2d2d;
}

.productList ul li .aBox .proButn .but.ri {
    float: right;
}

@media screen and (max-width:991px) {

    .productList ul li {
        width: 50%;
    }

}

@media screen and (max-width:767px) {

    .productList ul li {
        width: 100%;
    }

    .productList ul li .aBox h3 {
        margin-top: 10px;
        font-size: 16px;
    }

    .productList ul li .aBox .proButn .but {
        font-size: 14px;
        line-height: 36px;
    }

}

/*产品详情*/

.productCTop {
    padding: 5% 0 4.16% 0;
}

.productCTop .productLeft {
    float: left;
    width: 565px;
    overflow: hidden;
}

.productSlideTop {
    border: #e1e1e1 solid 1px;
    position: relative;
}

.productSlideTop .slick-slide {
    padding: 0;
}

.productSlideTop .slick-slide img {
    width: 100%;
}

.productSlideTop .slick-prev {
    position: absolute;
    width: 23px;
    height: 39px;
    left: 0;
    top: 50%;
    background: url("../images/pro7.jpg") no-repeat;
    background-size: cover;
}

.productSlideTop .slick-prev:hover {
    background: url("../images/pro7_h.jpg") no-repeat;
    background-size: cover;
}

.productSlideTop .slick-next {
    position: absolute;
    width: 23px;
    height: 39px;
    right: 0;
    top: 50%;
    background: url("../images/pro8.jpg") no-repeat;
    background-size: cover;
}

.productSlideTop .slick-next:hover {
    background: url("../images/pro8_h.jpg") no-repeat;
    background-size: cover;
}

@media screen and (max-width:1229px) {

    .productCTop .productLeft {
        width: 466px;
    }

}

@media screen and (max-width:991px) {

    .productCTop .productLeft {
        width: 565px;
        margin-left: 86px;
    }

}

@media screen and (max-width:767px) {

    .productCTop .productLeft {
        width: 100%;
        margin-left: 0;
    }

}

.productSlideDown {
    padding-top: 17px;
    margin: 0 -9px;
}

.productSlideDown .SlideDown {}

.productSlideDown .SlideDown .slick-slide {}

.productSlideDown .SlideDown .slick-slide .dLi {
    padding: 0 10px;
}

.productSlideDown .SlideDown .slick-slide .dLi .span {
    position: relative;
    line-height: 0;
}

.productSlideDown .SlideDown .slick-slide .dLi .span::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: #e2e2e2 solid 1px;
    cursor: pointer;
    box-sizing: border-box;
}

.productSlideDown .SlideDown .slick-slide.slick-current .dLi .span::before {
    border-color: #e91122;
}

.productSlideDown .SlideDown img {
    width: 100%;
}

@media screen and (max-width:767px) {

    .productSlideDown {
        padding-top: 10px;
        margin: 0 -2px;
    }

    .productSlideDown .SlideDown .slick-slide .dLi {
        padding: 0 4px;
    }

}

.productRight {
    float: right;
    width: 596px;
}

.productRight h3 {
    padding-top: 4.02%;
    color: #333333;
    font-size: 24px;
    line-height: 1.416;
    font-weight: bold;
}

.productRight .busLine {
    padding-top: 5px;
    padding-bottom: 4.02%;
    border-bottom: #e0e0e0 solid 1px;
    color: #757575;
    font-size: 12px;
    line-height: 20px;
}

.productRight .busList {
    padding: 2.85% 0 7.38% 0;
    border-bottom: #e0e0e0 solid 1px;
}

.productRight .busList .listLi {
    padding: 5px 0;
    color: #757575;
    font-size: 14px;
    line-height: 26px;
}

.productRight .busList .listLi span {
    color: #333333;
    font-weight: bold;
}

.productRight .busTag {
    padding: 3.35% 0 4.19% 0;
    border-bottom: #e0e0e0 solid 1px;
}

.productRight .busTag span {
    float: left;
    margin: 5px 10px 0 0;
    border: #e2e2e2 solid 1px;
    color: #666666;
    line-height: 22px;
    padding: 0 8px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

}

.productRight .busTag span:hover {
    border-color: #008996;
    color: #008996;
}

.productRight .busBtn {
    padding-top: 7.04%;
}

.productRight .busBtn .busButton {
    float: left;
    padding: 0 56px;
    background-color: #008996;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    border: 0;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

    -webkit-appearance: none;

    outline: 0;

}

.productRight .busBtn .busLoad {
    float: left;
    margin-left: 15px;
    border: #008996 solid 1px;
    padding: 0 22px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

}

.productRight .busBtn .busLoad b {
    float: left;
    width: 19px;
    height: 19px;
    margin: 10px 6px 0 0;
    line-height: 0;
}

.productRight .busBtn .busLoad span {
    float: left;
    color: #008996;
    font-size: 16px;
    line-height: 38px;
}

.productRight .busBtn .shareRight {
    float: right;
    margin-top: 8px;
}

@media screen and (max-width:1229px) {

    .productRight {
        width: 466px;
    }

    .productRight h3 {
        padding-top: 0;
    }

    .productRight .busList {
        padding: 2.85% 0 3.7% 0;
    }

}

@media screen and (max-width:991px) {

    .productRight {
        float: left;
        width: 100%;
    }

    .productRight h3 {
        padding-top: 4.02%;
        font-size: 20px;
    }

}

@media screen and (max-width:767px) {

    .productRight h3 {
        font-size: 17px;
    }

    .productRight .busBtn {
        padding-top: 3.5%;
        padding-bottom: 1.5%;
    }

    .productRight .busBtn .busButton {
        padding: 0 20px;
    }

    .productRight .busBtn .busLoad {
        margin-left: 10px;
        padding: 0 15px;
    }

}

.productSpecification {
    border: #e0e0e0 solid 1px;
    margin-bottom: 5%;
}

.productSpecification .hd {
    background: url("../images/pro11.jpg") bottom repeat-x;
}

.productSpecification .hd ul {}

.productSpecification .hd ul li {
    float: left;
    padding: 0 26px;
    border-right: #e0e0e0 solid 1px;
    border-bottom: #e0e0e0 solid 1px;
    color: #757575;
    font-size: 14px;
    line-height: 59px;
    cursor: pointer;
}

.productSpecification .hd ul li.on {
    color: #008996;
    background-color: #ffedee;
    border-bottom-color: #ffedee;
}

.productSpecification .bd {}

.productSpecification .bd .bdDhow {
    color: #333333;
    font-size: 14px;
    line-height: 28px;
    padding: 2% 2.5% 3.75% 2.5%;
}

@media screen and (max-width:991px) {

    .productSpecification .hd ul li {
        line-height: 45px;
    }

}

@media screen and (max-width:767px) {

    .productSpecification .hd ul li {
        line-height: 42px;
    }

}

.productTjBack {
    background-color: #f8f8f8;
}

.productTjBox {
    padding: 4.75% 0 5% 0;
}

.tjTitle {}

.tjTitle h4 {
    height: 30px;
    background: url("../images/pro13.png") center repeat-x;
    text-align: center;
}

.tjTitle h4 span {
    display: inline-block;
    padding: 0 20px;
    background-color: #f8f8f8;
    color: #000000;
    font-size: 24px;
    line-height: 30px;
}

.tjTitle .tjTitDown {
    padding-top: 7px;
    color: #9e9e9e;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
}

.productTjBox .tjdown {
    padding-top: 2.91%;
    margin: 0 -15px;
}

.productTjBox .tjdown li {
    padding: 0 15px;
}

.productTjBox .tjdown li .zbox {
    width: 100%;
    float: left;
}

.productTjBox .tjdown li .zbox .img {
    overflow: hidden;
}

.productTjBox .tjdown li .zbox .img img {

    transition: all 0.6s linear;

    -moz-transition: all 0.6s linear;

    -webkit-transition: all 0.6s linear;

    -o-transition: all 0.6s linear;

}

.productTjBox .tjdown li .zbox:hover .img img {

    transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);
}

.productTjBox .tjdown li .zbox .text {
    padding: 12px 5px 12px 15px;
    border-bottom: solid 1px #e6e6e6;
}

.productTjBox .tjdown li .zbox .text .arrow {
    float: right;
    width: 38px;
    height: 20px;
    margin-top: 19px;
    padding: 6px 0 5px 20px;
    border-left: #fff solid 1px;
    margin-right: 10px;
    line-height: 0;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.productTjBox .tjdown li .zbox:hover .text .arrow {
    border-left: #e5e5e5 solid 1px;
    margin-right: 0;
}

.productTjBox .tjdown li .zbox .text .caseRight {
    padding-right: 60px;
}

.productTjBox .tjdown li .zbox .text h4 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 30px;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.productTjBox .tjdown li .zbox:hover .text h4 {
    color: #008996;
}

.productTjBox .tjdown li .zbox .text h5 {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999;
    line-height: 28px;
}

.productTjBox .tjdown .owl-prev {
    position: absolute;
    width: 22px;
    height: 38px;
    left: -35px;
    top: 50%;
    margin-top: -19px;
    background: url("../images/pro14.png") no-repeat;
    background-size: cover;
    overflow: hidden;
    text-indent: -200px;
}

.productTjBox .tjdown .owl-prev:hover {
    background: url("../images/pro14_h.png") no-repeat;
    background-size: cover;
}

.productTjBox .tjdown .owl-next {
    position: absolute;
    width: 22px;
    height: 38px;
    right: -35px;
    top: 50%;
    margin-top: -19px;
    background: url("../images/pro15.png") no-repeat;
    background-size: cover;
    overflow: hidden;
    text-indent: -200px;
}

.productTjBox .tjdown .owl-next:hover {
    background: url("../images/pro15_h.png") no-repeat;
    background-size: cover;
}

@media screen and (max-width:991px) {

    .tjTitle h4 span {
        font-size: 24px;
    }

}

@media screen and (max-width:767px) {

    .tjTitle h4 span {
        font-size: 18px;
    }

    .tjTitle .tjTitDown {
        padding-top: 0;
        line-height: 16px;
    }

}

@media screen and (max-width:991px) {

    .productTjBox .tjdown li {}

}

@media screen and (max-width:767px) {

    .productTjBox .tjdown {
        margin: 0 -6px;
    }

    .productTjBox .tjdown li {
        padding: 0 6px;
    }

    .productTjBox .tjdown li .zbox .text {
        padding: 6px 3px 6px 0;
    }

    .productTjBox .tjdown li .zbox .text h4 {
        font-size: 14px;
        line-height: 22px;
    }

    .productTjBox .tjdown li .zbox .text h5 {
        font-size: 12px;
        line-height: 20px;
    }

    .productTjBox .tjdown li .zbox .text .arrow {
        width: 30px;
        margin-top: 10px;
        padding: 6px 0 5px 12px;
        margin-right: 0;
    }

    .productTjBox .tjdown li .zbox .text .caseRight {
        padding-right: 34px;
    }

}

/*公司资质*/

.honorListTitle {
    padding: 4.41% 0 2.16% 0
}

.honorListTitle .honorTit {
    height: 50px;
    color: #eeeeee;
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
}

.honorListTitle .honorH3 {
    text-align: center;
    color: #008996;
    font-size: 30px;
    line-height: 30px;
    margin-top: -30px;
}

@media screen and (max-width:991px) {

    .honorListTitle .honorTit {
        height: 40px;
        font-size: 40px;
        line-height: 40px;
    }

    .honorListTitle .honorH3 {
        font-size: 24px;
        line-height: 30px;
        margin-top: -30px;
    }

}

@media screen and (max-width:767px) {

    .honorListTitle {
        padding: 5% 0 2.16% 0
    }

    .honorListTitle .honorTit {
        height: 24px;
        font-size: 21px;
        line-height: 24px;
    }

    .honorListTitle .honorH3 {
        font-size: 18px;
        line-height: 20px;
        margin-top: -20px;
    }

}

.honorList {
    margin: 0 -15px;
}

.honorList ul {
    float: left;
    width: 100%;
    min-height: 500px;

    display: flex;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

}

.honorList ul li {
    float: left;
    width: 25%;
    padding: 0 15px;
}

.honorList ul li a {
    float: left;
    width: 100%;
    margin-top: 10.8%;
}

.honorList ul li a .honorBox {
    background-color: #585858;
    position: relative;
    padding: 5.41% 5.41% 0 5.41%;
    overflow: hidden;
}

.honorList ul li a .honorBox::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 27.84%;
    left: 0;
    bottom: -35%;
    background-color: #008996;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.honorList ul li a:hover .honorBox::after {
    bottom: 0;
}

.honorList ul li a .honorBox .honorRe {
    position: relative;
    z-index: 5;
}

.honorList ul li a .honorBox .honorRe .honorPic {
    overflow: hidden;
    position: relative;
}

.honorList ul li a .honorBox .honorRe .honorPic b {
    position: absolute;
    width: 61px;
    height: 61px;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    opacity: 0;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}

.honorList ul li a:hover .honorBox .honorRe .honorPic b {

    opacity: 1;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.honorList ul li a .honorBox .honorRe h4 {
    padding: 6.07% 0 7.69% 0;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
}

@media screen and (max-width:991px) {

    .honorList ul li {
        width: 33.333333%;
    }

}

@media screen and (max-width:767px) {

    .honorList {
        margin: 0 -7px;
    }

    .honorList ul li a {
        margin-top: 7.8%;
    }

    .honorList ul li {
        width: 50%;
        padding: 0 7px;
    }

}





/*产品中心的边导航*/

.twoSlide {
    padding: 1.5% 0;
    margin: 0 -6px;
}

.pz_SideLayer2 {
    float: left;
    width: 100%;

    display: -webkit-flex;
    /*webkit*/

    display: flex;

    flex-direction: row;

    -webkit-flex-direction: row;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

    -webkit-align-items: flex-start;

}

.pz_SideLayer2 .l1 {
    float: left;
    width: 14%;
    padding: 15px 6px 0 6px;
}

.pz_SideLayer2 .l1 a {
    float: left;
    width: 100%;
    border: #e5e5e5 solid 1px;
    padding: 20px 5px;
    color: #333333;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}

.pz_SideLayer2 .l1 a:hover,

.pz_SideLayer2 .l1 .hover {
    color: #008996;
    border-bottom-color: #008996;
}

.pz_SideLayer2 .l1 .layerIco {
    margin: 0 auto;
    width: 52px;
    line-height: 0;
}

.pz_SideLayer2 .l1 .layerIco .imgs {}

.pz_SideLayer2 .l1 .layerIco .imgd {
    display: none;
}

.pz_SideLayer2 .l1 a:hover .layerIco .imgs,

.pz_SideLayer2 .l1 .hover .layerIco .imgs {
    display: none;
}

.pz_SideLayer2 .l1 a:hover .layerIco .imgd,

.pz_SideLayer2 .l1 .hover .layerIco .imgd {
    display: block;
}

.pz_SideLayer2 .l1 a h3 {
    margin-top: 14px;
    font-size: 18px;
}

.pz_SideLayer2 .l2 {
    display: none;
}

@media screen and (max-width:1229px) {

    .pz_SideLayer2 .l1 {
        width: 16.666%;
    }

}

@media screen and (max-width:991px) {

    .pz_SideLayer2 .l1 {
        width: 25%;
    }

}

@media screen and (max-width:767px) {

    .twoSlide {
        margin: 0 -2px;
    }

    .pz_SideLayer2 .l1 {
        width: 50%;
        padding: 5px 2px 0 2px;
    }

    .pz_SideLayer2 .l1 a {
        padding: 10px 2px;
        color: #333333;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }

}

.caseNavSecond {
    background-color: #f5f5f5;
}

.caseNavSecond .secondBox {
    padding: 14px 0;
}

.caseNavSecond .secondBox .pz_SideLayer {
    overflow: hidden;
}

.caseNavSecond .secondBox .pz_SideLayer .l1 {
    display: none;
}

.caseNavSecond .secondBox .pz_SideLayer .l2 {
    float: left;
    padding-right: 30px;
    font-size: 14px;
    line-height: 24px;
}

.caseNavSecond .secondBox .pz_SideLayer .l2 a {
    color: #757575;
}

.caseNavSecond .secondBox .pz_SideLayer .l2 a:hover,

.caseNavSecond .secondBox .pz_SideLayer .l2 a.hover {
    color: #008996;
}

.babyser {
    position: relative;
    z-index: 5;
}

.babyser h2 {
    float: left;
    width: 100%;
    padding: 0 15px;
    border-bottom: #e1e1e1 solid 1px;
    color: #333333;
    font-size: 18px;
    line-height: 48px;
}

.babyser h2 .imgr {
    float: right;
    margin: 16px 0 0 0;
}

@media screen and (max-width:991px) {

    .babyser h2 .imgr {
        float: right;
        margin: 16px 0 0 0;

        transition: all 0.2s linear;

    }

    .babyser h2.active .imgr {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}

.pz_SideLayerph {
    display: none;
    background-color: #fff;
}

.pz_SideLayerph .l1 {}

.pz_SideLayerph .l1 h3 {
    color: #333;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    border-bottom: #e1e1e1 dashed 1px;
    position: relative;
}

.pz_SideLayerph .l1 h3 a {
    display: block;
    color: #333;
    padding-left: 15px;
}

.pz_SideLayerph .l1 h3.active a {
    color: #008996;
}

.pz_SideLayerph .l1 h3 img {
    position: absolute;
    right: 0;
    top: 0;
    margin: 17px 15px 0 0;
}

.pz_SideLayerph .l1 h3 img.img3 {
    display: block;
}

.pz_SideLayerph .l1 h3 img.img3h {
    display: none;
}

.pz_SideLayerph .l1 h3.active img.img3 {
    display: none;
}

.pz_SideLayerph .l1 h3.active img.img3h {
    display: block;
}

.pz_SideLayerph .l1 .l1ul {
    display: none;
}

.pz_SideLayerph .l1 .l1ul li {
    border-bottom: #e1e1e1 solid 1px;
    padding: 10px 10px 10px 29px;
    font-size: 14px;
    line-height: 22px;
}

.pz_SideLayerph .l1 .l1ul li:last-child {
    border: 0;
}

.pz_SideLayerph .l1 .l1ul li a {
    color: #999999;
}

.productList {
    /*padding-top: 2.5%;*/
    margin: 0 -15px;
}

.productList ul {
    float: left;
    width: 100%;
    min-height: 500px;

    display: flex;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

}

.productList ul li {
    float: left;
    width: 33.333333%;
    padding: 0 15px;
}

.productList ul li .aBox {
    float: left;
    width: 100%;
    margin-top: 7.89%;
    background-color: #f8f8f8;
    padding: 3.94% 3.94% 5.26% 3.94%;
}

.productList ul li .aBox:hover {

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.productList ul li .aBox .proPictureIn {
    overflow: hidden;
}

.productList ul li .aBox .proPictureIn img {

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.productList ul li .aBox:hover .proPictureIn img {

    transform: scale(1.09, 1.09);

    -ms-transform: scale(1.09, 1.09);

    -webkit-transform: scale(1.09, 1.09);

    -o-transform: scale(1.09, 1.09);

    -moz-transform: scale(1.09, 1.09);

}