@charset "UTF-8"; .pagelist { text-align: center; } .cc_page { line-height: 2; } .inner { padding-top: 20px; padding-bottom: 50px; } .inner ._top_title { display: flex; margin-bottom: 50px; align-items: flex-end; } .inner ._top_title p { font-size: 50px; color: #3e3e3e; } .inner ._top_title span { font-size: 35px; position: relative; top: 0; margin-left: 15px; color: #3e3e3e; } .inner .location { padding: 10px 0; float: none; margin-top: 0px; display: block; font-size: 14px; color: #333; line-height: inherit; border-bottom: 0; } .inner .location a { font-size: 14px; color: #333; } .inner .location img { width: 20px; margin-right: 8px; position: relative; top: -3px; } .inner .inner_content { background: white; margin-top: 20px; display: flex; } .inner .inner_content .lf { padding-bottom: 30px; width: 226px; /*联系我们*/ /*推荐*/ /*关键词*/ } .inner .inner_content .lf .top_title { text-transform: capitalize; font-weight: bold; color: white; background: #b18c4b; display: none; min-height: 50px; align-items: center; padding-left: 20px; font-size: 24px; } .inner .inner_content .lf .typelist > ul { width: 100%; } .inner .inner_content .lf .typelist > ul > li { width: 100%; float: none; } .inner .inner_content .lf .typelist > ul > li > a { padding: 15px 5px; font-size: 16px; color: #b18c4b; display: block; position: relative; background: white; text-align: center; text-transform: capitalize; border-bottom: 1px solid #f7f8fc; } .inner .inner_content .lf .typelist > ul > li > a:after { display: none; position: absolute; right: 20px; bottom: 18px; width: 8px; height: 16px; content: ''; background: url("../images/default/icon_xiala.png") no-repeat center; background-size: cover; } .inner .inner_content .lf .typelist > ul > li.have_lv2 > a:after { display: block; } .inner .inner_content .lf .typelist > ul > li .lv2 { display: none; background: white; border: 1px solid #eeeeee; padding: 25px 0; padding-bottom: 5px; } .inner .inner_content .lf .typelist > ul > li .lv2 ul li { width: 100%; margin-bottom: 25px; float: none; } .inner .inner_content .lf .typelist > ul > li .lv2 ul li a { padding-left: 18px; display: flex; align-items: center; font-size: 16px; color: black; text-transform: capitalize; position: relative; padding-left: 5px; padding-right: 5px; } .inner .inner_content .lf .typelist > ul > li .lv2 ul li a:before { display: block; width: 10px; height: 10px; background: url("../images/default/icon_lv2_a.png") no-repeat center; background-size: cover; content: ''; margin-right: 8px; margin-top: -3px; opacity: .5; } .inner .inner_content .lf .typelist > ul > li .lv2 ul li:hover a, .inner .inner_content .lf .typelist > ul > li .lv2 ul li.on a { color: #b18c4b; } .inner .inner_content .lf .typelist > ul > li:hover > a, .inner .inner_content .lf .typelist > ul > li.on > a { color: #b18c4b; background: #f3f3f3; } .inner .inner_content .lf .typelist > ul > li:hover > a:after, .inner .inner_content .lf .typelist > ul > li.on > a:after { background: url("../images/default/icon_xiala2.png") no-repeat center; background-size: cover; width: 16px; height: 8px; bottom: 21px; } .inner .inner_content .lf .contact_box { background: #b18c4b; line-height: 2; } .inner .inner_content .lf .contact_box h3 { font-weight: inherit; color: white; font-size: 20px; padding-left: 15px; padding-right: 15px; padding-top: 15px; } .inner .inner_content .lf .contact_box h6 { font-weight: inherit; color: white; font-size: 16px; margin: 5px 0; padding-left: 15px; padding-right: 15px; } .inner .inner_content .lf .contact_box ul { padding-left: 15px; padding-right: 15px; background: white; margin-top: 15px; padding-top: 15px; } .inner .inner_content .lf .contact_box ul li { display: flex; align-items: flex-start; } .inner .inner_content .lf .contact_box ul li span { width: 45px; } .inner .inner_content .lf .contact_box ul li p { flex: 1; } .inner .inner_content .lf .subtitle-wrap { padding-left: 10px; padding-right: 10px; background: #b18c4b; height: 70px; display: flex; align-items: center; justify-content: center; } .inner .inner_content .lf .subtitle-wrap:after { content: ''; width: 100%; height: 3px; background-color: white; display: block; flex: 1; } .inner .inner_content .lf .subtitle-wrap h4.subtitle { color: white; font-size: 16px; font-weight: inherit; text-transform: uppercase; padding-right: 15px; display: inline-block; } .inner .inner_content .lf .r-side-list li { border-bottom: none; padding: 5px 0 5px; margin: 0; min-height: 80px; text-align: left; width: 100%; margin-bottom: 5px; border-bottom: 1px solid #dedede; } .inner .inner_content .lf .r-side-list { padding-left: 10px; padding-right: 10px; background: white; padding-top: 15px; padding-bottom: 15px; } .inner .inner_content .lf .r-side-list h5 { font-size: 13px; font-weight: 500; margin: 0 0 6px; line-height: 1.4; letter-spacing: 0; text-transform: none; } .inner .inner_content .lf .r-side-list h5 a { color: #888888; } .inner .inner_content .lf .r-side-list h5 a:hover { color: black; } .inner .inner_content .lf .r-side-list img { float: left; width: 70px; height: 70px; padding: 2px; margin-right: 10px; } .inner .inner_content .lf .r-side-list p { font-size: 11px; color: #7d8195; margin-bottom: 10px; } .inner .inner_content .lf ul li.cat-item { height: 40px; border-bottom: 1px solid #f1f1f1; list-style: none; float: none; } .inner .inner_content .lf ul li.cat-item.active { background: #b18c4b; } .inner .inner_content .lf ul li.cat-item.active a { color: white !important; } .inner .inner_content .lf ul li.cat-item.active a:before { color: white; } .inner .inner_content .lf ul li.cat-item a { display: inline-block; font-size: 16px; padding-top: 7px; text-transform: capitalize; color: #333; } .inner .inner_content .lf ul li.cat-item a:before { color: #b18c4b; font-size: 16px; content: "●"; padding: 10px; } .inner .inner_content .lf ul li.cat-item:hover a { color: #b18c4b; } .inner .inner_content .lf .r-widget { /* margin-bottom: 50px;*/ } .inner .inner_content .lf .tuijian_goods ul li { border: 1px solid #dedede; text-align: center; width: 48%; float: left; } .inner .inner_content .lf .tuijian_goods ul li:nth-child(2n) { float: right; } .inner .inner_content .lf .tuijian_goods ul li img { float: none; margin: 0 auto; } .inner .inner_content .lf .tuijian_goods ul li a { display: block; } .inner .inner_content .lf .tuijian_goods ul li h5 { margin-bottom: 0; margin-top: 5px; } .inner .inner_content .lf .tuijian_goods ul li:hover a { color: black; } .inner .inner_content .lf .r-side-list .kw-box { margin-top: 15px; } .inner .inner_content .lf .r-side-list .kw-box li { width: calc(50% - 14px); float: left; margin: 0 7px 14px 7px; padding: 0; min-height: unset; border: none; } .inner .inner_content .lf .r-side-list .kw-box li a { display: block; text-align: center; font-size: 14px; color: #888; line-height: 2.857; border: 1px dashed #eee; } .inner .inner_content .lf .r-side-list .kw-box li a:hover { border-color: #aaa; color: #666; } .inner .inner_content .rt { border-left: 20px solid white; padding: 15px; flex: 1; padding-top: 30px; } .inner .inner_content .rt .top_title { padding-bottom: 10px; text-transform: uppercase; border-bottom: 0; text-align: center; font-size: 24px; color: #b18c4b; } .inner .inner_content .rt .top_title_en { color: black; } .inner .cc { padding-bottom: 30px; line-height: 2; } .inner .bottom_box { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-direction: column; } .inner .bottom_box > div { width: 100%; margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inner .bottom_box > div img { width: 20px; margin-right: 10px; } .inner .bottom_box > div .watch { color: #afafaf; margin: 0 40px; display: flex; align-items: center; } .inner .bottom_box > div .addtime { color: #afafaf; display: flex; align-items: center; } .inner .bottom_box .kw-box > span { display: block; font-size: 16px; margin-right: 5px; padding: 5px; } .inner .bottom_box .kw-box a { display: block; margin-right: 5px; padding: 5px; border: 1px dashed #eeeeee; font-size: 16px; } /*inner_ban*/ .inner_ban { position: relative; } .inner_ban .message { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; color: white; } .inner_ban .message .summary_en { text-transform: uppercase; font-size: 20px; } .inner_ban .message .summary { font-size: 25px; margin: 16px 0; } .inner_ban .message .more { color: #b18c4b; font-size: 16px; background: white; padding: 10px 25px; } .inner_ban .message .more:hover { background: #b18c4b; color: white; } .inner_feedback { /*.footer .feedback_box{ display: none; }*/ } /*产品阅读*/ .inner_goods_read_page .inner .inner_content .rt .top_title { text-align: center; border: 0; font-weight: bold; } .inner_goods_read_page .rt_message { padding-left: 50px; } .inner_goods_read_page .goods_read .pic { text-align: center; padding: 20px; border: 1px solid #d0d0d0; } .inner_goods_read_page .goods_read .goods_more { font-size: 16px; display: flex; align-items: center; justify-content: space-around; height: 35px; width: 135px; background: #b18c4b; color: white; transition: .5s; } .inner_goods_read_page .goods_read .goods_more:hover { width: 160px; } .inner_goods_read_page .bottom_box { margin-bottom: 0; } .inner_goods_read_page .bottom_box > div { margin-top: 0; } .inner_goods_read_page .bottom_box .kw-box { margin-bottom: 20px; } .inner_goods_read_page .rt_message .title2 { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 20px; } .inner_goods_read_page .rt_message .title2 p { font-size: 16px; color: #636363; margin-right: 5px; font-weight: bold; } .inner_goods_read_page .rt_message .title2 span { font-size: 20px; color: #b18c4b; } .inner_goods_read_page .rt_message .summary { display: flex; align-items: flex-start; } .inner_goods_read_page .rt_message .summary span { flex: 1; display: block; font-size: 16px; line-height: 2; position: relative; top: -5px; } .inner_goods_read_page .owl-theme .owl-controls { bottom: -4%; } .inner_goods_read_page .owl-theme .owl-controls .owl-page span { background: black; } .inner_goods_read_page .owl-theme .owl-controls .owl-page.active span, .inner_goods_read_page .owl-theme .owl-controls.clickable .owl-page:hover span { background: #b18c4b; } .inner_goods_read_page #xiangce { padding-bottom: 20px; width: 600px; margin-top: 25px; } .inner_goods_read_page #xiangce .item { text-align: center; padding: 5px; } .inner_goods_read_page #xiangce .item img { border: 1px solid #d0d0d0; } .inner_goods_read_page #xiangce.on { display: flex; align-items: center; justify-content: center; margin-left: -10px; } .inner_goods_read_page #xiangce.on .item { margin: 5px; } .inner_goods_read_page .goods_detail { margin-top: 70px; } .inner_goods_read_page .goods_detail .top_bar { font-size: 16px; display: flex; align-items: center; justify-content: center; background: #f4f4f4; height: 55px; margin-bottom: 40px; } /*产品列表*/ .inner_goods_list .inner .inner_content .rt { padding: 0; } .inner_goods_list ._goodslist li { padding: 15px; padding-top: 0; padding-bottom: 30px; } .inner_goods_list ._goodslist .item { border: 1px solid transparent; } .inner_goods_list ._goodslist .item .pic { padding: 10px; border: 1px solid #dcdcdc; overflow: hidden; } .inner_goods_list ._goodslist .item .pic img { transition: .5s; } .inner_goods_list ._goodslist .item .name { background: #414141; color: white; text-align: center; padding: 10px; font-size: 16px; } .inner_goods_list ._goodslist .item:hover .name { background: #b18c4b; } .inner_goods_list ._goodslist .item:hover .pic img { transform: scale(1.1); } /*证书*/ .inner_zhengshu_list_page .zhengshu_list .item .pic { border: 15px solid white; } .inner_zhengshu_list_page .zhengshu_list .item .name { font-size: 16px; min-height: 44px; } /*新闻列表*/ .inner_news_list_page .news_list li { float: none; margin-bottom: 15px; } .inner_news_list_page .news_list li .item { padding: 15px; display: flex; align-items: flex-start; } .inner_news_list_page .news_list li .item .message { margin-left: 35px; flex: 1; } .inner_news_list_page .news_list li .item .summary { line-height: 2; font-size: 14px; color: #777373; } .inner_news_list_page .news_list li .item .addtime { font-size: 14px; margin: 20px 0; } .inner_news_list_page .news_list li .item .title { color: black; font-size: 22px; } .inner_news_list_page .news_list li .item:hover { background: #f5f5f5; } .inner_news_list_page .news_list li:nth-child(2n) .item { background: #f5f5f5; } /*新闻阅读*/ .inner_news_read_page .base_read .cc img { max-width: 100%; line-height: 2; } .inner_feedback .inner .inner_content { margin-top: 37px; } .inner_feedback .form-horizontal .control-label { font-size: 16px; padding-right: 15px; } .inner_feedback .form-control { width: 90%; } .inner_feedback .btn { background: #b18c4b; color: white; border: 0 !important; } .inner_callmessage .callmessage .title { text-align: center; font-size: 18px; } .inner_callmessage .callmessage .content { margin-top: 20px; } .inner_callmessage .callmessage .content .center { display: flex; align-items: center; justify-content: center; } .inner_callmessage .callmessage .content .btn { background: #b18c4b; margin: 0 5px; color: white; } /**/ .inner_member .register_main .formlist { width: 800px; margin: 0 auto; } .inner_member .register_main .formlist li { padding: 8px; float: none; border: 1px solid gainsboro; display: flex; align-items: center; margin-bottom: 20px; } .inner_member .register_main .formlist li .name { margin-right: 15px; width: 100px; } .inner_member .register_main .formlist li .input_box input { border: 0; border-left: 1px solid gainsboro; padding: 5px; margin-right: 10px; height: 30px; min-width: 300px; } .inner_member .register_main .submit_box { text-align: center; } .inner_member .register_main .submit_box input { background: #b18c4b; color: white; border: 0; margin: 0 auto; padding: 8px 10px; } .inner_member .register_main .submit_box2 { margin-top: 10px; } .inner_member .register_main .submit_box2 a { margin: 0 10px; display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #b18c4b; } /**/ @media (max-width: 1600px) { .inner ._top_title span { font-size: 30px; } .inner ._top_title p { font-size: 45px; } .inner ._top_title { margin-bottom: 30px; } } @media (max-width: 1450px) { .inner_contact .content .lf ul { margin: 10px 0; } .inner_contact .content .lf { padding-top: 29px; } .inner_contact .content .lf ul li p { font-size: 15px; } .inner_contact .content .lf .name { font-size: 23px; } .inner .inner_content .lf .top_title { font-size: 20px; } .inner_goods_read_page .rt_message { padding-left: 30px; } .inner_goods_read_page #xiangce { width: 500px; } .inner_contact .content .rt img { max-width: 100%; } } @media (max-width: 768px) { .inner_goods_read_page #xiangce.on { width: auto; } .inner_zhengshu_list_page .zhengshu_list .item { padding: 10px !important; } .inner_zhengshu_list_page .zhengshu_list .item .name { font-size: 14px; margin-top: 10px; display: block; min-height: 66px; } .inner_zhengshu_list_page .zhengshu_list .item .pic { border: 0; } .inner .inner_content { display: block; } .inner .location { margin-top: 0px; padding-top: 21px; padding-left: 15px; padding-bottom: 0; } .inner .inner_content .lf .top_title { font-size: 16px; position: relative; height: 50px; padding-left: 0; display: flex; align-items: center; justify-content: center; } .inner .inner_content .lf .top_title:after { display: none; position: absolute; right: 20px; bottom: 18px; width: 18px; height: 18px; content: ''; background: url("../images/default/more.png") no-repeat center; background-size: cover; } .inner .inner_content .lf .top_title.on:after { display: block; } .inner .inner_content .lf { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0; width: 100%; } .inner .inner_content .rt { margin: 0px; margin-top: 20px; padding: 0; border-left: 0; } .inner .inner_content .lf .typelist > ul { border: 1px solid #d8dde0; } .inner { margin-bottom: 39px; padding-top: 0; margin-bottom: 0; } .inner .top_typelist ul { display: block; } .inner .top_typelist ul li { width: 33%; } .inner .top_typelist ul li a { height: 160px; } .inner .inner_content .rt .goodslist ul li .item .name { font-size: 14px; height: 45px; text-align: center; padding: 5px; } .inner_news_list_page .news_list li { margin-bottom: 30px; border: 1px solid #e0e0e0; padding: 5px; } .inner .inner_content .lf .typelist > ul > li > a { border-bottom: 1px solid #edeeef; } .inner_news_list_page .news_list { margin-top: 20px; } .inner_news_list_page .news_list li .item { display: block; background: none !important; padding: 0; } .inner_news_list_page .news_list li .item .pic { width: 100%; } .inner_goods_list ._goodslist .item .name { font-size: 14px; padding: 10px 5px; /*min-height: 60px;*/ } .inner_news_list_page .news_list li .item .message { margin-left: 0; margin-top: 10px; } .inner_news_list_page .news_list li .item .message .summary { margin: 6px 0; font-size: 12px; display: block; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .inner_news_list_page .news_list li .item .message .title { font-size: 16px; } .inner_news_read_page .base_read .top_title { font-size: 16px; position: relative; } .inner .inner_content .lf .typelist { position: relative; display: none; margin-bottom: 0; } .inner_base_read .inner .inner_content .rt .top_title { font-size: 18px; } .inner .inner_content .rt .top_title { font-size: 18px; } .inner .bottom_box > div { justify-content: space-between; } .inner .bottom_box > div.kw-box { display: none; } .inner .bottom_box > div .watch { margin: 0; } .inner .bottom_box { margin-bottom: 15px; } .inner_goods_read_page #xiangce { width: 100%; } .inner_goods_read_page .goods_detail { margin-top: 40px; } .inner_feedback .form-horizontal .control-label { font-weight: inherit; } .inner_feedback .btn { font-size: 16px; } .inner_goods_list ._goodslist li { width: 48%; float: left; padding: 0; margin-bottom: 15px; } .inner_goods_list ._goodslist li:nth-child(2n) { float: right; } .inner_news_list_page .news_list li .item .message .addtime { display: none; } .inner .location a, .inner .location { font-size: 12px; } .inner_goods_read_page .goods_read .pic { float: none; } .inner_goods_read_page .goods_read .rt_message { float: none; margin-top: 20px; padding-left: 0; } .inner_goods_read_page .bottom_box { margin-bottom: 0; } .inner ._top_title p { font-size: 23px; } .inner ._top_title span { font-size: 17px; margin-left: 9px; } .inner ._top_title { margin-bottom: 15px; justify-content: center; } .inner_contact .content { display: block; margin-bottom: 25px; } .inner_contact .content .lf { width: 100%; margin-bottom: 20px; padding: 10px; text-align: center; padding-top: 20px; } .inner_contact .content .rt { margin-left: 0; } .inner_contact .inner { padding-top: 50px; } .inner_contact .content .lf ul li p { margin-left: 9px; font-size: 13px; } .inner_contact .content .lf .name { font-size: 18px; } .inner_contact .content .lf .erweima p { font-size: 14px; } .inner_goods_read_page .rt_message .summary { display: block; } .inner_goods_read_page .rt_message .summary span { top: 0; } } /*# sourceMappingURL=inner_tpl.css.map */