﻿.wrap {overflow-x: hidden;}

@keyframes zoom {
  0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
  50% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(1px);
  }
  100% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(1px);
  }
}

.mouse-icon {border: 3px solid #fff;border-radius: 16px;height: 38px;width: 24px;display: block;z-index: 20;position: absolute;left: 50%;bottom: 40px;margin: 0 0 0 -12px;}
.mouse-icon:after {content: "";display: block;width: 51px;height: 9px;position: absolute;margin-left: -25px;bottom: 50px;background: url("/skin/default/img/main/scroll.png") no-repeat 0 0;left: 50%;}
.mouse-icon .wheel {animation: drop 1.3s infinite linear;}
.mouse-icon .wheel {position: relative;border-radius: 10px;background: #fff;width: 6px;height: 6px;top: 4px;margin-left: auto;margin-right: auto;}


.main_banner {overflow: hidden;position: relative;height: 100vh;z-index: 1;}   
.banner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-image: url("/skin/default/img/main/banner.png");animation: zoom 5s ease;animation-fill-mode: forwards;-webkit-background-size: cover;
background-size: cover;}
.banner_txt {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.banner_t1 {font-size: 70px;font-weight: 700;color: #fff;text-align: center;}
.product_wrap {padding: 170px 0;}
.common_tit {font-size: 70px;font-weight: 700;color: #000;margin-bottom: 30px;}
.common_tit.white,
.common_txt.white {color: #fff;}
.common_txt {font-size: 18px;font-weight: 400;color: #666;line-height: 1.5;}
.common_txt.eng {font-weight: 600;}
.more_link {display: inline-flex;align-items: center;margin-top: 60px;}
.more_link span {margin-right: 10px;font-weight: 700;font-size: 16px;color: #000;}
.products_item {position: relative;margin-bottom: 24px;overflow: hidden;border-radius: 20px;}
.products_info {position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 50px;display: flex;flex-direction: column; justify-content: flex-end;}
.info_position {display: flex;align-items: center;justify-content: flex-end;}
.products_info .name {font-size: 24px;font-weight: 700;color: #fff;margin-right: auto;}
.product_link {display: inline-block;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center center;background-image: url("/skin/default/img/main/btn_view.png");flex-shrink:0;opacity: 0.7;}
.products_item > img {transition: all .5s ease; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;}
.products_item:hover > img {transform: scale(1.15);}
.products_item:hover .product_link {opacity: 1;}

.stroy_wrap {padding: 140px 0;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;background-image: url("/skin/default/img/main/Mask group.png");min-height: 820px;}

.partner_wrap {padding: 170px 0;background-color: #F5F5F5;}
.partners_list {display: block;margin-top: 60px;}
.partners_list:before {display: table;content: "";}
.partners_list:after {display: table;content: "";clear: both;}
.partners {float: left;width: 20%;margin-bottom: 24px;padding: 0 12px;}

.contact_wrap {padding: 170px 0;}
.cont_divide {display: flex;}
.cont_left {width: 35%;}
.cont_right {width: 65%;}
.contact_cont_wrap {display: inline-flex;justify-content: flex-start;}
.contact_cont {padding-right: 50px;}
.contact_cont.mar {margin-right: 130px;}
.cc_tit {font-size: 24px;font-weight: 700;color: #000;margin-bottom: 20px;}
.cc_txt {font-size: 18px;font-weight: 400;color: #333;line-height: 1.5;}
.contact_forms {margin-top: 65px;}
.form_cont {height: 90px;background-color: #fff;}
.form_input {width: 100%;height: 90px;background-color: #fff;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #ddd;margin-bottom: 24px;padding: 0;font-size: 15px;font-weight: 700;color: #000;}
.text_area {height: 200px;padding: 20px 0;width: 100%;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #ddd;background-color: #fff;font-size: 15px;font-weight: 700;color: #000;margin-bottom: 60px;resize: none;outline: none;}
.submit_btn {background-color: transparent;border: none;outline: none;cursor: pointer;padding: 0;display: flex;align-items: center;}
.submit_btn span {font-size: 16px;font-weight: 700;color: #000;margin-right: 10px;}

input:focus, select:focus, option:focus, textarea:focus {outline: none;border-bottom: 1px solid #000;}
input::placeholder {color:#aaa;}
input::-webkit-input-placeholder {color:#aaa;}
input:-ms-input-placeholder {color:#aaa;}

textarea::placeholder {color:#aaa;}
textarea::-webkit-input-placeholder {color:#aaa;}
textarea:-ms-input-placeholder {color:#aaa;}

.story_menu_list {display: inline-block;width: 890px;margin-top: 100px;}
.story_menu_list li {float: left;width: 47%;margin-right: 24px;margin-bottom: 24px;height: 100px;}
.story_menu_list li a {border-bottom: 1px solid rgb(255 255 255 / 30%);display: flex;width: 100%;height: 100%;align-items: center;}
.story_menu_list li a:hover {border-bottom: 1px solid #fff;}
.story_menu_list li a:hover .story_menu:after {background-image: url("/skin/default/img/main/btn_view_hover.png");}
.story_menu {position: relative;font-size: 24px;font-weight: 700;color: #fff;width: 100%;}
.story_menu:after {position: absolute;position: absolute;right: 0;top: 50%;content: "";width: 40px;height: 40px;margin-top: -20px;background-repeat: no-repeat;background-image: url("/skin/default/img/main/btn_view.png");}

@media (max-width: 1659px){
	.common_tit {font-size: 60px;}
	.products_info {padding: 40px;}
	.products_info .name {font-size: 20px;}
	.banner_t1 {font-size: 60px;}
	.story_menu {font-size: 20px;}
	.cc_tit {font-size: 20px;}
}
@media (max-width: 1599px){

}
@media (max-width: 1459px) {

}
@media (max-width: 1429px) {
	.common_tit {font-size: 50px;}
	.story_menu_list {width: 800px;}
	.contact_cont.mar {margin-right: 100px;}
}
@media (max-width: 1259px) {
	.products_info {padding: 20px;}
	.products_info .name {font-size: 16px;}
	.banner_t1 {font-size: 50px;}
	.contact_cont {padding-right: 0;}
	.contact_cont.mar {margin-right: 30px;}
	.common_tit {font-size: 40px;}
	.story_menu {font-size: 18px;}
}

@media (max-width: 1199px) {

}
@media (max-width: 991px) {
	.main_banner {height: 80vh;}
	.banner_t1 {font-size: 40px;}
	.product_wrap {padding: 80px 0;}
	.common_tit {font-size: 30px;margin-bottom: 15px;}
	.common_txt {font-size: 16px;}
	.more_link {margin-top: 30px;margin-bottom: 30px;}
	.more_link span {font-size: 14px;}
	.product_link {width: 20px;height: 20px;-webkit-background-size: 20px auto;background-size: 20px auto;}
	.stroy_wrap {padding: 70px 0;min-height: auto;}
	.story_menu_list {margin-top: 50px;width: 100%;}
	.story_menu {font-size: 16px;}
	.story_menu_list li {margin-right: 12px;margin-bottom: 12px;height: 50px;}
	.story_menu:after {width: 20px;height: 20px;-webkit-background-size: 20px auto;background-size: 20px auto;margin-top: -10px;}
	.partner_wrap {padding: 70px 0;}
	.partners_list {margin-top: 30px;}
	.contact_wrap {padding: 70px 0;}
	.cc_tit {font-size: 16px;margin-bottom: 10px;}
	.cc_txt {font-size: 14px;}
	.contact_forms {margin-top: 30px;}
	.form_input {font-size: 12px;}
	.form_input {height: 60px;}
	.text_area {font-size: 12px;height: 150px;margin-bottom: 30px;}
	.submit_btn span {font-size: 14px;}
	.partners {padding: 0 6px;}
	.products_info .name {font-size: 15px;}
}
@media (max-width: 767px) {
	.banner_t1 {font-size: 30px;}
	.main_banner {height: 50vh;}
	.mouse-icon {bottom: 20px;}
	.common_tit {font-size: 25px;}
	.story_menu_list li {width: 45%;}
	.partners {padding: 0;width: 100%;}
	.cont_divide {display: block;}
	.cont_left,.cont_right {width: 100%;}
	.contact_cont_wrap {display: block;}
	.contact_cont.mar {margin-right: 0;margin-top: 20px;margin-bottom: 20px;}
	.cc_txt {font-size: 12px;}
	.cc_tit {font-size: 14px;}
	.story_menu {font-size: 14px;}
	.common_txt {font-size: 14px;}
}
@media (max-width: 424px) {

}
@media (max-width: 374px) {

}