.view_more {display: block;max-width: 190px;width: 190px;height: 60px;border: 1px solid #111;box-sizing: border-box;text-align: center;line-height: 60px;font-size: 14px;text-decoration: none;text-transform: uppercase;font-family: "Opensans-Regular";transition: all .3s}
.view_more:hover {text-decoration: none;background-color: #111;color: #FFF;}
.more_line2_hidden{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.more_line3_hidden{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-word;}

#products {width: 100%;background-color: #f7f7f7;}
#products .products_box {max-width: 1680px; margin: 0 auto; width: 90%;padding-bottom: 2%;}
#products .products_box .p_header {width: 100%;text-align: center;padding: 1.2% 0;}
.p_title {font-family: "VisbyCF-Regular";font-size: 40px;letter-spacing:4px;}
#products .products_box .p_main {display: flex;flex-direction: row;width: 100%;}
.p_item {padding: 0 1.8%;display: flex;flex-direction: column;background-color: #FFF;width: calc((100% - 120px) / 4) ;margin-right: 30px;}
.p_item:nth-child(4) {margin-right: 0;}
.p_item .p_item_img {display: block;width: 100%;padding-top: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #dfdfdf;}
.p_item .p_item_img a {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 5px;margin: auto;z-index: 1;}
.p_item .p_item_text {width: 80%;margin: 0 auto;padding: 8% 0 13%;}
.p_item .p_item_text .item_title {text-decoration: none;height: 75px;letter-spacing:1.5px;display: block;font-family: "Opensans-Regular";line-height: 25px;font-size: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis;}
.p_item .p_item_text .price {text-align: center; margin-top: 5px;}
#products .view_more {margin: 3.6% auto;}

#case{width: 100%;display: flex;}
.case_item {width: 50%;position: relative;font-size: 0;}
.case_item .case_item_img {position: relative;width: 100%;}
.case_item .case_item_img::before {display: block;content: '';position: absolute;width: 100%;height: 100%;background-color: #111;opacity: 0.5;z-index: 1;}
.case_item .case_item_text {color: #FFF;position: absolute;width: 60.5%;z-index: 2;top:50%;left: 50%;transform: translate(-50%,-50%);text-align: center;transition: all .5s;}
.case_item:hover .case_item_text {background-color: #fff;color: #111;}
.case_item:hover .ci_vm {color: #111;}
.case_item_text .ci_title{font-size: 30px;margin: 11% auto 0;font-family: "VisbyCF-Regular";width: 60%;}
.case_item_text .ci_content {font-family: "Opensans-Regular";font-size: 18px;width: 60%;margin: 5% auto 0;line-height: 34px;}
.ci_vm {display: block;font-size: 14px;font-family: "VisbyCF-Regular";padding: 3% 0 15%;color: #FFF;text-decoration: underline;}

#au {width: 100%;}
#au .au_box {max-width: 1680px; margin: 0 auto; width: 90%;display: flex;flex-direction: row;padding: 6.3% 0 7.4%;}
.au_item {display: flex;flex-direction: column;margin-left:7.7% ;width: 43%;}
.au_item .au_item_img {font-size: 0;overflow: hidden;}
.au_item .au_item_img img {transition: all .3s;}
.au_item .au_item_img:hover img {transform: scale(1.05);}
.au_item .au_item_text {padding-top: 13%;}
.au_item .au_item_text .ai_title {font-size: 40px;font-family: "VisbyCF-Regular";}
.au_item .au_item_text .ai_content {font-size: 16px;font-family: "Opensans-Regular";line-height: 32px;margin-top: 3.5%;}
.au_item .au_item_text .ai_content1 {
	font-size: 20px;
	font-family: Opensans-Regular;
	line-height: 25px;
	margin-top: 3.5%;
}
.au_item:first-child .au_item_text {padding-top: 17%;}
.au_item:last-child {margin:0 5.4% 0 9%;flex-direction: column-reverse;width: 34.9%;}
.au_item:last-child .au_item_text {margin-bottom: 30.5%;}
.au_item:last-child .view_more {background-color: #111;color: #FFF;text-decoration: none;}
.au_item:last-child .view_more:hover {background-color: transparent;color:#111;}
#au .view_more {margin-top: 5.5%;}

#services {width: 100%;background-color: #f8f8f8;position: relative;z-index: 1;}
#services .services_bg_img {position: absolute;top: 0;width: 100%;height: auto;z-index: 2; overflow: hidden; padding-top: 25%;}
#services .services_bg_img img{display: block;content: '';position: absolute; top: 0px; left: 50%; transform:translateX(-50%);max-height: unset;background-color: #111;opacity: 0.5;z-index: 1;}
#services .services_box {max-width: 1680px; margin: 0 auto; width: 90%;position: relative;z-index: 3;}
#services .services_box .services_header {padding: 6.5% 0;font-size: 40px;font-family: "VisbyCF-Regular";color: #000;text-align: center;}
#services .services_box .services_main {display: flex;flex-direction: row;}
.s_item {transition: all .3s;width: calc((50.8% - 90px) / 4) ;height: auto;margin-right: 30px;background-color: #FFF;padding: 0 6.15% 4.45%;display: flex;flex-direction: column;}
.s_item:hover {box-shadow: 0 0 10px rgba(0,0,0,.1);}
.s_item:last-child {margin-right: unset;}
.s_item .s_item_img {padding: 20px 0;display: inline-flex;width: 100%;}
.s_item .s_item_img .si_img_box {margin: 0 auto;}
.s_item .s_item_text {height: 78px;line-height: 26px;font-family: "Opensans-Regular";font-size: 20px;text-align: center;}
#services .view_more {width: 100%;}
#services .view_more:hover {text-decoration: none;color: #FFF;background-color: #111;}

#news {width: 100%;background-color: #f8f8f8;padding-bottom: 4.7%;}
#news .news_box {max-width: 1680px; margin: 0 auto; width: 74%;padding: 0 7%;}
.news_header {font-family: "VisbyCF-Regular";font-size: 40px;text-align: center;padding: 5% 0;}
.news_item {position: relative;float: left;padding-top: 20%;width: calc((100% - 40px) / 2);margin-right: 40px;margin-bottom: 40px;background-color: #FFF;}
.news_item .news_item_box {position: absolute;padding: 20px;top: 0;left: 0;width: calc(100% - 40px);height: calc(100% - 40px);}
.news_item:nth-child(2n) {margin-right: unset;}
.news_item .ni_img {float: left;margin-right: 30px;width: 35%;display: none;}
.news_item:hover .ni_img {display: block;}
.news_item .ni_text {padding: 0 4%;max-height: 100%;max-width: 92%;}
.news_item .ni_text .ni_title {text-decoration: none;font-size: 22px;font-family: "VisbyCF-Regular";padding-top: 4%; margin-bottom:3.2%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.news_item .ni_text .ni_date {display: block;font-size: 14px;font-family: "VisbyCF-Regular";padding-bottom: 2.3%;color: #a3a3a3;}
.news_item .ni_text .ni_content {font-size: 16px;font-family: "Opensans-Regular";line-height: 32px;color: #656565;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-word;}
.news_item:hover .ni_text .ni_content {-webkit-line-clamp: 3}
#news .view_more {margin: 2% auto 0;}

@media screen and (max-width: 1800px) {
    .news_item .ni_text .ni_title {padding-top: 0;}
    .news_item .ni_text .ni_content {-webkit-line-clamp: 3;}
    .news_item:hover .ni_text .ni_content {-webkit-line-clamp: 2}
}


@media screen and (max-width: 1500px) {
    #services .view_more {height: 40px;line-height: 40px;}
}

@media screen and (max-width: 1400px) {
    .case_item_text .ci_title {margin: 5% auto 0;}
    .case_item_text .ci_content {width: 80%;}

    .s_item {padding: 0 3% 2%;width: calc((76% - 90px) / 4);}
    #services .view_more {height: 40px;line-height: 40px}

    .news_item .ni_text .ni_content {-webkit-line-clamp: 2;}
}

@media screen and (max-width: 1300px) {
    .news_item .ni_text .ni_content {-webkit-line-clamp: 2;}
    .news_item:hover .ni_text .ni_content {-webkit-line-clamp: 1}
}

@media screen and (max-width: 1100px) {
    .news_item .ni_text .ni_content {-webkit-line-clamp: 1;}
    .news_item:hover .ni_text .ni_content {-webkit-line-clamp: 1}
}

@media screen and (max-width: 1000px) {
    #case {flex-direction: column;}
    .case_item {width: 100%;}
    .case_item:first-child .case_item_text {background-color: unset;color: #FFF;}
    .case_item:first-child .ci_vm {color: #FFF;}
}

@media screen and (max-width: 768px) {
    .view_more {max-width: 145px;width: 145px;height: 40px;line-height: 40px;letter-spacing: 2px;font-size: 12px}
    .view_more:hover {text-decoration: none;background-color: transparent;color: #333;}

    .p_title {font-size: 20px;}
    #products .products_box {width: 92%;}
    #products .products_box .p_main {flex-wrap: wrap;}
    .p_item {width: calc((92.8% - 15px) / 2);margin-bottom: 15px;margin-right: 15px;}
    .p_item:nth-child(2n) { margin-right: unset;}
    .p_item .p_item_text {width: 100%;}
    .p_item .p_item_text .item_title {font-size: 14px;line-height: 18px;height: 55px;}

    .case_item:first-child {margin-bottom: 6.3%;}
    .case_item .case_item_text {width: 63%;}
    .case_item_text .ci_title {font-size: 20px;margin: unset;width: 100%}
    .case_item_text .ci_content {font-size: 14px;line-height: 20px;margin: unset;padding-top: 2%;width: 100%}
    .ci_vm {padding-bottom: unset;}
    .case_item:hover .case_item_text {background-color: unset;color: #FFF;}
    .case_item:hover .ci_vm {color: #FFF;}

    #au .au_box {flex-direction: column;padding: 10% 0 0;}
    .au_item {margin-left: unset;padding-bottom: 10%;width: 100%;}
    .au_item_img {text-align: center}
    .au_item:last-child {margin: unset;flex-direction: column;width: 100%;}
    .au_item .au_item_text {padding-top: 5%;}
    .au_item:first-child .au_item_text {padding-top: 5%;}
    .au_item:last-child .au_item_text {margin-bottom: unset;}
    .au_item .au_item_img:hover img {transform: scale(1);}
    .au_item .au_item_text .ai_title {font-size: 20px;}
    .au_item .au_item_text .ai_content {font-size: 14px;line-height: 24px;}
    .au_item:last-child .view_more {background-color: unset;color: unset;}
    .au_item:last-child .view_more:hover {background-color: #111;color: #FFF;}

    #services .services_box {width: 92%;}
    #services .services_box .services_header {padding: unset;font-size: 20px;height: 24vw;display: flex;align-items: center;justify-content: center;}
    #services .services_box .services_main {flex-wrap: wrap;}
    .s_item {width: calc((68% - 15px) / 2);padding: 0 8% 6.3%;margin-top: 15px;margin-right: 15px;}
    .s_item:nth-child(2n) {margin-right: unset;}
    .s_item .s_item_img {padding: 5px 0;}
    .s_item .s_item_text {font-size: 14px;height: 45px;margin-bottom: 5px;overflow: hidden;}
    .s_item:hover {box-shadow: unset;}
    #services .view_more {width: 100%;margin: 0 auto;}

    #news .news_box {width: 92%;padding: unset;}
    .news_header {font-size: 20px;padding: 4.2% 0;}
    .news_item {width: 100%;margin-right: unset;padding-top: 40%;margin-bottom: 20px;}
    .news_item:hover .ni_img {display: none;}
    .news_item .ni_text {width: 100%;padding: unset;max-width: 100%;}
    .news_item .ni_text .ni_title {font-size: 16px;margin-bottom: 2.5%;}
    .news_item .ni_text .ni_content {font-size: 14px;line-height: 20px;-webkit-line-clamp: 8;}
    .news_item:hover .ni_text .ni_content {-webkit-line-clamp: 8;}
    .news_item .ni_text .ni_date {padding-bottom: 1.5%;}
}

@media screen and (max-width: 375px) {
    #services .services_box .services_header {padding: unset;height: 24vw;}

    #products .products_box .p_header,
    .news_header {padding: 20px 0;}
    .news_item {padding-top: 50%;}
    .news_item .ni_text .ni_content {font-size: 14px;line-height: 20px;-webkit-line-clamp: 3;}
    .news_item:hover .ni_text .ni_content {-webkit-line-clamp: 3;}
}