html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p, dl, dt, dd, figure { padding: 0; margin: 0; }
html, body { font-family: "Montserrat", Noto Sans SC, "Hiragino Sans GB", STHeiti, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color: #1A1A1A; overflow-x: hidden; }
html { font-size: 100%; }
body { line-height: 1; position: relative; }
body * { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
ul, li, ol { list-style: none; }
img { vertical-align: middle; max-width: 100%; border: 0; }
input:focus { outline: none; }
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*通用*/
.container { padding: 0 60px; margin: 0 auto; position: relative; }
article.sub .container, .sub_container { max-width: 1440px; margin: 0 auto; position: relative; }
.ly_flex { display: flex; flex-wrap: wrap; }
/*标题*/
.ttl_box { margin-bottom: 40px; text-align: center; }
.ttl_box h3 { font-weight: 700; font-size: 28px; }
.ttl_box p { font-size: 16px; line-height: 1.6; }
/*搜索框*/
#search-nav .search_wrap { height: 100%; }
#search-nav .searchOnOff { display: block; color: #fff; outline: none; margin: 0 auto; font-size: 14px; }
#toggle-search { float: right; background-position: -40px 0; }
.header-button { background-color: rgba(255, 255, 255, 0); box-sizing: border-box; overflow: hidden; z-index: 1; border: none; cursor: pointer; }
#search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 40px; right: 0; max-height: 0; overflow: hidden; z-index: 9999; }
#search-form fieldset { position: relative; padding: 0; border: none; }
#search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 40px; border: none; background-color: #ffffff; width: 230px; padding: 0 20px; color: #000; }
#search-form.open { max-height: 40px; }
/*banner右侧公司英文名*/
.banner_right { position: relative; }
.banner_right_position { position: absolute; right: -20px; top: 45vh; color: #FFF; z-index: 999; }
.banner_right_nam { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); font-size: 12px; color: #CCC; letter-spacing: 1px; }
/*banner底部电话*/
.banner_bottom { position: relative; top: -60px; left: 100px; z-index: 99999; color: rgba(255,255,255,0.6); font-size: 15px; }
.banner_bottom span { font-size: 21px; color: #d9b567; }
.banner_bottom h4 { font-size: 18px; display: inline-block; }
/*公司简介*/
.index_about { padding-top: 90px; }
.index_about .ttl_box h3 { line-height: 1.2; }
.index_about .ttl_box p { margin-top: 20px; }
.about_box { display: flex; justify-content: space-between; background: url(../images/aboutbg.jpg) no-repeat right center; padding: 70px 0; }
.about_box_img { width: 48%; }
.about_box_txt { width: 48%; text-align: left; display: flex; align-items: center; }
.about_box_txt .about_txt { width: 80%; margin: 0 auto; }
.about_box_txt .about_txt .overview { margin-bottom: 20px; line-height: 1.4; font-size: 20px; }
.keynote { width: 100%; display: flex; justify-content: space-between; margin-top: 50px; }
.keynote_box_flex { display: flex; justify-content: center; align-items: center; flex-direction: column }
.keynote_box { width: 100%; display: block; text-align: center; line-height: 1.4; }
.keynote_box .num { font-size: 36px; font-weight: 600; margin-right: 10px; display: inline-block; color: #a68640; }
.keynote_box .text { align-items: flex-end; font-weight: 400; color: #000; display: inline-block; }
.keynote_box_flex .syfont { color: #000; display: block; text-align: center; width: 100%; }
.about_box_txt .illustrate { margin-top: 40px; font-size: 15px; line-height: 1.4; }
.about_box_txt .link_ah { margin-top: 40px; display: flex; }
.about_box_txt .link_ah .link_a { background: #a68640; color: #fff; width: 130px; height: 50px; line-height: 50px; text-align: center; border-radius: 30px; }
.about_box_txt .link_ah .link_h { color: #a68640; width: 130px; height: 50px; line-height: 50px; text-align: center; }
/*主营产品*/
.index_product { padding-top: 90px; padding-bottom: 90px; background: #f4f0e8; }
.index_product .ttl_box h3 { font-size: 36px; font-weight: 700; margin-bottom: 30px; }
.index_product .ttl_box ul { display: flex; justify-content: center; align-items: center; line-height: 1.4; }
.index_product .ttl_box ul li { margin-right: 20px; }
.index_product .ttl_box ul li span { margin: 0; background: #a68640; color: #fff; padding: 0px 5px; height: 30px; line-height: 30px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.index_product .ttl_box ul li a { color: #000; font-size: 16px; }
.index_product .ttl_box ul li a:hover { color: #a68640; }
.product_box { }
.product_box_flex { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.product_box .item { background: #faf1ec; width: 24%; -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px rgba(0,0,0,0.1); margin-bottom: 20px; margin-right:1.33%; }
.product_box .item:nth-child(4n){ margin-right:0;}
.product_box .item .pic { overflow: hidden; }
.product_box .item .pic img { display: block; width: 100%; -webkit-transition: all 0.5s; }
.product_box .item .pic img:hover { -webkit-transform: scale(1.06); transform: scale(1.06); }
.product_box .item .info { padding: 30px 40px; width: 100%; top: -158px; box-sizing: border-box; text-align: left; background: #fff; }
.product_box .item .name { font-size: 18px; color: #a68640; line-height: 30px; letter-spacing: 0px; font-weight: 400; margin-bottom: 10px; }
.product_box .item .text { font-size: 15px; color: #333; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; line-height: 20px; margin: 10px auto 20px; }
.product_box .item .more { color: #666; font-size: 14px; }
.product_box .item .more span { color: #999; }
/*营销网络*/
.business_txt { padding: 70px 0 50px 0; text-align: center; }
.business_txt .ttl_box h3 { font-size: 36px; line-height: 1.4; margin-bottom: 10px; }
.business_txt .ttl_box p { line-height: 1.4; font-weight: 400; }
.index_partner { }
.bg { width: 100%; height: 100%; }
.bg img { width: 100%; height: 100%; object-fit: cover; }
.partner_box { position: absolute; }
.partner_box_bg { width: 650px; background: #fff; position: relative; top: -280px; left: 200px; z-index: 9999999; padding: 60px 60px; -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px rgba(0,0,0,0.1); }
.partner_box_bg .title { display: flex; justify-content: space-between; margin-bottom: 20px; }
.partner_box_bg .title h3 { font-size: 24px; line-height: 1.4; }
.partner_box_bg .text { line-height: 1.6; font-size: 15px; }
.partner_more { margin-top: 30px; }
.partner_more a { background: #a68640; color: #fff; width: 140px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; border-radius: 30px; display: inline-block; }
/*规划设计*/
.index_plan { padding: 160px 0 100px 0; }
.index_plan .ttl_box h3 { margin-bottom: 20px; color: #333; font-weight: 600; line-height: 120%; }
.index_plan .ttl_box ul { display: flex; justify-content: center; align-items: center; margin-top: 40px; }
.index_plan .ttl_box ul li { padding: 10px 20px; border: rgba(0,0,0,0.5) 1px solid; margin-right: 5px; font-size: 15px; border-radius: 30px; }
.index_plan .ttl_box ul .action { background: #a68640; color: #fff; border: #a68640 1px solid; margin-right: 20px; font-weight: 500; }
.plan_box { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.plan_box .item { margin-right: 20px; width: calc(100% / 4 - 20px); -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px rgba(0,0,0,0.1); }
.plan_box .item:last-child { margin-right: 0; }
.plan_box .item .pic { overflow: hidden; }
.plan_box .item .pic img { display: block; width: 100%; -webkit-transition: all 0.5s; }
.plan_box .item .pic img:hover { -webkit-transform: scale(1.06); transform: scale(1.06); }
.plan_box .item .info { padding: 30px 40px; text-align: left; width: 100%; box-sizing: border-box; }
.plan_box .item .info .name { font-size: 20px; color: #000; line-height: 30px; padding-top: 10px; letter-spacing: 0px; font-weight: 400; }
.plan_box .item .info .text { font-size: 15px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; line-height: 20px; overflow: hidden; margin: 10px auto 30px; }
.plan_box .item .info .btn { padding: 2px 0px 8px 0px; line-height: 160%; color: #000; font-size: 15px; font-weight: 500; text-align: left; border-top: #e7e7e7 1px solid; }
.plan_box .item .info .probtn { padding-top: 10px; border-bottom: #FFF 1px solid; color: #666; }
.plan_box .item .info .probtn span { float: right; color: #999; }
/*联系我们*/
.index_contact { background: url(../images/contactbg.jpg) no-repeat center center / cover; height: 620px; padding: 90px 0 90px 0; }
.index_contact .ttl_box h3 { color: #fff; margin-bottom: 20px; }
.index_contact .ttl_box p { color: #fff; margin-bottom: 60px; }
.contact_box { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; }
.contact_box_bg { background: #eae6e5; width: 100%; }
.contact_box_a { width: 1000px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; }
.contact_box_b { display: flex; justify-content: space-between; }
.contact_box_b .box { text-align: left; }
.contact_box_b .box_a { width: 160px; }
.contact_box_b .box_b { width: 200px; }
.contact_box_b .box_c { width: 300px; }
.contact_box_b .box .name { height: 30px; font-size: 15px; }
.contact_box_b .box input { height: 40px; line-height: 40px; border: 0; border-radius: 5px; padding-left: 20px; font-size: 14px; color: #999; }
.contact_box_b .box_a input { width: 140px; }
.contact_box_b .box_b input { width: 180px; }
.contact_box_b .box_c input { width: 280px; }
.contact_box_b .box input.submitbtn { width: 120px; text-align: center; background: #a68640; color: #fff; font-size: 15px; padding-left: 0; }
.contact_tel { margin-top: 30px; font-size: 15px; }
.contact_tel h4 { font-size: 18px; text-decoration: underline; display: inline-block; }
/*技术支持与品质保障*/
.index_support { background: #434240; padding-top: 100px; padding-bottom: 100px; }
.index_support .ttl_box h3 { color: #fff; margin-bottom: 20px; }
.index_support .ttl_box p { color: #fff; margin-bottom: 60px; }
.support_box { }
.support_box .item { margin-right: 40px; width: calc(100% / 4 - 30px); }
.support_box .item:last-child { margin-right: 0; }
.support_box .item .pic { margin-bottom: 20px; }
.support_box .item .name { font-size: 20px; color: #d9b567; line-height: 30px; padding-top: 10px; letter-spacing: 0px; font-weight: 400; margin-bottom: 20px; }
.support_box .item .text { font-size: 15px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; font-weight: 300; line-height: 20px; overflow: hidden; margin: 10px auto 30px; }
.support_box .item .btn { padding: 2px 0px 8px 0px; line-height: 160%; color: #fff; font-size: 15px; font-weight: 500; text-align: left; }
.support_box .item .btn .round { border: #fff 1px solid; width: 20px; height: 20px; text-align: center; vertical-align: middle; border-radius: 10px; }
.round_position { font-size: 4px; position: relative; top: -4px; left: -2px; }
/*返回顶部-按钮*/
.fix_btn { position: fixed; z-index: 10; bottom: 20px; right: 20px; }
.fix_btn p { background: #d9b567; width: 60px; height: 60px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; cursor: pointer; position: relative; z-index: 1; border-radius: 30px; }
.fix_btn p img { transition: all 0.4s ease-in-out; }
/*底部*/
footer { padding: 10px 0 60px 0; border-top: 1px solid #E2E2E2; background: #faf1ec; }
footer .ly_flex { justify-content: space-between; margin-right: -16px; margin-top: 80px; }
footer .ly_flex dl { }
footer .ly_flex dt { font-weight: 600; color: #666; margin-bottom: 20px; font-size: 18px; }
footer .ly_flex dd { }
footer .ly_flex dd a { font-size: 16px; color: #333; line-height: 1.4; }
footer .ly_flex dd a:hover { color: #cc1e1e; }
.foot_copy { border-top: 1px solid #ddd; padding-top: 70px; }
.foot_copy .txt_box { width: calc(100% - 350px); font-size: 14px; line-height: 1.6; }
.foot_copy p { margin-bottom: 10px; }
footer .sns_box { position: relative; width: 230px; }
footer .sns_box li { margin-right: 16px; align-items: center; display: flex; }
footer .sns_box .share { margin-top: 0; }
@media (max-width: 1680px) {
	.fix_btn { right: 30px; }
}
@media (max-width: 1440px) {
}
@media (max-width: 1024px) {
	.container { width: 100%; padding: 0 30px; }
	article.sub .container, .sub_container { width: 100%; padding: 0 30px; }
	.about_box_txt .about_txt { width: 100%; }
	.index_product .ttl_box ul li:last-child{ display:none;}
	.index_product .ttl_box ul{flex-wrap: wrap;}
	.index_product .ttl_box ul li{ width:17%; margin:0.5%;}
	.contact_box_a{ width:90%;}
	.contact_box_b .box{margin-right: 20px;}
	.contact_box_b .box_a,.contact_box_b .box_b{ width:calc(50% / 3);}
	.contact_box_b .box_c{ width:30%;}
	.contact_box_b .box_a input,.contact_box_b .box_b input,.contact_box_b .box_c input{ width:100%;}
}
@media (max-width: 768px) {
	.pc { display: none; }
	.fix_btn { right: 0; bottom: 44px; }
	.fix_btn p { margin-bottom: 16px; transform: translateY(60px); width: 44px; height: 44px; }
	.about_box{ display:block; padding:0 0 40px 0;}
	.about_box_img{ width:100%; margin-bottom:10px;}
	.about_box_txt{ width:100%;}
	.index_product .ttl_box ul li{ width:24%;}
	.product_box .item{ width:48.5%;}
	.business_txt .container{ position:inherit;}
	.partner_box_bg{ width:100%; position:inherit;padding: 20px;}
	.partner_box{ position:inherit;}
	.plan_box .item{width: calc(100% / 2 - 20px);}
	.contact_tel h4{ display:block;}
	footer .sns_box{ display:none;}
	.foot_copy .txt_box{ width:100%;}
	.index_contact{ height:auto;}
}
@media (max-width: 500px) {
	.banner_right{ display:none;}
	.banner_bottom{ display:none;}
	.ttl_box h3{ font-size:24px;}
	.about_box_txt .about_txt .overview{ font-size:16px;}
	.about_box_txt .illustrate{ font-size:16px;}
	.index_product .ttl_box h3,.business_txt .ttl_box h3{ font-size:24px;}
	.index_product .ttl_box ul li{ width:48%;}
	.product_box .item .info{ padding:30px 20px;}
	.plan_box .item .info{ padding:30px 20px;}
	.index_plan{ padding:50px 0;}
	.index_plan .ttl_box ul .action{ display:none;}
	.plan_box .item{width: calc(100% / 2 - 10px);}
	.plan_box .item:nth-child(2n){ margin-right:0;}
	.plan_box .item .info .name{ font-size:18px;}
	.contact_box_b{flex-wrap: wrap;}
	.contact_box_b .box_a, .contact_box_b .box_b, .contact_box_b .box_c{ width:100%;}
	.support_box .item:nth-child(2n){ margin-right:0;}
	.support_box .item{ width: calc(50% - 30px);}
	.support_box .item .name{ font-size:16px;}
	footer{ padding:0;}
	footer .ly_flex{margin-top: 0; padding:30px 0;}
	footer .ly_flex dl{ display:none;}
	footer .ly_flex dl:last-child{ display:block;}
	.foot_copy .txt_box .ss{ display:none;}
	.keynote{flex-wrap: wrap;}
	.keynote_box_flex{ width:50%;}
}