@charset "UTF-8";
.inline-block { display: inline-block; *display: inline;
 *zoom: 1;
}
.page-product-list li a, .page-news-list dt a, .product-swiper .gallery-top .swiper-slide .img, .product-swiper .gallery-thumbs .swiper-slide .img { height: 0; padding-top: 100%; position: relative; display: block; }
.page-product-list li a img, .page-news-list dt a img, .product-swiper .gallery-top .swiper-slide .img img, .product-swiper .gallery-thumbs .swiper-slide .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-product-list li a span, .page-join-list .box .tit h2, .page-join-list .box .join-det .item, .page-join-list .box .join-det .item p, .page-news-list dd .tit a, .turn-page p a { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
/* 上下结构 */
/* page */
h1, h2, ul, p { padding: 0; margin: 0; }
body { font-family: "微软雅黑"; }
.tit01 { padding-bottom: 15px; background: url(../images/tit01.png) no-repeat left bottom; color: #0e1b3a; }
.tit01 h2 { font-size: 20px; }
.tit01 span { margin-bottom: 5px; display: block; font-size: 18px; text-transform: uppercase; font-family: arial; }
.tit02 { color: #0e1b3a; text-align: center; }
.tit02 span { font-size: 18px; text-transform: uppercase; font-family: arial; }
.tit02 h2 { font-size: 20px; }
.top-wrapper { background: #0e1b3a; border: 0; margin-bottom: 0; }
.logo h1 { width: 50%; padding: 5px 10px; }
.logo h1 a { height: 100%; text-indent: -300px; display: block; overflow: hidden; background: url(../images/logo.png) no-repeat center left; background-size: contain; }
.logo button span { background-color: #ffffff !important; }
#nav-menu li a { color: #FFFFFF; }
#nav-menu li.active a { color: #0e1b3a; }
#nav-menu li .sec-menu { display: none; }
.navbar-default .navbar-collapse { border-color: #cba36d; }
#banner .carousel-indicators { margin-bottom: 0; bottom: 0; }
#banner .carousel-indicators li { background: #7f7f7f; border: 0; }
#banner .carousel-indicators li.active { background: #cba36d; }
.page-banner { height: 200px; background-size: cover !important; }
.about-wrapper { margin-top: 20px; }
.about-wrapper .img { margin-top: 15px; }
.about-wrapper .img img { width: 100%; }
.about-wrapper .about-l .txt { margin-top: 15px; color: #0e1b3a; }
.about-wrapper .about-l .txt p img { max-width: 100%; }
.about-wrapper .about-l .more01 { margin-top: 30px; }
.product-wrapper { margin-top: 25px; }
.product-wrapper .tit01 { padding: 15px; padding-bottom: 25px; background: url(../images/tit01-2.png) no-repeat 15px 85% #0e1b3a; overflow: hidden; position: relative; }
.product-wrapper .tit01 span { color: #cba36d; }
.product-wrapper .tit01 h2 { color: #FFFFFF; }
.product-wrapper .tit01 a { padding-bottom: 15px; float: right; color: #cba36d; text-transform: uppercase; background: url(../images/more1.png) no-repeat center bottom; background-size: contain; position: absolute; right: 15px; top: 27px; }
.product-wrapper .product-menu { margin-top: 1px; }
.product-wrapper .product-menu .container { padding: 0; }
.product-wrapper .product-menu .box { background: #1e2c4a; padding: 15px; border-bottom: 1px solid #2b3b5c; }
.product-wrapper .product-menu .box a { color: #FFFFFF; }
.product-wrapper .product-menu .box span { display: inline-block; }
.product-wrapper .product-menu .box .tit { font-size: 18px; }
.product-wrapper .product-menu .box .line { width: 8px; height: 2px; line-height: 2px; margin: 0 10px; background: #FFFFFF; }
.product-wrapper .product-menu .box .eng { text-transform: uppercase; }
.product-wrapper .product-menu .box .more { display: none; }
.page-product-list { margin-top: 40px; overflow: hidden; list-style: none; }
.page-product-list li { width: 48%; margin: 0 1%; margin-bottom: 40px; float: left; }
.page-product-list li a { padding-top: 77.922%; }
.page-product-list li a span { line-height: 35px; color: #333333; text-align: center; }
.advantage-wrapper { margin-top: 25px; }
.advantage-wrapper .tel { margin-top: 20px; padding: 15px 0; background: #0e1b3a; color: #cba36d; text-align: center; }
.advantage-wrapper .tel p span { font-size: 24px; font-weight: bold; }
.advantage-wrapper .advan { margin-top: 25px; overflow: hidden; }
.advantage-wrapper .advan .box { width: 48%; margin: 0 1%; margin-bottom: 3%; padding: 21px 0; border-radius: 50%; border: 1px solid #cba36d; text-align: center; float: left; }
.advantage-wrapper .advan .box span { margin-top: 15px; display: block; }
.advantage-wrapper .txt { margin-top: 20px; text-align: center; color: #0e1b3a; }
.advantage-wrapper .txt p { line-height: 26px; }
.artisan-wrapper { margin-top: 25px; padding: 20px 0; background: #0e1b3a; color: #FFFFFF; }
.artisan-wrapper .tit02 span { color: #cba36d; }
.artisan-wrapper .tit02 h2 { color: #FFFFFF; }
.artisan-wrapper .txt { margin-top: 20px; }
.artisan-wrapper .txt p { margin-bottom: 10px; }
.footer-wrapper { margin-top: 1px; padding: 20px 0; background: #181818; }
.footer-wrapper .footer-l { margin-top: 10px; }
.footer-wrapper .f-slogan img { max-width: 100%; }
.footer-wrapper .f-contact { margin-top: 15px; }
.footer-wrapper .f-contact p { color: #8f8f8f; }
.footer-wrapper .qr-code { margin-top: 15px; text-align: center; }
.footer-wrapper .qr-code img { max-width: 100%; }
.footer-wrapper .copyright { margin-top: 20px; padding-top: 15px; border-top: 1px solid #7c7c7c; color: #8e8e8e; }
.more01 a { width: 176px; line-height: 46px; padding-left: 34px; margin: 0 auto; display: block; border: 1px solid #0e1b3a; background: url(../images/more01.png) no-repeat 80% center; color: #0e1b3a; }
.main-menu { position: absolute; right: 15px; }
.main-menu button { width: 60px; margin-top: 15px; padding: 3px; border: 0; background: #cba36d; border-radius: 3px; color: #FFFFFF; }
.main-menu .dropdown-menu { right: 0; left: auto; }
.main-menu .dropdown-menu li a { color: #808080; line-height: 24px; }
.main-menu .dropdown-menu li.active a { background: #0e1b3a; color: #cba36d; }
.main { padding-top: 54px; padding-bottom: 30px; background: #f7f7f7; }
.page-join-list .box { margin-bottom: 14px; background: #FFFFFF; }
.page-join-list .box .tit { padding: 0 10px; overflow: hidden; }
.page-join-list .box .tit h2 { max-width: 70%; line-height: 57px; font-size: 18px; float: left; }
.page-join-list .box .tit span { width: 26px; height: 26px; margin-top: 15px; float: right; background: url(../images/join-icon.png) -10px -10px; }
.page-join-list .box .join-det { padding: 10px 20px; border-bottom: 1px dashed #dedede; overflow: hidden; display: none; }
.page-join-list .box .join-det .item { width: 50%; line-height: 40px; color: #666666; float: left; }
.page-join-list .box .con { padding: 26px 20px 30px 20px; display: none; line-height: 24px; }
.page-join-list .box .con h2 { margin-bottom: 5px; color: #000; font-size: 14px; }
.page-join-list .box .con p { color: #666666; }
.page-join-list .box.on .tit { background: #9b9b9b; color: #ffffff; }
.page-join-list .box.on .tit span { background-position: -56px -10px; }
.page-join-list .box.on .join-det, .page-join-list .box.on .con { display: block; }
.page-inspiration .box { margin-bottom: 15px; }
.page-inspiration img { width: 100%; }
.page-inspiration h2 { padding: 25px 0; background: #0e1b3a; text-align: center; color: #FFFFFF; font-size: 24px; }
.page-inspiration p { padding: 20px 15px; color: #666666; background: #FFFFFF; }
.page-news-list dt a { padding-top: 62.08%; }
.page-news-list dd { background: #FFFFFF; padding: 15px; }
.page-news-list dd .tit { padding-bottom: 5px; border-bottom: 1px solid #d0d0d0; font-size: 18px; }
.page-news-list dd .tit a { color: #0e1b3a; }
.page-news-list dd .txt { color: #666666; line-height: 24px; height: 72px; margin-top: 10px; overflow: hidden; }
.page-news-list dd .more { margin-top: 10px; }
.page-news-list dd .more a { display: block; width: 130px; line-height: 40px; border: 1px solid #cccccc; text-align: center; color: #666666; }
.page-news-list dd .time { display: none; }
.detail-box { margin-top: 25px; }
.detail-box p { line-height: 24px; margin-bottom: 15px; color: #666666; }
.detail-box p img { max-width: 100% !important; height: auto !important; }
.detail-box .simg img { max-width: 100% !important; height: auto !important; }
.text-title { padding-bottom: 55px; text-align: center; background: url(../images/text-bg.jpg) no-repeat center bottom; background-size: contain; }
.text-title h1 { font-size: 28px; color: #0e1b3a; }
.turn-page { margin-top: 20px; border: 1px solid #cccccc; border-left: 0; border-right: 0; padding: 10px 10px 10px 10px; background: #FFFFFF; }
.turn-page p { color: #0e1b3a; overflow: hidden; }
.turn-page p span { float: left; }
.turn-page p a { max-width: 78%; float: left; color: #0e1b3a; }
.product-swiper { overflow: hidden; }
.product-swiper .gallery-top { width: 80%; float: left; }
.product-swiper .gallery-top .swiper-slide .img { padding-top: 77.9625%; }
.product-swiper .gallery-top .swiper-button-next, .product-swiper .gallery-top .swiper-button-prev { width: 32px; height: 32px; }
.product-swiper .gallery-top .swiper-button-next { background: url(../images/gt-r.png) no-repeat center; }
.product-swiper .gallery-top .swiper-button-prev { background: url(../images/gt-l.png) no-repeat center; }
.product-swiper .gallery-thumbs { width: 15%; float: right; height: 160px; margin-top: 10px; }
.product-swiper .gallery-thumbs .swiper-slide { border: 1px solid #FFFFFF; }
.product-swiper .gallery-thumbs .swiper-slide .img { padding-top: 77.9625%; }
.product-swiper .gallery-thumbs .swiper-slide-thumb-active { border-color: #cba36d; }
.product-swiper .gallery-thumbs .swiper-button-next02, .product-swiper .gallery-thumbs .swiper-button-prev02 { display: none; }
.product-det { margin-top: 25px; }
.product-det .tit { padding: 10px 15px; background: #0e1b3a; }
.product-det .tit h2 { font-size: 16px; color: #ffffff; }
.product-det .txt { background: #ffffff; padding: 15px; }
.product-det .txt p { line-height: 36px; color: #666666; }
.about-tit { text-align: center; }
.about-tit h2 { color: #0e1b3a; font-weight: bold; font-size: 24px; }
.about-profile { margin-top: 25px; }
.about-profile .txt { margin-top: 30px; }
.about-honor .txt { margin-top: 25px; }
.page { margin-top: 20px; margin-bottom: 30px; border: 1px solid #cccccc; border-left: 0; border-right: 0; clear: both; padding: 10px 0 10px; text-align: center; background: #FFFFFF; }
.page a { display: inline-block; margin-bottom: 5px; padding: 0px 15px; font-size: 12px; line-height: 28px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }
.page a:hover { background: #cba36d; color: white; text-decoration: none; }
.page a.a1 { padding: 0px 15px; line-height: 28px; margin-top: 0px; }
.page span { display: inline-block; padding: 0px 15px; line-height: 28px; background: #ba9d17; border: 1px solid #ba9d17; color: #fff; text-align: center; border-radius: 3px; background: none; color: #cba36d; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
.page * { border: 0 !important; }
 @media screen and (min-width: 375px) {
.advantage-wrapper .advan .box { padding: 34px 0; }
.product-swiper .gallery-thumbs { height: 210px; margin-top: 0; }
}
 @media screen and (min-width: 414px) {
.advantage-wrapper .advan .box { padding: 44px 0; }
.product-swiper .gallery-thumbs { height: 240px; }
}
 @media screen and (min-width: 768px) {
.tit01 { padding-left: 75px; background: url(../images/tit01.png) no-repeat left 19px; }
.tit01 span { font-size: 30px; }
.tit01 h2 { font-size: 20px; }
.tit02 span { font-size: 30px; }
.tit02 h2 { font-size: 20px; }
.top-wrapper { border-radius: 0; }
.logo { width: 13%; float: left; }
.logo h1 { width: 100%; padding: 5px 0px; margin: 0 !important; }
#nav-menu { float: right; padding-right: 0; }
#nav-menu li.active a { background: #cba36d; color: #FFFFFF; font-weight: bold; }
#nav-menu li a { padding: 15px 10px; }
.about-wrapper .about-l { width: 40%; float: left; }
.about-wrapper .img { width: 55%; float: right; }
.product-wrapper .product-menu .container { background: url(../images/product-menu.jpg) no-repeat center; background-size: cover; }
.product-wrapper .product-menu .container .box { width: 430px; margin: 0 auto; background: rgba(14, 27, 58, 0.4); border-color: #5a647a; }
.advantage-wrapper .tel p span { font-size: 40px; }
.advantage-wrapper .advan .box { width: 23%; height: 165px; }
.artisan-wrapper .txt { margin-top: 42px; text-align: center; }
.page-product-list li { width: 31%; }
.page-join-list .box .join-det .item { width: 32%; margin-right: 1%; }
.page-inspiration .box { overflow: hidden; }
.page-inspiration .box h2 { width: 25%; line-height: 172px; padding: 0; }
.page-inspiration .box img, .page-inspiration .box h2, .page-inspiration .box p { height: 172px; float: left; }
.page-inspiration .box p { line-height: 21px; }
.page-inspiration .box01 img, .page-inspiration .box01 h2 { width: 25%; }
.page-inspiration .box01 p { width: 50%; overflow: hidden; }
.page-inspiration .box02 p { width: 25%; }
.page-inspiration .box02 img { width: 50%; }
.page-inspiration .box03 p { width: 25%; }
.page-inspiration .box03 img { width: 50%; }
.page-inspiration .box04 img { width: 25%; }
.page-inspiration .box04 p { width: 50%; }
.page-inspiration .box05 p { width: 25%; }
.page-inspiration .box05 img { width: 50%; }
.page-news-list dl { overflow: hidden; background: #FFFFFF; }
.page-news-list dt { width: 40%; margin-right: 20px; float: left; }
.page-news-list dd { overflow: hidden; }
.product-swiper .gallery-thumbs { height: 449px; }
}
 @media screen and (min-width: 992px) {
#nav-menu li a { padding: 15px 15px; }
#nav-menu li { position: relative; }
#nav-menu li .sec-menu { width: 136px; margin-left: -26px; position: absolute; list-style: none; z-index: 2; background: rgba(10, 20, 47, 0.85); }
#nav-menu li .sec-menu li { text-align: center; line-height: 36px; }
#nav-menu li .sec-menu li a { font-size: 16px; color: #cba36d; }
#nav-menu li:hover .sec-menu { display: block; }
.product-wrapper { margin-top: 90px; background: url(../images/product-tit.jpg) no-repeat center top; overflow: hidden; }
.product-wrapper .tit01 { height: 113px; margin-top: 60px; padding: 0; padding-left: 75px; background: url(../images/tit01-2.png) no-repeat left 19px; }
.product-wrapper .tit01 a { padding-right: 70px; padding-bottom: 0; background: url(../images/more1.png) no-repeat center right; }
.product-wrapper .product-menu .container .box { padding-left: 45px; }
.advantage-wrapper { margin-top: 60px; }
.advantage-wrapper .tit02 { padding-bottom: 90px; background: url(../images/advan-tit.png) no-repeat center bottom; }
.advantage-wrapper .tel { margin-top: 40px; padding: 20px 0; }
.advantage-wrapper .tel p { line-height: 52px; font-size: 14px; }
.advantage-wrapper .advan { margin-top: 50px; }
.advantage-wrapper .advan .box { width: 192px; height: 192px; margin: 0 20px; padding: 31px 0; }
.advantage-wrapper .advan .box span { margin-top: 38px; }
.advantage-wrapper .txt { margin-top: 40px; }
.artisan-wrapper { margin-top: 70px; padding-top: 120px; padding-bottom: 120px; background: url(../images/artisan-bg.jpg) no-repeat center; background-size: cover; }
.artisan-wrapper .tit02 { padding-bottom: 90px; background: url(../images/artisan-tit.png) no-repeat center bottom; }
.artisan-wrapper .txt { margin-top: 60px; }
.artisan-wrapper .txt p { line-height: 24px; }
.footer-wrapper { padding-top: 47px; }
.footer-wrapper .footer { overflow: hidden; }
.footer-wrapper .footer-l { width: 50%; margin-top: 0; float: left; }
.footer-wrapper .qr-code { width: 315px; margin-top: 0; float: right; }
.footer-wrapper .copyright { overflow: hidden; }
.footer-wrapper .copyright .copy-l { float: left; }
.footer-wrapper .copyright .copy-r { float: right; }
.footer-wrapper .copyright .copy-r a { color: #8e8e8e; }
.advantage-wrapper .tel p span { vertical-align: middle; font-family: arial; font-weight: normal; }
.page-banner { height: 250px; }
.main-menu { width: 100%; margin-top: -40px; position: relative; background: rgba(14, 27, 58, 0.85); left: auto; right: auto; }
.main-menu button { display: none; }
.main-menu .dropdown-menu { width: 970px; margin: 0 auto; padding-right: 15px; padding-left: 15px; display: block; position: relative; left: auto; right: auto; float: none; border: 0; border-radius: 0; background: none; overflow: hidden; text-align: center; }
.main-menu .dropdown-menu li { display: inline-block; }
.main-menu .dropdown-menu li a { color: #FFFFFF; }
.main-menu .dropdown-menu li a:hover { color: #cba36d; }
.main-menu .dropdown-menu li.active a, .main-menu .dropdown-menu li:hover a { background: none; }
.page-product-list li { margin-bottom: 45px; }
.page-product-list li a { text-decoration: none; }
.page-inspiration .box img, .page-inspiration .box h2, .page-inspiration .box p { height: 224px; }
.page-inspiration .box { margin-bottom: 0; }
.page-inspiration .box h2 { line-height: 224px; }
.page-inspiration .box p { line-height: 23px; display: flex; justify-content: center; align-items: center; text-align: center; }
.main { padding-bottom: 40px; }
.page-news-list dl { margin-bottom: 30px; }
.page-news-list dd { position: relative; }
.page-news-list dd .tit { padding-bottom: 20px; font-size: 22px; }
.page-news-list dd .tit a { max-width: 77%; }
.page-news-list dd .txt { margin-top: 27px; }
.page-news-list dd .more { margin-top: 18px; }
.page-news-list dd .more a:hover { color: #0e1b3a; text-decoration: none; }
.page-news-list dd .time { width: 72px; height: 87px; display: block; position: absolute; top: 0; right: 15px; color: #FFFFFF; background: url(../images/news-icon.png) no-repeat center; text-align: center; }
.page-news-list dd .time span { font-weight: bold; display: block; font-size: 36px; }
.page-news-list dl:hover { background: #0e1b3a; color: #FFFFFF; }
.page-news-list dl:hover dd { background: #0e1b3a; }
.page-news-list dl:hover dd .tit { border-color: #283659; }
.page-news-list dl:hover dd .tit a { color: #FFFFFF; }
.page-news-list dl:hover dd .txt { color: #FFFFFF; }
.page-news-list dl:hover dd .more a { background: #FFFFFF; }
.page-news-list dl:hover dd .time { background: url(../images/news-iconh.png) no-repeat center; }
.text-title { padding-bottom: 86px; background-size: auto; }
.detail-box { margin-top: 60px; }
.detail-box p { margin-bottom: 23px; }
.turn-page { margin-top: 40px; overflow: hidden; }
.turn-page .prev { width: 48%; float: left; }
.turn-page .next { max-width: 48%; float: right; text-align: right; }
.product-swiper .gallery-thumbs { width: 19%; height: 586px; }
.product-swiper .gallery-top { width: 79.7%; }
}
 @media screen and (min-width: 1200px) {
.container { width: 1200px; padding: 0; }
.top-wrapper { height: 72px; border-bottom: 2px solid #cba36d; }
.logo { width: 207px; height: 44px; margin-top: 16px; }
.logo h1 { padding: 0; height: 100%; }
#nav-menu { padding-right: 30px; /*background: url(../images/top-icon.png) no-repeat center right;*/ }
#nav-menu li.active a { font-weight: normal; background: #0a142f; }
#nav-menu li a { padding: 25px 22px; font-size: 16px; }
#nav-menu li .sec-menu { margin-left: -14px; }
#nav-menu li .sec-menu li a { padding: 0; background: none; }
#banner { border-bottom: 2px solid #cba36d; }
#banner .carousel-indicators { bottom: 25px; }
#banner .carousel-indicators li { width: 36px; height: 4px; border-radius: 0; border: 0; margin: 0; }
.about-wrapper { margin-top: 0; }
.about-wrapper .about-l { margin-top: 50px; }
.about-wrapper .about-l .more01 { margin-top: 45px; }
.about-wrapper .about-l .more01 a { margin: 0; }
.about-wrapper .img { width: 592px; margin-top: 0; }
.about-wrapper .about-l .txt p { line-height: 28px; }
.product-wrapper .product-menu { background: url(../images/product-menu.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.product-wrapper .product-menu .container { background: none; }
.product-wrapper .product-menu .container .box { line-height: 90px; height: 90px; padding: 0; border: 0; position: relative; z-index: 1; }
.product-wrapper .product-menu .container .box a { padding-left: 60px; display: block; font-size: 0; }
.product-wrapper .product-menu .container .box .tit { font-size: 16px; }
.product-wrapper .product-menu .container .box .eng { font-size: 16px; }
.product-wrapper .product-menu .container .box .line { line-height: 12px; margin: 0 18px; transition: width 0.38s cubic-bezier(0.4, 0, 0.2, 1); }
.product-wrapper .product-menu .container .box .more { width: 125px; height: 90px; display: block; position: absolute; background: url(../images/product-more.png) no-repeat center rgba(14, 27, 58, 0.8); top: 0; left: 100%; -webkit-transform: perspective(1200px) rotateY(-90deg); transform: perspective(1200px) rotateY(-90deg); -webkit-transform-origin: left top 0; transform-origin: left top 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .48s ease .38s; transition: all .48s ease .38s; visibility: hidden; }
.product-wrapper .product-menu .container .box:after { content: ""; background: rgba(14, 27, 58, 0.8); position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; display: block; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.product-wrapper .product-menu .container .box:hover .more { visibility: visible; -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); }
.product-wrapper .product-menu .container .box:hover .tit { font-size: 24px; }
.product-wrapper .product-menu .container .box:hover .line { width: 80px; }
.product-wrapper .product-menu .container .box:hover .eng { font-size: 20px; }
.product-wrapper .product-menu .container .box:hover:after { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.product-wrapper .product-menu .container .box.box08:hover .tit { font-size: 22px; }
.product-wrapper .product-menu .container .box.box08:hover .line { width: 8px; }
.advantage-wrapper .advan .box { margin: 0 54px; }
.footer-wrapper .footer-l { width: 615px; }
.footer-wrapper .f-contact { margin-top: 70px; margin-left: -50px; overflow: hidden; }
.footer-wrapper .f-contact p { max-width: 400px; min-width: 170px; line-height: 30px; margin-left: 50px; float: left; }
.footer-wrapper .copyright { margin-top: 26px; padding-top: 30px; }
.page-banner { height: 700px; }
.main-menu { margin-top: -65px; }
.main-menu .dropdown-menu { width: 1200px; padding: 0; }
.main-menu .dropdown-menu li a { padding: 20px 40px; font-size: 18px; }
.main { padding-top: 60px; padding-bottom: 60px; }
.page-product-list { margin-top: 0; }
.page-product-list li a span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/product-icon.png) no-repeat center 86px rgba(14, 27, 58, 0.6); padding-top: 170px; font-size: 18px; color: #FFFFFF; display: none; }
.page-product-list li a span:after { content: ''; position: absolute; width: 95%; height: 93%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #FFFFFF; }
.page-product-list li a:hover span { display: block; }
.page a { font-size: 14px; }
.page-inspiration .box img, .page-inspiration .box h2, .page-inspiration .box p { height: 286px; }
.page-inspiration .box h2 { line-height: 286px; }
.page-inspiration .box p { line-height: 24px; padding: 0 40px; }
.page-news-list dt { width: 596px; margin-right: 0; }
.page-news-list dd { padding: 50px; padding-bottom: 30px; }
.page-news-list dd .txt { line-height: 30px; height: 90px; }
.page-news-list dd .more { margin-top: 80px; }
.turn-page { padding: 22px 34px; }
.product-swiper .gallery-top { width: 962px; }
.product-swiper .gallery-thumbs { width: 210px; height: 682px; margin-top: 34px; }
.product-swiper .gallery-thumbs .swiper-slide { height: 163px !important; margin-bottom: 10px !important; }
.product-swiper { position: relative; }
.product-swiper .swiper-button-next02, .product-swiper .swiper-button-prev02 { display: block; width: 210px; height: 27px; position: absolute; }
.product-swiper .swiper-button-next02 { right: 0; bottom: 0; background: url(../images/gh-r.png) no-repeat center; }
.product-swiper .swiper-button-prev02 { right: 0; top: 0; background: url(../images/gh-l.png) no-repeat center; }
.product-det { margin-top: 40px; }
.product-det .tit { padding: 17px 15px; padding-left: 20px; }
.product-det .txt { padding: 48px 44px; }
.about-profile .txt { margin-top: 70px; }
.about-honor .txt { margin-top: 45px; }
.artisan-wrapper .txt { padding: 0 126px; }
}