.view_all {font-weight: bold;}
.arrow {padding-left: 10px;}
.view_all:hover {color: #305311}
#banner {position: relative;}
#introduction {margin: 80px auto 100px;}
#introduction .introduction_box {max-width: 1440px;margin: 0 auto;width: 90%;}
#introduction .introduction_box .introduction_text_box {width: 48.61%;max-width: 700px;margin-right: 6.6%}
#introduction .introduction_box .introduction_img_box {width: 44.79%;max-width: 650px;position: relative;font-size: 0;}
#introduction .introduction_box .introduction_img_box a:before {display:none;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #111;opacity: 0.5;transition: all 0.2s linear;}
#introduction .introduction_box .introduction_img_box a:hover:before{display: block}
#introduction .introduction_box .introduction_text_box .introduction_title {font-size: 48px;width: 90%;font-weight: bolder;}
#introduction .introduction_box .introduction_text_box .introduction_title a {text-decoration: none;}
#introduction .introduction_box .introduction_text_box .introduction_content {width: 90%;font-family: "Segma-Regular";font-size: 18px;margin: 2% 0 7.86%;color: #555555;line-height: 30px;}
#introduction .introduction_box .introduction_text_box .introduction_items .item_box {display: flex;}
#introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_left {margin-right: 3.6%;width: 75px;}
#introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_left .circle {display: block;height: 75px; background-color: #727372; border-radius: 37.5px;font-size: 24px;font-family: "segma-medium"; color: #FFFFFF;text-align: center;line-height: 75px;}
#introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_left .line{display: block;background: #e6e6e6;width: 2px; height: calc(100% - 105px); min-height: 60px;margin: 15px 36.5px;}
#introduction .introduction_box .introduction_text_box .introduction_items .item_box:last-child .item_left .line {display: none}
#introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_right {width: calc(96.4% - 75px);}
#introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_right .title{display: block;color: #111111;font-size: 24px;line-height: 40px;}
#introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_right .content{color: #8e8e8e;font-size: 18px;font-family: "Segma-Regular";line-height: 30px;}
#case .case_box {max-width: 1440px;margin: 0 auto;width: 90%;}
#case .case_box .case {width: 100%;}
#case .case_box .case:first-child {margin-bottom: 120px;}
#case .case_box .case .case_img_box {width: 48%;max-width: 690px;position: relative;z-index: 1;padding-left: 9%;padding-bottom: 5%;float: right;font-size: 0px;}
#case .case_box .case:first-child .case_img_box {float: left;padding-left: unset;padding-right: 9%;}
#case .case_box .case .case_img_box .case_img_main{display: block;position: relative;}
#case .case_box .case .case_img_box .case_img_little {width: 34.15%;position: absolute;z-index: 2;bottom:0;right: 66%;}
#case .case_box .case:first-child .case_img_box .case_img_little {left: 66%}
#case .case_box .case .case_img_box a:before {display: none;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #111;opacity: 0.5;transition: all 0.2s linear;}
#case .case_box .case .case_img_box a:hover:before{display: block}
#case .case_box .case .case_text_box {max-width: 525px;width: 36.46%;float: left;}
#case .case_box .case:first-child .case_text_box {float: right;}
#case .case_box .case .case_text_box a {text-decoration: none;}
#case .case_box .case .case_text_box .case_title {font-size: 48px;display: block;margin-top: 60px;font-weight: bold;color: #111;}
#case .case_box .case .case_text_box .line {width: 20.75%;background-color: #111111;height: 3px;margin: 40px 0 30px ;}
#case .case_box .case .case_text_box .case_content {font-size: 18px;display: block;color: #656565;margin-bottom: 45px;line-height: 35px;}
#video {margin: 95px auto 75px;}
#video .video_header {max-width: 1200px; margin: 0 auto 100px; width: 90%;text-align: center;}
#video .video_header .video_title {font-size: 48px; font-weight: bold; display: block; margin-bottom: 35px;padding: 0 5%;}
#video .video_header .video_content {font-size: 18px; display: block; line-height: 35px;color: #555;}
#video .video_main {position: relative; width: 100%;}
#video .video_main::before {content: "";display: block;width: 68%;position: absolute;z-index: -1;height: 100%;background-color:#FFFFFF;right: 0;top: 0;}
#video .video_main .main_box {padding: 2.2% 0;display: flex;}
#video .video_main .main_box .img_box {float: left;display: flex; justify-content: center; align-items: center; width: 55.6%;max-width: 1040px;}
#video .video_main .main_box .img_a{ display: block; position: relative; overflow: hidden;}
#video .video_main .main_box .img_a img{ -webkit-transition: all 0.3s; transition: all 0.3s;}
#video .video_main .main_box .img_a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
#video .video_main .main_box .img_a:before{ display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 93px; height: 93px; border: 2px solid #fff; background: url('../images/play_icon.png') no-repeat center;background-size: 22.5px 22.5px; z-index: 1; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#video .video_main .main_box .text {float: left;width: 27%;margin: 8.75% 12.6% 0 6.57%;}
#video .video_main .main_box .text .video_title {display: block;font-size: 48px;line-height: 55px;color:#000000;font-weight: bold;text-decoration: none;}
#video .video_main .main_box .text .line {width: 21.5%;background-color:#666666;height: 3px;margin: 30px 0;}
#video .video_main .main_box .text .video_content {font-size: 18px;line-height: 35px;color:#000000;font-family:"Segma-Regular";}
#video .video_main .main_box .text .view_all {display: block;color:#000000;margin-top: 20%;}
#video .video_main .main_box .text .view_all:hover {color:#000000}
#feature_products .feature_products_box {max-width: 1440px; margin: 0 auto; width: 90%;padding-bottom: 5%;}
#feature_products .feature_products_box .fp_header {margin: 0 auto 80px;width: 100%;text-align: center;}
#feature_products .feature_products_box .fp_header .fp_title{display: block;font-size: 48px;font-weight: bold;line-height: 88px;}
#feature_products .feature_products_box .fp_main {display: block;width: 100%;}
#feature_products .feature_products_box .fp_main .fp_item {height: 50%;width: 23.5%;margin-right: 2%;float: left;}
#feature_products .feature_products_box .fp_main .fp_item:nth-child(4) {margin-right: 0;}
#feature_products .feature_products_box .fp_main .fp_item .item_title {display: block;padding-top: 10px;font-size: 20px;line-height: 30px;text-decoration: none;}
#feature_products .feature_products_box .fp_main .fp_item .item_img_box {position: relative;top: 0;left: 0;width: 100%;padding-top: 100%;}
#feature_products .feature_products_box .fp_main .fp_item .item_img_box .item_img img {display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;transition: all 500ms ease 0s;}
#feature_products .feature_products_box .fp_main .fp_item .item_img_box .item_img .pro_hid{z-index: 5;opacity: 0;transform: scaleX(0);}
#feature_products .feature_products_box .fp_main .fp_item .item_img_box:hover .item_img .pro_hid{opacity: 1;  transform: scale(1);}
#news {background-color: #FAFAFA;}
#news .news_box {max-width: 1440px; margin: 0 auto; width: 90%;padding: 80px 0 100px;}
#news .news_box .news_header {width: 100%;text-align: center;margin-bottom: 45px;}
#news .news_box .news_header .news_title {display: block;font-size: 48px;font-weight: bolder;line-height: 88px;}
#news .news_box .news_main {width: 100%;height: auto;}
#news .news_box .news_main .news_item {position: relative;width: 32%;float: left;margin-right: 2%;}
#news .news_box .news_main .news_item:nth-child(3) {margin-right: 0;}
#news .news_box .news_main .news_item::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 80%;background-color: #FFFFFF;z-index: 0;}
#news .news_box .news_main .news_item:nth-child(2)::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 63.5%;background-color: #FFFFFF;z-index: 0;}

#news .news_box .news_main .news_item .img_box {position: relative;z-index: 1;width: 90%;margin: 0 auto;font-size: 0px;}
#news .news_box .news_main .news_item .img_box a:before {display: none;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #111;opacity: 0.5;transition: all 0.2s linear;}
#news .news_box .news_main .news_item:hover .img_box a:before{display: block}
#news .news_box .news_main .news_item .img_box .item_img {width: 100%;}
#news .news_box .news_main .news_item .text_box {position: relative;z-index: 1;width: 90%;margin: 0 auto;}
#news .news_box .news_main .news_item .text_box a {text-decoration: none;}
#news .news_box .news_main .news_item .text_box .item_title {font-size: 20px;margin-top: 10px;line-height: 30px;}
#news .news_box .news_main .news_item .text_box .item_date {display: block;color: #888888;font-size: 14px;line-height: 45px;}
#news .news_box .news_main .news_item .text_box .item_content {color: #555;line-height: 32px;}
#news .news_box .news_main .news_item .text_box .view_all {display: block;margin: 30px 0 40px;}
#news .news_box .news_main .news_item .text_box .view_all:hover {color: #305311;}
@media screen and (max-width: 1200px) {
    #case .case_box .case:first-child {margin-bottom: 95px;}
    #case .case_box .case .case_text_box .case_title {margin-top: 0;margin-bottom: 25px;}
    #case .case_box .case .case_text_box .case_content {margin-bottom: 30px;}
    #video .video_header .video_header_box {margin: 50px auto;}
    #video .video_main .main_box .text {margin-left: 5%;margin-top: 0;}
}
@media screen and (max-width: 768px) {
    .view_all {font-size: 14px}
    .arrow {padding-left: 5px;}
    #introduction .introduction_box .introduction_img_box a:hover:before,
    #case .case_box .case .case_img_box a:hover:before ,
    #news .news_box .news_main .news_item:hover .img_box a:before{display: none;}
    #video .video_main .main_box .img_a:hover img{ -webkit-transform: scale(1); transform: scale(1);}
    #news .news_box .news_main .news_item .text_box .view_all:hover {color: #000;}
    #feature_products .feature_products_box .fp_main .fp_item .item_img_box:hover .item_img .pro_hid{opacity: 0;transform: scaleX(0)}
    #introduction {margin: 30px auto 0;}
    #introduction .introduction_box {width: 92%;}
    #introduction .introduction_box .introduction_img_box {clear: both;width: 100%;max-width: none;}
    #introduction .introduction_box .introduction_img_box img {width: 100%;}
    #introduction .introduction_box .introduction_text_box {clear: both;width: 100%;max-width: none;}
    #introduction .introduction_box .introduction_text_box .introduction_content {font-size: 14px;line-height: 20px;width: 100%;margin: 5% 0;}
    #introduction .introduction_box .introduction_text_box .introduction_title {font-size: 20px;width: 100%;margin-top: 6%;}
    #introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_left {margin-right: 3.6%;width: 48px;}
    #introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_left .circle {display: block;height: 48px; background-color: #6f716e; border-radius: 37.5px;font-size: 15px;font-family: "segma-medium"; color: #FFFFFF;text-align: center;line-height: 48px;}
    #introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_left .line {min-height: 30px;width: 2px;margin: 7.5px 24px;height: calc(100% - 63px);}
    #introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_right .title {font-size: 15px;line-height: 24px;}
    #introduction .introduction_box .introduction_text_box .introduction_items .item_box .item_right .content {font-size: 14px;line-height: 20px;margin-bottom: 6%;display: block;}
    #case .case_box {width: 92%;}
    #case .case_box .case:first-child {margin-bottom: 10%;}
    #case .case_box .case .case_img_box {width: 91%;padding-right: 9%;}
    #case .case_box .case .case_img_box .case_img_little {left: 66%;}
    #case .case_box .case .case_text_box {width: 100%;max-width: none;}
    #case .case_box .case .case_text_box .case_title {font-size: 20px;margin:1% 0; }
    #case .case_box .case .case_text_box .line {margin: 19px 0 20px 5px;height: 2px;}
    #case .case_box .case .case_text_box .case_content {font-size: 14px;margin-bottom: 22.5px;line-height: 20px;}
    #case .case_box .case .case_text_box  a {font-size: 14px;}
    #video {margin: 43.75px auto 25px;}
    #video .video_header {width: 92%;margin:0 auto 5%;}
    #video .video_header .video_title {font-size: 20px;padding: 0;margin-bottom: 5%;}
    #video .video_header .video_content {padding: 0;font-size: 14px;line-height: 20px;}
    #video .video_main {padding-bottom: 5%;}
    #video .video_main::before {content: "";display: block;width: 100%;position: absolute;z-index: -1;height: 68%;;right: 0;bottom: 0;top: unset;}
    #video .video_main .main_box {padding: 5% 0;display: flex;flex-direction: column;width: 92%;margin: 0 auto;}
    #video .video_main .main_box .img_box {width: 100%;margin: 0 auto;}
    #video .video_main .main_box .img_a:before {width: 60px;height: 60px;}
    #video .video_main .main_box .text {float: left;width: 92%;margin: 0 auto;position: unset;transform: unset;}
    #video .video_main .main_box .text .video_title {font-size: 20px;line-height: unset;margin-top: 5%;}
    #video .video_main .main_box .text .line {width: 20.75%;background-color: #FFFFFF;height: 2px;margin: 20px 0 20px 5px;}
    #video .video_main .main_box .text .video_content {font-size: 14px;line-height: 20px;}
    #video .video_main .main_box .text .view_all {margin-top: 5%;}
    #feature_products .feature_products_box {width: 92%;padding-bottom: 5%;}
    #feature_products .feature_products_box .fp_header {margin: 5% auto;}
    #feature_products .feature_products_box .fp_header .fp_title {font-size: 20px;line-height: 40px;}
    #feature_products .feature_products_box .fp_main {width: 100%;}
    #feature_products .feature_products_box .fp_main .fp_item {width: 48%;margin-right: 4%;margin-bottom: 5%;}
    #feature_products .feature_products_box .fp_main .fp_item:nth-child(2) {margin-right: 0;}
    #feature_products .feature_products_box .fp_main .fp_item img {width: 100%;}
    #feature_products .feature_products_box .fp_main .fp_item .item_title {font-size: 14px;line-height: 20px;}
    #news .news_box {width: 92%;padding:5% 0 ;}
    #news .news_box .news_header {margin-bottom: 5%;}
    #news .news_box .news_header .news_title {font-size: 20px;line-height: 40px;}
    #news .news_box .news_main {display: flex;flex-direction: column;}
    #news .news_box .news_main .news_item {width: 100%;margin-bottom: 5%;}
    #news .news_box .news_main .news_item:nth-child(3) {margin-bottom:0}
    #news .news_box .news_main .news_item::after{display: none;}
    #news .news_box .news_main .news_item:nth-child(2)::after{display: none;}
    #news .news_box .news_main .news_item:nth-child(2)::before{display: none;}
    #news .news_box .news_main .news_item .news_line {display: none;}
    #news .news_box .news_main .news_item .img_box {width: 100%;}
    #news .news_box .news_main .news_item .img_box .item_img {position: unset;max-height: 100%;width: 100%;}
    #news .news_box .news_main .news_item .text_box {width: 100%;}
    #news .news_box .news_main .news_item .text_box .item_title {font-size: 18px;line-height: 22px;}
    #news .news_box .news_main .news_item .text_box .item_date {line-height: 30px;}
    #news .news_box .news_main .news_item .text_box .item_content {font-family: "Segma-Regular";line-height: 20px;color: #555555;}
    #news .news_box .news_main .news_item .text_box .view_all {margin: 15px 0;font-size: 14px;line-height:unset;}
}