.index-main .g-banner{padding:170px 0 85px;}
.index-main .g-banner .g-wrap{position: relative; }
.index-main .g-banner .img-wrap{text-align: right; box-sizing: border-box;}
.index-main .g-banner .img-bar{position: relative; z-index: 2; padding:0 80px; margin-right: 120px; }
.index-main .g-banner .img-wrap .info{position: absolute; right: 0; bottom: 0; text-align: right;}
.index-main .g-banner .img-wrap .info:before{content: ''; position: absolute; top:-96px; right:0; display: block; width: 77px; height:72px; background: url("../images/img70.png") no-repeat right top / contain;}
.index-main .g-banner .img-wrap .lab{font-size: 1.625rem; ;}
.index-main .g-banner .img-wrap .num{font-size: 1.5rem; color:#1a237e;}
.index-main .g-banner .img-wrap .bg{position: absolute; top: -38px; right:-32px; width:100%; height:114%;background: url("../images/img71.png") no-repeat right top / auto 100%;}
.index-main .g-banner .info-bar{position: absolute; left:0; top:26px; z-index: 3;}
.index-main .g-banner .info-bar .h1{font-size: 4.25rem; line-height: 1;}
.index-main .g-banner .info-bar .h2{font-size: 4.25rem; line-height: 1; font-weight: 600; margin-top: 15px; color:#1a237e;}
.index-main .g-banner .info-bar .desc{margin-top: 28px;  font-size:1.31rem; color: #111;}
.index-main .g-banner .info-bar .desc.gray{color: #5e5e5e;}
.index-main .g-banner .info-bar .num-bar{margin-top: 85px;}
.index-main .g-banner .info-bar .num-bar .item{display: inline-block; padding:1.5rem; margin-right: 1.25rem; border-radius: 5px;  text-align: center;}
.index-main .g-banner .info-bar .num-bar .item:last-child{margin-right: 0;}
.index-main .g-banner .info-bar .num-bar .quantity{padding: 30px 10px 0px; line-height: 1;   color: #1a237e; text-align: center;font-weight: 600}
.index-main .g-banner .info-bar .num-bar .num{ font-size:3.93rem; ;}
.index-main .g-banner .info-bar .num-bar .unit{margin-left: -6px; font-size:2.25rem; }
.index-main .g-banner .info-bar .num-bar .text{color: #333; font-size:1.31rem; }

.index-main .g-banner .info-bar .num-bar.shadow .item{box-shadow: 0 0 10px rgba(0,0,0,0.1);background:#fff;}
.index-main .g-banner .info-bar .num-bar.shadow .quantity{padding-bottom: 26px;margin-bottom: 15px;border-bottom: 2px solid  #1a237e;}

.index-main .g-banner .info-bar .btn-bar{margin-top: 70px;}
.index-main .g-banner .info-bar .btn-bar .g-btn{ display: inline-block; min-width: 210px;}
.index-main .g-banner .info-bar .btn-bar .g-btn:first-child{margin-right: 20px;}

.index-main .settion-bar{padding:100px 0 90px; }
.index-main .settion-bar.gray{background: #f7f7f7;}
.index-main .settion-bar.thin{padding-bottom: 50px;}
.index-main .settion-bar .s-head{text-align: center;}
.index-main .settion-bar .s-title{font-size: 3.75rem; line-height: 1.3;}
.index-main .settion-bar .s-subtitle{margin-top: 96px; font-size: 2.5rem; text-align: center;}
.index-main .settion-bar .s-sub-title{margin-top: 30px; font-size: 2rem; }
.index-main .settion-bar .s-desc{margin-top: 20px; font-size: 1.25rem; color: #7b7b7b;}
.index-main .settion-bar .s-desc.dark{color: #333;font-size: 1.31rem; }
.index-main .settion-bar .s-describe{margin-top: 40px; font-size: 1.31rem; color: #7b7b7b;}
.index-main .settion-bar.primary{background: #1a237e; color: #fff;}
.index-main .settion-bar.primary .s-desc{color: #fff; }

.index-main .switch-tag-list{margin-top: 85px; text-align: center;}
.index-main .switch-tag-list li{display: inline-block; margin:auto 8px; padding:10px 38px ; border:1px solid #b7b7b7; border-radius: 22px;cursor: pointer; color:#898989;}
.index-main .switch-tag-list li:hover{border-color: #1a237e; color: #1a237e;}
.index-main .switch-tag-list .current{background:#1a237e; ;color:#fff; border-color: #1a237e;;}
.index-main .switch-tag-list .current:hover{background: #0d47a1; color: #fff;}

.index-main .goods-list-wrap{overflow: hidden; margin-top: 100px; min-height: 440px; }
.index-main .goods-list-wrap .goods-list{padding-top:10px; font-size: 0; white-space: nowrap;}
.index-main .goods-list-wrap .g-goods-info{display: inline-block; vertical-align: top; padding-right: 30px; width: 20vw;}
.index-main .half-block{width: 49%; padding-right: 70px; vertical-align: top;  box-sizing: border-box;}
.index-main .half-block .item{margin-top: 38px;}
.index-main .half-block .desc-bar{ margin-top: 90px;}
.index-main .half-block .desc-bar .icon{display: inline-block;vertical-align: top;margin-right: 40px;}
.index-main .half-block .desc-bar .info{display: inline-block;vertical-align: top; }
.index-main .half-block .desc-bar .name{font-size: 1.62rem;}
.index-main .half-block .desc-bar .desc{margin-top: 10px; font-size: 1.31rem; color: #666;;}
.index-main .half-block .btn-bar{margin-top: 75px;}
.index-main .half-block .btn-bar .g-btn{display: inline-block;}
.index-main .four-grids-bar{width: 50%; vertical-align: top;}
.index-main .four-grids-bar .item{position: relative; display: inline-block; padding-top: 47%; width: calc(50% - 10px); background-color: #fafafa; border:1px solid #dbdbdb; border-radius:10px; text-align: center;}
.index-main .four-grids-bar .item:nth-child(2),.index-main .four-grids-bar .item:nth-child(4){margin-left: 15px;}
.index-main .four-grids-bar .item:nth-child(3),.index-main .four-grids-bar .item:nth-child(4){margin-top: 15px;}
.index-main .four-grids-bar .bar{position: absolute; top:calc(50% - 3.12rem) ; left:0; width:100%; }
.index-main .four-grids-bar .value{font-size: 3.12rem; color:#1a237e; font-weight: bold; line-height: 1;}
.index-main .four-grids-bar .text{margin-top: 22px; font-size: 1.5rem; color: #787878; }
.index-main .four-grids-bar .num{font-size: 3.75rem;}
.index-main .four-grids-bar .unit{margin-left: -10px; font-size: 1.87rem;}

.index-main .five-grids-bar{position: relative; padding-left: 33%; margin-top: 66px; font-size: 0;}
.index-main .five-grids-bar .item{display: inline-block; vertical-align: top; width: calc(50% - 2.5rem); margin-left:2.3rem; background: #fff; border-radius:10px;box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow:hidden;;}
.index-main .five-grids-bar .item:first-child{position: absolute; top: 0; left:0; width:33%; height: 100%; margin-left: 0;}
.index-main .five-grids-bar .item:nth-child(4),.index-main .five-grids-bar .item:nth-child(5){margin-top: 38px;}
.index-main .five-grids-bar .img{font-size: 0;} 
.index-main .five-grids-bar img{width: 100%;}
.index-main .five-grids-bar .info{padding:1.56rem}
.index-main .five-grids-bar .name{font-size:1.62rem}
.index-main .five-grids-bar .desc{margin-top: 8px; font-size:0.93rem; color:#7f7f7f}

.index-main .four-halve-bar{margin-top: 66px; font-size: 0;}
.index-main .four-halve-bar .item{display: inline-block; vertical-align: top; padding:4.37rem 0 2.18rem; width: calc(25% - 18px); margin-left:24px; background: #fff; border-radius:10px;box-shadow: 0 0 10px rgba(0,0,0,0.1); box-sizing: border-box; overflow:hidden; text-align:center;transition: all 200ms;}
.index-main .four-halve-bar .item:first-child{margin-left: 0;}
.index-main .four-halve-bar .item:hover{transform: translateY(-4px);}
.index-main .four-halve-bar .item .info{margin-top: 16px;}
.index-main .four-halve-bar .item .value{font-size: 2.75rem; color: #46ac4b;}
.index-main .four-halve-bar .item .text{font-size: 1.62rem;}
.index-main .tache-bar{position: relative; z-index: 2; margin:auto; margin-top: 65px; width: 93%;}
.index-main .tache-bar:before{content: ''; display:block; position:absolute; left:10%; top:50px; right:10%; z-index: -1; height: 3px; background: #e9e9e9;}
.index-main .tache-bar .tache{display: inline-block; width: 24.5%; text-align: center; font-size:0;}
.index-main .tache-bar .info{margin-top: 20px; font-size: 1.25rem; }
.index-main .tache-bar .text{margin-top: 5px; color: #544f50;}

.index-main .auto-picture-bar{margin-top: 55px; overflow: hidden; padding:10px 0;}
.index-main .auto-picture-list{white-space: nowrap;}
.index-main .auto-picture-list:hover{animation-play-state: paused;}
.index-main .auto-picture-list li{display: inline-block; position: relative; margin:auto 1.25rem; width: 208px;  height:155px; border-radius:10px; border:1px solid #bfbfbf; background:#fff; overflow: hidden;  transition: all 200ms;}
.index-main .auto-picture-list li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1); transform: scale(1.05);}
.index-main .auto-picture-list li .img{ position: absolute; left:0; top:50%; width: 100%;text-align: center; transform: translateY(-50%);}
.index-main .auto-picture-list li img{max-width: 100%;}

.index-main .three-halve-bar{margin-top: 66px; text-align: center;}
.index-main .three-halve-bar .item{ display: inline-block; vertical-align: top; padding:1.87rem; margin:auto 1.25rem; width:15%; background: rgba(255, 255, 255, 0.1); box-sizing: border-box; border-radius: 10px; transition:all 200ms;}
.index-main .three-halve-bar .item:hover{background: rgba(255, 255, 255, 0.2); transform: translateY(-4px);}
.index-main .three-halve-bar .info{margin-top: 10px;}
.index-main .three-halve-bar .name{ font-size: 1.31rem;}
.index-main .three-halve-bar .desc{margin-top: 14px;}

.index-main .settion-bar.primary .btn-bar{margin-top: 60px; text-align: center;}
.index-main .settion-bar.primary .g-btn{min-width: 166px;display: inline-block; }


/* product */
.index-main .page-poster{background-image: url('../images/img74.png');}
.index-main .g-gray-banner{padding:30px 0; background: #fafafa;}
.index-main .g-gray-banner .g-wrap{position: relative; }
.index-main .g-gray-banner .img-wrap{ width: 51%; text-align: right;}
.index-main .g-gray-banner .img-bar{position: relative; z-index: 2;  margin-right: 102px; }
.index-main .g-gray-banner .img-wrap .info{position: absolute; left: 45px; right: 45px; bottom: 45px; text-align: right;}
.index-main .g-gray-banner .img-wrap .info:before{content: ''; position: absolute; bottom:-20px; left:0; width: 100%; display: block; width: 77px; height:72px; background: url("../images/img70.png") no-repeat right top / contain;}
.index-main .g-gray-banner .img-wrap .tag-bar{margin-bottom: 16px;}
.index-main .g-gray-banner .img-wrap .tag{display: inline-block; padding:9px 15px ; background: #4caf50; color: #fff; border-radius:22px; font-size:1.25rem;}
.index-main .g-gray-banner .img-wrap .lab{font-size: 1.625rem; ;}
.index-main .g-gray-banner .img-wrap .num{font-size: 1.5rem; color:#64bdcb;;}
.index-main .g-gray-banner .img-wrap .desc-bar{position: absolute; left: 50px; top: 50px; width: 45%; line-height: 1; text-align: left; }
.index-main .g-gray-banner .img-wrap .desc-bar .name{font-size: 2.37rem;;}
.index-main .g-gray-banner .img-wrap .desc-bar .desc{margin-top: 12px; font-size: 1.5rem;;}
.index-main .g-gray-banner .img-wrap .bg{position: absolute; top: 17.5%; right:0; width:53%; height:65%;background: url("../images/img73.png") no-repeat center / cover; border: 1px solid #eee; border-radius:10px;}
.index-main .g-gray-banner .info-bar{width: 47%; padding-right:64px; box-sizing: border-box;}
.index-main .g-gray-banner .info-bar .h1{font-size: 4.25rem; line-height: 1;}
.index-main .g-gray-banner .info-bar .h2{font-size: 4.25rem; line-height: 1; font-weight: 600; margin-top: 15px; color:#1a237e;}
.index-main .g-gray-banner .info-bar .desc{font-size: 1.25rem;  margin-top: 30px; color:#7d7d7d;}
.index-main .g-gray-banner .pitch-list-bar{margin-top: 50px;}
.index-main .g-gray-banner .pitch-list-bar li{position: relative; padding-left: 50px; margin-bottom:28px; font-size: 1.12rem; color:#7d7d7d;}
.index-main .g-gray-banner .pitch-list-bar li:before{content: ''; display: block; position: absolute; top: 0; left:6px; width: 25px; height:25px; background:url("../images/sicon1.png") no-repeat center / cover; }

.index-main .goods-three-list{margin-top: 80px;}
.index-main .goods-three-list .g-goods-info{display: inline-block; vertical-align: top;; width: calc(33.1% - 33px); margin-bottom: 48px; }
.index-main .goods-three-list .g-goods-info:nth-child(3n){padding-right:0}
.index-main .goods-three-list .g-goods-info:nth-child(3n-1){margin:auto 48px}
.index-main .goods-three-list .g-goods-info .wrap{border-color: #eee;}
.index-main .goods-three-list .g-goods-info .title{font-size: 1.87rem;}
.index-main .goods-three-list .g-goods-info .info-bar{padding:30px 20px;}
.index-main .goods-three-list .g-goods-info .tag-bar{left: 35px; top:30px; }
.index-main .goods-three-list .g-goods-info .tag-bar span{display: inline-block; margin-bottom: 5px; margin-left:0; padding:9px 18px; font-size: 1.25rem;}


.index-main .table-primary-bar{margin-top: 60px; width:100%; background:#fff; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.index-main .table-primary-bar th{padding:30px 0; background: #1a237e; color:#fff; border:1px solid #525684; font-weight: normal;}
.index-main .table-primary-bar td{padding:30px 0; border:1px solid #c1c1c1; font-size:1.25rem; color:#595757;}
.index-main .table-primary-bar td:first-child{border-left:none;}
.index-main .table-primary-bar td:last-child{border-right:none;}
.index-main .table-primary-bar .label{margin-left:40%; text-align: left;}
.index-main .table-primary-bar .desc{margin-left:44%; text-align: left;}
.index-main .table-primary-bar .last{margin-left:38%; text-align: left;}
.index-main .table-primary-bar .icon{position: relative;  }
.index-main .table-primary-bar .icon:before{content: ''; display: block; position: absolute; left:-54px; top:0; width:30px; height:30px; background: url("../images/sicon2.png") no-repeat center / cover; }
.index-main .table-primary-bar .icon.error:before{background-image: url("../images/sicon3.png");}

.index-main .settion-bar.oblate .s-desc{margin-top: 60px; color:#000}
.index-main .settion-bar.oblate .half-block{display: inline-block;}
.index-main .settion-bar.oblate .four-grids-bar .item{padding-top: 33%;}

@media screen and (max-width: 1680px) {
	.index-main .three-halve-bar .item{width: 20%; }
	.index-main .goods-list-wrap{min-height: 380px;}
}