@charset "UTF-8";
@import url("https://at.alicdn.com/t/font_1337582_v60y6c0f2z.css");
@font-face { font-family: 'mont-th'; src: url("https://at.alicdn.com/font/Montserrat-Thin-10.otf"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'mont-lt'; src: url("https://at.alicdn.com/font/Montserrat-Light-6.otf"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'mont'; src: url("https://at.alicdn.com/font/Montserrat-Regular-8.otf"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'mont-md'; src: url("https://at.alicdn.com/font/Montserrat-Medium-7.otf"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'mont-sbd'; src: url("https://at.alicdn.com/font/Montserrat-SemiBold-9.otf"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'mont-bd'; src: url("https://at.alicdn.com/font/Montserrat-Bold-3.otf"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'mont-black'; src: url("https://at.alicdn.com/font/Montserrat-Black-2.otf"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'tg-bd'; src: url("https://at.alicdn.com/font/DINCond-Black.otf"); font-weight: normal; font-style: normal; }

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; word-break: break-word; font-family: Arial, Helvetica, sans-serif; }

img { width: 100%; display: block; }

input, button, textarea, video, select { border: transparent; outline: transparent; background: none; }

ul, ol, li { list-style: none; }

a { text-decoration: none; display: flex; cursor: pointer; justify-content: center; align-items: center; }

i { list-style: none; }

input, button, textarea, video, select, a, i, del { cursor: pointer; }

table { border-spacing: 0; border-collapse: collapse; }

/* common css */
.margin, .wid { margin: 0 auto; }

.wid { width: 1140px; }

@media screen and (max-width: 1180px) { .wid { width: 94%; } }

.hei { height: 100%; }

.flex { display: flex; justify-content: center; align-items: center; }

.flex-sb { display: flex; justify-content: space-between; align-items: center; }

.wrap, .menu_box .menu_items, .more_items { flex-wrap: wrap; }

.ttu, .menu_box .see_more_box .menu_seemore, .menu_box .see_more_box .menu_seemore:hover, .news_btn .menu_seemore, .news_btn .menu_seemore:hover, .main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .addcart, .main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .addcart:hover, .main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .det_contact, .main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .det_contact:hover, .order-items .sub_cont.login_cont .subc_list .continue, .order-items .sub_cont.login_cont .subc_list .continue:hover, .order-items .cart_btn .submit, .order-items .cart_btn .submit:hover, .order-items .cart_btn .continue, .order-items .cart_btn .continue:hover, .order-items .sgin .submit, .order-items .sgin .submit:hover, .order-items .register_item .register_btn .btn_list .submit, .order-items .register_item .register_btn .btn_list .submit:hover, .order-items .register_item .register_btn .btn_list .reset, .order-items .register_item .register_btn .btn_list .reset:hover, .order-items .register_item.custom .btn_list .reset, .order-items .register_item.custom .btn_list .reset:hover, .page_box .page_items.jobs .send_resume, .page_box .page_items.jobs .send_resume:hover { text-transform: uppercase; }

.ttc { text-transform: capitalize; }

.anim, .nav_bar .in_box.pro_mn .pmn_items .pmn_list, .nav_bar #search_form, .menu_box .menu_items .menu_list h4, .menu_box .see_more_box .menu_seemore, .more_items, .more_items .more_list h4, .main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .addcart, .main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .det_contact, .left_nav .leftnav_list.bold_list a, .order-items table tbody td i:before, .order-items .sub_cont.login_cont .subc_list .continue, .order-items .cart_btn .submit, .order-items .cart_btn .continue, .order-items .sgin .submit, .order-items .register_item .register_btn .btn_list .submit, .order-items .register_item .register_btn .btn_list .reset, .order-items .register_item.custom .btn_list .reset, .order-items .order_list_box table tbody tr td p, .page_box .page_items.jobs .send_resume { transition: all .3s; }

.anim2, .nav_bar .in_box.pro_mn .pmn_items .li_box, .nav_bar .in_box.pro_mn .pmn_items .pmn_list .drop_items, .nav_bar .in_box.pro_mn .pmn_items .pmn_list .drop_items .drop_list, .nav_bar .in_box.pro_mn .pmn_items .pmn_list .drop_items .drop_list a, .nav_bar .in_box.pro_mn .pmn_items .pmn_list .like_drop_items, .nav_bar .in_box.pro_mn .pmn_items .pmn_list .like_drop_items .like_list, .nav_bar .in_box.pro_mn .pmn_items .pmn_list .like_drop_items .like_list h5, .nav_bar .in_box.pro_mn .pmn_items .pmn_list .like_drop_items .like_list a, .left_nav .leftnav_list, .left_nav .leftnav_list a { transition: all .5s; }

.fhd, .fhd1, .fhd2, .fhd3, .fhd4, .fhd5, .fhd6 { overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; /*!autoprefixer:off*/ -webkit-box-orient: vertical; /*autoprefixer:on*/ }

.fhd1 { -webkit-line-clamp: 1; }

.fhd2 { -webkit-line-clamp: 2; }

.fhd3 { -webkit-line-clamp: 3; }

.fhd4 { -webkit-line-clamp: 4; }

.fhd5 { -webkit-line-clamp: 5; }

.fhd6 { -webkit-line-clamp: 6; }

.fixed, .nav_bar .in_box, .nav_bar .in_box.pro_mn { position: fixed; z-index: 99999; background: #fff; width: 100%; }

.swipe_li, .banner-box .swipe li { margin: 0; position: relative; }

.nav_bar { height: 120px; position: relative; z-index: 99999999; }

.nav_bar .nb_items { justify-content: flex-start; }

.nav_bar .nb_items .search_box { margin-left: 2%; }

@media screen and (max-width: 650px) { .nav_bar .nb_items .search_box { display: none; } }

@media screen and (max-width: 650px) { .nav_bar .nb_items { justify-content: space-between; } }

.nav_bar .in_box.hei { height: 70px; }

.nav_bar .in_box.pro_mn { height: 50px; top: 70px; }

.nav_bar .in_box.pro_mn .pmn_items { font-size: 0; }

.nav_bar .in_box.pro_mn .pmn_items .li_box { width: 100%; justify-content: space-around; }

.nav_bar .in_box.pro_mn .pmn_items .li_box .search_box { display: none; }

@media screen and (max-width: 750px) { .nav_bar .in_box.pro_mn .pmn_items .li_box { justify-content: space-between; } }

@media screen and (max-width: 650px) { .nav_bar .in_box.pro_mn .pmn_items .li_box { overflow-y: auto; background: #fff; display: block; }
  .nav_bar .in_box.pro_mn .pmn_items .li_box .search_box { display: block; }
  .nav_bar .in_box.pro_mn .pmn_items .li_box .search_box #search_form { margin-left: 0; } }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list { height: 100%; position: relative; border-bottom: 3px solid transparent; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list > a { color: #474747; font-size: 20px; font-family: mont-lt; justify-content: flex-start; }

@media screen and (max-width: 650px) { .nav_bar .in_box.pro_mn .pmn_items .pmn_list > a.has_href { display: none; }
  .nav_bar .in_box.pro_mn .pmn_items .pmn_list > a.no_href { display: block; } }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list .no_href { display: none; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list .drop_items { position: absolute; top: calc(100% + 3px); left: -20px; z-index: 9999; padding: 20px; background: #fff; transform: rotateX(90deg); transform-style: preserve-3d; transform-origin: top; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list .drop_items .drop_list { margin-bottom: 10px; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list .drop_items .drop_list a { color: transparent; white-space: nowrap; font-family: mont-lt; font-size: 14px; justify-content: flex-start; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list .drop_items .drop_list.list_blod > a { font-family: mont-md; color: transparent; text-transform: capitalize; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list .drop_items .drop_list.bold_list a { padding-left: 10px; }

@media screen and (max-width: 650px) { .nav_bar .in_box.pro_mn .pmn_items .pmn_list .drop_items { width: 100%; left: 0; } }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list .like_drop_items { position: absolute; top: calc(100% + 3px); left: 50%; z-index: 9999; padding: 20px; background: #fff; transform: rotateX(90deg) translate(-50%); transform-style: preserve-3d; transform-origin: top; align-items: flex-start; justify-content: space-around; width: 500px; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list .like_drop_items .like_list { margin-bottom: 10px; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list .like_drop_items .like_list h5 { font-size: 14px; font-family: mont-bd; white-space: nowrap; margin-bottom: 20px; text-transform: uppercase; color: transparent; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list .like_drop_items .like_list a {
	color: transparent;
	white-space: nowrap;
	font-family: mont-lt;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: left;
}

@media screen and (max-width: 650px) { .nav_bar .in_box.pro_mn .pmn_items .pmn_list .like_drop_items .like_list { padding: 0 !important; } }

@media screen and (max-width: 650px) { .nav_bar .in_box.pro_mn .pmn_items .pmn_list .like_drop_items { left: 0; flex-direction: column; } }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list:hover { border-color: #474747; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list:hover .drop_items { transform: rotateX(0deg); }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list:hover .drop_items .drop_list a { color: #474747; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list:hover .drop_items .drop_list.list_blod a { color: #000; }

@media screen and (max-width: 650px) { .nav_bar .in_box.pro_mn .pmn_items .pmn_list:hover .drop_items { transform: rotateX(90deg); } }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list:hover .like_drop_items { transform: rotateX(0deg) translate(-50%); }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list:hover .like_drop_items .like_list h5 { color: #000; }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list:hover .like_drop_items .like_list a {
	color: #474747;
	justify-content: flex-start;
}

@media screen and (max-width: 650px) { .nav_bar .in_box.pro_mn .pmn_items .pmn_list:hover .like_drop_items { transform: rotateX(90deg); } }

@media screen and (max-width: 650px) { .nav_bar .in_box.pro_mn .pmn_items .pmn_list:hover { border-color: transparent; } }

.nav_bar .in_box.pro_mn .pmn_items .pmn_list.pmn_home { display: none; }

@media screen and (max-width: 650px) { .nav_bar .in_box.pro_mn .pmn_items .pmn_list { margin-bottom: 3%; display: block; height: auto; justify-content: flex-start; }
  .nav_bar .in_box.pro_mn .pmn_items .pmn_list.pmn_home { display: block; } }

.nav_bar .in_box.pro_mn .pmn_items .icon-down { display: none; }

.nav_bar .in_box.pro_mn .pmn_items .icon-down:before { color: #474747; }

@media screen and (max-width: 650px) { .nav_bar .in_box.pro_mn { height: calc(100vh - 70px); display: none; } }

.nav_bar .logo { width: 160px; }

.nav_bar #search_form { width: 100%; height: 3.5rem; margin-left: 2%; }

.nav_bar #search_form input { display: flex; flex: 1; padding: 0 10px; cursor: unset; border-bottom: 1px solid #474747; height: 2rem; }

.nav_bar #search_form button { width: auto; height: 2rem; border-bottom: 1px solid #474747; }

.nav_bar #search_form button:before { color: #474747; }

.nav_bar .other_icon { margin-left: auto; }

.nav_bar .other_icon .login { font-family: tg-bd; font-size: 18px; white-space: nowrap; }

.nav_bar .other_icon a { margin: 0 6px; }

.nav_bar .other_icon a i { font-size: 18px; }

.nav_bar .other_icon a i.icon-home { font-size: 19px; }

.nav_bar .other_icon a.nav_ico { display: none; transform: rotateY(180deg); background: #474747; padding: 4%; }

.nav_bar .other_icon a.nav_ico i { color: #fff; font-size: 21px; }

@media screen and (max-width: 650px) { .nav_bar .other_icon { width: 120px; display: flex; justify-content: space-between; align-items: center; }
  .nav_bar .other_icon a { margin: 0; }
  .nav_bar .other_icon a.home, .nav_bar .other_icon a.collect { display: none; }
  .nav_bar .other_icon a.nav_ico { display: block; } }

.nav_bar .form_search { background: #fff; position: fixed; left: 50%; top: 70px; transform: translate(-50%); height: 2.5rem; z-index: 999999; display: none; }

@media screen and (max-width: 650px) { .nav_bar .form_search { top: 112px; } }

.nav_bar .form_search input { flex: 1; border: 1px solid #474747; line-height: 2rem; padding: 0 10px; }

.nav_bar .form_search button { padding: 0 1rem; font-size: 16px; font-family: mont-md; color: #474747; }

@media screen and (max-width: 650px) { .nav_bar { height: 70px; } }

/* banner css */
.banner-box { position: relative; }

.banner-box .swipe { margin-bottom: 0; }

.banner-box .swipe li { width: 100%; display: block; }

.banner-box .swipe .banner-cont { width: 100%; height: 90%; position: absolute; left: 0%; top: 0; z-index: 99; padding: 0; background: transparent; color: #fff; }

.banner-box .swipe .banner-cont .banc_inner { padding: 0; background: none; height: 100%; flex-direction: column; align-items: flex-start; justify-content: space-evenly; }

.banner-box .swipe .banner-cont p { font-size: 24px; font-family: mont-sbd; text-align: left; line-height: 3rem; }

@media screen and (max-width: 1250px) { .banner-box .swipe .banner-cont p { font-size: 20px; line-height: 2.5rem; } }

@media screen and (max-width: 850px) { .banner-box .swipe .banner-cont p { font-size: 18px; line-height: 1.6rem; } }

@media screen and (max-width: 500px) { .banner-box .swipe .banner-cont p { font-size: 21px; line-height: 1.4rem; } }

.banner-box .swipe .banner-cont h4 { font-size: 28px; font-family: mont-bd; text-align: left; line-height: 4rem; }

@media screen and (max-width: 1250px) { .banner-box .swipe .banner-cont h4 { font-size: 24px; line-height: 3rem; } }

@media screen and (max-width: 850px) { .banner-box .swipe .banner-cont h4 { font-size: 20px; line-height: 2.4rem; } }

@media screen and (max-width: 500px) { .banner-box .swipe .banner-cont h4 { font-size: 30px; line-height: 2rem; } }

@media screen and (max-width: 700px) { .banner-box .swipe .banner-cont { height: 80%; top: 5%; } }

@media screen and (max-width: 700px) { .banner-box .swipe .banner-cont { height: 60%; top: 10%; } }

.banner-box .swipe .banner-cont.page_ban_cont { height: 60%; top: 50%; transform: translateY(-50%); }

@media screen and (max-width: 1750px) { .banner-box .swipe .banner-cont.page_ban_cont { height: 80%; } }

@media screen and (max-width: 700px) { .banner-box .swipe .banner-cont.page_ban_cont { height: 70%; } }

.banner-box #pagenavi { position: absolute; bottom: 16px; left: 50%; transform: translate(-50%); }

.banner-box #pagenavi a { width: 12px; height: 12px; font-size: 0; border-radius: 50%; border: 1px solid #fff; margin: 0 10px; }

.banner-box #pagenavi a.active { background: #fff; }

/* menu css */
.menu_box { margin: 2% auto; }

@media screen and (max-width: 900px) { .menu_box { margin: 4% auto; } }

.menu_box .menu_items { justify-content: unset; }

.menu_box .menu_items .menu_list { width: 32%; margin-bottom: 2%; border: 1px solid #c7c7c7; align-self: normal; }

.menu_box .menu_items .menu_list h4 { font-size: 28px; font-family: mont-th; text-align: center; padding: 4% 0; cursor: pointer; }

@media screen and (max-width: 1100px) { .menu_box .menu_items .menu_list h4 { font-size: 24px; } }

@media screen and (max-width: 900px) { .menu_box .menu_items .menu_list h4 { font-size: 20px; } }

@media screen and (max-width: 550px) { .menu_box .menu_items .menu_list h4 { font-size: 18px; } }

@media screen and (max-width: 400px) { .menu_box .menu_items .menu_list h4 { font-size: 14px; } }

.menu_box .menu_items .menu_list:hover h4 { background: #000; color: #fff; }

@media screen and (max-width: 750px) { .menu_box .menu_items .menu_list { width: 48%; margin-bottom: 4%; } }

.menu_box .menu_items .menu_list:not(:nth-child(3n)) { margin-right: 2%; }

@media screen and (max-width: 750px) { .menu_box .menu_items .menu_list:not(:nth-child(3n)) { margin-right: 0%; }
  .menu_box .menu_items .menu_list:not(:nth-child(2n)) { margin-right: 4%; } }

.menu_box .see_more_box { text-align: center; width: 100%; margin: 1% auto; }

.menu_box .see_more_box .menu_seemore { padding: 0.6% 3%; background: #000; border: 1px solid #000; color: #fff; font-size: 24px; font-family: mont-lt; display: inline-flex; }

.menu_box .see_more_box .menu_seemore:hover { background: #fff; border: 1px solid #000; color: #000; font-size: 24px; font-family: mont-lt; display: inline-flex; }

@media screen and (max-width: 900px) { .menu_box .see_more_box .menu_seemore { font-size: 20px; } }

.more_items { justify-content: unset; margin-top: 3%; }

.more_items .more_list { width: 24%; margin-bottom: 2%; border: 1px solid #c7c7c7; align-self: normal; }

.more_items .more_list h4 { font-size: 18px; font-family: mont-th; text-align: center; padding: 4% 0; cursor: pointer; }

@media screen and (max-width: 400px) { .more_items .more_list h4 { font-size: 14px; } }

.more_items .more_list:hover h4 { background: #000; color: #fff; }

.more_items .more_list:not(:nth-child(4n)) { margin-right: calc(4% / 3); }

@media screen and (max-width: 900px) { .more_items .more_list { width: 32%; }
  .more_items .more_list:not(:nth-child(4n)) { margin-right: 0; }
  .more_items .more_list:not(:nth-child(3n)) { margin-right: 2%; } }

@media screen and (max-width: 750px) { .more_items .more_list { width: 48%; }
  .more_items .more_list:not(:nth-child(3n)) { margin-right: 0; }
  .more_items .more_list:not(:nth-child(2n)) { margin-right: 4%; } }

.menu_news { border-top: 1px solid #c7c7c7; }

/* news css */
.news_box { margin: 3% auto; align-items: flex-start; }

@media screen and (max-width: 900px) { .news_box { flex-wrap: wrap; } }

.news_box h4 { margin: 2% 0; font-family: mont-lt; font-size: 24px; }

.news_box .left_news { width: 58%; }

@media screen and (max-width: 900px) { .news_box .left_news { width: 100%; } }

.news_box .right_meet { width: 38%; }

@media screen and (max-width: 900px) { .news_box .right_meet { width: 100%; } }

.news_box .right_meet .saying_list { margin-bottom: 1%; }

.news_box .right_meet .saying_list h5 { background: #d8d8d8; padding: 0% 28% 0% 3%; color: #626262; overflow: hidden; line-height: 2.8rem; cursor: pointer; font-family: mont-lt; }

@media screen and (max-width: 1100px) { .news_box .right_meet .saying_list h5 { padding: 0% 12% 0% 3%; } }

.news_box .right_meet .saying_list .saylist_drop { padding: 4%; transform: rotateX(90deg); transform-style: preserve-3d; transform-origin: top; position: absolute; }

.news_box .right_meet .saying_list .saylist_drop p { font-size: 12px; font-family: mont-lt; color: #626262; margin: 0 0 3% 0; }

.news_box .right_meet .saying_list.current .saylist_drop { transform: rotateX(0deg); position: unset; }

.news_list { align-items: flex-start; margin-bottom: 3%; }

.news_list > a { width: 34%; }

@media screen and (max-width: 650px) { .news_list > a { width: 45%; } }

.news_list .news_cont { width: 64%; align-self: normal; display: flex; flex-direction: column; }

@media screen and (max-width: 650px) { .news_list .news_cont { width: 52%; } }

.news_list p { font-size: 12px; font-family: mont-lt; color: #626262; line-height: 1.2rem; flex: 1; }

@media screen and (max-width: 500px) { .news_list p { display: none; } }

@media screen and (max-width: 500px) { .news_list h3 { flex: 1; } }

.news_list h3 > a { font-size: 18px; font-family: mont-lt; color: #000; padding-bottom: 1.5%; }

.news_btn { text-align: right; margin-top: 2%; }

.news_btn .menu_seemore { padding: 1% 4%; background: #000; border: 1px solid #000; color: #fff; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.news_btn .menu_seemore:hover { background: #fff; border: 1px solid #000; color: #000; font-size: 14px; font-family: mont-lt; display: inline-flex; }

@media screen and (max-width: 500px) { .news_btn .menu_seemore { width: 100%; display: flex; justify-content: center; padding: 3.5%; } }

/* footer css */
.foot { background: #333; padding: 2% 0; }

.foot .footer { align-items: flex-start; }

@media screen and (max-width: 700px) { .foot .footer { flex-wrap: wrap; } }

.foot .footer_list { width: 50%; }

@media screen and (max-width: 700px) { .foot .footer_list { width: 100%; margin: 5% 0; } }

.foot .footer_list h4 { color: #fff; font-family: mont-lt; margin-bottom: 2%; }

.foot .footer_list .links { justify-content: flex-start; }

.foot .footer_list .links a { margin-right: 2%; }

.foot .footer_list p { font-size: 14px; color: #fff; font-family: mont-lt; margin: 1% 0; }

.foot .footer_list p span { white-space: nowrap; font-size: 14px; color: #fff; font-family: mont-lt; margin: 1% 0; }

/* bread_nav css*/
.bread_nav { padding: 2% 0; text-align: right; color: #9e9e9e; }

.bread_nav a, .bread_nav b { color: #9e9e9e; display: inline-block; font-size: 12px; text-transform: uppercase; font-family: mont-lt; }

@media screen and (max-width: 750px) { .bread_nav { padding: 15px 0; } }

/* other page main content css */
.main_cont { margin-bottom: 3%; align-items: flex-start; }

.main_cont h4 { font-size: 24px; font-family: mont-lt; color: #000; margin-bottom: 2rem; }

@media screen and (max-width: 750px) { .main_cont h4 { margin-bottom: 3%; } }

.main_cont .right_cont { width: 75%; }

.main_cont .right_cont h5 { font-size: 18px; font-family: mont-bd; text-transform: uppercase; margin: 2% 0; }

@media screen and (max-width: 750px) { .main_cont .right_cont h5 { margin: 4% 0 2%; } }

.main_cont .right_cont p { font-size: 14px; color: #000; font-family: mont-lt; line-height: 1.4rem; margin-bottom: 3%; }

.main_cont .right_cont p span { display: block; font-size: 14px; color: #000; font-family: mont-lt; line-height: 1.4rem; margin: 1% 0; }

.main_cont .right_cont .module_pic { margin-bottom: 2%; }

.main_cont .right_cont.menu_cont h4 { text-transform: uppercase; }

.main_cont .right_cont.menu_cont h4 p { font-family: mont-bd; color: #9e9e9e; font-size: 14px; }

.main_cont .right_cont.menu_cont h4 p span { display: inline-block; font-family: mont-bd; color: #474747; font-size: 14px; }

@media screen and (max-width: 900px) { .main_cont .right_cont.menu_cont h4 { font-size: 20px; }
  .main_cont .right_cont.menu_cont h4 br { display: none; } }

@media screen and (max-width: 550px) { .main_cont .right_cont.menu_cont h4 { font-size: 18px; } }

.main_cont .right_cont.menu_cont .more_items { display: flex; }

.main_cont .right_cont.menu_cont .more_items h4 {
	margin-bottom: 0;
	font-size: 14px;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_cont .right_cont.menu_cont .more_items .more_list { display: flex; flex-direction: column; position: relative; }

.main_cont .right_cont.menu_cont .more_items .more_list .iconfont:before{ position: absolute; top: 0; right: 0; width: 36px; height: 36px;background: #666; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 21px; top: 999; display: none;}

.main_cont .right_cont.menu_cont .more_items.mnclass_items .more_list .hidden { display: none; }

.main_cont .right_cont.menu_cont .more_items.mnclass_items .more_list:hover .hidden { display: block; }

.main_cont .right_cont.menu_cont .more_items.mnclass_items .more_list:hover .block { display: none; }

.main_cont .right_cont.menu_cont .more_items.mnclass_items .more_list:hover h4 { background: #666; }

.main_cont .right_cont.menu_cont .more_items.mnclass_items .more_list:hover a:before{display: flex;}

@media screen and (max-width: 900px) { .main_cont .right_cont.menu_cont { width: 100%; } }

.main_cont .right_cont.pro_det .det_pic_cont { align-items: flex-start; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list {
	width: 28%;
}

.main_cont .right_cont.pro_det .det_pic_cont .det_list .pic_list { border: 1px solid #c7c7c7; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .small_pic_box { justify-content: flex-start; margin: 3% 0; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .small_pic_box .small_pic { margin-right: 3%; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .small_pic_box .small_pic:last-child { margin-right: 0; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list h4 { margin-bottom: 1%; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .parameter_box { margin: 4% 0; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .parameter_box p { font-family: mont-lt; font-size: 14px; color: #9e9e9e; margin-bottom: 0; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn { margin-top: 6%; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .btn { width: 100%; padding: 3% 0; display: flex; justify-content: center; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .addcart { margin-bottom: 4%; background: #000; border: 1px solid #000; color: #fff; font-size: 18px; font-family: mont-lt; display: inline-flex; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .addcart:hover { background: #fff; border: 1px solid #000; color: #000; font-size: 18px; font-family: mont-lt; display: inline-flex; }

@media screen and (max-width: 700px) { .main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .addcart { font-size: 14px; } }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .det_contact { text-transform: none; background: #fff; border: 1px solid #000; color: #000; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.main_cont .right_cont.pro_det .det_pic_cont .det_list .pro_det_btn .det_contact:hover { text-transform: none; background: #000; border: 1px solid #000; color: #fff; font-size: 14px; font-family: mont-lt; display: inline-flex; }

@media screen and (max-width: 600px) { .main_cont .right_cont.pro_det .det_pic_cont .det_list { width: 100%; margin-bottom: 4%; } }

@media screen and (max-width: 600px) { .main_cont .right_cont.pro_det .det_pic_cont { flex-wrap: wrap; } }

@media screen and (max-width: 750px) { .main_cont .right_cont { width: 100%; } }

.left_nav { width: 21%; }

.left_nav .leftnav_list a { white-space: nowrap; font-family: mont-lt; font-size: 14px; }

.left_nav .leftnav_list a b {
	font-family: mont-bd;
	color: #000;
	text-align: left;
}

.left_nav .leftnav_list.list_blod { padding: 6% 0 4% 6%; }

.left_nav .leftnav_list.list_blod > a { font-family: mont-bd; color: #000; }

.left_nav .leftnav_list.list_blod > i { font-size: 12px; color: #000; font-weight: 600; }

.left_nav .leftnav_list.list_blod:nth-child(1) { padding-top: 0; }

.left_nav .leftnav_list.bold_list a {
	padding: 4% 0 4% 10%;
	border-left: 4px solid transparent;
	text-align: left;
}

.left_nav .leftnav_list.bold_list.third_list a { padding: 4% 0 4% 14%; }

.left_nav .leftnav_list.bold_list:hover { background: #e9e9e9; }

.left_nav .leftnav_list.bold_list:hover a { border-color: #474747; }

.left_nav .blod_inner { display: none; }

.left_nav.menu_left .leftnav_list.leftnav_list a {
	padding: 4% 0 4% 6%;
	justify-content: flex-start;
}

@media screen and (max-width: 900px) { .left_nav.menu_left { display: none; } }

@media screen and (max-width: 900px) { .left_nav { display: none; } }

/* cart css */
.down_tit, .jobs_tit { font-size: 24px; color: #000; font-family: mont-lt; padding-bottom: 2%; }

@media screen and (max-width: 500px) { .down_tit, .jobs_tit { font-size: 18px; } }

.order-items { margin-bottom: 3%; }

.order-items table { width: 100%; }

.order-items table thead { width: 100%; }

.order-items table thead tr td {
	width: 16%;
	text-align: center;
	font-size: 14px;
	font-family: mont-bd;
	color: #626262;
	text-transform: uppercase;
	padding: 1% 0;
	border: 1px solid #c7c7c7;
	border-left: none;
	border-right: none;
}

.order-items table thead tr td:nth-child(1) { text-align: left; }

@media screen and (max-width: 900px) { .order-items table thead tr td:nth-child(2), .order-items table thead tr td:nth-child(3) { display: none; } }

@media screen and (max-width: 700px) { .order-items table thead tr td { padding: 10px 0; } }

@media screen and (max-width: 500px) { .order-items table thead tr td { width: calc(100% / 3); } }

.order-items table tbody { width: 100%; }

.order-items table tbody td {
	padding: 1%;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #c7c7c7;
}

.order-items table tbody td img {
	width: 40%;
}

.order-items table tbody td p {
	margin: 10px 0;
	text-transform: uppercase;
}

.order-items table tbody td input { width: 100%; line-height: 2rem; text-align: center; border: 1px solid #7c7c7c; border-radius: 3px; }

.order-items table tbody td i { font-size: 24px; }

.order-items table tbody td i:before { color: #9e9e9e; }

.order-items table tbody td i:hover:before { color: #474747; }

.order-items table tbody td:nth-child(1) { padding-left: 0; }

@media screen and (max-width: 900px) { .order-items table tbody td:nth-child(2), .order-items table tbody td:nth-child(3) { display: none; } }

.order-items .sub_cont { padding: 3% 0; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #c7c7c7; }

.order-items .sub_cont.login_cont { border: none; padding: 2% 0 3%; justify-content: space-between; }

.order-items .sub_cont.login_cont .subc_list { width: 48%; flex-direction: column; }

.order-items .sub_cont.login_cont .subc_list .input { width: 100%; margin-bottom: 3%; border: 1px solid #9e9e9e; justify-content: flex-start; }

.order-items .sub_cont.login_cont .subc_list .input p { border: 1px solid #9e9e9e; border-left: none; border-top: none; border-bottom: none; }

.order-items .sub_cont.login_cont .subc_list .input input { padding: 0 6px; color: #474747; }

.order-items .sub_cont.login_cont .subc_list span { font-size: 14px; color: #000; font-family: mont-lt; }

.order-items .sub_cont.login_cont .subc_list p { color: #9e9e9e; }

.order-items .sub_cont.login_cont .subc_list .continue { margin-top: 3%; padding: 6px 2rem; background: #fff; border: 1px solid #000; color: #000; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.order-items .sub_cont.login_cont .subc_list .continue:hover { background: #000; border: 1px solid #000; color: #fff; font-size: 14px; font-family: mont-lt; display: inline-flex; }

@media screen and (max-width: 700px) { .order-items .sub_cont.login_cont .subc_list .continue { padding: 1% 4%; font-size: 14px; } }

@media screen and (max-width: 450px) { .order-items .sub_cont.login_cont .subc_list .continue { padding: 1.5% 4%; } }

@media screen and (max-width: 650px) { .order-items .sub_cont.login_cont .subc_list { width: 100%; margin-bottom: 5%; } }

@media screen and (max-width: 650px) { .order-items .sub_cont.login_cont { flex-wrap: wrap; } }

.order-items .sub_cont .subc_list { width: 50%; justify-content: flex-start; }

.order-items .sub_cont .subc_list .select_area { line-height: 2rem; padding: 0 4%; font-size: 14px; color: #626262; font-family: mont-lt; white-space: nowrap; border: 1px solid #626262; border-right: none; }

.order-items .sub_cont .subc_list select { width: 40%; height: calc(2rem + 2px); border: 1px solid #000; color: #626262; padding: 0 6px; }

@media screen and (max-width: 700px) { .order-items .sub_cont .subc_list select { width: 100%; } }

.order-items .sub_cont .subc_list b { text-transform: uppercase; font-family: mont-bd; font-size: 18px; display: block; margin-bottom: 1%; }

.order-items .sub_cont .subc_list .note_cont { font-size: 14px; color: #474747; font-family: mont-lt; line-height: 1.4rem; }

.order-items .sub_cont .subc_list .note_cont a { display: inline-block; font-size: 14px; color: #474747; font-family: mont-lt; line-height: 1.4rem; }

@media screen and (max-width: 700px) { .order-items .sub_cont .subc_list .note_cont br { display: none; } }

@media screen and (max-width: 700px) { .order-items .sub_cont .subc_list { width: 100%; margin-bottom: 3%; } }

@media screen and (max-width: 700px) { .order-items .sub_cont { flex-wrap: wrap; } }

.order-items .cart_btn { margin: 3% 0; }

.order-items .cart_btn .btn { margin: 0 2%; }

@media screen and (max-width: 600px) { .order-items .cart_btn .btn { font-size: 14px; } }

.order-items .cart_btn .submit { padding: 0.8% 6%; background: #000; border: 1px solid #000; color: #fff; font-size: 16px; font-family: mont-lt; display: inline-flex; }

.order-items .cart_btn .submit:hover { background: #fff; border: 1px solid #000; color: #000; font-size: 16px; font-family: mont-lt; display: inline-flex; }

@media screen and (max-width: 700px) { .order-items .cart_btn .submit { padding: 1% 6%; font-size: 14px; } }

@media screen and (max-width: 450px) { .order-items .cart_btn .submit { padding: 1.5% 6%; } }

.order-items .cart_btn .continue { padding: 0.8% 4%; background: #fff; border: 1px solid #000; color: #000; font-size: 16px; font-family: mont-lt; display: inline-flex; }

.order-items .cart_btn .continue:hover { background: #000; border: 1px solid #000; color: #fff; font-size: 16px; font-family: mont-lt; display: inline-flex; }

@media screen and (max-width: 700px) { .order-items .cart_btn .continue { padding: 1% 4%; font-size: 14px; } }

@media screen and (max-width: 450px) { .order-items .cart_btn .continue { padding: 1.5% 4%; } }

.order-items .sgin { width: 100%; justify-content: flex-start; }

.order-items .sgin .submit { width: 30%; line-height: 2rem; margin-right: 3%; display: flex; justify-content: center; background: #000; border: 1px solid #000; color: #fff; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.order-items .sgin .submit:hover { background: #fff; border: 1px solid #000; color: #000; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.order-items .sgin a { font-size: 14px; font-family: mont-lt; color: #474747; }

.order-items .register_item { width: 100%; flex-wrap: wrap; }

.order-items .register_item .register_list { width: 48%; }

.order-items .register_item .register_list input { border: 1px solid #9e9e9e; color: #474747; font-size: 14px; padding: 0 6px; display: block; width: 100%; line-height: 2rem; margin-bottom: 3%; }

.order-items .register_item .register_list input:placeholder { color: #9e9e9e; }

@media screen and (max-width: 550px) { .order-items .register_item .register_list { width: 100%; } }

.order-items .register_item .register_btn { width: 100%; }

.order-items .register_item .register_btn .btn { padding: 6px 3rem; }

.order-items .register_item .register_btn .btn_list { width: 48%; }

.order-items .register_item .register_btn .btn_list .submit { background: #000; border: 1px solid #000; color: #fff; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.order-items .register_item .register_btn .btn_list .submit:hover { background: #fff; border: 1px solid #000; color: #000; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.order-items .register_item .register_btn .btn_list .reset { background: #fff; border: 1px solid #000; color: #000; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.order-items .register_item .register_btn .btn_list .reset:hover { background: #000; border: 1px solid #000; color: #fff; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.order-items .register_item .register_btn .btn_list:nth-child(1) { text-align: right; }

.order-items .register_item.custom .input { width: 100%; margin-bottom: 3%; border: 1px solid #9e9e9e; justify-content: flex-start; }

.order-items .register_item.custom .input p { flex-shrink: 0; line-height: 2rem; padding: 0 3%; color: #9e9e9e; font-family: mont-lt; font-size: 14px; border: 1px solid #9e9e9e; border-left: none; border-top: none; border-bottom: none; }

.order-items .register_item.custom .input input { padding: 0 6px; color: #9e9e9e; font-family: mont-lt; }

.order-items .register_item.custom input { border: none; margin: 0; }

.order-items .register_item.custom .btn_list { width: 100%; text-align: center !important; }

.order-items .register_item.custom .btn_list .reset { background: #000; border: 1px solid #000; color: #fff; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.order-items .register_item.custom .btn_list .reset:hover { background: #fff; border: 1px solid #000; color: #000; font-size: 14px; font-family: mont-lt; display: inline-flex; }

@media screen and (max-width: 650px) { .order-items .register_item.custom .register_list { width: 100%; } }

@media screen and (max-width: 550px) { .order-items .register_item { margin-top: 3%; } }

.order-items .order_list_box { margin-top: 5%; }

.order-items .order_list_box .order_list { background: #e9e9e9; margin: 2% 0; }

.order-items .order_list_box .order_list span { padding: 1rem 1.5rem; display: inline-flex; background: #000; color: #fff; font-family: mont-md; font-size: 14px; text-transform: capitalize; }

@media screen and (max-width: 550px) { .order-items .order_list_box .order_list span { padding: 0.6rem 1.5rem; } }

@media screen and (max-width: 550px) { .order-items .order_list_box .order_list { margin: 8% 0 5%; } }

.order-items .order_list_box table tr td { padding: 2%; }

@media screen and (max-width: 900px) { .order-items .order_list_box table tr td { width: auto; }
  .order-items .order_list_box table tr td:nth-child(2), .order-items .order_list_box table tr td:nth-child(3) { display: table-cell; } }

.order-items .order_list_box table tr td:nth-child(1) { text-align-last: left; }

.order-items .order_list_box table tr td:nth-child(3) { text-align-last: right; padding-right: 2rem; }

.order-items .order_list_box table tbody tr td { font-family: mont-lt; color: #9e9e9e; text-transform: uppercase; }

.order-items .order_list_box table tbody tr td p { display: inline-block; background: #000; color: #fff; font-size: 14px; padding: 8px 30px; border: 1px solid #000; cursor: pointer; }

.order-items .order_list_box table tbody tr td p:hover { background: transparent; color: #000; }

.order-items .order_list_box table tbody tr td:nth-child(1) { padding-left: 2rem; }

.order-items .order_list_box table tbody tr td:nth-child(3) { padding-right: 0; }

@media screen and (max-width: 700px) { .order-items { margin-bottom: 5%; } }

/* other page css */
.page_box { margin: 0 auto 3%; }

.page_box .page_items { align-items: flex-start; flex-wrap: wrap; }

.page_box .page_items .page_list { width: 48%; }

@media screen and (max-width: 700px) { .page_box .page_items .page_list { width: 100%; margin-bottom: 3%; } }

.page_box .page_items .social_link { margin: 8% 0; }

.page_box .page_items .social_link p { font-size: mont-md; font-family: mont-bd; text-transform: uppercase; }

.page_box .page_items .social_link .slinks { justify-content: flex-start; margin: 3% 0 0; }

.page_box .page_items .social_link .slinks a:nth-child(2) { margin: 0 2%; }

@media screen and (max-width: 600px) { .page_box .page_items .social_link .slinks a { width: 54px; } }

.page_box .page_items .contact_info { margin-bottom: 4%; }

.page_box .page_items .contact_info b { display: block; font-size: mont-md; font-family: mont-bd; text-transform: uppercase; margin-bottom: 3%; }

.page_box .page_items .contact_info span, .page_box .page_items .contact_info a { font-size: 14px; font-family: mont-lt; color: #474747; }

.page_box .page_items .contact_info img { width: 180px; }

.page_box .page_items .chinese { font-size: 12px; font-family: '微软雅黑'; }

.page_box .page_items.jobs { border-bottom: 1px dashed #9e9e9e; margin-bottom: 3%; }

.page_box .page_items.jobs .jobs_hd { width: 100%; margin-bottom: 2%; }

.page_box .page_items.jobs .jobs_hd .jobs_tit { padding-bottom: 1%; }

.page_box .page_items.jobs .jobs_hd .jobs_tit .chinese { font-size: 18px; }

.page_box .page_items.jobs .jobs_hd .short_cont { font-size: 12px; color: #626262; text-transform: uppercase; }

.page_box .page_items.jobs .jobs_hd .short_cont p { font-family: mont-bd; margin: 6px 0; }

.page_box .page_items.jobs h6, .page_box .page_items.jobs p { font-size: 12px; color: #626262; font-family: mont-lt; margin-bottom: 1%; }

.page_box .page_items.jobs h6 { text-transform: capitalize; }

.page_box .page_items.jobs .page_list .main_cont { margin-bottom: 4%; }

.page_box .page_items.jobs .page_list.chinese h6 { color: #000; }

.page_box .page_items.jobs .page_list.chinese p { font-weight: 400; }

.page_box .page_items.jobs .send_btn { margin: 2% 0; }

.page_box .page_items.jobs .send_resume { padding: 8px 20px; background: #000; border: 1px solid #000; color: #fff; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.page_box .page_items.jobs .send_resume:hover { background: #fff; border: 1px solid #000; color: #000; font-size: 14px; font-family: mont-lt; display: inline-flex; }

.page_box .news_list { padding-bottom: 3%; border-bottom: 1px dashed #c7c7c7; }

.page_box .news_detail { border-bottom: 1px dashed #9e9e9e; padding-bottom: 1%; margin-bottom: 4%; }

.page_box .news_detail h5 { font-size: 24px; font-family: mont-lt; text-align: center; margin-bottom: 2%; }

.page_box .news_detail p { margin-bottom: 2%; }

.page_box .news_detail p span { display: block; font-size: 12px; color: #626262; font-family: mont-lt; line-height: 1.4rem; }

@media screen and (max-width: 700px) { .page_box { margin-bottom: 5%; } }

.video { margin-bottom: 4%; }

.video video { width: 50%; border: 1px solid #474747; }

@media screen and (max-width: 700px) { .video video { width: 100%; } }

.det_press { padding-bottom: 1%; margin-bottom: 2%; border-bottom: 1px dashed #c7c7c7; }

/* page css */
.pager {
	width: 60%;
	margin: 3% auto 2%;
	padding: 4px;
}

.pager li.iconfont { width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; color: #fff; border: 1px solid #474747; background: #474747; font-size: 21px; }

.pager li.iconfont:before { color: #fff; }

.pager .num_list a {
	font-size: 14px;
	font-family: mont-md;
	color: #626262;
	width: 20px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
}

.pager .num_list a.active { color: #474747; text-decoration: underline; }

@media screen and (max-width: 850px) { .pager { width: 60%; } }

@media screen and (max-width: 500px) { .pager { width: 80%; }
  .pager li.iconfont { width: 30px; height: 30px; } }

.pdet_subnav { background: #e9e9e9; margin: 2% 0; }

.pdet_subnav span { padding: 1rem; display: inline-flex; font-family: mont-bd; font-size: 14px; color: #474747; text-transform: capitalize; }

.pdet_subnav span.active { background: #000; color: #fff; }

@media screen and (max-width: 550px) { .pdet_subnav span { padding: 0.6rem 1.5rem; } }

@media screen and (max-width: 550px) { .pdet_subnav { margin: 8% 0 5%; } }
/*# sourceMappingURL=main.css.map */