/* 公共css */
body, html {
    min-width: 320px;
    max-width: 100%;
    overflow-x: hidden;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}
input,a,div{
    border: none;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.wh1600 {
    max-width: 1600px;
    margin: 0 auto;
}
@media screen and (max-width: 1800px) {
    .wh1600 {
        margin: 0 5% !important;
    }
}



.pub_banner{
    display: block;
    /*min-height: 200px;*/
}
.mi_pub_banner{
    display: none;
    margin-top: 18vw;
}
.fs30{
    font-size: 30px;
}
.fs24{
    font-size: 24px;
}
.fs22{
    font-size: 22px;
}
.fs20{
    font-size: 20px;
}
.fs18{
    font-size: 18px;
}
.fs16{
    font-size: 16px;
}
.fs14{
    font-size: 14px;
}
.fs12{
    font-size: 12px;
}




.syflex{
    position: absolute;
    z-index: 9999;
}


.head {
    width: 100%;
    transition: all 0.5s;
    background-color: #ffffff;
    padding: 1% 0;
}
.head_logo{
    float: left;
    width: 19.8%;
}
.head_form{
    float: right;
    bottom: 0;
    width: 30%;
    position: absolute;
    right: 0;
}
.head_form .keyword{
    width: 100%;
    height: 2vw;
    line-height: 1;
    border: 2px solid #727272;
    border-radius: 3px;
    padding-right: 40px;
    text-indent: 1em;
}
.head_form .sub-btn{
    position: absolute;
    right: 0;
    width: 10%;
    height: 100%;
    background: url("../image/headss.png") no-repeat center;
    border: none;
    background-size: 40%;
}
.head_lxdh{
    float: right;
    color: #000;
    position: absolute;
    right: 0;
    width: 30%;
    height: 30%;
    /*line-height: 1.8;*/
    top: 0%;

}
.head_lxdh .hlda{
    /*width: 50%;*/
    float: right;
    padding-left: 23px;
    font-weight: 600;
    /*letter-spacing: 1px;*/
    font-family: 'Open Sans',sans-serif;
    position: relative;
}
.head_lxdh .hlda:nth-child(2){
    margin-right: 20px;
}
.head_lxdh .hlda:nth-of-type(2):before{
    position: absolute;
    left: 0;
    content: '';
    width: 20px;
    height: 100%;
    background: url(../image/header-email.png)no-repeat left 60%;
    background-size: 16px auto !important;
}
.head_lxdh .hlda:nth-of-type(1):before{
    position: absolute;
    left: 0;
    content: '';
    width: 20px;
    height: 100%;
    background: url(../image/header-call.png)no-repeat left 60%;
    background-size: 16px auto !important;

}
.head_lxdh .hldb{
    font-weight: bold;
}

.head_menu_list{
    border-top: 5px solid ;/* #66c8c7 */
    border-image: linear-gradient(270deg, rgba(0, 161, 153, 1) 0%, #1789B5 100%) 2 2 2 2; 
    background-color: #2b2b2b;
}
.head_menu{
    width: 100%;
}
.head_menu .CAli{
    display: inline-block;
    /*transition: all 0.2s;*/
    margin: 0;
    width: 20%;
    letter-spacing: 1px;
    text-align: center;
    float: left;
    cursor: pointer;
    color: #ffffff;
    position: relative;
}
.head_menu .CAli .CAa{
    width: 100%;
    padding: 5% 0;
    display: block;
    position: relative;
}
.head_menu .CAli .CAa span{
    position: absolute;
    right: 25%;
    display: inline-block;
    text-decoration: none;
}
.head_menu .CAli .CAa span:after{
    line-height: 2.6;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #55c2c1;
    margin: -2px 0 0;
}

.head_menu .CAli:hover .CAa{
    color: #66c8c7;
    /*background-color: #ffffff;*/
}
.head_menu .CAli:hover:before{
    /*height: 3px;*/
}
.head_menu .on{
    color: #66c8c7;
    /*background-color: #ffffff;*/
}
.head_menu .CAli.on:hover .CAa{
    color: #66c8c7;
    /*background-color: #ffffff;*/
}


.mi_head_all{
    display: none;
}
.mi_head{
    width: 100%;
    background-color: #ffffff;
    transition: all 0.3s;
    top: 0;
    position: fixed;
    z-index: 100;
    box-shadow: none;
    height: 18vw;
}

.mi_head .headsearch {
    display: inline-block;
    height: 30px;
    padding: 6% 0 0 16%;
}


.mi_head .search-con {
    display: inline-block;
}

.mi_head .search-inco {
    display: inline-block;
    width: 6.5vw;
    height: auto;
    /*background: url(../image/search_ico.png) center center no-repeat;*/
    z-index: 4;
}

.mi_head .searchbox {
    position: absolute;
    right: 0;
    top: 18vw;
    width: 100%;
    display: none;
}

.mi_head .searchbox .searchtext {
    width: 100%;
    height: 40px;
    padding: 10px 60px 10px 10px;
    border: 1px solid #ddd;
    background-color: white;
}

.mi_head .searchbox .searchbtn {
    position: absolute;
    right: 0;
    top: 0;
    background: #66c8c7;
    width: 60px;
    height: 40px;
    color: #fff;
    cursor: pointer;
}

.mi_head .logo {
    width: 50%;
    float: left;
    margin: 5% 0 0 5%;
}
.mi_head .mi_Cal{
    float: right;
    width: 15%;
    position: relative;
    right: 0;
    padding: 9% 0;
}
.mi_head .mi_Cal .mmitem{
    position: absolute;
    width: 10vw;
    height: 2px;
    background-color: #66c8c7;
    display: block;
    transition: all .3s;
}
.mi_head .mi_Cal .mmitem:nth-of-type(1){
    top: 6vw;
}
.mi_head .mi_Cal .mmitem:nth-of-type(2){
    top: 9vw;
}
.mi_head .mi_Cal .mmitem:nth-of-type(3){
    width: 6vw;
    top: 12vw;
    margin-left: 4vw;
}
.menuls{
    position: fixed;
    right: 0;
    width: 60%;
    transform: translateX(100%);
    top: 0;
    z-index: 101;
    height: 100%;
    background-color: #ffffff;
    transition: all .3s;
    overflow-y: scroll;
    overflow-x: hidden;
    opacity: 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
}
.menuls .menu_one {
    line-height: 18vw;
    height: 18vw;
    background-color: #66c8c7;
}

.menuls .menu_one .span1 {
    display: inline-block;
    font-size: 4vw;
    color: #ffffff;
    margin-left: 10%;
    letter-spacing: 1px;
}
.menuls .menu_one .headclose {
    width: 10vw;
    height: 10vw;
    position: absolute;
    left: -15vw;
    top: 5vw;
    display: none;
}

.menuls .menu_two ul {
    width: 100%;
}
.menuls .menu_two ul li {
    line-height: 15vw;
    width: 100%;
    border-top: 1px solid #f2f2f2;
}
.menuls .menu_two ul li>a{
    font-size: 4vw;
    display: block;
    width: 84%;
    padding: 0 10%;
    color: #777;
    transition: color 0.3s ease 0s;
}
.show .mi_head{
    transform: translateX(-60%);
}
.show .logo{
    /*padding: 5% 0;*/
}
.show .menuls{
    opacity: 1;
    transform: translateX(0%);
}
.show .mmitem:nth-child(2n){
    opacity: 0;
}
.show .mmitem:nth-of-type(1) {
    transform: rotate(45deg);
    top: 9vw!important;
}
.show .mmitem:nth-of-type(3) {
    transform: rotate(-45deg);
    width: 10vw!important;
    top: 9vw!important;
    margin-left: 5vw!important;
    right: 5vw!important;
}
.show .headclose{
    display: block!important;
}



.VerticalMenu {
    padding: 0px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}
.VerticalMenu > div {
    width: 100%;
    float: left;
}
.VerticalMenu .bianse{
    color: #66c8c7 !important;
}
.VerticalMenu .sjx{
    position: absolute;
    /* display: block; */
    border-top: 1.5vw solid transparent;
    border-left: 2vw solid #777;
    border-bottom: 1.5vw solid transparent;
    margin: 5.5vw 0.5vw 0;
    right: 9%;
    transform: rotate(0deg);
    transition: transform 0.4s linear;
}
.VerticalMenu .sxjsele{
    color: #66c8c7 !important;
    transform: rotate(90deg);
    border-left: 2vw solid #66c8c7;
}
.VerticalMenu .span2{
    width: 84%;
    padding: 0 10%;
    height: 15vw;
    overflow: hidden;
    display: inline-block;
    font-size: 4vw;
    color: #777;
}
.VerticalMenu .span2 a {
    max-width: 80%;
    display: inline-block;
}
.VerticalMenu .span2 .arrow{
    display: inline-block;
    text-align: right;
    width: 10%;
    float: right;
}
.VerticalMenu > div > div:first-child {
    font-size: 14px;
    height: 15vw;
    line-height: 15vw;
    border-top: 1px solid #f2f2f2;
}
.VerticalMenu > div > div:first-child:hover {
    color: #66c8c7;
}
.VerticalMenu > div > div:first-child > i:last-child {
    line-height: 40px;
    float: right;
    transform: rotate(0deg);
    transition: transform 0.2s linear;
}
.VerticalMenu > div > div:last-child {
    width: 100%;
    display: none;
    padding: 0 0vw 0 2vw;
    font-size: 0.8vw;
    color: #777;
}
.VerticalMenu > div > div:last-child > div{
    font-size: 3.5vw;
    height: 12vw;
    line-height: 12vw;
    overflow: hidden;
    padding-left: 9%;
}
.VerticalMenu > div > div:last-child > div:hover{
    color:  #66c8c7;
}
/*.VerticalMenu > div:last-child > div:first-child{*/
/*border-bottom-left-radius: 5px;*/
/*border-bottom-right-radius: 5px;*/
/*}*/
.VerticalMenu > div:last-child::after{
    display: block;
    clear: both;
}
.VerticalMenu .cpbs{
    color:  #66c8c7!important;
}



.about_banner{
    height: 100vh;
}


.foot{
    background-color: #2a2a2a;
    position: relative;
    padding: 3% 0 2%;
    overflow: hidden;
}

.foot_links{
    color: #ffffff;
    margin: 0 0 3% 0;
}
.foot_links .linksa{
    margin: 0 2% 0 0;
}

.foot_logo{
    width: 27%;
    float: left;
    margin: 0 0% 0 0;
}
.foot_logo .foot_logo_img{
    width: 73.585%;
    float: left;
}
.foot_make{
    color: #ffffff;
    line-height: 2;
    padding: 20% 0 0 0%;
}



.foot_list{
    float: left;
    position: relative;
}
.foot_list:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 9.5vw;
    left: 0;
    top: 0%;
    background-color: #FFFFFF;
}
.foot_list.fly{
    width: 22%;
    padding: 0 0 0 4%;
}
.foot_list.fle{
    width: 26%;
    padding: 0 0 0 4%;
}
.foot_list.fls{
    width: 25%;
    padding: 0 0 0 4%;
}
.foot_list.flf{
    width: 22%;
    padding: 0 0 0 3%;
}

.foot_list:last-child:after{
    /*display: none;*/
}

.foot_list .foot_title{
    color: #eeeeee;
    margin-bottom: 35px;
    letter-spacing: 1px;
}
.foot_list .foot_title span{
    color: #66c8c7;
    padding-left: 5%;
    letter-spacing: 1px;
    font-weight: bold;
}
.foot_list .foot_ul{
    position: relative;
}
.foot_list .foot_ul li{
    color: #eeeeee;
    float: left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height: 2.5;
}
.foot_list .ulli50 li{
    width: 45%;
    margin-right: 5%;
}
.foot_list .ulli100 li{
    width: 90%;
}
.foot_rwm{
    width: 100%;
    float: left;
    padding: 0% 0 0;
}
.foot_rwm .foot_ewm_nr{
    width: 40%;
    margin: 0 0% 0 35%;
    float: left;
    text-align: center;
    color: #ffffff;
    line-height: 2;
}
.foot_rwm .foot_ewm_nr .foot_sys{
    padding: 10% 0 0 0;
}

.copyright{
    background-color: #2a2a2a;
    color: #cccccc;
    text-align: center;
    z-index: 99;
    position: relative;
    padding: 0 0 2%;
}
.copyright_all{
    position: relative;
    padding: 2% 0 0;
}
.copyright_all:after{
    content: "";
    position: absolute;
    width: 75%;
    left: 12.5%;
    height: 1px;
    background-color: #ffffff;
    top: 0;
}



.bottom-fix{
    background-color: #66c8c7;
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
}
.bottom-fix>a>img {
    width: 50%;
    float: left;
    display: block;
    height: 13.5vw;
}




.sy_about{
    background-color: #66c8c7;
    line-height: 2;
    padding: 2% 0;
}
.sy_about .dnry{
    color: #ffffff;
    float: left;
    line-height: 1.5;
    margin: 0 1% 0 0;
}
.sy_about .dnre{
    color: #ffffff;
    float: left;
    width: 70%;
}
.sy_about .dnrs{
    color: #ffffff;
    float: right;
    letter-spacing: 1px;
    margin: 1% 0 0 0 ;
}
.sy_about .dnrs{
    font-weight: bold;
}


.public_title{
    text-align: center;
    padding: 2% 0;
}
.public_title .nr_en{
    font-size: 60px;
    color: #ebebeb;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
}
.public_title .nr_cn{
    font-size: 46px;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    margin: -50px 0 0 0;
    z-index: 2;
}
.public_title .nr_in{
    margin: 1% 0 0 0;
    font-size: 24px;
    color: #333333;
    line-height: 2;
    letter-spacing: 1px;
}
.public_title .nr_ins{
    margin: 1% 0 0 0;
    color: #999999;
    line-height: 2;
    letter-spacing: 1px;
}
.public_title .nr_in.yse{
    color: #ffffff;
}
.public_title .nr_in.yss{
    color: #999999;
}
.public_title .nr_en.yse{
    color: #929292;
}
.public_title .nr_cn.ysy{
    color: #66c8c7;
}
.public_title .nr_cn.yse{
    color: #ffffff;
}
.public_title .nr_cn .hs{
    color: #333333;
}
.public_title .nr_cn .ls{
    color: #66c8c7;
}
.public_title .nr_cn:after{
    content: '';
    position: absolute;
    width: 160px;
    height: 1px;
    left: -200px;
    top: 50%;
    background-color: #66c8c7;
}
.public_title .nr_cn:before{
    content: '';
    position: absolute;
    width: 160px;
    height: 1px;
    right: -200px;
    top: 50%;
    background-color: #66c8c7;
}


.sy_product{
    padding: 2% 0 4%;
}
.sy_product .category-section{
    padding: 2.6% 2.4% 0;
    background: #eee;
    border-radius: 5px;
}
.category-section .cate_box{
    float: left;
    width: calc((100% - 6%)/4);
    margin-right: 2%;
    margin-bottom: 2%;
}
.category-section .cate_box:nth-child(4n){
    margin-right: 0;
}
.category-section .cate_box .c-img{
    width: 100%;
    overflow: hidden;
}
.category-section .cate_box:hover .c-img img{
    transform: scale(1.05);
}
.category-section .cate_box .c-img img{
    overflow: hidden;
    border-radius: 3px;
}
.category-section .cate_box:hover .c-tit{
    color: #027baf;
}
.category-section .cate_box .c-tit{
    margin: 5% 0 0;
    width: 100%;
    /*color: #027baf;*/
}
.category-section .cate_box .c-more{
    display: inline-block;
    margin: 7% 0;
}
.category-section .cate_box .c-more a{
    line-height: 1.2;
    font-family: 'Open Sans';
    font-weight: 600;
    position: relative;
    display: block;
    vertical-align: middle;
    color: #027baf;
    transition: .3s all;
}



.sypro_ca{

}
.sypro_ca ul li{
    width: 19.2%;
    float: left;
    margin: 0 1% 1% 0;
    line-height: 2;
    position: relative;
    color: #ffffff;
    overflow: hidden;
}
.sypro_ca ul li:nth-child(5n){
    margin: 0 0 1% 0;
}
.sypro_ca ul li .wimg{
    width: 100%;
    overflow: hidden;
}
.sypro_ca ul li .wtit{
    width: 100%;
    text-align: center;
    padding: 0 5%;
    position: absolute;
    bottom: 5%;
    letter-spacing: 1px;
    transform: scale(1);
    transition: all 0.5s;
}
.sypro_ca ul li .wcot{
    position: absolute;
    width: 100%;
    padding: 10% 10%;
    background-color: rgba(0,153,204,0.5);
    text-align: center;
    bottom: -100%;
    /*bottom: 0;*/
    transition: all 0.6s;

}
.sypro_ca ul li .wcot .wtits{

}
.sypro_ca ul li .wcot .wints{
    margin: 10% 4%;
    text-align: left;
}
.sypro_ca ul li .wcot .wcks{
    background-color: #FFFFFF;
    color: #66c8c7;
    display: inline-block;
    margin: 0 20%;
    width: 60%;
    padding: 1% 0;
    text-align: center;
    letter-spacing: 1px;
}
.sypro_ca ul li:hover .wimg img{
    transform: scale(1.1);
}
.sypro_ca ul li:hover .wtit{
    /*opacity: 0;*/
    transform: scale(0);
}
.sypro_ca ul li:hover .wcot{
    bottom: 0;
}

.sypro_ca ul li.on .wtit{
    transform: scale(0);
}
.sypro_ca ul li.on .wcot{
    bottom: 0;
}





.syrm_title{
    font-size: 46px;
    color: #66c8c7;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 5% 0 4%;
    width: 100%;
}
.syrm_title .nr_sy{
    display: inline-block;
    width: 25%;
    float: left;
    margin: -1.3% 0 0 0;
}
.syrm_title .flx{
    width: 37.5%;
    border-top: 1px solid #66c8c7;
    border-bottom: 1px solid #66c8c7;
    padding: 0.2% 0;
    float: left;
}
.syrm_title .frx{
    width: 37.5%;
    border-top: 1px solid #66c8c7;
    border-bottom: 1px solid #66c8c7;
    padding: 0.2% 0;
    float: right;
}



.syrmpro_item{
    width: 23.125%;
    float: left;
    margin: 0 2.5% 4% 0;
}
.syrmpro_item:nth-child(4n){
    margin: 0 0 4% 0;
}
.syrmpro_item .wimg{
    width: 100%;
    overflow: hidden;
}
.syrmpro_item .wcot{
    background-color: #ffffff;
    color: #333333;
    padding: 5% 5% 10%;
    line-height: 2;
    text-align: center;
    border: 1px solid #cccccc;
    border-top: 0;
    position: relative;
}
.syrmpro_item .wcot .wtit{
    margin: 0 0 2% 0;
    font-weight: bold;

}
.syrmpro_item .wcot .wint{

}
.syrmpro_item .wcot .wjia{
    background-color: #66c8c7;
    color: #ffffff;
    font-size: 50px;
    width: 50px;
    height: 50px;
    line-height: 44px;
    position: absolute;
    bottom: -25px;
    left: 43%;
}
.syrmpro_item:hover .wimg img{
    transform: scale(1.1);
}
.syrmpro_item:hover .wcot{
    background-color: #66c8c7;
    color: #ffffff;
}
.syrmpro_item:hover .wcot .wjia{
    background-color: #eeeeee;
    color: #66c8c7;
}

.syrmpro_switch{
    text-align: center;
    position: relative;
    width: 100%;
}
.syrmpro_switch .srps{
    padding: 1.5%;
    font-size: 50px;
    display: inline-block;
    background: url(../image/honor_arrow.png) no-repeat center;
    background-color: #eeeeee;
    background-size: cover;
    margin: 0 1%;
    cursor: pointer;
    transition: all 0.1s;
}
.syrmpro_switch .srps:last-child{
    transform:rotate(180deg);
}
.syrmpro_switch .srps:hover{
    background-color: #66c8c7;
}

.sy_fangan {
    background: url(../image/sy_fa.jpg) no-repeat center;
    /* height: 209px; */
    line-height: 2;
    padding: 2.25% 0;
    background-size: 100%;
}

.sy_fangan .fa_nry{
    float: left;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 1% 0 0 0;
}
.sy_fangan .fa_nry .nr1{
    font-size: 36px;
    position: relative;
    z-index: 2;
}
.sy_fangan .fa_nry .nr1:after{
    content: '';
    position: absolute;
    width: 30%;
    height: 8px;
    background-color: #66c8c7;
    bottom: 7px;
    left: 0;
    z-index: 1;
}
.sy_fangan .fa_nre{
    float: left;
    margin: 1.5% 0 0 30%;

}

.sy_fangan .fa_nre .hlda{
    width: 100%;
    padding-left: 2.5vw;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff;
}

.sy_fangan .fa_nre .hlda:nth-of-type(1){
    background: url(../image/sy_fangan1.png)no-repeat left 70%;
    background-size: 7.4%;
}
.sy_fangan .fa_nre .hlda:nth-of-type(2){
    background: url(../image/sy_fangan2.png)no-repeat left 70%;
    background-size: 7.4%;
}
.sy_fangan .fa_nre .hldb{
    font-weight: bold;
}

.sy_fangan .fa_nrs{
    float: right;
    margin: 4% 0 0 0;
    background-color: #ffffff;
    padding: 0.65% 3.5% 0.65% 1.5%;
    border-radius: 30px;
    text-align: left;
    position: relative;
}
.sy_fangan .fa_nrs:after{
    content: '';
    position: absolute;
    padding: 11%;
    border-radius: 50%;
    background: url(../image/honor_arrow.png) no-repeat center;
    background-color: #66c8c7;
    background-size: 100%;
    right: 10%;

}





.sy_aboutus{
    padding: 2% 0;
}

.syabmy{
    line-height: 2;
    padding: 2% 0;
}
.syabmy .wnrf{
    width: 40%;
    float: left;
    padding: 2% 0 0 0;
}
.syabmy .wnrf .wtit{
    color: #333333;
    position: relative;
    display: inline-block;
    margin: 0 0 5% 5%;
}
.syabmy .wnrf .wtit:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #66c8c7;
    bottom: 0;
    left: 0;
}
.syabmy .wnrf .wint{
    text-indent:2em;
    color: #333333;
}
.syabmy .wnrr{
    float: right;
    width: 50%;
    text-align: right;
    position: relative;
    margin: 2% 0 0 0;
}

.syab_item{
    float: left;
    width: 46%;
    padding: 5% 1% 5% 4%;
    margin: 0 0 3% 3%;
    display: inline-block;
    box-shadow: 0 1px 10px #cccccc;
    background-color: #ffffff;
    transition: all 0.5s;
}
.syab_item .wimg{
    float: left;
    padding: 9.15%;
    margin: 0 22% 0 0;
    background-size: 100%!important;
}
.syab_item:nth-of-type(1) .wimg{
    background: url(../image/syabus1.png) no-repeat center;
}
.syab_item:nth-of-type(2) .wimg{
    background: url(../image/syabus2.png) no-repeat center;
}
.syab_item:nth-of-type(3) .wimg{
    background: url(../image/syabus3.png) no-repeat center;
}
.syab_item:nth-of-type(4) .wimg{
    background: url(../image/syabus4.png) no-repeat center;
}
.syab_item .wcot{
    text-align: left;
}
.syab_item .wcot .wtit{
    color: #333333;
    letter-spacing: 1px;
}
.syab_item .wcot .wint{
    font-size: 30px;
    color: #66c8c7;
    font-weight: bold;
    line-height: 1.2;
}
/*.syab_item:nth-of-type(2){*/
    /*margin-left: 52%;*/
/*}*/
/*.syab_item:nth-of-type(1){*/
    /*background-color: #66c8c7;*/
    /*position: absolute;*/
    /*box-shadow: 0 5px 25px #66c8c7;*/
    /*z-index: 2;*/
    /*width: 54%;*/
    /*top: -12%;*/
    /*left: -4%;*/
    /*border-radius: 5px;*/
/*}*/
/*.syab_item:nth-of-type(1) .wcot .wtit{*/
    /*color: #ffffff;*/
/*}*/
/*.syab_item:nth-of-type(1) .wcot .wint{*/
    /*color: #ffffff;*/
    /*font-size: 48px;*/
/*}*/
.syab_item:hover{
    box-shadow: 0 1px 10px #66c8c7;
    background-color: #66c8c7;
    transform: scale(1.2);
    /*margin-top: -3%;*/
    /*margin-bottom: 6%;*/
    /*margin-top: -5%;*/
}
.syab_item:hover .wcot .wtit{
    color: #FFFFFF;
}
.syab_item:hover .wcot .wint{
    color: #FFFFFF;
}
.syab_item:nth-of-type(1):hover .wimg{
    background: url(../image/syabus1s.png) no-repeat center;
}
.syab_item:nth-of-type(2):hover .wimg{
    background: url(../image/syabus2s.png) no-repeat center;
}
.syab_item:nth-of-type(3):hover .wimg{
    background: url(../image/syabus3s.png) no-repeat center;
}
.syab_item:nth-of-type(4):hover .wimg{
    background: url(../image/syabus4s.png) no-repeat center;
}




.syabmey{
    position: relative;
}
.syabmey .wimg{
    width: 54.6875%;
}
.syabmey .wcot{
    position: absolute;
    left: 54.6875%;
    top: 0;
    width: 45.3125%;
    color: #ffffff;
    height: 100%;
    background-color: #66c8c7;
    padding: 3% 5% 3% 0;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.syabmey .wcot:after{
    content: '';
    position: absolute;
    right: 8%;
    width: 8px;
    height: 20%;
    background-color: #FFFFFF;
    top: 18%;
}
.syabmey .wcot .wtit_cn{
    letter-spacing: 1px;
}
.syabmey .wcot .wtit_en{
    margin: 0 0 4% 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.syabmey .wcot .wint{
    text-indent:2em
}

.syabmee{
    position: relative;
}
.syabmee .wimg{
    float: right;
    width: 45.3125%;
}
.syabmee .wcot{
    position: absolute;
    width: 54.6875%;
    top: 0;
    left: 0;
    color: #66c8c7;
    height: 100%;
    background-color: #ffffff;
    padding: 2% 4% 2% 4%;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.syabmee .wcot:after{
    content: '';
    position: absolute;
    left: 0;
    width: 6px;
    height: 30%;
    background-color: #66c8c7;
    top: 18%;
}
.syabmee .wcot .wtit_cn{
    letter-spacing: 1px;
}
.syabmee .wcot .wtit_en{
    margin: 0 0 2% 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.syabmee .wcot .wint{
    text-indent:2em;
    color: #333333;
}

.sy_process{
    padding: 3% 0;
    background-color: #ffffff;
}
.sy_process .sylc_title{
    width: 100%;
    line-height: 2;
    font-size: 46px;
    color: #66c8c7;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

.sylc_list{
    padding: 4% 4% 0;
}
.sylc_item{
    width: 8.4245%;
    float: left;
    text-align: center;
    color: #66c8c7;
    line-height: 2;
    margin: 0 9.85% 0 0;
    position: relative;
}
.sylc_item:after{
    content: '';
    position: absolute;
    background: url(../image/arrowhs.png) no-repeat center;
    padding: 16.135%;
    background-size: 100%;
    right: -70%;
    top: 30%;
}
.sylc_item:last-child{
    margin: 0 0 0 0;
}
.sylc_item:last-child:after{
    display: none;
}

.sy_case{
    background: url(../image/sycase.jpg) no-repeat top;
    padding: 2% 0 5%;
    background-size: cover;
}

.sycs_list{
    width: 100%;
    position: relative;
}
.sycs_list .wimg{
    width: 36%;
}
.sycs_list .wcot{
    position: absolute;
    width: 63.5%;
    left: 36.5%;
    top: 0;
    height: 100%;
}

.sycs_item{
    width: 32.65%;
    float: left;
    margin: 0 1% 1.65% 0;
    position: relative;
}
.sycs_item:nth-child(3n){
    margin: 0 0 1.65% 0;
}
.sycs_item .himg{
    width: 100%;
    overflow: hidden;
}
.sycs_item .htit{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5% 20%;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.2;
    background: url(../image/arrow_s.png) no-repeat 90% 50%;
    background-color: rgba(0,153,204,0.7);

}
.sycs_item:hover .himg img{
    transform: scale(1.1);
}

.sy_news{
    padding: 0% 0;
}
.sy_news_tit{
    color: #999A99;
    margin: 2% 0;
    display: flex;
}
.sy_news_tit span:nth-child(1){
    color: black;
    margin-right: .5%;
}
.sy_news_tit span:nth-child(2){
    color: #027baf;
    margin-left: .5%;
}
.sy_news_tit .news_more{
    position: absolute;
    right: 0;
}
.syns_list{

}
.syns_list .syns_title{
    line-height: 2;
    letter-spacing: 1px;
    position: relative;
    width: 100%;
    margin: 0 0 5% 0;
    padding: 0 0 1% 0;
}
.syns_list .syns_title:after{
    content: '';
    position: absolute;
    width: 36%;
    height: 8px;
    bottom: 0;
    left: 0;
    background-color: #66c8c7;
}
.syns_list .snsfl{
    width: 100%;
    float: left;
}
.syns_list .snsfr{
    width: 50%;
    float: right;
}

.syns_list .snslist{
    position: relative;
}

.snsitemy{
    position: relative;
    line-height: 2;
    /*background: url(../image/arrow_xxl.png) no-repeat 100% 10%;*/
    border-bottom: 1px solid #cccccc;
    padding: 0 0 1% 2%;
    background-size: 3.5%;
    margin: 0 0 1% 0;
}
.snsitemy .wtit:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 0;
    top: 20%;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #027baf;

}
.snsitemy:last-child{
    border-bottom: 0;
}
.snsitemy .wtit{
    color: #333333;
    width: 80%;
}
.snsitemy .wcot{
    color: #666666;
    width: 80%;
}
.snsitemy .wtime{
    position: absolute;
    right: 0;
    bottom: 15%;
    color: #666666;
}


.snsiteme{
    position: relative;
    margin: 0 0 2% 0;
}
.snsiteme .wimg{
    width: 25.125%;
    float: left;
    padding: 1%;
    border: 1px solid #999;
    overflow: hidden;
}
.snsiteme .wcot{
    float: right;
    width: 72%;
    line-height: 2;
}
.snsiteme .wcot .wtit{
    line-height: 1.5;
    color: #333333;
    padding-right: 15%;
}
.snsiteme .wtit span,.snsitemy .wtit span{
    float: right;
    position: absolute;
    right: 0;
    color: #333333;
}
.snsiteme .wcot .wtit:nth-child(1){
    color: #027baf;
}
.snsiteme .wcot .wint{
    margin: 3% 0 2% 0;
    color: #666666;
}
.snsiteme .wcot .wck{
    text-align: right;
}
.snsiteme:hover .wimg img{
    transform: scale(1.05);
}
















.sy_zyx{
    background-color: #2B2B2B;
    padding: 1% 0;
}
.sy_zyx .bord{
    padding: 1.8% 0 ;
    border-bottom: 2px solid #383839;
}
.syzyx_item{
    width: 25%;
    float: left;
    /*text-align: center;*/
}
.syzyx_item:nth-child(4){
    text-align: right;
}
.syzyx_item .wall{
    display: inline-block;
    width: 100%;
}
.syzyx_item .wnrl{
    width: 60px;
    height: 60px;
    line-height: 58px;
    font-size: 30px;
    background-color: #636363;
    border-radius: 50%;
    color: #66c8c7;
    float: left;
    text-align: center;
    margin: 0 7px 0 0;
}
.syzyx_item .wnrr{
    width: 79%;
    float: right;
    line-height: 1.7;
    text-align: left;
    letter-spacing: 1px;
}
.syzyx_item .wnrr .wnry{
    color: #FFFFFF;
    font-weight: bolder;
    text-transform: uppercase;
}
.syzyx_item .wnrr .wnre{
    color: #ffffff;
    letter-spacing: 0;
}





.nysyl{
    width: 23.5%;
    float: left;
}
.nysyr{
    width: 75%;
    float: right;
}
.nysyr.pro{
    padding-left: 3%;
}

.Pyj_box .Pyj_name{

}
.Pyj_box .Pyj_img{
    margin: 3% 0 0;
}
.Pyj_box .Pyj_img img{
    max-width: 100%;
}
.Pyj_box .Pyj_desc{
    margin: 2% 0 0;
    line-height: 1.8;
}

.Perj_box{
    margin: 3% 0;
  /*  background-color: #eeeeee;*/
    border-radius: 5px;
    /*padding: 3% 3% 0;*/
}
.Perj_box .perj_item{
    width: calc((100% - 4%)/3);
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
}
.Perj_box .perj_item:nth-child(3n){
    margin-right: 0;
}
.Perj_box .perj_item .perj_img{
    overflow: hidden;
    position: relative;
}
.Perj_box .perj_item .shade_bg{
    position: absolute;
    content: '';
    top: -100%;
    height: 100%;
    width: 100%;
    color: white;
    z-index: -1;
    padding: 5%;
    line-height: 1.5;
    background-color: rgba(0,0,0,.7);
    transition: all .5s;
    overflow: hidden;
}
.Perj_box .perj_item:hover .shade_bg{
    top: 0;
    z-index: 0;
}
.Perj_box .perj_item .perj_name{
    line-height: 2.5;
}

.Pro-warp{

}
.Pro-warp table{
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ccc;
}
.Pro-warp th{
    background-color: #2E989E;
    line-height: 2.5;
    text-align: center;
}
.Pro-warp .th-tit{
    color: white;
}
.Pro-warp th,.Pro-warp td{
    border: none;
    line-height: 2.5;
    border-right: 1px solid #cccccc;
}
.Pro-warp tr:nth-child(odd){
    background-color: #F0F8F8;
}

.Pro-warp td .divtit{
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    transition: ease 0.5s;

}
.Pro-warp td .divtit:hover{

}
.Pro-warp td .divtit .axh{
    display: inline-block;
    cursor: pointer;
    color: #027baf;
    font-weight: bolder;
    /*line-height: 3;*/
}
.Pro-warp td .divtit:hover .axh{
    text-decoration: underline;
    color: #2E989E;
}

.detailed{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    left: 0px;
    top: 0px;
    z-index: 999;
    display: none;
}
.pdmain{
    width: 100%;
    /*height: 310px;*/
    background-color: #FFFFFF;
    position: relative;
    /*left: 50%;*/
    /*top: 40%;*/
    /*margin-left: -600px;*/
    /*margin-top: -155px;*/
    box-shadow: 0px 0px 10px #666;
    border-radius: 5px;
    padding:20px 30px;
    display: none;
}
.pdmain .close{
    background-image: url(../image/fancybox_sprite.png);
    position: absolute;
    top: 5px;
    right: 5px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    z-index: 8040;
}
.pdmain .tit{
    color: #2E989E;
    margin-bottom: 20px;
}
.progrid{
    border: 1px solid #e4e4e4;
    width: 100%;
}

.progrid tr td:nth-child(even) {
    width: 40%;
}
.progrid tr td:nth-child(odd) {
    text-align: center;
    background: rgba(0, 132, 255, 0.03);
    width: 10%;
}
.progrid td {
    padding: 0.35vw;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    line-height: 25px;
    background: #fafafa;
    color: #555555;
    vertical-align: middle;
}







.cpCaAN{
    margin: 5% 0 0 0;
    width: 100%;
    padding: 3% 5%;
    font-size: 4vw;
    letter-spacing: 2px;
    background-color: #66c8c7;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    display: none;
}


.CAchoice{
    width: 100%;
    margin: 0 0 12% 0;
    display: none;
}
.CAchoice .Pca_title{
    font-size: 30px;
    background-color: #66c8c7;
    color: #FFFFFF;
    text-align: center;
    padding: 5% 0;
    font-weight: bold;
    letter-spacing: 2px;
}
.CAchoice .Pca_list{
    width: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    border-bottom: 15px solid #66c8c7;
}
.CAchoice .Pca_list ul li{
    line-height: 1.6;
    border-bottom: 1px dashed #ccc;
    background: url(../image/Pca_img.png) no-repeat left;
    padding: 0 0 0 10%;
    background-size: 6.65%;
}
.CAchoice .Pca_list ul li:last-child{
    border-bottom: 0;
}
.CAchoice .Pca_list ul li .Pca_a{
    padding: 7% 0;
    display: block;
    font-weight: bold;
    color: #333333;
}
.CAchoice .Pca_list ul li:hover .Pca_a{
    color: #66c8c7;
}
.CAchoice .Pca_list ul li.on  .Pca_a{
    color: #66c8c7;
}





.navMenubox {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    border-bottom: 15px solid #66c8c7;
    background-color: #FFFFFF;
}
.navMenu .xlCAli{
    line-height: 1.6;
    border-bottom: 1px dashed #ccc;
}

.navMenu .xlCAli .xlCAnr{
    background: url(../image/Pca_img.png) no-repeat left;
    background-size: 6.65%;
    display: block;
    color: #333333;
    transition: all 0.3s;
    position: relative;
    text-decoration: none;
    font-weight: bold;
    overflow:hidden;
    padding: 7% 0 7% 10%;
    letter-spacing: 1px;
}
.navMenu .xlCAli .xlCAnr:after{
    content: '';
    position: absolute;
    background: url(../image/Pcaarrow.png) no-repeat center;
    right: 0;
    top: 30%;
    padding: 4%;
    background-size: 100%;
    filter: grayscale(1);
    transform:rotate(-90deg);
    transition: all 0.3s;
}
.navMenu .xlCAli .xlCAnr.active{
    color: #66c8c7;
}
.navMenu .xlCAli .xlCAnr.active:after{
    transform:rotate(0);
    filter: grayscale(0);
}
.navMenu .nyt{
    width: 80%;
    float: left;
}

.navMenu .xlCAli .xlCAnr .arrow {
    padding: 3%;

    background-size: cover;
    display: inline-block;
    float: right;
    transition: all 0.3s;
    margin: 2.5% 0 0;
}
.navMenu .open .arrow {
    transform:rotate(90deg);
}


.navMenu>li>div.active, .navMenu>li>div:hover {
    color: #66c8c7;
}

.navMenu .xlCAli .sub-menu{
    display: none;
}

.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu {
}

.navMenu .xlCAli .sub-menu .xlCBli {
    background: none;
    border-top: 1px solid #eeeeee;
}
.navMenu .xlCAli .sub-menu .xlCBli .xlCBlia{
    padding: 7% 0 7% 8%;
    width: 100%;
    display: block;
    color: #666666;
    transition: all 0.3s;
    background: url(../image/cparrow.png)no-repeat left;
    background-size: 4%;
}

.navMenu>li>ul.sub-menu li>div {
    display: block;
    font-size: 14px;
    line-height: 65px;
    padding: 0 20px;
    color: #333333;
    clear: both;
    border-bottom: 1px dashed #cccccc;
}
.navMenu>li>ul.sub-menu li:last-child>div{
    border-bottom: 0px dashed #cccccc;
}
.navMenu>li>ul.sub-menu li>div.active, .navMenu>li>ul.sub-menu li>div:hover, .navMenu>li>ul.sub-menu>li.active >div {
    color: #66c8c7;
}
.navMenu .xlCAli .sub-menu .on .xlCBlia{
    color: #66c8c7;
}
.navMenu .xlCAli .sub-menu .xlCBli:hover .xlCBlia{
    color: #66c8c7;
}


.cp4ys_title{
    text-align: center;
    line-height: 2;
    color: #333333;
    margin: 0 0 3% 0;
    letter-spacing: 1px;
}
.cp4ys_list{
    padding: 0 0 2% 0;
}
.cp4ys_item{
    width: 24%;
    position: relative;
    float: left;
    margin: 0 1.325% 2% 0;
    overflow: hidden;
}
.cp4ys_item:nth-child(4n){
    margin: 0 0 2% 0;
}
.cp4ys_item .wimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.cp4ys_item .wxtb{
    position: absolute;
    padding: 8.3365%;
    bottom: 18%;
    z-index: 3;
    left: 41%;
    transition: all 0.5s;
}
.cp4ys_item:nth-of-type(1) .wxtb{
    background: url(../image/cp4ys1.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(2) .wxtb{
    background: url(../image/cp4ys2.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(3) .wxtb{
    background: url(../image/cp4ys3.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(4) .wxtb{
    background: url(../image/cp4ys4.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item .wint{
    position: absolute;
    width: 70%;
    left: 15%;
    top: 45%;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.6;
    z-index: 2;
    transform: scale(0);
    transition: all 0.5s;
}
.cp4ys_item .wcot{
    color: #FFFFFF;
    line-height: 2;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #66c8c7;
    text-align: center;
    letter-spacing: 2px;
    padding: 6% 0 2% 0;
    z-index: 2;

}
.cp4ys_item .wmb{
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.cp4ys_item:hover .wxtb{
    bottom: 70%;
}
.cp4ys_item:nth-of-type(1):hover .wxtb{
    background: url(../image/cp4ys1s.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(2):hover .wxtb{
    background: url(../image/cp4ys2s.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(3):hover .wxtb{
    background: url(../image/cp4ys3s.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(4):hover .wxtb{
    background: url(../image/cp4ys4s.png)no-repeat center;
    background-size: 100%;
}

.cp4ys_item:hover .wint{
    transform: scale(1);
}
.cp4ys_item:hover .wcot{
    background-color: transparent;
    z-index: 2;
}
.cp4ys_item:hover .wmb{
    top: 0;
}



.RM_article{
    width: 100%;
    margin: 0 0 12% 0;
    background-color: #FFFFFF;
}
.RM_article .Rma_title{
    color: #FFFFFF;
    text-align: center;
    padding: 5% 0;
    font-weight: bold;
    letter-spacing: 2px;
    background: url(../image/fabulous.png) no-repeat 25%;
    background-color: #66c8c7;
    background-size: 6.65%;

}
.RM_article .Rma_list{
    width: 100%;
    border: 1px solid #cccccc;
}
.RM_article .Rma_list ul li{
    line-height: 1.8;
    border-bottom: 1px solid #ccc;
    background-size: 6.65%;
}
.RM_article .Rma_list ul li:last-child{
    border-bottom: 0;
}
.RM_article .Rma_list ul li .Rma_a{
    padding: 4% 5%;
    display: block;
    color: #333333;
    text-align: center;
}
.RM_article .Rma_list ul li:hover .Rma_a{
    color: #66c8c7;
}


.Plxall{
    /*border: 1px solid #cccccc;*/
    padding: 5% 2% 2% 0%;
    background-color: #FFFFFF;
}
.Plxall .Plx_title{
    border-bottom: 1px solid #cccccc;
    /*text-align: center;*/
    padding: 2% 0 5% 0;
    margin:  0 0% 8% 0%;
    font-weight: bold;
    color: #333333;
    line-height: 1.6;
    position: relative;
}
.Plxall .Plx_title:after{
    position: absolute;
    content: '';
    right: 0;
    top: -5%;
    background: url("../image/cparrow.png") no-repeat center right;
    width: 12px;
    height: 100%;
    background-size: 100%;
    background-position-y: 30%;
    transform: rotate(-90deg);
}
.Plxall .Plx_list{
    width: 100%;
}
.Plxall .Plx_int{
    line-height: 1.6;
    margin: 0 0 3% 0;
    /*padding: 0 0 0 11%;*/
}
.Plxall .Plx_int:nth-of-type(1){
    /*background: url(../image/Plx_int1.png) no-repeat left;*/
    /*background-size: 8.35%;*/
    color: #027baf;
    letter-spacing: 1px;
    font-weight:bold;
}
/*.Plxall .Plx_int:nth-of-type(2){
    background: url(../image/Plx_int2.png) no-repeat left;
    background-size: 8.35%;
    margin: 0 0 8% 0;
}
.Plxall .Plx_int:nth-of-type(3){
    background: url(../image/Plx_int3.png) no-repeat left;
    background-size: 8.35%;
}
.Plxall .Plx_int:nth-of-type(4){
    background: url(../image/Plx_int3.png) no-repeat left;
    background-size: 8.35%;
}*/
.Plxall .Plx_an{
    float: left;
    margin: 5% 0 0 12%;
    background-color: #ffffff;
    padding: 5% 18% 5% 6%;
    border-radius: 30px;
    text-align: left;
    position: relative;
    box-shadow: 0 1px 10px #cccccc;
    color: #333333;
}
.Plxall .Plx_an:after{
    content: '';
    position: absolute;
    padding: 12%;
    border-radius: 50%;
    background: url(../image/honor_arrow.png) no-repeat center;
    background-color: #66c8c7;
    background-size: 100%;
    right: 10%;
    top: 18%;
}
.Plxall .Pcate_item .pcate_list{
    padding: 2% 0;
}
.Plxall .Pcate_item .pcate_list > li{
    display: block;
    line-height: 2.3;
    position: relative;
    transition: all .5s;
}
.Plxall .Pcate_item .pcate_list .yi_ji{

}
.Plxall .Pcate_item .pcate_list .pname_yj{
    position: relative;
    padding-left: 0;
}
.Plxall .Pcate_item .pcate_list .pname_yj:before{
    position: absolute;
    content: '';
    /*font-size: 1.8vw;*/
    background: url("../image/icon-arrow-down.png") no-repeat center;
    right: 1%;
    width: 20px;
    height: 20px;
    /*background-size: 60%;*/
    top: 28%;
    /*color: #027baf;*/
    transition: all .5s;
}
.Plxall .Pcate_item .pcate_list .pname_yj.active{
    color: #027baf;
}
.Plxall .Pcate_item .pcate_list .pname_yj.active:before{
    position: absolute;
    content: '';
    background: url("../image/icon-arrow-up.png") no-repeat center;
    width: 20px;
    height: 20px;
    /*font-size: 2.5vw;*/
    right: 1%;
    top: 28%;
    /*height: 100%;*/
    /*color: #027baf;*/
    transition: all .5s;
}
.Plxall .Pcate_item .pcate_list .san_ji{
    display: none;
}
.Plxall .Pcate_item .pcate_list .er_ji{
    display: none;
}
.Plxall .Pcate_item .pcate_list .er_ji li{
    padding-left: 0%;
}
.Plxall .Pcate_item .pcate_list .er_ji li .pname:hover{
    color: #027baf;
    background: url("../image/jtico_.png") no-repeat left center;
    background-size: 7%;
}
.Plxall .Pcate_item .pcate_list.pub li:hover .pname{
    color: #027baf;
    background: url("../image/jtico_.png") no-repeat left center;
    background-size: 7%;
}
.Plxall .Pcate_item .pcate_list .pname.on{
    color: #027baf;
    background: url("../image/jtico_.png") no-repeat left center;
    background-size: 7%;
}

.Plxall .Pcate_item .pcate_list .pname{
    text-indent: 1.5em;
    color: #333333;
    background: url("../image/jtico.png") no-repeat left center;
    background-size: 7%;
}
.Plxall .Pcate_item .pcate_list > li > a{
    display: block;
}





.service_int{
    line-height: 2;
    color: #666666;
    text-align: center;
    padding: 0 0 2% 0;
}
.service_list{

}
.service_list .service_img{
    position: relative;
    margin: 0 0 28% 0;
}
.fw4ys_list{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 10%;
}
.fw4ys_item{
    width: 24%;
    float: left;
    position: relative;
    margin: 0 1.325% 0 0;
}
.fw4ys_item:nth-child(4n){
    margin: 0 0 0 0;
}
.fw4ys_item .fwnrs{
    position: relative;
    width: 100%;
    padding: 55% 1% 25%;
    color: #FFFFFF;
    text-align: center;
    line-height: 2;
}
.fw4ys_item:nth-of-type(1) .fwnrs{
    background: url(../image/fw4ys1.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,0,0,0.7);
}
.fw4ys_item:nth-of-type(2) .fwnrs{
    background: url(../image/fw4ys2.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,153,204,0.7);
}
.fw4ys_item:nth-of-type(3) .fwnrs{
    background: url(../image/fw4ys3.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,0,0,0.7);
}
.fw4ys_item:nth-of-type(4) .fwnrs{
    background: url(../image/fw4ys4.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,153,204,0.7);
}


.fw4ys_item .fwnrx{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8% 8%;
    border: 1px solid #cccccc;
    line-height: 1.8;
    text-align: center;
    background-color: #FFFFFF;
    color: #333333;
}
.fw4ys_item .fwnrx .wtit{
    margin: 0 0 5% 0;
}
.fw4ys_item .fwnrx .wint{
    text-align: left;
}
.fw4ys_item .fwnrx .sz{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #ffffff;
    z-index: 2;
}
.fw4ys_item .fwnrx .sz span{
    position: relative;
    z-index: 5;
    padding: 0 5px 0 0;
}
.fw4ys_item .fwnrx .sz:after{
    content: '';
    position: absolute;
    border-bottom: 40px solid #333333;
    border-left: 40px solid transparent;
    right: 0;
    bottom: 0;
}

.fw4ys_item:nth-child(2n) .fwnrx .sz:after{
    border-bottom: 40px solid #66c8c7;
    border-left: 40px solid transparent;
}

.service_list .service_partner{
    padding: 0 8%;
    margin: 0 0 3% 0;
}

.service_list .service_zbrx{
    padding: 0 10%;
    line-height: 2;
    margin: 0 0 3% 0;
    color: #333333;
}
.service_list .service_zbrx span{
    font-size: 30px;
    color: #66c8c7;
    font-weight: bold;
}
.service_list .service_3img{
    padding: 0 10%;
    margin: 0 0 4% 0;
}
.service_list .service_3img .s3item{
    width: 30%;
    float: left;
    margin: 0 5% 0 0;
}
.service_list .service_3img .s3item:nth-child(3n){
    margin: 0 0 0 0;
}
.service_list .service_table{
    padding: 0 10%;
}
.service_list .service_table .wtit{
    color: #080000;
    line-height: 2;
    margin: 0 0 1% 0;
}
.service_table_all{

}
.service_table_all .nry{
    background-color: #333333;
    padding: 1% 0;
}
.service_table_all .nry .nrys{
    width: 50%;
    float: left;
    text-align: center;
    color: #ffffff;
    line-height: 2;
    letter-spacing: 2px;
}
.service_table_all .nre{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    position: relative;
    border-top: 0;
}
.service_table_all .nre .fnre{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service_table_all .nre .fnre .znre_item{
    line-height: 2;
    color: #333333;
    margin: 10% 0;
}
.service_table_all .nre .znre{
    width: 50%;
    background-color: #66c8c7;
    color: #ffffff;
    margin-left: 50%;
    padding: 2% 5%;
}
.service_table_all .nre .znre .znre_item{
    border-bottom: 1px dashed #ffffff;
    line-height: 2;
    text-align: center;
    padding: 3% 0;
}
.service_table_all .nre .znre .znre_item:last-child{
    border-bottom: 0;
}



.newssyl{
    position: relative;
    width: 72%;
    float: right;
}
.newssyl img{
    max-width: 100%;
}
.newssyl .CA_news{
    width: 100%;
    margin: 0 0 2% 0;
    display: none;
}
.newssyl .CA_news ul li{
    width: 24.25%;
    float: left;
    background-color: #efefef;
    margin: 0 1% 1% 0;
    text-align: center;
    color: #333333;
}
.newssyl .CA_news ul li:nth-child(4n){
    margin: 0 0 1% 0;
}
.newssyl .CA_news ul li .Pca_a{
    display: block;
    width: 100%;
    padding: 5% 0;
}
.newssyl .CA_news ul li:hover{
    background-color: #66c8c7;
    color: #FFFFFF;
}
.newssyl .CA_news ul li.on{
    background-color: #66c8c7;
    color: #FFFFFF;
}



.newssyr{
    width: 18%;
    float: right;
}
.ner_zwf{
    padding: 6% 0;
}
.ner_list{
    width: 100%;
    padding: 20% 0 0 0;
}
.ner_list .nsr_title{
    border-bottom: 1px solid #333333;
    display: inline-block;
    padding: 0 0 5% 0;
    margin: 0 0 5% 0;
}

.RM_label_all{
    width: 100%;
}
.RM_label_all .RM_label{
    border: 1px solid #cccccc;
    background-color: #ffffff;
    display: inline-block;
    margin: 0 2% 3% 0;
    padding: 3% 3%;
    color: #333333;
}

.RM_news_all{
    width: 100%;
}

.RM_news_all .RM_news{
    width: 100%;
    color: #333333;
    margin: 0 0 0 0;
    line-height: 2;
}

.ner_ca_list{
    width: 100%;
}
.ner_ca_list .nsr_ca_title{
    width: 100%;
    background-color: #66c8c7;
    color: #ffffff;
    text-align: center;
    padding: 7% 0;
    font-weight: bold;
    letter-spacing: 2px;
}
.ner_ca_list .nsr_ca_all ul li{
    width: 100%;
    border: 1px solid #cccccc;
    margin: -1px 0 0 0;
    text-align: center;

}
.ner_ca_list .nsr_ca_all ul li .Pca_a{
    display: block;
    width: 100%;
    padding: 7% 0;
}
.ner_ca_list .nsr_ca_all ul li:hover{
    background-color: #66c8c7;
    color: #FFFFFF;
}
.ner_ca_list .nsr_ca_all ul li.on{
    background-color: #66c8c7;
    color: #FFFFFF;
}








.Inside_title{
    text-align: center;
    color: #333333;
    padding: 1% 0 1%;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.Inside_title .dnra{
    letter-spacing: 1px;
}
.Inside_title .dnrb{
    letter-spacing:10px;
    margin: 2% 0 0;
    font-size: 36px;
    padding-left: 10px;
}
.category_list{
    position: relative;
    text-align: center;
    font-size: 0;
}

.category_list ul li{
    display: inline-block;
    background-color: #ffffff;
    width: 12%;
    margin: 2% 1%;
    letter-spacing: 1px;
    color: #333333;
}
.category_list ul li a{
    display: block;
    padding: 10% 0;
}
.category_list .on{
    background-color: #66c8c7;
    color: #ffffff;
}
.list_all{
    padding: 3% 0 0;
}

.single_show{
    width: 100%;
    word-wrap: break-word;
    /*word-break: break-all;*/
    overflow: hidden;
}
.single_show img{
    max-width: 100%;
}

.upperandlower {
    padding: 1% 0 0 0;
}
.upperandlower .next{
    width: 25%;
    background-color: #626262;
    padding: 1.5% 2%;
    color: #ffffff;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}
.upperandlower .next .arrow{
    margin: 0 10%;
}
.upperandlower .next *{
    color: #ffffff!important;
}
.upperandlower .tl{
    text-align: left;
}
.upperandlower .tr{
    text-align: right;
}
.upperandlower .next:hover{
    background-color: #66c8c7;
}



.paging {
    text-align:center;
    padding: 2% 0 2%;
    position: relative;
}
.paging .pglf{
    float: left;
    width: 30%;
    line-height: 2;
    text-align:left;
}
.paging .pgrt{
    float: right;
    width: 70%;
    text-align: right;
}
.paging a{
    display: inline-block;
    padding: 0.65% 0.9%;
    border:1px solid #027baf;
    color: #fff;
    margin:0 0.5%;
    transition: ease-in 0.1s;
    border-radius: 2px;
    background-color: #027baf;
}
.paging span{
    margin:0 5px;
}
.paging a:hover,
.case_lisst .cate-box a:hover{
    border:1px solid #66c8c7;
    color: #66c8c7;
}
.paging .currPage{
    border:1px solid #66c8c7;
    color: #ffffff;
    background-color: #66c8c7;
}




.Rmnynews{
    padding: 5% 0 2%;
}
.Rmnynews .newsny{
    text-align: left;
    margin-bottom: 0;
}






.acsl{
    width: 62.5%;
    float: left;
    line-height: 2;
}
.acsr{
    width: 32.5%;
    float: right;
    border-top: 10px solid #66c8c7;
}
.acsna{
    font-size: 30px;
    color: #333333;
    padding: 3% 0;
    border-bottom: 1px dashed #555555;
    margin: 0 0 3% 0;
}
.acsnb{
    color: #333333;
}
.acslx{
    position: relative;
    margin: 5% 0;
}
.acslx .acslxan{
    font-size: 24px;
    color: #ffffff;
    background-color: #66c8c7;
    padding: 0.5% 5%;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    letter-spacing: 3px;
    float: left;
}
.acslx .acslxrx{
    font-size: 24px;
    color: #333333;
    float: left;
    padding: 0.5% 5%;
}
.acsall{
    width: 100%;
}
.acsall .acsall_title{
    font-size: 30px;
    color: #333333;
    letter-spacing: 5px;
    border-bottom: 3px solid #d2d2d2;
    padding: 0 0 1% 0;
    position: relative;
}
.acsall .acsall_title span{
    font-size: 14px;
    color: #aaaaaa;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 0 3%;
}
.acsall .acsall_title:before{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 20%;
    background-color: #66c8c7;
}
.acsnrall{
    width: 100%;
    overflow: hidden;
    padding: 2% 0;
    line-height: 0;
}
.acsnrall img{
    max-width: 100%;
}


.acsimg{
    border: 1px solid #d2d2d2;
    margin: 0 0 7% 0;
}
.acsCa{
    margin: 0 0 10% 0;
}
.acsCa ul li{
    float: left;
    width: 46.5%;
    margin: 0 7% 0 0;
    border: 1px solid #d2d2d2;
}
.acsCa ul li:nth-child(2n){
    margin: 0 0 0 0;
}
.acsCa .on{
    border: 1px solid #66c8c7;
}
.ascRmcp{
    margin: 0 0 8% 0;
}
.ascRm_title{
    background-color: #66c8c7;
    padding: 4% 8%;
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 3px;
}

.ascRmxw{
    background-color: #ffffff;
    margin: 0 0 10% 0;
}
.ascRmxw .acsRmls{
    padding: 8% 5%;
}
.newsRm{
    color: #555555;
    border-bottom: 1px dashed #d2d2d2;
    padding: 0 0 5% 0;
    margin: 0 0 5% 0;
    transition:all 0.5s;
}
.newsRm:last-child{
    margin:  0 0 0 0;
    border-bottom: 0;
    padding: 0;
}
.newsRm .dnra{
    float: left;
    color: #33b8dd;
    width: 5%;
    transform: scale(1.5);
}
.newsRm .dnrb{
    float: left;
    width: 70%;
    transition:all 0.5s;
}
.newsRm .dnrc{
    float: right;
    width: 20%;
    text-align: right;
}
.newsRm:hover{
    color: #33b8dd;
}
.newsRm:hover .dnrb{
    padding-left: 1%;
}


.acsZx{
    background: url(../image/acsZx.png) no-repeat 10%;
    background-color: #66c8c7;
    color: #ffffff;
    padding: 5% 0 5% 28%;
    line-height: 1.5;
    background-size: 14.425%;
    font-weight: bold;

}
.acsZx .acszxa{
    font-size: 24px;
    letter-spacing: 2px;
}
.acsZx .acszxb{
    font-size: 32px;
    letter-spacing: 1px;
}














.content_main{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 1% 0;
}

.content_mains{
    width: 100%;
    position: relative;
    overflow: hidden;
    /*padding: 3% 0 2%;*/
}
.ash_nyys{
    background-color: #efefef;
}
.within_nyys{
    background-color: #ffffff;
}
.content_all{
    width: 100%;
    position: relative;
    padding: 2% 0 0 0;
}



.nysm_all{
    position: relative;
    padding: 0 0 4% 0;
    color: #333333;
}
.download_nysm{
    padding: 0;
}
.nysm_all .slogan{
    width: 31.25%;
    float: left;
}
.nysm_all .position{
    width: 60%;
    float: right;
    line-height: 2;
    text-align: right;
    padding-top: 5px;
    letter-spacing: 1px;
}
.nysm_all .position_home{
    background: url(../image/home.png) no-repeat left;
    padding-left: 25px;
    background-size: 22%;
}

.ny_pt_gap{
    padding: 0 0 2% 0;
}

.detail_title{
    font-size: 30px;
    width: 100%;
    color: #333333;
    text-align: left;
    line-height: 1.5;
    position: relative;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 3% 0;
}
.detail_title:after{
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color: #66c8c7;
    left: 45%;
    bottom: -15px;
    display: none;
}

.detail_content{
    width: 100%;
    overflow: hidden;
    line-height: 2;
}
.detail_content img{
    max-width: 100%;
}

.detail_title_news{
    font-size: 30px;
    width: 70%;
    float: left;
    color: #333333;
    text-align: left;
    line-height: 1.5;
    position: relative;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 3% 0;
}
.detail_title_time{
    float: right;
    text-align: right;
    width: 30%;
    margin: 2% 0 0 0;
    color: #666666;
    padding: 0 1% 0 0;
}




.load_more{
    text-align: center;
    padding-top: 3%;
}
.load_more .loads{
    display: inline-block;
    width: 16%;
    text-align: center;
    color: #ffffff;
    background-color: #66c8c7;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    padding: 1.2% 0;
    letter-spacing: 5px;
    border-radius: 2px;
}
.load_more .loadend{
    display: none;
    color: #555555;
    letter-spacing: 2px;
}
.load_more .block{
    display: block;
}
.load_more_case{
    padding-top: 3%;
}
.info_load_more{
    padding-top: 1%;
}
.info_load_more .loads{
    margin-top: 0;
    width: 100%;
    background-color: #ffffff;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    padding: 2% 0;
    cursor: pointer;
}
.info_load_more2{
    padding-top: 1%;
}
.info_load_more2 .loads{
    margin-top: 0;
    width: 100%;
    background-color: #ffffff;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    padding: 3% 0;
    cursor: pointer;
}









.news_item{
    width: 100%;
    float: left;
    margin: 0 0 0% 0;
    padding: 2% 0;
    position: relative;
    border-bottom: 1px solid #d9d9d9;
}
/*.news_item:nth-child(3n){
    margin: 0 0 2.75% 0;
}*/
.news_item .dimg{
    width: 30%;
    height: 12vw;
    float: left;
    overflow: hidden;
    position: relative;
}
.news_item .dcot{
    width: 70%;
    /*float: left;*/
    right: 0;
    position: absolute;
    left: 30%;
    height: 84%;
    /*background-color: #efefef;*/
    color: #333333;
    padding: 1% 3% 1%;
}
.news_item .dcot .dtit{
    width: 100%;
}
.news_item .dcot .dint{
    line-height: 1.8;
    margin: 3% 0 3% 0;
    color: #999;
}
.news_item .dcot .dtime{
    line-height: 2;
    color: #999999;
}
.news_item .dcot .dtime span,.news_item .dcot .dint span{
    color: #027baf;
}
/*.news_item .dcot:after{
    content: '';
    position: absolute;
    bottom: 14%;
    right: 10%;
    background: url(../image/news_arrow.png) no-repeat center;
    padding: 3.225%;
    background-size: 100%;
}*/
.news_item:hover .dcot{
    /*background-color: #66c8c7;*/
    /*color: #FFFFFF;*/
}
.news_item:hover .dcot:after{
    background: url(../image/news_arrows.png) no-repeat center;
    background-size: 100%;
}
.news_item:hover .dimg img{
    transform: scale(1.1);
}



.case_item{
    float: left;
    width: calc(100%/3 - 1.5%);
    margin:  0 2% 2% 0;
    position: relative;
}
.case_item:nth-of-type(3n){
    margin-right: 0;
}
.case_item .dimg{
    overflow: hidden;
}
.case_item .dcot{
    background-color: #ffffff;
    padding: 0 1% 0 3%;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.5s;
    border-bottom: 1px solid #cccccc;
}
.case_item .dcot .dtit_cn{
/*    font-size: 30px;*/
    line-height: 2;
    margin: 2% 0;
    color: #333333;
}
.case_item .dcot .dtit_en{
    margin: 1% 0;
    color: #999999;
}
.case_item .dcot .dint{
    margin: 3% 0 8%;
    color: #333333;
}
.case_item .dcot .dck{
    background-color: #66c8c7;
    color: #ffffff;
    display: inline-block;
    width: 20%;
    padding: 0.5% 0;
    text-align: center;
    border-radius: 2px;
    letter-spacing: 2px;
}
.case_item:hover .dimg img{
    transform: scale(1.1);
}



.brands_screen{
    display: flex;
    justify-content: space-between;
}
.brands_screen .bds_tit{
    width: 10%;
    font-weight: bold;
}
.brands_screen  li:hover a{
    color: #027baf;
}

.brands_screen ul{
    width: 90%;
}
.brands_screen li{
    float: left;
    width: calc(100%/20);
    margin: 0 0 2% 0;
    color:#555555;
}
.brands_screen li.on a{
    color: #027baf;
    padding-bottom: 5px;
    border-bottom: 2px solid;
}

.brands_list_wrap{
    margin: 2.5% 0;
}
.brands_list_wrap li{
    float: left;
    width: calc(100%/4 - 1.5%);
    margin:  0 2% 0% 0;
}
.brands_list_wrap li:nth-of-type(4n){
    margin-right: 0;
}
.brands_list_wrap .brs_img{
    height: 100px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
}
.brands_list_wrap .brs_img img{
    object-fit: contain;
}

.brands_list_wrap .brs_txt{
    padding:  3% 0;
    line-height: 1.5;
    height: 100px;
}
.brands_list_wrap .brs_txt .brs_tit{
    color: #027baf;
    font-weight: bold;
    padding: 2.5% 0;
}
.brands_list_wrap .brs_txt .brs_tit span{
    display: inline-block;
}
.brands_list_wrap .brs_txt .brs_tit span:nth-child(2){
    color: #333;
    float: right;
}
.brands_list_wrap .brs_txt .brs_intro{
    margin: 1.5% 0;
}






.partner_item{
    width: 24.625%;
    float: left;
    border: 1px solid #cccccc;
    margin: 0 0.5% 1% 0;
    overflow: hidden;
}
.partner_item:nth-child(4n){
    margin: 0 0 1% 0;
}
.partner_item:hover img{
    transform: scale(1.1);
}






.lxwmall{
    position: relative;
    margin: 3% 0 3% 0;
}

.lxwm_list{
    position: relative;
    width: 100%;
    float: left;
}

.lxwm_item{
    width: 100%;
    line-height: 1.7;
    margin: 0 0 1% 0;
    color: #333333;
}
.lxwm_item:nth-child(4n){
    margin: 0 0 0 0;
}
.lxwm_item .dimg{
    width: 3.25%;
    float: left;
    margin: 0 2% 0 0;
}
.lxwm_item .dtit{
    float: left;
    width: 80%;
}

.lxwm_item .dtit span{
    font-weight: bold;
}

.lxwm_cot{
    width: 58%;
    float: right;
    color: #ffffff;
    background-color: #66c8c7;
    padding: 2.5%;
    line-height: 1.4;
    margin: 2% 0 0 0;
}



.lxwmwd{
    padding: 2% 0 0 0;
}
.lxwmwd .wtit{
    text-align: center;
    color: #333333;
    line-height: 2;
    margin: 0 0 3% 0;
}

.lxwmwd_item{
    width: 24.25%;
    float: left;
    margin: 0 1% 2% 0;
    box-shadow: 0 1px 5px #cccccc;
    padding: 7% 2% 5%   ;
    line-height: 1.2;
    background: url(../image/lxwmwd_item.png) no-repeat left 0;
    background-size: 25.8%;
}
.lxwmwd_item:nth-child(4n){
    margin: 0 0 2% 0;
}
.lxwmwd_item .wtitl{
    text-align: center;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 10% 0;
    margin: 0 0 10% 0;
    color: #333333;
}
.lxwmwd_item .wcity{
    text-align: center;
    font-size: 48px;
    color: #66c8c7;
    margin: 3% 0 15% 0;
}
.lxwmwd_item .wints{
    line-height: 2;
    text-align: center;
    color: #333333;
    min-height: 140px;
}





.ab_mky{
    padding: 2% 0 3%;
    width: 100%;
    background-color: #ffffff;
}

.ab_video{
    width: 100%;
}
.ab_video video{
    width: 100%;
}

.ab_four{
    padding: 2% 0;
    background-color: #66c8c7;
}
.ab_four_item{
    width: 25%;
    text-align: center;
    float: left;
    line-height: 1.2;
}
.ab_four_item .dimg {
    width: 27.25%;
    margin: 0 auto;
}
.ab_four_item .dnya{
    font-size: 48px;
    color: #ffffff;
    margin: 5% 0 1% 0;
    font-weight: bold;
}
.ab_four_item .dnyb{
    color: #ffffff;
}


.ab_mke{
    padding: 3% 0;
    background-color: #ffffff;
    text-align: center;
}
.ab_mke .wcot{
    color: #333333;
    line-height: 3;
}





.ab_mks{
    position: relative;
}
.ab_sitem{
    position: absolute;
    width: 26%;
    top: 0;
    height: 100%;
}

.ab_sitem ul li{
    position: absolute;
    width: 100%;
    height: 50%;
    text-align: left;
    padding: 10% 5% 10% 35%;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #333333;
    cursor: pointer;
}
.ab_sitem ul li:nth-of-type(1){
    top: 0;
    border-top: 1px solid #cccccc;
    background: url(../image/absw1.png) no-repeat 28% 45%;
    background-size: 4.8%;
}
.ab_sitem ul li:nth-of-type(2){
    top: 50%;
    border-bottom: 1px solid #cccccc;
    background: url(../image/absw2.png) no-repeat 28% 45%;
    background-size: 4.8%;
}
.ab_sitem ul li.on{
    background-color: #66c8c7;
    border-top: 1px solid #66c8c7;
    border-bottom: 1px solid #66c8c7;
    color: #ffffff;
}
.ab_sitem ul li.on:nth-of-type(1){
    background: url(../image/absw1s.png) no-repeat 28% 45%;
    background-color: #66c8c7;
    background-size: 4.8%;
}
.ab_sitem ul li.on:nth-of-type(2){
    background: url(../image/absw2s.png) no-repeat 28% 45%;
    background-color: #66c8c7;
    background-size: 4.8%;
}
.ab_sitem ul li.on:after{
    content: '';
    position: absolute;
    width: 3%;
    height: 100%;
    right: -3%;
    top: 0;
    background-color: #66c8c7;
    z-index: 2;
}

.ab_sitem{

}
.ab_sall{
    position: relative;
    margin-left: 26%;
}
.ab_slist .wimg{
    width: 42%;
    overflow: hidden;
}
.ab_slist .wcot{
    position: absolute;
    width: 58%;
    left: 42%;
    top: 0;
    height: 100%;
    background-color: #66c8c7;
    padding: 3% 5%;
    color: #ffffff;
    line-height: 1.8;
    overflow-x: auto;
}



.ab_mkw{
    padding: 3% 0 ;
    background-color: #ffffff;
}

.ab_mkw .abmwt{
    line-height: 2;
    text-align: center;
}
.ab_mkw .abmwtit{
    color: #66c8c7;
    font-size: 30px;
    font-weight: bold;
}
.ab_mkw .abmwint{
    color: #999999;
}

.abmw_list{
    width: 100%;
    position: relative;
    padding: 200px 0;
}
.abmw_list:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    background-color: #cccccc;
    z-index: 1;
}
.abmw_item{
    width: 28%;
    line-height: 34px;
    text-align: center;
    position: absolute;
    height: 140px;
}

.abmw_item .wdian{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #66c8c7;
    margin: -14px auto 0;
    z-index: 2;
    position: relative;
    color: #333333;
}
.abmw_item .wline{
    width: 1px;
    height: 30px;
    background-color: #cccccc;
    margin: 20px auto;
}
.abmw_item .wny{
    font-weight: bold;
}


.abmw_item:nth-of-type(1){
    top: 50%;
    left: 0;
}
.abmw_item:nth-of-type(2){
    top: 60px;
    left: 14%;
}
.abmw_item:nth-of-type(3){
    top: 50%;
    left: 28%;
}
.abmw_item:nth-of-type(4){
    top: 60px;
    left: 42%;
}
.abmw_item:nth-of-type(5){
    top: 50%;
    left: 56%;
}
.abmw_item:nth-of-type(6){
    top: 60px;
    left: 70%;
}

.ab_news{
    background: url(../image/ab_news.jpg) no-repeat top;
    padding: 2% 0;
}

.abnst{
    text-align: center;
    line-height: 1.8;
    letter-spacing: 1px;
    padding: 0 0 2% 0;
}
.abnst .abnsttit{
    color: #66c8c7;
    font-size: 30px;
    font-weight: bold;
}
.abnst .abnstint{
    color: #999999;
}


.ab_news_item{
    color: #333333;
    width: 49%;
    float: left;
    background-color: #ffffff;
    padding: 1.5% 2% 2% 5%;
    margin: 0 2% 2% 0;
    border-radius: 5px;
}

.ab_news_item:nth-child(2n){
    margin: 0 0 2% 0;
}
.ab_news_item:nth-of-type(2)
{
    background-color:#66c8c7;
    color: #ffffff;
}
.ab_news_item:nth-child(3n+0)
{
    background-color:#66c8c7;
    color: #ffffff;
}
.ab_news_item .wcot{
    width: 70%;
    float: left;
}
.ab_news_item .wcot .wtit{
    line-height: 2;
    margin: 0 0 0.5% 0;
}
.ab_news_item .wcot .wint{
    line-height: 1.5;
}
.ab_news_item .wimg{
    width: 22%;
    float: right;
}


.CPCA_list{
    position: relative;
}
.CPCA_item{
    width: 33.3%;
    float: left;
    text-align: center;
    background-color: #201f1f;
    color: #FFFFFF;

    line-height: 1.5;
    position: relative;
}
.CPCA_item:last-child{
    margin: 0 0 5% 0;
}
.CPCA_item .PA_a{
    display: block;
    padding: 11% 0 17%;
}
.CPCA_item .PA_mc{
    position: relative;
}
.CPCA_item .PA_mc:after{
    content: '';
    position: absolute;
    width: 50%;
    height: 1px;
    border-top: 1px dashed #ccc;
    bottom: -50%;
    left: 25%;
    overflow: hidden;
}
.CPCA_item.on{
    background-color: #66c8c7;
}
.CPCA_item.on:after{
    content: '';
    position: absolute;
    background: url(../image/PA_on.png) no-repeat center;
    background-size: 100%;
    width: 6.57%;
    padding: 3% 0;
    left: 44%;
    bottom: 12.5%;
}
.CPCA_item:hover{
    background-color: #66c8c7;
}




.synyz{
    width: 18.5%;
    float: left;
    padding: 0 0 5% 0;
}

.synyy{
    width: 79%;
    float: right;
}

.PlBt{
    width: 100%;
    background: url(../image/PlBt.png) no-repeat 10%;
    background-size: 13.5%;
    background-color: #66c8c7;
    padding: 12.5% 0;
}



.NyCaall{
    width: 100%;
    position: relative;
    margin: 0 0 3% 0;
}
.NyLsall{
    width: 100%;
    position: relative;
}


.product_item{
    width: 30.835%;
    float: left;
    margin: 0 0 2.45% 2.45%;
    background-size: 23.1%;
    line-height: 1.5;
    background-color: #201f1f;
    position: relative;
}

.product_item .wimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.product_item .wimg .wmck{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/cp_more.png) no-repeat 50% 40%;
    background-size: 13.5%;
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
    text-align: center;
    padding: 45% 0 0 0;
    letter-spacing: 1px;
    transition: all 0.5s;
    transform: scale(0);
}
.product_item .wcot{
    background-color: #ffffff;
    padding: 5%;
    line-height: 2;
    text-align: center;
    color: #333333;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: all 0.3s;
}
.product_item .wcot .wtit{
    border-bottom: 1px dashed #999999;
    margin: 0 0 3% 0;
    padding: 0 0 3% 0;
    position: relative;
    z-index: 2;
}
.product_item .wcot .wpower{
    position: relative;
    z-index: 2;
}
.product_item .wcot .wexhaust{
    position: relative;
    z-index: 2;
}
.product_item .wcot:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    background-color: #66c8c7;
    z-index: 1;
    transition: all 0.2s;
}
.product_item:hover .wimg .wmck{
    /*top: 0;*/
    transform: scale(1);
}
.product_item:hover .wcot{
    color: #ffffff;
}
.product_item:hover .wcot .wtit{
    border-bottom: 1px dashed #ffffff;
}
.product_item:hover .wcot:after{
    top: 0;
}
.product_item:hover .wimg img{
    transform: scale(1.1);
}

.file_item{
    line-height: 3;
}
.file_item.first{
    background-color: #2B2B2B;
    color: white;
}
.file_item .file-name{
    float: left;
    width: 40%;
    text-indent: 1em;
    display: block;
}
.file_item .file-size{
    float: left;
    width: 20%;
    text-align: center;
    display: block;
}
.file_item .file-time{
    float: left;
    width: 30%;
    text-align: center;
    display: block;
}
.file_item .file-load{
    float: right;
    width: 10%;
    display: block;
}
.file_item:nth-child(1) .file-load{
    text-indent: -.5em;
}
.file_item .file-load img{
    width: 22%;
    margin-top: 8%;
    display: block;
}


.CP_detail{
    width: 100%;
}

.PCP_title{
    border-bottom: 1px solid #cccccc;
    margin: 0 0 3% 0;
}
.PCP_title .PCP_titlewz{
    color: #ffffff;
    background-color: #66c8c7;
    padding: 1% 4%;
    letter-spacing: 2px;
    display: inline-block;
    line-height: 1.1;
}

.CP_detail .CP_mko{
    margin: 0 0 5% 0;
}
.CP_detail .CPmkol{
    width: 40%;
    float: left;
}
.CP_detail .CPmkor{
    width: 48.125%;
    float: right;
    margin: 0 4% 0 0;
    line-height: 2;
}
.CPmkol_list{
    width: 100%;
    margin: 0 0 5% 0;
}



.CPmkol_item{
    width: 100%;
    color: #333333;
    text-align: center;
    letter-spacing: 3px;
}


.CPmkor .CPmkor_title{
    font-size: 36px;
    color: #66c8c7;
    margin: 0 0 3% 0;
    padding: 0 0 2% 0;
    line-height: 1.5;
}
.CPmkor .CPmkor_ys4{
    margin: 0 0 5% 0;
}
.CPmkor .CPmkor_ys4s{
    color: #333333;
    float: left;
    width: 100%;
}
.CPmkor .CPmkor_intro{
    color: #666666;
    width: 85%;
}
.CPmkor .CPmkor_zxzx{
    color: #FFFFFF;
    background-color: #66c8c7;
    display: inline-block;
    padding: 0.4% 5%;
    margin: 5% 0 3%;
    letter-spacing: 2px;
}
.CPmkor .CPmkor_lxdh{
    color: #333333;
    line-height: 1.8;
}
.CPmkor .CPmkor_lxdh span{
    color: #66c8c7;
    font-size: 30px;
    font-weight: bold;
}

.CP_content{
    position: relative;
}
.CPc_title{
    line-height: 2;
    text-align: center;
    padding: 0 0 3% 0;
}
.CPc_title .CPc_title_cn{
    color: #333333;
    font-size: 36px;
    position: relative;
    width: 100%;
    letter-spacing: 1px;
}
.CPc_title .CPc_title_cn:after{
    content: '';
    position: absolute;
    width: 22%;
    height: 1px;
    background-color: #333333;
    left: 39%;
    bottom: 0;

}
.CPc_title .CPc_title_cn:before{
    content: '';
    position: absolute;
    width: 4%;
    left: 48%;
    bottom: -1px;
    height: 3px;
    background-color: #66c8c7;
    z-index: 2;
}
.CPc_title  .CPc_title_sz{
    color: #66c8c7;
    font-size: 58px;
    font-weight: bold;
    margin: 0 5px 0 2px;
    font-style: italic;
}
.CPc_title .CPc_title_en{
    color: #999999;
}

.CPc_all{
    width: 100%;
    overflow: hidden;
    padding: 0 0 5% 0;
    line-height: 2;
}
.CPc_all img{
    max-width: 100%;
}

.position{
    padding: 2% 0%;
    letter-spacing: 1px;
    color: #333333;
    /*background: url(../image/home.png)no-repeat left;*/
    /*background-size: 1% auto;*/
    /*text-indent: 1em;*/
}



.dropdown-menu{
    position: absolute;
    width: 100%;
    display: none;
    z-index: 999;
    border-radius: 1px;
    top: 100%;
    left: 0;
    background-color: #2B2B2B;
    overflow: hidden;
}

.dropdown-menu div:nth-child(1){
    border-top: 0px solid #ccc;
}
.dropdown-menu div{
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    border-top: 1px solid #0099cc;
    transition: ease-in 0.4s;
    padding: 8px 5px;
    line-height: 25px;
    color: #FFFFFF;
    font-size: 14px;
}
.dropdown-menu .xla div {
    font-size: 14px;
    font-weight: 100;
    color: #ffffff;
    border-top: 1px solid #3a3a3a;
    transition: .3s all;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dropdown-menu .xla div:hover{
    color: #66c8c7!important;
    font-weight: bold;
}

.xlYiall{
    padding: 35px 3% 35px 0;
}
.xlYiall:before{
    content: "";
    height: 1px;
    width: 100%;
    background-color: #999999;
}
.xlYiall .xlYils{
    float: right;
    color: #eeeeee;
}
.xlYiall .xlYils .xlYia{
    margin: 0 0 0 40px;
    display: inline-block;
}

.xlYicpall{
    padding: 30px 0 30px 0;
    position: relative;
}
.xlYicpall:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #777777;
    top: 70px;
}
.cpxlals{
    width: 10%;
    float: left;
    text-align: center;
    transition:all 0.3s;
}
.cpxlals .cpxlCA{
    margin-bottom: 40px;
    color: #eeeeee;
    transition:all 0.3s;
}
.cpxlals .cpxlCB{
    line-height: 2;
    color: #eeeeee;
}
.cpxlals .cpxlCA:hover,.cpxlals .cpxlCB:hover{
    color: #66c8c7;
}

.color_error{
    color: red;
}
.form-horizontal .control-label{
    text-align: left;
    padding-left: 0;
    padding-bottom: 15px;
}
.form-horizontal .form-group{
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
.form-control{
    height: 40px;
}
.p_PhoneBox,.p_EmailBox,.p_CaptchasBox {
    float: right;
}
.p_CoupWBox{
    text-align: center;
    margin: 2% 0;
}
.submitPC{
    color: white;
    padding: 1% 6%;
    background-color: #027baf;
    border: none;
}
.submitPC:hover{
    color: white;
}

.floating{
    position: fixed;
    right: 2%;
    bottom: 40%;
    width: 50px;
    z-index: 999;
}
.floating li {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding-bottom: 10px;
    position: relative;
    margin-top: 5px;
}

.floating li>a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #2e989e;
    background-repeat: no-repeat;
    background-position: center;
    transition: .15s linear;
    -moz-transition: .15s linear;
    -webkit-transition: .15s linear;
    position: relative;
    z-index: 2;
    background-size: 80%!important;
}
.floating li:last-child > a{
    background-color: #027baf;
    border-radius: 5px;
}

.floating li .floating_tel{
    background-image: url(../image/floating1.png);
}
.floating li .floating_qq{
    background-image: url(../image/floating2.png);
}
.floating li .floating_wx{
    background-image: url(../image/floating3.png);
}
.floating li .floating_top{
    background-image: url(../image/floating4.png);
}

.floating li span {
    background: #2e989e;
    color: #fff;
    font-size: 15px;
    text-align: left;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    z-index: -1;
    overflow: hidden;
    top: 0;
    transition: .1s linear;
    -moz-transition: .1s linear;
    -webkit-transition: .1s linear;
}
.sbwya{
    font-size: 12px;
    margin: 0 5%;
}
.floating li:hover span {
    width:188px;
    padding-left:30px;
    z-index:1;
}
.floating li:nth-of-type(1):hover span{
    width:200px;
    padding-left:30px;
}
.floating li:nth-of-type(3):hover span{
    width: 130px;
    z-index: 1;
    right: 50px;
    height: auto;
    padding: 5px 5px 5px 5px;
}
.floating li:nth-of-type(3) span img{
    width: 100%;
    text-align: center;
}
.emwfd{
    float: left;
    width: 100%;
    font-size: 12px;
    text-align: center;
}
.emwfd img{
    width: 100%;
}