/*cssReset*/
@charset "utf-8";
*{ box-sizing: border-box; margin:0; padding:0;}
html,body{padding:0; margin:auto; min-width: 1200px; max-width: 1920px; font-family:'Plix Regular','PingFang','Microsoft YaHei','Arial','sans-serif'; -webkit-font-smoothing:antialiased ; }
html{font-size: 16px;}
input[type="text"],input[type="password"],input[type="number"],input[type="radio"] , input[type="checkbox"],textarea,button,select{outline: none; padding:4px; border:none; -webkit-appearance:none;}
input[type="radio"] , input[type="checkbox"]{cursor: pointer;border:1px solid #aaa; border-radius: 50%; width: 16px; height: 16px;vertical-align: middle;}
input[type="radio"]:checked{border-width: 4px; border-color:#fff;}
input[type="checkbox"]{border-radius: 2px; width: 14px; height: 14px}
input[type="checkbox"]:checked{background:url(../images/icon-checked.png) no-repeat center; border:none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield; }
input::placeholder{color: #aaa}
body{ outline:0; border:0;box-sizing: border-box; vertical-align: middle;-webkit-tap-highlight-color: rgba(0,0,0,0); }
select{padding:0 30px 0 15px; cursor: pointer;}
select:focus{background-position: 95% 100%}
button{border:none; cursor: pointer;}
table{border-spacing: 0; border-collapse: collapse; }
img{max-width: 100%; max-height: 100%;outline: none; border:none;}
li{list-style: none;}
a{text-decoration: none; color: #000}
a:hover{color: #1c4288}
hr{border:none; border-top:1px dashed #ddd;}



.clear::after{content: ''; display: block; clear: both;}
.font-light {font-weight: 100;}
.font-regular {font-weight: 300;}
.font-medium {font-weight: 600;}
.not-scoll-style::-webkit-scrollbar{opacity: 0;}
.g-iframe-wrap{position: relative; z-index: 6;}
.g-iframe-bar{position: absolute; top: 0; left:0; width: 100%;}
.g-wrap{width: 70%;min-width: 1344px; margin:auto;;}
.g-inline-block{display: inline-block; vertical-align: middle;}
.g-btn{padding:1.125rem 1.875rem; border-radius: 4px; line-height: 1; border: 1px solid #777; color:#1a237e; text-align:center; transition: all 200ms;}
.g-btn:hover{transform:translateY(-1px); border-color:#1a237e;}
.g-btn.large{padding:1.25rem 2.12rem; font-size: 1.31rem;border-radius: 10px; }
.g-btn.primary{background-color: #1a237e; color:#fff; border-color:#1a237e;}
.g-btn.primary:hover{background: #0d47a1; border-color:#0d47a1;}
.g-btn.white{background-color: #fff; color: #0d47a1; border-color:#fff;}
.g-btn.white-line{color: #fff; border-color:#fff;}

.g-header{background: #fff; position: fixed; top: 0; left:0; right:0; z-index: 9; height: 90px; background:#fff;;}
.g-header.fixed{box-shadow: 0 0 10px rgba(0,0,0,0.1);;}
.g-header .g-wrap{position: relative; z-index: 6; }
.g-header .g-wrap:after{content: ''; display: block; clear: both;}
.g-header .logo-bar{position: absolute; top: 20px; left: 0;width: 170px; line-height: 1;}
.g-header .tools-bar{float: right;}
.g-header .menu-bar .item{padding:35px 0; margin-right: 1.8rem; position: relative; display: inline-block; cursor: pointer;font-size: 16px; }
.g-header .menu-bar .menu{ color: #898989; }
.g-header .menu-bar .item.current .menu,.g-header .menu-bar .menu:hover{color: #1a237e;}
.g-header .menu-bar .dropdown{ position: absolute; top:100px; left:-0.9rem; min-width: 200px; transition: top 200ms; background: #fff; border-radius:5px; visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.g-header .menu-bar .item:hover .dropdown{top: 89px; padding:10px 0; visibility: visible;}
.g-header .menu-bar .dropdown a{display: block; padding:4px 30px; line-height: 2;color: #898989;}
.g-header .menu-bar .dropdown a:hover{color: #1a237e; background:#f8f9ff;}
.g-header .g-btn{margin-left: 1rem; }

.g-header ~ main{margin-top: 89px;}
.g-main{}

.g-footer{padding:46px 0 68px; background: #595757; color: #fff;}
.g-footer .g-wrap{position: relative;}
.g-footer .content{width: 85%;}
.g-footer .content .info-bar{width: 44%;}
.g-footer .content .info{margin-top: 40px; }
.g-footer .content .navigation-bar{width: 55%;}
.g-footer .content .navigation-bar .title{font-size: 1.37rem; margin-bottom: 17px;}
.g-footer .content .nav-bar{width: 33%; vertical-align: top; }
.g-footer .content .nav{display: block; line-height: 2;color: #fff;}

.g-footer .content .copyright{margin-top: 56px; padding-top: 20px; border-top:2px solid #fff;}
.g-footer .inside-img{position: absolute; right: 0; bottom: 20px;}
.g-footer .inside-img .img{font-size: 0;}
.g-footer .inside-img .img:first-child{margin-right: 20px;}

.g-goods-info .wrap{position: relative; border:1px solid #bfbfbf; border-radius: 10px; overflow: hidden; background: #fff; transition: all 200ms;}
.g-goods-info:hover .wrap{transform: translateY(-4px);box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.g-goods-info .img{font-size: 0; background: #dcdddd;}
.g-goods-info .img img{width: 100%;}
.g-goods-info .info-bar{padding:1.56rem}
.g-goods-info .title{font-size: 1.31rem;white-space:normal; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.g-goods-info .desc{margin-top: 20px; min-height: 4rem; font-size: 0.87rem;white-space:normal; color:#7f7f7f;}
.g-goods-info .spec-bar{margin-top: 30px;}
.g-goods-info .spec-bar .lab{font-weight: bold;}
.g-goods-info .spec-bar li{display: inline-block; width: 49%; line-height: 2;}
.g-goods-info .spec-bar li:last-child{width: 100%;}
.g-goods-info .tag-bar{position: absolute; right: 18px; top:20px;}
.g-goods-info .tag-bar span{margin-left: 8px; padding:6px 10px; background: #4caf50; color:#fff; border-radius: 15px; font-size:0.81rem;}
.g-goods-info .tag-bar .new{background: #2196f3;}
.g-goods-info .btn-bar{margin-top: 30px; text-align: center;}
.g-goods-info .btn-bar .btn{display: inline-block; padding:10px 50px; border:1px solid #000; border-radius: 5px; cursor: pointer;}
.g-goods-info .btn-bar .btn:hover{border-color: #1a237e; color: #1a237e; }

.pop-goods-info{position: fixed; inset:0; z-index: 8; display: none; } 
.pop-goods-info.show{display: block; }
.pop-goods-info .wrap{position: absolute; top:50%; left:50%;transform: translate(-50%,-50%); z-index: 2;text-align: center;}
.pop-goods-info .wrap .bar{display: inline-block; margin:auto;min-width: 920px; padding:40px; background:#fff;animation: popshow 1s;transition: all 200ms;}
.pop-goods-info .wrap .img{display: inline-block; vertical-align: middle; padding-right: 40px;width: 43%; border-right: 1px solid #b6b4b5; box-sizing:border-box;}
.pop-goods-info .wrap .info-bar{display: inline-block; vertical-align: middle; padding-left: 40px; line-height: 2; width: 56% ; text-align:left; box-sizing:border-box; }
.pop-goods-info .wrap .desc{font-size: 1.25rem;}
.pop-goods-info .wrap .desc .lab{font-weight: bold;}
.pop-goods-info .bg{position: absolute; inset:0; background: rgba(0,0,0,0.5);}

.g-float-flag{position: fixed; top: 56%; right:34px; z-index: 7; padding:10px; background:#fff; border:1px solid #e9e9e9; border-radius: 60px;}
.g-float-flag .flag{display: block; width: 40px; height:40px; line-height:40px; background:#e7e7e7; color: #666; border-radius:50%; text-align: center; cursor: pointer; transition: all 200ms;}
.g-float-flag .flag:first-child{margin-bottom: 10px;}
.g-float-flag .flag:hover{transform: scale(1.1); }
.g-float-flag .flag.current{background: #1a237e; color: #fff;}


/* 子菜单导航 */
.page-sub-nav {background: white;position: relative;top: auto;z-index: 10;width: 100%;}
/* 添加固定定位的类 */
.page-sub-nav.fixed {position: fixed;top: 0;left: 0;width: 100%;background: white;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}

.page-sub-nav.fixed + * {margin-top: 80px;}
.page-sub-nav-content {display: flex;justify-content: center;padding: 27px 0;width: 100%;}
.page-sub-nav-link {color: #5d5d5d;text-decoration: none;font-size: 16px;padding: 10px 20px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;margin-right: 40px;}
.page-sub-nav-link:hover {color: #1a237e;}
.page-sub-nav-link.active {color: #1a237e;font-weight: 500;}
.page-sub-nav-link.active::after {content: '';position: absolute;bottom: -20px;left: 0;right: 0;height: 2px;background: #045096;}
.section {opacity: 0;transform: translateY(30px);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.visible {opacity: 1;transform: translateY(0);}

/*海报*/
.page-poster{width: 100%;height: 350px;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover;}
/* .page-poster img{width: 100%;position: relative;height: 100%;left: 0;top: 0;z-index: 2;} */
.page-poster .poster-text{position: absolute;text-align: center; color: #fff; left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 3;}
.page-poster .poster-text .poster-text-title{font-size: 60px;}
.page-poster .poster-text .poster-text-content{font-size: 24px;margin-top: 40px;}


@keyframes popshow {
	0% { transform: translateY(10px); opacity: 0; }
	100% { transform: translateY(0px); opacity: 1; }
}


@media screen and (max-width: 1680px) {
	html{font-size:14px;}
}

@media screen and (max-width: 1366px) {
	.g-wrap{min-width: 1200px;}
}