.banner {
    height: 887px;
    position: relative;
    min-width: 1500px;
}

.navCentent {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 2;
    background-color: transparent;
    height: 170px;
    transition: all 0.2s ease;
    border-bottom: 2px solid #ffffff;
    box-sizing: border-box;
}

.navCentent:hover{
    color: #282828;
    background-color: #fff;
    border-bottom: 0;
}

.navCententFont {
    width: 1500px;
    margin: 0 auto;
}

.logo {
    float: left;
    padding: 25px 0;
}
.logo img{
    display: none;
}
.logo .logo_img_1{
    display: block;
}

.logo .logo_img_2{
    display: none;
}
.navCentent:hover .logo .logo_img_1{
    display: none;
}
.navCentent:hover .logo .logo_img_2{
    display: block;
}
.rightNav {
    float: right;
}

.rightNav .search form{
    display: flex;
    justify-content: right;
    align-items: center;
    height: 48px;
}


.rightNav ul {
    float: left;
}

.rightNav ul li {
    float: left;
    color: #282828;
    font-size: 28px;
    margin-right: 30px;
    height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.rightNav ul li a:link,
.rightNav ul li a:visited {
    color: #ffffff;
    font-size: 24px;
    text-decoration: none;
    line-height: 38px;
    padding: 0 5px;
    display: block;
    height: 170px;
    line-height: 170px;
    position: relative;
}

.navCentent:hover .rightNav ul li a:link,.navCentent:hover .rightNav ul li a:visited{
    color: #282828;
}
.navShow{
    position: absolute;
    left: 0;
    top: 170px;
    width: 100%;
    padding: 40px 0 50px 0;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: border-box;
    display: none;
}
.rightNav ul li:hover .navShow{
    display: block;
}
.newWidth{
    width: 1500px;
    margin: 0 auto;
}
.newWidth::after{
    clear: both;
    display: block;
    content: '';
}
.navCentent:hover .rightNav ul li a:hover,.navCentent:hover .rightNav ul li.on a,.navCentent:hover .rightNav ul li.on a:link ,.navCentent:hover .rightNav ul li.on a:visited {
    color: #0572d9;
    position: relative;
}
.rightNav ul li a:hover::after,.rightNav ul li.on a::after{
    width: 100%;
    height: 7px;
    background-color: transparent;
    left: 0;
    bottom: 0;
    display: block;
    content: '';
    position: absolute;
}
.navCentent:hover .rightNav ul li a:hover::after,.navCentent:hover .rightNav ul li.on a::after{
    background-color:  #0572d9
}
.rightNav ul li .newWidth_fl a:link,.rightNav ul li .newWidth_fl a:visited{
    font-size: 16px;
    line-height: 2;
    font-weight: bold;
    color: #282828;
    height: auto;
    display: inline-block;
    padding: 0;
}
.rightNav ul li .newWidth_fl a::after,.rightNav ul li .newWidth_fr_info_more a::after{
    display: none;
}
.rightNav ul li .newWidth_fl a:hover{
    color: #0572d9;
}
.rightNav ul li .newWidth_fr_info_more{
    margin-top: 20px;
}
.navCentent:hover .rightNav ul li .newWidth_fr_info_more a:link,.navCentent:hover .rightNav ul li .newWidth_fr_info_more a:visited{
    height: 38px;
    color: #0572d9;
    font-size: 16px;
    border: 1px solid #0572d9;
    line-height: 38px;
    display: inline-block;
    width: 130px;
    padding: 0;
    text-align: center;
}
.navCentent:hover .rightNav ul li .newWidth_fr_info_more a:hover{
    color: #ffffff;
}
.rightNav ul li .newWidth_fr_info_more a:hover{
    background-color: #0572d9;
    color: #ffffff;
}
.newWidth_images{
    float: left;
    width: 450px;
    height: 200px;
}
.newWidth_fr_info{
    padding-left: 490px;
}
.newWidth_fr_info_title{
    font-size: 17px;
    color: #0572d9;
    line-height: 1.5;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.newWidth_fr_info_font{
    font-size: 16px;
    line-height: 1.5;
    color: #282828;
}
.newWidth_fl_item{
    font-size: 16px;
    line-height: 2;
    font-weight: bold;
    color: #282828;
}
.newWidth_fl{
    float: left;
    width: 370px;
    box-sizing: border-box;
    padding-right: 20px;
}
.newWidth_fr{
    padding-left: 370px;
    box-sizing: border-box;
}

.rightNav .search {
    float: left;
    display: flex;
    justify-content: right;
    align-items: center;
    position: relative;
    width: 48px;
    height: 48px;
    padding-right: 5px;
    margin-top: 58px;
    box-sizing: border-box;
}
.search_1{
    display: block;
}
.search_2{
    display: none;
}
.navCentent:hover .search_1{
    display: none;
}
.navCentent:hover .search_2{
    display: block;
}
.rightNav .search div input {
    display: none;
}

.navCentent:hover .rightNav .search.search_show .search_1{
    display: block;
}
.navCentent:hover .rightNav .search.search_show .search_2{
    display: none;
}
.rightNav .search div input::placeholder {
    color: #ccc;
}

.rightNav .search.search_show {
    background-color: #0572d9;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.rightNav .search i{
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 1;
}
.rightNav .search.search_show div input {
    display: block;
    border: 0;
    height: 48px;
    padding: 0 12px;
    font-size: 16px;
    background-color: #0572d9;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.bannerCentent {
    height: 887px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.bannerCentent ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 887px;
    width: 100%;
}

.bannerCentent ul li {
    background-position: top center;
    background-repeat: no-repeat;
    height: 887px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s ease;
}

.bannerCentent ul li.on {
    z-index: 2;
    opacity: 1;
}

.bannerCentent_dian {
    position: absolute;
    width: 100%;
    bottom: 25px;
    left: 0;
    text-align: center;
    font-size: 0;
    z-index: 10;
}

.bannerCentent_dian span {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background-color: #282828;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.bannerCentent_dian span.on {
    background-color: #0572d9;
}

.productCentent {
    padding: 45px 0;
    text-align: center;
    min-width: 1500px;
}

.productCententTitle {
    text-align: center;
}

.productCententFont {
    font-size: 18px;
    color: #434343;
    margin-top: 20px;
    line-height: 1.8;
    width: 1200px;
    margin: 0 auto;
    
}

.advantage {
    height: 590px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    clear: both;
    overflow: hidden;
    min-width: 1500px;
    background-size: cover;
}

.advantage ul {
    display: block;
    width: 100%;
    height: 590px;
}

.advantage ul li {
    float: left;
    width: calc(100% / 6);
    height: 590px;
    box-sizing: border-box;
    padding: 380px 20px;
    text-align: center;
    color: #ffffff;
    display: block;
    overflow: hidden;
    transition: all 0.5s ease;
}

.itemCententIcon {
    font-size: 18px;
    line-height: 60px;
}

.itemCententFont {
    font-size: 18px;
    line-height: 50px;
    height: 50px;
}

.advantage ul li.on {
    background-color: rgba(5, 114, 217, 0.85);
    transition: all 0.5s ease;
    padding: 70px 20px;
}

.itemInfo {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    opacity: 0;
}

.itemMore {
    padding: 20px;
    text-align: center;
    transition: all 0.5s ease;
    opacity: 0;
}

.advantage ul li.on .itemInfo {
    height: 240px;
    opacity: 1;
}

.advantage ul li.on .itemMore {
    opacity: 1;
}

.productUl::after {
    clear: both;
    display: block;
    content: '';
}

.productUl ul {
    display: block;
    width: 1494px;
    margin: 0 auto;
    padding: 30px 0;
}

.productUl li {
    float: left;
    width: 738px;
    height: 375px;
    margin-top: 15px;
    margin-left: 15px;
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 8px 43px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

.productUl li:nth-child(1) {
    margin-left: 0;
    width: 738px;
    height: 765px;
}

.productUl li:nth-child(2n + 4) {
    margin-left: 0;
}

.productUl li .images {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productUl li .font {
    position: absolute;
    left: 40px;
    bottom: 40px;
    line-height: 50px;
    height: 50px;
    color: #282828;
    font-size: 24px;
}

.productUl li .font::after {
    display: block;
    height: 3px;
    background-color: #0572d9;
    content: '';
    width: 42px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.productUl li .show {
    position: absolute;
    left: 40px;
    top: 40px;
    bottom: 40px;
    right: 40px;
    background-color: rgba(5, 114, 217, 0.85);
    flex-direction: column;
    color: #ffffff;
    justify-content: center;
    opacity: 0;
    display: flex;
    transition: all ease 0.5s;
    transform: scale(0.2);
}

.productUl li .show .title {
    font-size: 16px;
    color: #ffffff;
    padding: 20px;
    line-height: 1.45;
}

.productUl li .show .more {
    text-align: center;
}

.productUl li:hover .show {
    display: flex;
    text-decoration: none;
    opacity: 1;
    transform: scale(1);
}

.productUl li:nth-child(n + 4) .font {
    bottom: auto;
    top: 40px;
}

.productUl li:nth-child(2) .font,
.productUl li:nth-child(3) .font {
    left: auto;
    right: 40px;
    min-width: 150px;
}

.indexAboutUs,
.strength {
    min-width: 1500px;
}

.indexAboutUs .aboutUsImages {
    margin: 0 auto;
    font-size: 0;
    height: 523px;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.aboutUsCentent {
    background-color: #0572d9;
}

.aboutUsCentent .centent {
    width: 1400px;
    margin: 0 auto;
}

.aboutUsCentent::after {
    clear: both;
    display: block;
    content: '';
}

.w250 {
    float: left;
    width: 250px;
    background-color: #fd8201;
    height: 100%;
    position: relative;
    z-index: 1;
}

.w250_title {
    position: absolute;
    left: 0;
    top: -108px;
    background-color: rgba(255, 255, 255, 0.85);
    width: 250px;
    height: 108px;
    z-index: 1;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w250_centent {
    font-size: 0;
}

.w1060 {
    float: right;
    width: 1060px;
    padding-top: 52px;
}

.w1060_header {
    height: 9px;
    width: 53px;
    background-color: #ffffff;
}

.w1060_centent {
    line-height: 42px;
    font-size: 20px;
    color: #ffffff;
    margin-top: 20px;
}

.w1060_botton,
a.w1060_botton:link,
a.w1060_botton:visited {
    width: 132px;
    height: 52px;
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid #ffffff;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    display: block;
    text-decoration: none;
    border-radius: 4px;
    margin: 30px 0;
}

a.w1060_botton:hover {
    background-color: #ffffff;
    color: #0572d9;
}

.strength {
    padding: 60px 0;
    min-width: 1500px;
}

.strength_ul {
    width: 1500px;
    margin: 0 auto;
    font-size: 0;
}

.strength_ul::after {
    clear: both;
    content: '';
    display: block;
}

.strength_ul li {
    box-sizing: border-box;
    width: calc(100% / 3);
    text-align: center;
    border-right: 2px solid #f0f0f0;
    margin: 50px auto;
    padding: 0 50px;
    display: inline-block;
}

.strength_ul li:nth-child(3n) {
    border-right: 0;
}

.strength_ul li .images {
    height: 120px;
}

.strength_ul li .title {
    font-size: 23px;
    font-weight: bold;
    color: #282828;
    line-height: 50px;
    height: 50px;
}

.strength_ul li .info {
    font-size: 18px;
    color: #282828;
    margin-top: 5px;
    height: 72px;
    overflow: hidden;
    line-height: 1.2;
}

.strength_ul li .button,
.strength_ul li a.button:link,
.strength_ul li a.button:visited {
    margin: 0 auto;
    width: 138px;
    height: 42px;
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid #0572d9;
    line-height: 38px;
    text-align: center;
    color: #0572d9;
    font-size: 20px;
    display: block;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 30px;
}

.strength_ul li:hover a:link,
.strength_ul li:hover a:visited {
    color: #ffffff;
    border: 2px solid #0572d9;
    background-color: #0572d9;
}

.contactUs {
    padding: 60px 0;
    min-width: 1500px;
}

.contactUs_from {
    width: 1500px;
    margin: 0 auto;
    padding: 70px 0;
}

.contactUs_from .row {
    clear: both;
}

.contactUs_from .row::after {
    clear: both;
    display: block;
    content: '';
}

.w48bf {
    width: 48%;
}

.w48bf input {
    width: 100%;
    border: 2px solid #0572d9;
    border-radius: 5px;
    box-sizing: border-box;
    height: 56px;
    padding: 0 18px;
    font-size: 16px;
}

.w48bf input::placeholder,
.contactUs_from .row textarea::placeholder {
    color: #282828;
    font-weight: bold;
}

.contactUs_from .row textarea {
    width: 100%;
    border: 2px solid #0572d9;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px 18px;
    font-size: 16px;
    line-height: 1.35;
}

.mt35 {
    margin-top: 35px;
}

.contactUs_from .row button {
    color: #ffffff;
    font-size: 28px;
    border-radius: 5px;
    background-color: #fd8201;
    border: 0;
    cursor: pointer;
    margin: 0 auto;
    width: 100px;
    display: block;
    transition: all 0.5s ease;
}

.contactUs_from .row button:hover {
    background-color: #0572d9;
}

.footer {
    background-color: #0572d9;
    padding: 60px 0;
    color: #ffffff;
    min-width: 1500px;
    box-sizing: border-box;
}

.w1500 {
    width: 1500px;
    margin: 0 auto;
}

.footer::after {
    clear: both;
    display: block;
    content: '';
}

.w390 {
    float: left;
    width: 390px;
}

.w390 .title {
    font-size: 20px;
    margin-top: 20px;
    line-height: 2;
}

.bottom_ul ul {
    margin-top: 10px;
}

.bottom_ul li {
    position: relative;
    padding-left: 40px;
    line-height: 1.5;
    font-size: 18px;
    padding: 5px 0 5px 40px;
}

.bottom_ul li i {
    position: absolute;
    left: 0;
    top: 8px;
}

.bottom_lx {
    margin-top: 20px;
}

.bottom_lx a:link,
.bottom_lx a:visited {
    margin-right: 10px;
}

.w1070 {
    float: right;
    width: 1070px;

}

.wrow {
    display: flex;
    justify-content: space-between;
}

.w1070 .title {
    font-size: 24px;
    line-height: 1.56;
}

.w1070 .font {
    font-size: 14px;
    line-height: 2.2;
    margin-top: 10px;
}

.w1070 .font a:link,
.w1070 .font a:visited {
    color: #ffffff;
}

.code {
    padding-top: 30px;
    text-align: right;
}

.code img {
    width: 120px;
    text-align: center;
}
.code-li{
	display:inline-block;
	text-align:center;
	
}
.code-li p{
	color:#fff;
}

/*product list*/
.path {
    padding: 35px 0;
    line-height: 68px;
}

.path::after {
    clear: both;
    content: '';
    display: block;
}

.path_info {
    float: left;
    font-size: 16px;
    color: #434343;
}

.path_info a:link,
.path_info a:visited {
    color: #434343;
    text-decoration: none;
}

.path_info a:hover {
    color: #0572d9;
}

.path_category {
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #282828;
}

.path_category a:link,
.path_category a:visited {
    color: #282828;
    text-decoration: none;
    margin-left: 20px;
    display: inline-block;
    line-height: 68px;
    border-bottom: 2px solid transparent;
}

.path_category a:hover,
.path_category a.on:link,
.path_category a.on:visited {
    color: #0572d9;
    border-bottom: 2px solid #0572d9;
}


.products::after {
    clear: both;
    display: block;
    content: '';
}

.products ul li {
    float: left;
    width: 355px;
    height: 423px;
    position: relative;
    margin-right: 26px;
    margin-bottom: 50px;
    background-color: #ffffff;
    box-shadow: 0 8px 43px rgba(0, 0, 0, 0.1);
    overflow: hidden;

}

.products ul li:nth-child(4n) {
    margin-right: 0;
}

.products ul li .images {
    width: 355px;
    height: 290px;
    background-color: #eff0f1;

}

.products ul li .info {
    margin: 20px;
    color: #282828;
    font-size: 15px;
    line-height: 1.4;
    overflow: hidden;
    height: 84px;

    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.products ul li .show {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 114, 217, 0.85);
    box-sizing: border-box;
    padding: 35px 20px;
    color: #ffffff;
    text-decoration: none;
    margin-top: 150%;
    transition: all 0.5s ease;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.products ul li .show .showFont {
    line-height: 2;
    font-size: 16px;
}

.products ul li .show .showMore {
    margin-top: 15px;
}

.products ul li .show .showMore img {
    width: 32px;
    height: 32px;
}

.products ul li:hover .show {
    margin-top: 0;
}

.pageRow {
    clear: both;
    text-align: center;
    padding: 20px 0 50px 0;
}
.page-num {
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #cecece;
    margin: 10px 2px;
    font-size: 14px;
    color: #282828;
    text-decoration: none;
    background-color: #ffffff;
    box-sizing: border-box;
    min-width: 30px;
}


.page-num:hover {
    background-color: #0572d9;
    color: #ffffff;
}

.page-num-current{
    background-color: #0572d9;
    color: #ffffff;
}

/*news list*/
.news ul li {
    margin-top: 35px;
    background-color: #f6f6f6;
    padding: 20px;
}

.news ul li::after {
    clear: both;
    display: block;
    content: '';
}

.news ul li .images {
    float: left;
}

.news ul li .info {
    float: right;
    width: 1150px;
}

.news ul li .info .title {
    color: #282828;
    line-height: 1.2;
    font-size: 20px;
}

.news ul li .info .font {
    color: #9c9c9c;
    font-size: 15px;
    line-height: 1.35;
    padding: 5px 0;
    margin-top: 5px;
}

.news ul li .info .time {
    color: #9c9c9c;
    font-size: 14px;
    line-height: 1.35;
    padding: 5px 0;
}

.news ul li .info .title a:link,
.news ul li .info .title a:visited {
    color: #282828;
    text-decoration: none;
}

.news ul li .info .title a:hover {
    color: #0572d9;
}

/*solutions*/
.solutions ul li {
    float: left;
    background-color: #ffffff;
    box-shadow: 0 16px 43px rgba(0, 0, 0, 0.1);
    width: 735px;
    margin: 60px 30px 0 0;
}

.solutions ul li:nth-child(2n) {
    margin-right: 0;
}

.solutions ul li:nth-child(1),
.solutions ul li:nth-child(2) {
    margin-top: 0;
}

.solutions ul li .info {
    padding: 20px 35px;
}

.solutions ul::after {
    clear: both;
    display: block;
    content: '';
}

.solutions ul {
    padding-bottom: 60px;
}

.solutions ul li .info .title {
    height: 64px;
}

.solutions ul li .info .title::after {
    clear: both;
    display: block;
    content: '';
}

.solutions ul li .info .title {
    border-bottom: 2px solid #d7d7d7;
    padding-bottom: 12px;
}

.solutions ul li .info .title i {
    float: left;
    width: 64px;
    height: 64px;
    display: block;
    color: #282828;
    margin-right: 10px;
}

.solutions ul li .info .title span {
    font-size: 24px;
    line-height: 1;
    padding-top: 40px;
    display: block;
    text-transform: uppercase;
}

.solutions ul li .info .font {
    font-size: 18px;
    margin: 20px 0;
    line-height: 1.35;
    height: 74px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solutions ul li .info .button {
    height: 32px;
}

.solutions ul li .info .button::after {
    clear: both;
    display: block;
    content: '';
}

.solutions ul li .info .button a:link,
.solutions ul li .info .button a:visited {
    display: flex;
    height: 32px;
    box-sizing: border-box;
    text-align: center;
    width: 186px;
    float: left;
    justify-content: center;
    align-items: center;
    border: 1px solid #282828;
    background-color: #ffffff;
    color: #282828;
    text-decoration: none;
    margin-right: 10px;
}

.solutions ul li .info .button a.on:link,
.solutions ul li .info .button a.on:visited,
.solutions ul li .info .button a:hover {
    color: #ffffff;
    background-color: #0572d9;
    border: 1px solid #0572d9;
}

/*technology*/
.technology::after {
    clear: both;
    display: block;
    content: '';
}

.technology ul li {
    background-color: #f6f6f6;
    margin-bottom: 88px;
}

.technology ul li::after {
    clear: both;
    display: block;
    content: '';
}

.technology ul li .images {
    float: left;
    width: 472px;
    width: 530px;
    position: relative;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.17);
}

.technology ul li .images .show {
    position: absolute;
    left: 17px;
    top: 17px;
    right: 17px;
    bottom: 17px;
    background-color: rgba(5, 114, 217, 0.85);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
    opacity: 0;
    transform: scale(0.2);
}

.technology ul li .info {
    width: 960px;
    float: right;
    padding: 25px;
    box-sizing: border-box;
}

.technology ul li .info .title {
    font-size: 22px;
    font-weight: bold;
    color: #0572d9;
}

.technology ul li .info .title a:link,
.technology ul li .info .title a:visited {
    color: #0572d9;
}

.technology ul li .info .title a:hover {
    text-decoration: underline;
}

.technology ul li .info .font {
    font-size: 13px;
    color: #282828;
    line-height: 1.8;
    margin-top: 10px;
}

.technology ul li:nth-child(2n) .images {
    float: right;
}

.technology ul li:nth-child(2n) .info {
    float: left;
}

.showTitle {
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.5;
}

.showIcon {
    text-align: center;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    margin-top: 15px;
}

.showIcon img {
    width: 28px;
    height: 28px;
}

.technology ul li .images:hover .show {
    display: flex;
    opacity: 1;
    transform: scale(1);
}

/*newsShow*/
.newsShow {
    background-color: #f6f6f6;
    padding: 60px;
    margin-bottom: 50px;
}

.newsShow .title {
    border-bottom: 2px solid #ffffff;
    padding-bottom: 10px;
}

.newsShow .title .font {
    font-size: 18px;
    line-height: 24px;
    color: #282828;
}

.newsShow .title .time {
    font-size: 14px;
    margin-top: 10px;
}

.newsShow .info {
    padding: 20px 0;
    font-size: 15px;
    color: #282828;
    line-height: 1.5;
    border-bottom: 2px solid #ffffff;
}

.newsShow .page {
    margin-top: 35px;
}

.newsShow .page::after {
    clear: both;
    content: '';
    display: block;
}

.page_fl {
    float: left;
}

.page_fl i {
    float: left;
    height: 52px;
    width: 52px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    line-height: 52px;
    text-align: center;
    background-color: #ffffff;
}

.page_fl span {
    float: right;
    margin-left: 10px;
    line-height: 52px;
}

.page_fr {
    float: right;
}

.page_fr i {
    float: right;
    height: 52px;
    width: 52px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    line-height: 52px;
    text-align: center;
    background-color: #ffffff;
}

.page_fr span {
    float: left;
    margin-right: 10px;
    line-height: 52px;
}

.newsShow .page .on i {
    background-color: #0572d9;
    color: #ffffff;
}

.newsShow .page .on span {
    color: #0572d9;
}

.newsShow .page .none i {
    background-color: #ffffff;
    color: #9c9c9c;
}

.newsShow .page .none span {
    color: #9c9c9c;
}

.newsShow .page a:hover span {
    color: #0572d9 !important;
}

.newsShow .page a:hover i {
    background-color: #0572d9;
    color: #ffffff;
}


/*solutionsShow*/
.w1920_path {
    border-bottom: 2px solid #f6f6f6;
    text-align: center;
    width: 100%;
    height: 76px;
}

.w1920_path div {
    display: inline-block;
    font-size: 16px;
}

.w1920_path div a:link,
.w1920_path div a:visited {
    color: #282828;
    text-decoration: none;
    margin: 0 auto;
    display: inline-block;
    line-height: 76px;
    border-bottom: 2px solid transparent;
    margin: 0 10px;
}

.w1920_path div a:hover,
.w1920_path div a.on:link,
.w1920_path div a.on:visited {
    color: #0572d9;
    border-bottom: 2px solid #0572d9;
}

.solutionsShow_info {
    overflow: hidden;
    background-color: #f6f6f6;
    margin-top: 95px;
}

.solutionsShow_info::after {
    clear: both;
    content: '';
    display: block;
}

.solutionsShow_info_left {
    float: left;
    width: 50%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 40px;
}

.solutionsShow_info_right {
    float: right;
    width: 50%;
    overflow: hidden;
}

.solutionsShow_info_left_title {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.5;
}

.solutionsShow_info_left_font {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
}

.solutionsShow_info_left_font p {
    margin-bottom: 10px;
}

.solutionsShow_product_title {
    color: #0572d9;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    padding: 35px 0;
    margin-top: 100px;
    line-height: 1.5;
}

.solutionsShow_product_centent::after {
    clear: both;
    display: block;
    content: '';
}

/*productsShow*/
.productsShow_row::after {
    clear: both;
    display: block;
    content: '';
}

.productsShow_row_images {
    position: relative;
    float: left;
    width: 750px;
    height: 610px;
}

.productsShow_row_images li {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease;
}


.productsShow_row_images li img{
   width: 100%;
}

.productsShow_row_images li.on {
    z-index: 2;
    opacity: 1;
}

.butLeft {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 40px;
    text-align: center;
    background-color: #0572d9;
    border: 3px solid #ffffff;
    cursor: pointer;
    font-size: 28px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    z-index: 10;
}

.butRight {
    position: absolute;
    left: 70px;
    bottom: 0;
    width: 64px;
    height: 40px;
    text-align: center;
    background-color: #0572d9;
    border: 3px solid #ffffff;
    cursor: pointer;
    font-size: 28px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    z-index: 10;
}

.butRight:hover,
.butLeft:hover {
    background-color: #0892e5;
}

.hs {
    background-color: #ddd !important;
}

.hs:hover {
    background-color: #ddd !important;
}

.productsShow_row_right {
    float: right;
    width: 720px;
    padding: 30px 0;
}

.productsShow_row_right .title {
    font-size: 28px;
    line-height: 2;
    padding: 15px 0;
}

.productsShow_row_right .info {
    background-color: #f6f6f6;
    color: #868686;
    font-size: 16px;
    padding: 20px 30px;
    line-height: 1.5;
}

.productsShow_row_right .lxwm::after {
    clear: both;
    content: '';
    display: block;
}

.productsShow_row_right .lxwm {
    height: 36px;
    margin-top: 60px;
}

.productsShow_row_right .lxwm .icon {
    float: left;
}

.productsShow_row_right .lxwm .telephone {
    float: left;
    margin-left: 12px;
    color: #0572d9;
    font-size: 30px;
    line-height: 36px;
}

.productsShow_row_right .lxwm .but {
    float: left;
    width: 134px;
    height: 36px;
    border-radius: 5px;
    background-color: #0572d9;
    color: #ffffff;
    font-size: 12px;
    line-height: 36px;
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
}

.productsShow_row_title {
    margin-top: 60px;
    background-color: #0572d9;
    height: 66px;
    padding: 0 40px;
    line-height: 66px;
    text-transform: uppercase;
    color: #fff;
    font-size: 26px;
}

.productsShow_row_centent {
    padding: 40px;
    line-height: 40px;
    font-size: 16px;
}

.productsShow_row_page {
    margin-top: 40px;
    height: 60px;
    background-color: #f6f6f6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #a0a0a0;
    font-size: 16px;
    padding: 0 40px;
}

.productsShow_row_page a:link,
.productsShow_row_page a:visited {
    color: #a0a0a0;
    cursor: pointer;
    text-decoration: none;
}

.productsShow_row_page a:hover {
    color: #0572d9;
}

.productsShow_row_prTitle {
    color: #0572d9;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    padding: 50px 0;
}

.productsShow_row_prInfo {
    line-height: 1.5;
    color: #a0a0a0;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

.productsShow_row_prTitle_1 {
    color: #0572d9;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    padding: 50px 0 0 0;
}

.productsShow_row_Online {
    padding: 40px 0;
}

.productsShow_row_Online::after {
    clear: both;
    display: block;
    content: '';
}

.productsShow_row_Online .row::after {
    clear: both;
    display: block;
    content: '';
}


.productsShow_row_Online .w49bf {
    width: 49%;
}

.productsShow_row_Online .w49bf input {
    width: 100%;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    height: 50px;
    padding: 0 18px;
    font-size: 16px;
    border-radius: 0;
}

.productsShow_row_Online .w49bf input::placeholder,
.productsShow_row_Online .row textarea::placeholder {
    color: #434343;
    font-weight: normal;
}

.productsShow_row_Online .row textarea {
    width: 100%;
    border: 1px solid #c8c8c8;
    border-radius: 0;
    box-sizing: border-box;
    padding: 10px 18px;
    font-size: 16px;
    line-height: 1.35;
}

.mt22 {
    margin-top: 22px;
}

.productsShow_row_Online .row button {
    height: 60px;
    border: 0;
    color: #ffffff;
    background-color: #0572d9;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
}

/*aboutUs*/
.aboutUs_centent {
    width: 100%;
    overflow: hidden;
    display: flex;
    min-width: 1500px;
}

.aboutUs_centent_left {
    float: left;
    width: 50%;
    flex: 1;
    overflow: hidden;
    text-align: right;
}

.aboutUs_centent_left img {
    height: 610px;
}

.aboutUs_centent_right {
    float: right;
    width: 50%;
    flex: 1;
    overflow: hidden;
    box-sizing: border-box;
    padding: 25px 130px 0 50px;

    min-width: 780px;
}

.aboutUs_centent_right_info {
    font-size: 18px;
    line-height: 1.5;
    padding-top: 20px;
}

.photo {
    height: 672px;
    margin-top: 100px;
    background: url("../images/index/companybannerbg.png") no-repeat center;
    min-width: 1500px;
}

.photo::after {
    clear: both;
    display: block;
    content: '';
}

.photo_centent {
    margin: 0 auto;
    width: 1500px;
    position: relative;
    text-align: center;
    height: 672px;
    overflow: hidden;
}

.photo_centent_title {
    text-align: center;
    padding-top: 60px;

}

.photo_centent_ul {
    position: absolute;
    left: 0;
    top: 150px;
    width: 100%;
}

.photo_centent_ul li {
    position: absolute;
    border: 3px solid #ffffff;
    font-size: 0;
    position: absolute;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease;
    transform: scale(0.5);
}

.photo_centent_ul li.leftqt {
    position: absolute;
    opacity: 0;
    z-index: 1;
    transform: scale(0.5);
    left: 0;
    margin-left: 0;
}

.photo_centent_ul li.showleft {
    position: absolute;
    opacity: 0.6;
    z-index: 2;
    transform: scale(0.75);
    left: 25%;
    margin-left: -201px;
}

.photo_centent_ul li.on {
    position: absolute;
    opacity: 1;
    z-index: 3;
    width: 536px;
    height: 356px;
    transform: scale(1);
    left: 50%;
    margin-left: -271px;
}

.photo_centent_ul li.showright {
    position: absolute;
    opacity: 0.6;
    z-index: 2;
    transform: scale(0.75);
    left: 75%;
    margin-left: -341px;
}

.photo_centent_ul li.rightqt {
    position: absolute;
    opacity: 0;
    z-index: 1;
    transform: scale(0.5);
    left: 100%;
    margin-left: -539px;
}

.photo_centent_item {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 50px;
    text-align: center;
}

.photo_centent_item ul {
    display: inline-block;
}

.photo_centent_item ul li {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    opacity: 0.5;
    line-height: 2;
    padding: 0 25px;
}

.photo_centent_item ul li.on {
    opacity: 1;
    font-weight: bold;
    font-size: 32px;
}

.photo_centent_left {
    position: absolute;
    left: 0;
    top: 296px;
    width: 64px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff;
    line-height: 80px;
    text-align: center;
    font-size: 28px;
    z-index: 1;
    cursor: pointer;
}

.photo_centent_left:hover,
.photo_centent_right:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

.photo_centent_right {
    position: absolute;
    right: 0;
    top: 296px;
    width: 64px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff;
    line-height: 80px;
    text-align: center;
    font-size: 28px;
    cursor: pointer;
    z-index: 1;
}

.factories {
    width: 1500px;
    margin: 0 auto;
    padding: 100px 0;
}

.factoriesTitle {
    text-align: center;
}

.factoriesCentent {
    padding-top: 60px;
}

.factoriesCentent::after {
    clear: both;
    display: block;
    content: '';
}

.factoriesCentent_left {
    width: 470px;
    float: left;
}

.factoriesCentent_left ul li {
    height: 97px;
    background: url("../images/index/item_l.png") no-repeat center;
    margin-top: 35px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.factoriesCentent_left ul li:nth-child(1) {
    margin-top: 0;
}

.factoriesCentent_left ul li.on,
.factoriesCentent_left ul li:hover {
    background: url("../images/index/item_h.png") no-repeat center;
    box-shadow: 0 6px 7px rgba(0, 0, 0, 0.29);
}

.factoriesCentent_left ul li img {
    margin-right: 15px;
}

.factoriesCentent_right {
    float: right;
    width: 996px;
}

.factoriesCentent_right_font {
    line-height: 1.4;
    font-size: 24px;
    color: #282828;
    min-height: 165px;
}

.factoriesCentent_right_img {
    margin-top: 20px;
}
.factoriesCentent_right ul li{
    display: none;
}
.factoriesCentent_right ul li.on{
    display: block;
}
.itemAbout{
    display: none;
}
.itemAboutBlock{
    display:block;
}


/*joinUs*/
.Join_centent{
    margin: 0 auto;
}
.Join_centent_title{
    color: #282828;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    padding: 0 150px;
}
.Join_centent_contactInformation{
    font-size: 30px;
    line-height: 1.5;
    margin-top: 10px;
    text-align: center;
}
.Join_centent_contactTitle{
    text-align: center;
    margin-top: 80px;

}
.Join_centent_contactItem,.Join_centent_lx{
    padding: 90px 0;
}
.Join_centent_contactItem::after,.Join_centent_lx::after{
    clear: both;
    display: block;
    content: '';
}
.Join_centent_contactItem_fl{
    width: 33.333333%;
    box-sizing: border-box;
    border-right: 2px solid #999999;
    text-align: center;
    float: left;
    min-height: 260px;
    box-sizing: border-box;
    padding: 30px;
}
.Join_centent_lx_fl{
    width: 50%;
    box-sizing: border-box;
    border-right: 2px solid #999999;
    text-align: center;
    float: left;
    min-height: 260px;
    box-sizing: border-box;
    padding: 30px 50px;
}
.Join_centent_lx_fl:nth-child(2){
    border-right: 0;
}
.Join_centent_contactItem_fl:nth-child(3){
    border-right: 0;
}
.join_icon{
    margin: 0 auto;
}
.join_icon_title,.Join_centent_lx_title{
    color: #282828;
    font-size: 21px;
    line-height: 3;
}
.join_icon_info,.Join_centent_lx_info{
    color: #5d5d5d;
    font-size: 18px;
    line-height: 1.5;
}
.joinBnner{
    height: 500px;
    min-width: 1500px;
    background-position: center;
    background-repeat: no-repeat;
}
.Join_centent_lx_icon{
    text-align: center;
    margin-top: 30px;
}
.Join_centent_lx_icon a{
    display: inline-block;
    margin: 0 12px;
}
.Join_centent_from::after{
    clear: both;
    display: block;
    content: '';
}
.Join_centent_from_bottom{
    border-bottom: 2px solid #999999;
}
.Join_centent_from_bottom input{
    background-color: transparent;
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    border:0;
    padding: 0 3px;
}
.Join_centent_from_bottom div{
    font-size: 14px;
    color: #a5a5a5;
    margin-top: 10px;
}
.Join_centent_from_bottom textarea{
    background-color: transparent;
    width: 100%;
    box-sizing: border-box;
    height: 100px;
    border:0;
    margin-top: 10px;

    padding: 0 3px 5px 3px;
    line-height: 24px;
}
.Join_centent_from_yzm{
    margin-top: 15px;
}
.Join_centent_from_yzm input{
    float: left;
    width: 430px;
    height: 75px;
    box-sizing: border-box;
    border: 2px solid #d5d5d5;
    padding: 0 10px;
    font-size: 24px;
}
.Join_centent_from_yzm img{
    float: left;
    margin-left: 15px;
}
.Join_centent_from_yzm::after{
    clear: both;
    display: block;
    content: '';
}
.Join_centent_from_button {
    text-align: right;
    padding-top: 20px;
}
.Join_centent_from_button input{
    font-size: 16px;
    color: #0572d9;
    border: 2px solid #0572d9;
    background-color: #fff;
    border-radius: 30px;
    padding: 0 30px;
    height: 36px;
    cursor: pointer;
}
.footerDt{
    margin-top: 70px;
    min-width: 1500px;
    height: 500px;
}

.path_category1 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #282828;
    position: relative;
    padding-bottom: 30px;
}
.path_category1 a:link,
.path_category1 a:visited {
    color: #282828;
    text-decoration: none;
    margin-left: 20px;
    display: inline-block;
    line-height: 68px;
    border-bottom: 2px solid transparent;
}
.path .path_category a:first-child{
    margin-left: 0px;
}
.path_category1 .pathitem_a a:hover,
.path_category1 .on .pathitem_a a:link,
.path_category1 .on .pathitem_a a:visited,
#on_item{
    color: #0572d9;
    border-bottom: 2px solid #0572d9;
}

.pathitem{display: inline-block;}
.pathitem_b{position:absolute; display: none; text-align:center;left:0;right:0;}
.path_category1 .on .pathitem_b{
    background-color: #f4f4f4;
    display: block;
    padding: 10px;
    box-sizing: border-box;
}
.path_category1 div .pathitem_b{
    line-height: 1.5;
    font-size: 14px;
    
}
.path_category1 .on .pathitem_b a:link,.path_category1 .on .pathitem_b a:visited{
    line-height: 1.5;
    font-size: 14px;
}
#container{height:100%}