html, body {scroll-behavior: smooth;}
html {padding: 0;margin: 0;}
body {padding-top: 240px;margin: 0;}
ul {margin: 0;padding: 0;list-style: none;}
.clear {clear: both;}
@font-face {
    /*字体名称*/
    font-family: 'SourceHanSansCN-Regular';   
    /*字体源文件*/
    src: url('../css/._SourceHanSansCN-Regular.otf');       
}
/* 导航 */
.header {display: block;position: fixed;top: 0;width: 100%;height:auto;background: #fff;z-index: 9999;}
.header .header-logo {position: relative;width: 100%;height: auto;}
.header .header-logo img {display: block;width: 100%;height: auto;}
.header .header-logo .title-logolink1 {position: absolute;top: 50%;bottom: 50%;left: 50%;right:50%;display: block;width: 380px;height: 100px;transform: translateX(-50%) translateY(-50%);z-index: 9999;;}
.header .main-width {width: 80%;margin: 0 auto;}
.header.flow {box-shadow: 0 0 10px #999;}
.header .title {position: relative;padding: 13px 0;height: 104px;box-sizing: border-box;background: #fff;}
.header .title .title-logolink2 {display: block;position: absolute;top: 50%;bottom: 50%; width: 155px;height: 78px;transform: translateY(-50%);z-index: 9999;}
.header .title .header-logo {display: inline-block;width: 50px;height: 78px;margin-right: 45px;}
.header .title .header-logo img {width: 100%;height: 100%;}
.header .title .nav {display: inline-block;position: absolute;left: 0;right: 0;margin: 0 auto;width: 420px;height: 78px;}
.header .title .nav ul {padding-left: 0;}
.header .title .nav ul .search {display: none;}
.header .title .nav li {display: inline-block;width: auto;margin-top: 0px;margin-right: 80px;height: 50px;font-weight: normal;color: #000;}
.header .title .nav li:nth-child(3) {margin-right: 0px;}
.header .title .nav li a {display: inline-block;padding: 0;width: 100%;height: 100%;font-size: 18px;line-height: 44px;font-family: 'SourceHanSansCN-Regular';color: #000;text-decoration: none;}
.header .title .nav li:hover {border-bottom: 2px solid #000;transition: all .3s;}
.header .title .nav li.active {border-bottom: 2px solid #000}
.header .title .nav li:hover a {text-shadow: 1px 0 0 currentColor;transition: all .3s;}
.header .title .nav li.active a {text-shadow: 1px 0 0 currentColor;}
.header .title .language {position: absolute;top: 60px;right: 50px;padding: 10px 0 10px 10px;width: 160px;height: 35px;box-sizing: border-box;overflow: hidden;}
.header .title .language:hover {height: 160px;transition: height .3s;}
.header .title .language .lan-select {width: 20px;}
.header .title .language .lan-select img {width: 30px;}
.header .title .language ul {margin-left: -10px;background: #fff;}
.header .title .language ul li {height: 40px;border-bottom: 1px solid #E5E5E5;line-height: 30px;}
.header .title .language ul li:first {border-top: 1px solid #E5E5E5;}
.header .title .language ul li:hover {display: block;background: #F5F5F5;}
.header .title .language ul li a {display: block;padding: 5px 10px;width: 100%;height: 100%;box-sizing: border-box;font-size: 14px;text-decoration: none;}
.header .title .language ul li a img {margin-right: 8px;width: 20px;vertical-align: middle;}
.header .title .search-share {float: right;margin-top: 15px;margin-right: 5px;width: 210px;height: 30px;}
/* .header .title .search-share .search {display: none;} */
.header .title .search-share .search .search-box {float:left;padding: 0 5px;width: 160px;height: 30px;font-size: 18px;font-family: "SourceHanSansCN-Regular";line-height: 30px; overflow: hidden; border: 2px solid #000;border-radius: 15px;outline:none; }
.header .title .search-share .share {float: right;margin-top:4px; width: 21px;height: 23px;}
.header .title .search-share .share img {width: 100%;height: 100%;}
/* Banner */
.banner {position: relative;margin-bottom: 70px;width: 100%;height: auto;}
.banner .banner-title {position: absolute;top: 30px;left: 1.56%;width: auto;height: auto;font-size: 50px;font-family: "SourceHanSansCN-Regular";line-height: 145px;font-weight: bold;z-index: 999;}
.banner .banner-desc {position: absolute;top: 210px;left: 1.56%;width: 700px;height: auto;font-size: 25px;font-family: "SourceHanSansCN-Regular";line-height: 42px;z-index: 999;}
.banner img {width: 100%;height: auto;}
.banner a {display: block;position: absolute;top: 69.4%;left: 1.56%;width: 148px;height: 52px;}
/* Blade 产品展示 */
.blade {display: inline-block;margin-bottom: 70px;background: #D2D2D2;}
.blade .main-width {width: 1800px;height: 710px; margin: 0 auto;}
.blade .main-width .product {position: relative;float: right;padding: 120px 59px;width: 1000px;height: auto;box-sizing: border-box;border: 1px solid #000;background: #fff;}
/* .blade .main-width .product ul {margin-top: 120px;} */
.blade .main-width .product ul li {position: relative;float: left;margin-right:60px;width: 410px;height: 470px;transition: all .3s;overflow: hidden;box-sizing: border-box;border: 1px solid #000;}
.blade .main-width .product ul li:last-child {margin-right: 0;}
.blade .main-width .product ul li a {position: absolute; width: 100%;height: 100%;}
.blade .main-width .product ul li img {position: relative;left: 50%;top: 50%;width: auto;height: 100%;transform: translateX(-50%) translateY(-50%);transition: all .3s;}
.blade .main-width .product ul li:hover img {height: 110%;}
.blade .main-width .product .product-title {position: absolute;bottom: 30px;right: 60px;width: 140px;height: 33px; font-size: 25px;}
.blade .main-width .show {float: left;width: 800px;background: #fff;}
.blade .main-width .show .product-link {margin-top: -4px; margin-right: 2px;width: 800px;background: #fff;}
.blade .main-width .show .product-link p {float: right;margin: 0px;padding: 30px 85px;width: 618px;height: 130px;box-sizing: border-box;text-align: left;font-size: 18px;font-family: "SourceHanSansCN-Regular";color: #fff;background: #676C66;border-bottom: 1px solid #000;box-sizing: border-box;}
.blade .main-width .show .product-link p .title {font-size: 24px;}
.blade .main-width .show .product-link p .first {font-size: 34px;}
.blade .main-width .show .product-link a {display: block;float: left;display: block;width: 180px;height: 130px;border-bottom: 1px solid #000;box-sizing: border-box;transform: rotate(180deg);}
/* 产品展示 */
.product-list {margin-bottom: 60px;}
.product-list .main-width {width: 1260px;margin: 0 auto;}
.product-list .main-width .product-list-title {position: relative;width: 100%;height: 50px; padding: 0;font-size: 25px;font-family: "SourceHanSansCN-Regular";text-align: center;line-height: 50px;}
.product-list .main-width .product-list-title::before {position: absolute;top: 50%;bottom: 50%;left: 0; content: "";width: 320px;height: 1px;background: #000;}
.product-list .main-width .product-list-title::after {position: absolute;top: 50%;bottom: 50%;right: 0; content: "";width: 320px;height: 1px;background: #000;}
.product-list .main-width .product-list-01,.product-list .main-width .product-list-02,.product-list .main-width .product-list-03 {width: 100%;height: 240px;margin-top: 90px;}
.product-list .main-width .product-list-01 .product-list-left {float: left;padding: 15px;width: 760px;height: 240px;border: 1px solid #000;box-sizing: border-box;}
.product-list .main-width .product-list-01 .product-list-left .product-list-household {width: 100%;height: 40px;margin: 0;padding: 0;font-size: 20px;font-family: "SourceHanSansCN-Regular";line-height: 40px;}
.product-list .main-width .product-list-01 .product-list-left li {float: left;margin-right: 90px;width: 180px;height: 140px;}
.product-list .main-width .product-list-01 .product-list-left li:last-child {margin-right: 0;}
.product-list .main-width .product-list-01 .product-list-left li img {width: 100%;height: 100%;}
.product-list .main-width .product-list-01 .product-list-left li p {margin: 0;width: 100%;height: 30px;font-size: 20px;font-family: "SourceHanSansCN-Regular";text-align: center;line-height: 30px;}

.product-list .main-width .product-list-01 .product-list-right {float: right;padding: 5px;width: 380px;height: 240px;border: 1px solid #000;box-sizing: border-box;}
.product-list .main-width .product-list-01 .product-list-right .product-list-upright {width: 100%;height: 40px;margin: 0;padding: 0 0 0 20px;font-size: 20px;font-family: "SourceHanSansCN-Regular";line-height: 40px;}
.product-list .main-width .product-list-01 .product-list-right li {float: left;width: 180px;height: 140px;}
.product-list .main-width .product-list-01 .product-list-right li img {width: 100%;height: 100%;}
.product-list .main-width .product-list-01 .product-list-right li p {margin: 0;width: 100%;height: 30px;font-size: 20px;font-family: "SourceHanSansCN-Regular";text-align: center;line-height: 30px;}

.product-list .main-width .product-list-02 .product-list-left {float: left;padding: 5px;width: 380px;height: 240px;border: 1px solid #000;box-sizing: border-box;}
.product-list .main-width .product-list-02 .product-list-left .product-list-blade {width: 100%;height: 40px;margin: 0;padding: 0 0 0 20px;font-size: 20px;font-family: "SourceHanSansCN-Regular";line-height: 40px;}
.product-list .main-width .product-list-02 .product-list-left li {float: left;width: 180px;height: 140px;}
.product-list .main-width .product-list-02 .product-list-left li img {width: 100%;height: 100%;}
.product-list .main-width .product-list-02 .product-list-left li p {margin: 0;width: 100%;height: 30px;font-size: 20px;font-family: "SourceHanSansCN-Regular";text-align: center;line-height: 30px;}

.product-list .main-width .product-list-02 .product-list-right {float: right;padding: 15px;width: 760px;height: 240px;border: 1px solid #000;box-sizing: border-box;}
.product-list .main-width .product-list-02 .product-list-right .product-list-foldable {width: 100%;height: 40px;margin: 0;padding: 0;font-size: 20px;font-family: "SourceHanSansCN-Regular";line-height: 40px;}
.product-list .main-width .product-list-02 .product-list-right li {float: left;margin-right: 90px;width: 180px;height: 140px;}
.product-list .main-width .product-list-02 .product-list-right li:last-child {margin-right: 0;}
.product-list .main-width .product-list-02 .product-list-right li img {width: 100%;height: 100%;}
.product-list .main-width .product-list-02 .product-list-right li p {margin: 0;width: 100%;height: 30px;font-size: 20px;font-family: "SourceHanSansCN-Regular";text-align: center;line-height: 30px;}

.product-list .main-width .product-list-03 .product-list-left {float: left;padding: 5px;width: 380px;height: 240px;border: 1px solid #000;box-sizing: border-box;}
.product-list .main-width .product-list-03 .product-list-left .product-list-blade {width: 100%;height: 40px;margin: 0;padding: 0 0 0 20px;font-size: 20px;font-family: "SourceHanSansCN-Regular";line-height: 40px;}
.product-list .main-width .product-list-03 .product-list-left li {float: left;width: 180px;height: 140px;}
.product-list .main-width .product-list-03 .product-list-left li img {width: 100%;height: 100%;}
.product-list .main-width .product-list-03 .product-list-left li p {margin: 0;width: 100%;height: 30px;font-size: 20px;font-family: "SourceHanSansCN-Regular";text-align: center;line-height: 30px;}

.product-list .main-width .product-list-03 .product-list-right {float: right;padding: 15px;width: 760px;height: 240px;border: 1px solid #000;box-sizing: border-box;font-size: 33px;line-height: 240px;text-align: center;}
.product-list .main-width .product-list-03 .product-list-right .product-list-foldable {width: 100%;height: 100%;margin: 0;padding: 0;font-size: 33px;font-family: "SourceHanSansCN-Regular";line-height: 240px;}
/* .product-list .main-width .product-list-03 .product-list-right li p {margin: 0;width: 100%;height: 30px;font-size: 33px;font-family: "SourceHanSansCN-Regular";text-align: center;line-height: 240px;} */

/* 图文展示 */
.combination {margin-bottom: 70px;}
.combination .main-width {width: 1260px;margin: 0 auto;}
.combination .main-width .combination-title {position: relative;padding: 0;margin-bottom: 90px;width: 100%;height: 50px; font-size: 25px;font-family: "SourceHanSansCN-Regular";text-align: center;line-height: 50px;}
.combination .main-width .combination-title::before {position: absolute;top: 50%;bottom: 50%;left: 0; content: "";width: 320px;height: 1px;background: #000;}
.combination .main-width .combination-title::after {position: absolute;top: 50%;bottom: 50%;right: 0; content: "";width: 320px;height: 1px;background: #000;}
.combination .main-width .combination-article {background: #eee;}
.combination .main-width .combination-article .article1,.combination .main-width .combination-article .article2 {height: 320px;}

.combination .main-width .combination-article .article1 .img {float: left;width: 630px;height: 320px;}
.combination .main-width .combination-article .article1 .img img {width: 100%;height: 100%;}
.combination .main-width .combination-article .article1 .detail {float: right;padding: 10px 20px;width: 630px;height: 320px;box-sizing: border-box;}
.combination .main-width .combination-article .article1 .detail ul li {margin-bottom: 20px;}
.combination .main-width .combination-article .article1 .detail ul p {font-size: 13px;line-height: 24px;}
.combination .main-width .combination-article .article1 .detail ul p .title {font-size: 16px;font-weight: bold;}

.combination .main-width .combination-article .article2 .img {float: right;width: 630px;height: 320px;}
.combination .main-width .combination-article .article2 .img img {width: 100%;height: 100%;}
.combination .main-width .combination-article .article2 .detail {float: left;padding: 10px 20px;width: 630px;height: 320px;box-sizing: border-box;}
.combination .main-width .combination-article .article2 .detail ul li {margin-bottom: 20px;}
.combination .main-width .combination-article .article2 .detail ul p {font-size: 13px;line-height: 24px;}
.combination .main-width .combination-article .article2 .detail ul p .title {font-size: 16px;font-weight: bold;}

/* About */
.about {margin-bottom: 60px;}
/* .about .about-title-box {padding: 0 330px;} */
.about .about-title-box .about-title {position: relative;margin: 0 auto;width: 1260px;height: 50px;font-size: 25px;line-height: 50px;text-align: center;}
.about .about-title-box .about-title::before {position: absolute;top: 50%;bottom: 50%;left: 0; content: "";width: 320px;height: 1px;background: #000;}
.about .about-title-box .about-title::after {position: absolute;top: 50%;bottom: 50%;right: 0; content: "";width: 320px;height: 1px;background: #000;}
.about .about-main {margin-top: 100px;padding: 60px 0;width: 100%;background: #E5E5E5;}
.about .about-main .main-width {width: 1800px;margin: 0 auto;}
.about .about-main .main-width .video {float: left;width: 1000px;}
.about .about-main .main-width .video .videl-title {width: 100%;height: 60px;border: 1px solid #000;box-sizing: border-box;font-size: 25px;font-family: "SourceHanSansCN-Regular";line-height: 60px;text-align: center;background: #fff;}
.about .about-main .main-width .video video {width: 100%; border: 1px solid #000;border-top: none;box-sizing: border-box;}
.about .about-main .main-width .article {position: relative;float: right;width: 800px;height: 630px;background: #fff;}
.about .about-main .main-width .article .article-img {width: 100%;height: 360px;}
.about .about-main .main-width .article .article-detail {margin: 0;padding: 20px 150px 20px 80px; width: 100%;font-size: 16px;line-height: 24px; box-sizing: border-box;}
.about .about-main .main-width .article .article-detail a {position: absolute;bottom: 20px;right: 40px;display: block;width: 100px;height: 35px;text-decoration: none;font-size: 16px;font-family: "SourceHanSansCN-Regular"; color: #fff;line-height: 35px;text-align: center; background: #000;}

/* 页脚 */
.contactus {display: inline-block;padding: 0 150px;width: 100%;background: #252525;color: #fff;box-sizing: border-box;}
.contactus .main-width {margin: 0 auto;padding: 85px 0;width: 1620px;}
.contactus .main-width .categories {float: left;width: 30%;height: auto;}
.contactus .main-width .categories .title {margin-bottom: 15px; font-size: 30px;line-height: 40px;}
.contactus .main-width .categories ul {font-size: 20px;line-height: 36px;}
.contactus .main-width .categories ul li {height: auto;margin-bottom: 6px;}
.contactus .main-width .categories ul li a {color: #fff;text-decoration: none;}
.contactus .main-width .categories ul li:hover a{text-decoration: underline;transition: all .3s;}

.contactus .main-width .navigation {float: left;width: 30%;height: auto;}
.contactus .main-width .navigation .title {margin-bottom: 15px; font-size: 30px;line-height: 40px;}
.contactus .main-width .navigation ul {font-size: 20px;line-height: 36px;}
.contactus .main-width .navigation ul li {height: auto;margin-bottom: 6px;}
.contactus .main-width .navigation ul li a {color: #fff;text-decoration: none;}
.contactus .main-width .navigation ul li:hover a{text-decoration: underline;transition: all .3s;}

.contactus .main-width .contact {float: left;width: 40%;height: auto;}
.contactus .main-width .contact .title {margin-bottom: 15px; font-size: 30px;line-height: 40px;}
.contactus .main-width .contact  ul {display: block;width: 100%;height: auto;font-size: 20px;line-height: 36px;}
.contactus .main-width .contact ul li {height: auto;margin-bottom: 6px;}
.contactus .main-width .contact .contact-info li {float: left;width: 48%;height: auto;margin-right: 2%;}
.contactus .main-width .contact .contact-add li {width: 100%;}

/* 锚点位置偏移 */
#contact,#blade-product,#about-us,#header {display: block;position: relative;top: -240px;height: 0;}
#blade-product,#about-us,#header,#product-list-03,#product-list-04  {top: -280px;}

/* 产品列表页 */
/* 产品列表 - 02 */
.product-list-04 {padding: 60px 0;}
.product-list-04 .main-width {margin: 0 auto;width: 1600px;}
.product-list-04 .main-width ul li {float: left;margin: 0 70px 40px 0;width: 347px;height: auto;transition: all .3s;overflow: hidden;}
.product-list-04 .main-width ul li:hover {transform: translateY(-10px);box-shadow: 0 0 1px #999;}
.product-list-04 .main-width ul li:nth-child(4),
.product-list-04 .main-width ul li:nth-child(8),
.product-list-04 .main-width ul li:nth-child(12),
.product-list-04 .main-width ul li:nth-child(16),
.product-list-04 .main-width ul li:nth-child(20) {margin-right: 0px;}
.product-list-04 .main-width ul li a {display: block;float: left; width: 347px;height: 520px;border: 1px solid #ccc;box-sizing: border-box;}
.product-list-04 .main-width ul li img {position: relative;top:50%;width: 100%;height: auto;transform: translateY(-50%);}
.product-list-04 .main-width ul li .products-name {float: left;margin: 0;padding: 10px;width: 100%;height: auto;font-size: 18px;line-height: 24px;text-align: center;color: #000;box-sizing: border-box;}

/* 产品详情页 */
/* 产品详情 */
.product-detail {margin: 40px 0 60px;}
.product-detail .main-width {margin: 0 auto;width: 1800px;}
.product-detail .main-width .product-detail-img {float: left;padding: 50px;width: 1000px;height: auto;box-sizing: border-box;background: #ccc;}
.product-detail .main-width .product-detail-img .product-detail-bigimg {margin-bottom: 50px;width: 900px;height: 900px;background: #fff;}
.product-detail .main-width .product-detail-img .product-detail-listimg {position: relative;padding: 20px 30px;width: 900px;height: auto;background: #999;box-sizing: border-box;overflow-x: auto;z-index: 999;;}
.product-detail .main-width .product-detail-img .product-detail-listimgbox {position: relative;width: 860px;z-index: 998;;}
.product-detail .main-width .product-detail-img .product-detail-listimg .product-detail-listimg-left {position: relative;top: 20px;left: -30px;width: 20px;height: 100%;line-height: 100%;}
.product-detail .main-width .product-detail-img .product-detail-listimg .product-detail-listimg-right {position: relative;top: 20px;right: -30px;width: 20px;height: 100%;line-height: 100%;}
.product-detail .main-width .product-detail-img .product-detail-listimg ul {position: absolute;width: 9000px;height: auto;background: #fff;overflow-x: auto;}
.product-detail .main-width .product-detail-img .product-detail-listimg ul li {display: block;float: left;margin-right: 20px;width: 180px;height: 180px;background: #c3c;}

.product-detail .main-width .product-detail-introduction {float: right;padding: 50px;width: 800px;height: auto;font-size: 18px;line-height: 26px; box-sizing: border-box;}
.product-detail .main-width .product-detail-introduction .product-detail-title {height: auto;font-size: 28px;line-height: 40px;}

.product-detail .main-width .product-detail-img {float: left;padding: 50px;height: auto;box-sizing: border-box;background: #ccc;}
.product-detail .main-width .product-detail-img #parent {position: relative;top: 0;left: 0;width: 900px;height: 900px;background: #fff;}
.product-detail .main-width .large_box img {display: block;}
.product-detail .main-width .small_box {width: 100%;height: 80px;overflow: hidden;}
.product-detail .main-width .small_list {position: relative;float: left;width: 850px;height: 80px;overflow: hidden;}
.product-detail .main-width .small_list ul {height: 80px;overflow: hidden;}
.product-detail .main-width .small_list ul li {position: relative;float: left;margin-right: 10px;width: 80px;height: 80px;cursor: pointer;}
.product-detail .main-width .small_list ul li img {display: block;width: 100%;height: 100%;}
.product-detail .main-width .small_list ul li .bun_bg {display: none;position: absolute;top: 0;left: 0;width: 80px;height: 80px;background: #FFF;filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.product-detail .main-width .small_list ul li.on .bun_bg {display: block;}
.product-detail .main-width .btns {display: block;width: 20px;height: 80px;line-height: 80px;text-align: center;background-color: #777;background-repeat: no-repeat;background-position: center center;cursor: pointer;color: #fff;}
.product-detail .main-width .btns:hover {background-color: #333;}
.product-detail .main-width .lefts_btn {float: left;margin-right: 10px;}
.product-detail .main-width .rights_btn {float: right;}

#parent {position: relative;margin-bottom: 50px;}
#curPic {position: absolute;}
#curPic:hover {cursor: move;}
#curPic img {width: 900px;height: 900px;}
#mgf {display: none;position: absolute;top: 0;left: 0;width: 200px;height: 200px;background-color: rgba(255, 230, 93, 0.3);        }
#boxEnlarge {display: none;position: absolute;top: 0px;right: -405px;width: 400px;height: 400px; overflow: hidden;}