@font-face { font-family: 'SourceHanSansCN-Regular'; src: url('../fonts/SourceHanSansCN-Regular.otf'); }
@font-face { font-family: 'SourceHanSansCN-Bold'; src: url('../fonts/SourceHanSansSC-Bold-2.otf'); }
@font-face { font-family: 'SourceHanSansCN-Light'; src: url('../fonts/SourceHanSansSC-Light-2.otf'); }
@font-face { font-family: 'SourceHanSansCN-Normal'; src: url('../fonts/SourceHanSansSC-Normal-2.otf'); }
@font-face { font-family: 'SourceHanSansCN-Medium'; src: url('../fonts/SourceHanSansSC-Medium-2.otf'); }
@font-face { font-family: 'YouSheBiaoTiHei'; src: url('../fonts/YouSheBiaoTiHei-2.ttf'); }
@font-face { font-family: 'HanYiLingXinTiJian'; src: url('../fonts/HanYiLingXinTiJian-1.ttf'); }
@font-face { font-family: 'Klavika-Bold'; src: url('../fonts/Klavika-Bold.otf'); }
@font-face { font-family: 'Klavika-BoldItalic'; src: url('../fonts/Klavika-BoldItalic.otf'); }
@font-face { font-family: 'Klavika-Light'; src: url('../fonts/Klavika-Light.otf'); }
@font-face { font-family: 'Klavika-LightItalic'; src: url('../fonts/Klavika-LightItalic.otf'); }
@font-face { font-family: 'Klavika-Medium'; src: url('../fonts/Klavika-Medium.otf'); }
@font-face { font-family: 'Klavika-MediumItalic'; src: url('../fonts/Klavika-MediumItalic.otf'); }
@font-face { font-family: 'Klavika-Regular'; src: url('../fonts/Klavika-Regular.otf'); }
@font-face { font-family: 'Klavika-RegularItalic'; src: url('../fonts/Klavika-RegularItalic.otf'); }
@font-face { font-family: 'Klavika-BoldCond'; src: url('../fonts/Klavika-BoldCond.otf'); }
@font-face { font-family: 'Klavika-BoldCondItalic'; src: url('../fonts/Klavika-BoldCondItalic.otf'); }
@font-face { font-family: 'Klavika-LightCond'; src: url('../fonts/Klavika-LightCond.otf'); }
@font-face { font-family: 'Klavika-LightCondItalic'; src: url('../fonts/Klavika-LightCondItalic.otf'); }
@font-face { font-family: 'Klavika-MediumCond'; src: url('../fonts/Klavika-MediumCond.otf'); }
@font-face { font-family: 'Klavika-MediumCondItalic'; src: url('../fonts/Klavika-MediumCondItalic.otf'); }
@font-face { font-family: 'Klavika-RegularCond'; src: url('../fonts/Klavika-RegularCond.otf'); }
@font-face { font-family: 'Klavika-RegularCondItalic'; src: url('../fonts/Klavika-RegularCondItalic.otf'); }
body { font-family: 'Klavika-Regular'; overflow: hidden; }

/* 头部 */
.header { background-color: #D32F2F; position: relative; z-index: 10; }
.header .logo { padding: .15rem 0; width: 1.33rem; }
.header .nav { width: 72%; }
.header .nav li { margin: 0 .03rem; padding: .15rem .20rem; position: relative; }
.header .nav li>a { font-size: .18rem; line-height: 3.5em; color: #fff; font-family: 'Klavika-Medium'; font-weight: 500; }
.header .nav li.level>a { position: relative; padding-right: .25rem; }
.header .nav li:hover::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: #141414; }
.header .nav li.level>a::after { position: absolute; top: 50%; right: 0; content: ''; display: block; width: .12rem; height: .12rem; background: url(../images/arrow1.png) no-repeat center; transform: translateY(-50%); transition: all .5s; }
.header .nav .leve_box { position: absolute; top: 100%; left: 0; width: 100%; display: none; }
.header .nav li:nth-child(1) .leve_box { width: 150%; }
.header .nav .leve_box dl { padding: .05rem .25rem .13rem; padding-right: .1rem; background: #141414; }
.header .nav .leve_box dt a { font-size: .12px; color: #999999; font-family: 'Klavika-Medium'; }
.header .nav .leve_box dd a { padding: .05rem 0; display: block; font-size: .12rem; color: #fff; font-family: 'Klavika-Regular'; font-weight: 400; }
.header .nav .leve_box dd a:hover { font-size: .12rem; color: #D32F2F; font-family: 'Klavika-Medium'; font-weight: 500; }
.header .nav li:hover { background: #D32F2F; }
.header .nav li.level:hover .leve_box { display: block; }
.header .nav li.level:hover>a::after { transform: translateY(-50%) rotate(180deg); }
.header .top_r .version .icon { cursor: pointer; width: .2rem; height: .2rem; background: url(../images/duoyuyan.png) no-repeat center; background-size: .2rem; }
.header .top_r .version .up_box { padding-top: .36rem; display: none; font-size: .14rem; width: max-content; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; }
.header .top_r .version .up_box::after { content: ''; display: block; position: absolute; top: .33rem; left: 50%; width: .2rem; height: 2px; background: #EEEEEE; border-radius: 5px; overflow: hidden; transform: translateX(-50%); }
.header .top_r .version .up_box::before { margin: 0 auto; content: ''; display: block; width: .2rem; height: .1rem; background: url(../images/arrow2.png); background-repeat: no-repeat; background-size: .2rem; }
.header .top_r .version .up_box .olw { background: #333333; padding: 0 .1rem; border-radius: 5px; overflow: hidden; }
.header .top_r .version .up_box a { border-bottom: solid 1px #6B6B6B; display: block; padding: .1rem; color: #999999; font-family: 'Klavika-Medium'; }
.header .top_r .version .up_box a:last-child { border-bottom: none; }
.header .top_r .version:hover .up_box { display: block; }
.header .top_r .version .up_box a.on, .header .top_r .version .up_box a:hover { font-family: 'Klavika-Medium'; color: #c2c2c2; }
.header .top_r .top_search .icon { cursor: pointer; margin-left: .3rem; width: .2rem; height: .2rem; background: url(../images/sousuo.png) no-repeat center; background-size: contain; }
.header .top_r .top_search .search_box { display: none; padding-top: .36rem; font-size: 0; text-align: right; position: absolute; right: -.1rem; }
.header .top_r .top_search .search_box input { color: #fff; outline: none; font-size: .12rem; background: #141414; display: block; line-height: 2.5; border: none; padding: 0 .1rem; font-family: 'Klavika-Light'; border-radius: .02rem; overflow: hidden; }
.header .top_r .top_search .search_box input::-webkit-input-placeholder { color: #585858; font-family: 'Klavika-Light'; }
.header .top_r .top_search .search_box input::-moz-input-placeholder { color: #585858; font-family: 'Klavika-Light'; }
.header .top_r .top_search .search_box input::-ms-input-placeholder { color: #585858; font-family: 'Klavika-Light'; }
.header .top_r .top_search .search_box .aniu { margin-right: .03rem; width: .3rem; background: url(../images/sousuo.png) no-repeat center; background-size: .15rem; opacity: .5; cursor: pointer; }
.header .top_r .top_search .back_color { padding: .05rem; background: #333; overflow: hidden; border-radius: 5px; overflow: hidden; }
.header .top_r .top_search .search_box::before { margin-right: .1rem; content: ''; display: inline-block; width: .2rem; height: .1rem; background: url(../images/arrow2.png); background-repeat: no-repeat; background-size: .2rem; }
.header .top_r .top_search .search_box::after { content: ''; display: block; position: absolute; top: .33rem; right: 0; margin-right: .1rem; width: .2rem; height: 2px; background: #EEEEEE; border-radius: 5px; overflow: hidden; }
.header .top_r .top_search:hover .search_box { display: block; }
.header .icon-menu { margin-left: .2rem; cursor: pointer; display: none; width: 30px; height: 30px; border-radius: 50%; position: relative; z-index: 10; }
.header .icon-menu span { display: block; position: relative; margin: 0 auto; }
.header .icon-menu span i { height: 2px; width: 60%; background: #fff; display: block; margin: 6px auto; transition: all .5s; }
.header .icon-menu i { -webkit-transition: all .4s ease-out; transition: all .4s ease-out; display: inline-block; height: 2px; background: #fff; margin: 3px 2.5px; border-radius: 5px; }
.header .icon-menu i:nth-of-type(1), .header .icon-menu i:nth-of-type(3) { width: 25px; }
.header .icon-menu i:nth-of-type(2) { width: 25px; }
.header .icon-menu.active i { background: #fff; }
.header .icon-menu.active i:nth-of-type(1) { transform: rotate(45deg) translate(6px, 6px); }
.header .icon-menu.active i:nth-of-type(2) { opacity: 0; }
.header .icon-menu.active i:nth-of-type(3) { transform: rotate(-45deg) translate(5px, -5px); }
@media(max-width:1024px) {
	.header .nav li { padding: .15rem .24rem; }
}
@media(max-width:640px) {
	.header .icon-menu { display: block; }
	.header .nav { position: fixed; top: 0; right: -110%; width: 50%; height: 100vh; padding-top: .84rem; transition: all .5s; }
	.header .nav .ul { display: block; background: #fff; height: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
	.header .nav li { padding: 0; margin: 0; border-bottom: solid 1px #eee; overflow: hidden; }
	.header .nav li a { display: block; color: #141414; font-size: .26rem; }
	.header .nav li>a { padding: .2rem; line-height: 1.5; }
	.header .nav.active { right: 0; }
	.header .nav li >a:hover, .header .nav li.active >a { color: #D32F2F; border-bottom: none; }
	.header .nav li.level>a::after { right: .3rem; width: 12px; height: 12px; background-image: url(../images/arrow3.png); }
	.header .top_r .top_search .icon, .header .top_r .version .icon { width: 16px; height: 16px; background-size: 16px; }
	.header .nav .leve_box { position: relative; }
	.header .nav .leve_box dl { padding: .2rem; }
	.header .nav li:hover { background: none; }
	.header .nav li.level:hover .leve_box { display: none; }
	.header .nav li.level:hover>a::after { transform: translateY(-50%); }
	.header .nav li.level.open>a::after { display: block; transform: translateY(-50%) rotate(180deg); }
}

/* banner */
.hoem-banner .text { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 5; }
.hoem-banner .text .minh { height: 100%; padding: .3rem 0 1rem; }
.hoem-banner .text .one_box, .hoem-banner .text .two_box { width: 100%; }
.hoem-banner .text .two_box .w100 { margin: .1rem 0; width: 100%; }
.hoem-banner .text .Juz_box { padding: 0 .45rem; text-align: center; }
.hoem-banner .text .TextRight { text-align: right; }
.hoem-banner .text .TextCenter { text-align: center; }
.hoem-banner .text .fz65 { line-height: 1.2; font-size: .5rem; color: #fff; font-family: 'Klavika-BoldCond'; }
.hoem-banner .swiper-pagination { bottom: .2rem; font-size: 0; }
.hoem-banner .swiper-pagination-bullet { margin: 0 .06rem !important; width: 15px; height: 15px; background: #999; opacity: 1; }
.hoem-banner .swiper-pagination-bullet-active { background: #fff; }
@media(max-width:640px) {
	.hoem-banner .swiper-pagination-bullet { width: 7px; height: 7px; }
}

/* 首页 */
.index_one { background: #000; padding-bottom: 1.5rem; }
.index_one .title { font-size: .3rem; color: #fff; padding: .8rem 0; text-align: center; font-family: 'Klavika-Regular'; font-weight: 400; }
.index_one .title span { padding: 0 .15rem; }
.index_one .title::after, .index_one .title::before { content: ''; display: block; width: .23rem; height: .2rem; background-size: cover; }
.index_one .title::before { background-image: url(../images/arrow_r.png); }
.index_one .title::after { background-image: url(../images/arrow_l.png); }
.index_one .item { padding: .8rem .49rem; width: 48.3334%; margin-bottom: 3%; text-align: center; border-radius: 20px; overflow: hidden; }
.index_one .item a { display: block; }
.index_one .item .up_tan { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 3; transition: all .5s; background-size: cover; }
.index_one .item .tit { margin-bottom: .2rem; position: relative; z-index: 3; text-align: left; font-size: .28rem; color: #fff; font-family: 'Klavika-Bold'; font-weight: bold; }
.index_one .item .pic { font-size: 0; margin-bottom: .2rem; position: relative; z-index: 3; height: 3.08rem; }
.index_one .item .but { position: relative; z-index: 3; font-size: .20rem; color: #fff; font-family: 'Klavika-Light'; font-weight: 300; }
.index_one .item .but i { margin-left: .2rem; font-style: normal; font-family: 'Klavika-Light'; }
.index_one .back_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; z-index: 1; }
.index_one .item:hover .up_tan { opacity: 1; }
.index_one .item:hover .but { color: #D32F2F; font-family: 'Klavika-Regular'; font-weight: 400; }
@media(max-width:640px) {
	.index_one .item .pic { height: 2rem; }
	.index_one .title { padding: .4rem 0; }
}

/* 底部 */
.footer { padding-top: .5rem; background: #212429; position: relative; z-index: 6; }
.footer_one { padding-bottom: 1.00rem; }
.footer_one .footer_l dl { margin-right: 0.90rem; }
.footer_one .footer_l dl:last-child { margin-right: 0; }
.footer_one .footer_l dt { margin-bottom: .15rem; text-align: center; }
.footer_one .footer_l dt a { font-size: .18rem; color: #fff; font-family: 'Klavika-Medium'; font-weight: 500; }
.footer_one .footer_l dd { padding: .05rem 0; line-height: 1; }
.footer_one .footer_l dd a { font-size: .14rem; color: #fff; transition: all .5s; font-family: 'Klavika-Light'; font-weight: 300; }
.footer_one .footer_l dd a:hover { color: #D32F2F; font-family: 'Klavika-Regular'; font-weight: 400; }
.footer_one .footer_tel { text-align: right; color: #fff; /* margin-bottom:.2rem; margin-right:.3rem; */ }
.footer_one .footer_tel .footer_logo { /* margin-bottom:.25rem; */ }
.footer_one .footer_tel .footer_logo img { max-width: 1.85rem; }
.footer_one .footer_tel .foot-mailbox { margin-top: .2rem; position: relative; padding-left: .25rem; font-size: .18rem; color: #FFFFFF; font-family: Klavika-Light, Klavika; font-weight: 300; }
.footer_one .footer_tel .foot-mailbox:before { display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; content: ''; width: .16rem; height: .12rem; background-image: url('../images/youjian.png'); background-size: 100%; z-index: 1; }
.footer_one .footer_tel .name { line-height: 1.5; font-size: .12rem; padding-left: .4rem; background: url(../images/footer_l.png) no-repeat center left; background-size: .32rem; }
.footer_one .footer_tel .name span { display: block; }
.footer_one .footer_tel .haoma { margin-left: .1rem; font-size: .24rem; }
.footer_one .code_box { text-align: center; }
.footer_one .code_box .item { max-width: 1.5rem; margin-right: .2rem; }
.footer_one .code_box .item:last-child { margin-right: 0; }
.footer_one .code_box .txt { margin-top: .1rem; color: #fff; font-size: .16rem; }
.footer_two { line-height: 1; color: #fff; font-size: .12rem; padding: .15rem 0; }
.footer_two .Copyright { margin-right: .15rem; }
.footer_two a { color: #2466DE; }
.footer_two a:hover { color: #3460AF; }
.footer_two .line_footer a { padding: 0 .1rem; border-left: solid 1px #fff; transition: all .5s; }
.footer_two .line_footer a:hover { color: #3460AF; }
@media(max-width:768px) {
	.footer_one .footer_l dl { margin-right: .5rem; }
}
@media(max-width:640px) {
	.footer_one .footer_l { margin-bottom: .3rem; width: 100%; justify-content: center; }
	.footer_one .footer_l dl { margin-right: 1rem; }
	.footer_one .footer_tel { width: 100%; margin-right: 0; }
	.footer_one .footer_tel .footer_logo { text-align: center; }
	.footer_one .footer_r, .footer_one .footer_tel .text { justify-content: center; }
	.footer_one .footer_tel .haoma { font-size: .36rem; }
}

/* 产品详情 */
.Pro-info-one { padding: 1rem 0 .8rem; background: #000000; }
.Pro-info-one .switch_box { width: 48.3334%; }
.Pro-info-one .Pro_con { color: #fff; padding-left: 1rem; width: 51.6%; letter-spacing: 1px; }
.Pro-info-one .tit_shell { font-family: 'Klavika-Medium'; margin-bottom: .4rem; font-size: .4rem; }
.Pro-info-one .introd { line-height: .50rem; color: #ccc; font-size: .24rem; font-weight: 300; font-family: 'Klavika-Light'; }
.Pro-info-one .big_img { background: #fff; padding: .2rem; border-radius: 10px; overflow: hidden; }
.Pro-info-one .big_img .pic { min-height: 4.1rem; max-height: 4.1rem; }
.Pro-info-one .big_img .pic img { max-height: 4.1rem; }
.Pro-info-one .small_img { margin-top: .3rem; }
.Pro-info-one .small_img .pic { cursor: pointer; background: #141414; width: 1rem; height: 1rem; padding: .1rem .05rem; border-radius: 10px; overflow: hidden; border: solid 1px #666666; }
.Pro-info-one .small_img .pic img { max-height: 100%; }
.Pro-info-one .pro_log { margin-top: .3rem; min-height: 1rem; }
.Pro-info-one .pro_log .item { margin-right: .5rem; max-width: 50%; }
.Pro-info-one .pro_log .item:last-child { margin-right: 0; }
.Pro-info-one .swiper-slide-thumb-active .pic { border-color: #D32F2F; }
.Pro-info-two { background: #000; }
.Pro-info-two .Tab-name { font-size: .22rem; line-height: 2.5; background: #212429; color: #fff; }
.Pro-info-two .Tab-name .item { cursor: pointer; width: calc(100% / 3); text-align: center; }
.Pro-info-two .Tab-name .item.active { background: #D32F2F; color: #fff; }
.Pro-info-two .Tab_nei { display: none; }
.Pro-info-two .Tab_nei.active { display: block; }
.Tab_onc_one .item-one .text { color: #fff; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
.Tab_onc_one .item-one .text .tit { margin-bottom: .2rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-one .text .introd { line-height: 2; max-width: 5.5rem; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-one .text .tu_img { margin-top: .4rem; max-width: 5.5rem; }
.Tab_onc_one .item-one .text .tu_img .item { margin-bottom: .2rem; margin-right: .5rem; }
.Tab_onc_one .item-one .text .tu_img .item.w100 { width: 100%; max-width: 100%; margin-right: 0; }
.Tab_onc_one .item-one .text .tu_img .item:nth-child(2n) { margin-right: 0; }
.Tab_onc_one .item-two .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-two .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_one .item-two .text { padding: .8rem 0 1.3rem; position: relative; z-index: 5; color: #fff; text-align: center; }
.Tab_onc_one .item-two .text .txt { margin-bottom: .8rem; }
.Tab_onc_one .item-two .text .pic img { max-width: 12rem; }
.Tab_onc_one .item-two .text .tit { margin-bottom: .2rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-two .text .introd { line-height: 2; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-three { padding: .8rem 0; }
.Tab_onc_one .item-three .auto-inner { direction: rtl; }
.Tab_onc_one .item-three .text { position: relative; z-index: 5; }
.Tab_onc_one .item-three .text .txt { color: #fff; padding-left: 1.3rem; direction: ltr; width: calc(100% - 4rem); }
.Tab_onc_one .item-three .text .tit { margin-bottom: .2rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-three .text .introd { line-height: 2; max-width: 5.5rem; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-three .auto-inner .pic { width: 4rem; }
.Tab_onc_one .item-three .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-three .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_one .item-four { padding: .1rem 0; }
.Tab_onc_one .item-four .auto-inner { direction: rtl; }
.Tab_onc_one .item-four .text { position: relative; z-index: 5; }
.Tab_onc_one .item-four .text .txt { color: #fff; padding-left: .2rem; direction: ltr; width: calc(100% - 5rem); }
.Tab_onc_one .item-four .text .tit { margin-bottom: .2rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-four .text .introd { line-height: 2; max-width: 5.5rem; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-four .auto-inner .pic { width: 5rem; }
.Tab_onc_one .item-four .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-four .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_one .item-five { padding: .1rem 0; }
.Tab_onc_one .item-five .auto-inner { direction: rtl; }
.Tab_onc_one .item-five .text { position: relative; z-index: 5; }
.Tab_onc_one .item-five .text .txt { padding-left: .5rem; color: #fff; direction: ltr; width: calc(100% - 6rem); }
.Tab_onc_one .item-five .text .tu_img { max-width: 5.5rem; }
.Tab_onc_one .item-five .text .tu_img .item { margin-bottom: .2rem; margin-right: .5rem; }
.Tab_onc_one .item-five .text .tu_img .item.w100 { width: 100%; max-width: 100%; margin-right: 0; }
.Tab_onc_one .item-five .text .tu_img .item:nth-child(2n) { margin-right: 0; }
.Tab_onc_one .item-five .text .tit { margin-bottom: .2rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-five .text .introd { margin-bottom: .5rem; line-height: 2; max-width: 5.5rem; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-five .auto-inner .pic { width: 6rem; }
.Tab_onc_one .item-five .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-five .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_one .item-five .img-box { width: 50vw; }
.Tab_onc_one .item-six .text { padding: .75rem 0; position: relative; z-index: 5; }
.Tab_onc_one .item-six .text .txt { padding-right: .5rem; color: #fff; direction: ltr; width: 50%; }
.Tab_onc_one .item-six .text .tit { margin-bottom: .2rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-six .text .introd { line-height: 2; max-width: 5.5rem; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-six .text .tu_img { margin-top: .3rem; max-width: 5.5rem; }
.Tab_onc_one .item-six .text .tu_img .item { margin-bottom: .2rem; margin-right: .5rem; }
.Tab_onc_one .item-six .text .tu_img .item.w100 { width: 100%; max-width: 100%; margin-right: 0; }
.Tab_onc_one .item-six .text .tu_img .item:nth-child(2n) { margin-right: 0; }
.Tab_onc_one .item-six .text .tu_img .item:last-child { margin-bottom: 0; }
.Tab_onc_one .item-six .direction_r { direction: rtl; }
.Tab_onc_one .item-six .auto-inner .pic { width: 50%; }
.Tab_onc_one .item-six .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-six .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_one .item-six .direction_r .txt { padding-left: .3rem; padding-right: 0; }
.Tab_onc_one .item-six .direction_r .pic { text-align: left; }
.Tab_onc_one .item-seven { padding: .6rem 0; }
.Tab_onc_one .item-seven .auto-inner { direction: rtl; }
.Tab_onc_one .item-seven .text { position: relative; z-index: 5; }
.Tab_onc_one .item-seven .text .txt { padding-left: .1rem; color: #fff; direction: ltr; width: calc(100% - 6rem); }
.Tab_onc_one .item-seven .text .tit { margin-bottom: .2rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-seven .text .introd { line-height: 2; max-width: 5.5rem; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-seven .text .tu_img { margin-top: .3rem; max-width: 5.5rem; }
.Tab_onc_one .item-seven .text .tu_img .item { margin-bottom: .2rem; margin-right: .5rem; }
.Tab_onc_one .item-seven .text .tu_img .item.w100 { width: 100%; max-width: 100%; margin-right: 0; }
.Tab_onc_one .item-seven .text .tu_img .item:nth-child(2n) { margin-right: 0; }
.Tab_onc_one .item-seven .text .tu_img .item:last-child { margin-bottom: 0; }
.Tab_onc_one .item-seven .auto-inner .pic { width: 6rem; }
.Tab_onc_one .item-seven .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-seven .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_one .item-seven .img-box { width: 55vw; }
.Tab_onc_one .item-seven .direction_l { direction: ltr; }
.Tab_onc_one .item-seven .direction_l .txt { position: relative; z-index: 5; padding-left: 0; }
.Tab_onc_one .item-seven .direction_l .pic { text-align: left; }
.Tab_onc_one .item-seven .direction_l .img-box { margin-left: -7vw; }
.Tab_onc_one .item-eight { padding: .1rem 0; }
.Tab_onc_one .item-eight .auto-inner { direction: rtl; }
.Tab_onc_one .item-eight .text { min-height: 5.2rem; position: relative; z-index: 5; width: 100%; display: flex; align-items: center; }
.Tab_onc_one .item-eight .text .txt { width: 100%; color: #fff; direction: ltr; }
.Tab_onc_one .item-eight .text .tu_img { max-width: 5.5rem; }
.Tab_onc_one .item-eight .text .tu_img .item { margin-bottom: .2rem; margin-right: .5rem; }
.Tab_onc_one .item-eight .text .tu_img .item.w100 { width: 100%; max-width: 100%; margin-right: 0; }
.Tab_onc_one .item-eight .text .tu_img .item:nth-child(2n) { margin-right: 0; }
.Tab_onc_one .item-eight .text .tu_img .item:last-child { margin-bottom: 0; }
.Tab_onc_one .item-eight .text .tit { margin-bottom: .2rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-eight .text .introd { margin-bottom: .5rem; line-height: 2; max-width: 5.5rem; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-eight .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-eight .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_one .item-nine .auto-inner { direction: rtl; }
.Tab_onc_one .item-nine .text { position: relative; z-index: 5; }
.Tab_onc_one .item-nine .text .txt { color: #fff; direction: ltr; width: 50%; }
.Tab_onc_one .item-nine .text .tit { margin-bottom: .1rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-nine .text .introd { margin-bottom: .5rem; line-height: 2; max-width: 5.5rem; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-nine .text .tu_img { max-width: 5.5rem; }
.Tab_onc_one .item-nine .text .tu_img .item { margin-bottom: .2rem; margin-right: .5rem; }
.Tab_onc_one .item-nine .text .tu_img .item.w100 { width: 100%; max-width: 100%; margin-right: 0; }
.Tab_onc_one .item-nine .text .tu_img .item:nth-child(2n) { margin-right: 0; }
.Tab_onc_one .item-nine .auto-inner .pic { width: 50%; }
.Tab_onc_one .item-nine .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-nine .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_one .item-nine .img-box { width: 57vw; }
.Tab_onc_one .item-ten .text { position: relative; z-index: 5; }
.Tab_onc_one .item-ten .text .txt { color: #fff; direction: ltr; width: 48%; }
.Tab_onc_one .item-ten .text .tit { margin-bottom: .1rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-ten .text .introd { line-height: 2; max-width: 5.5rem; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-ten .text .tu_img { margin-top: .3rem; max-width: 5.5rem; }
.Tab_onc_one .item-ten .text .tu_img .item { margin-bottom: .2rem; margin-right: .5rem; }
.Tab_onc_one .item-ten .text .tu_img .item.w100 { width: 100%; max-width: 100%; margin-right: 0; }
.Tab_onc_one .item-ten .text .tu_img .item:nth-child(2n) { margin-right: 0; }
.Tab_onc_one .item-ten .auto-inner .pic { width: 52%; }
.Tab_onc_one .item-ten .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-ten .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_one .item-ten .img-box { width: 52vw; }
.Tab_onc_one .item-ten .direction_r { direction: ltr; }
.Tab_onc_one .item-ten .direction_r .txt { position: relative; z-index: 5; padding-left: 0; }
.Tab_onc_one .item-ten .direction_r .pic { text-align: left; }
.Tab_onc_one .item-eleven { text-align: center; }
.Tab_onc_one .item-eleven .text { position: absolute; left: 0; top: .8rem; width: 100%; z-index: 5; }
.Tab_onc_one .item-eleven .text .txt { color: #fff; }
.Tab_onc_one .item-eleven .text .txt .tit { margin-bottom: .2rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-eleven .text .txt .introd { font-family: 'Klavika-Light'; font-size: .2rem; line-height: 2; }
.Tab_onc_one .item-twelve .auto-inner { padding: .2rem 0; }
.Tab_onc_one .item-twelve .min400 { min-height: 4rem; }
.Tab_onc_one .item-twelve .min480 { min-height: 4.8rem; }
.Tab_onc_one .item-twelve .text { position: relative; z-index: 5; }
.Tab_onc_one .item-twelve .text .txt { color: #fff; direction: ltr; width: 50%; }
.Tab_onc_one .item-twelve .text .tit { margin-bottom: .1rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-twelve .text .introd { line-height: 2; max-width: 5.5rem; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-twelve .text .tu_img { margin-top: .5rem; max-width: 5.5rem; }
.Tab_onc_one .item-twelve .text .tu_img .item { margin-bottom: .2rem; margin-right: .5rem; }
.Tab_onc_one .item-twelve .text .tu_img .item.w100 { width: 100%; max-width: 100%; margin-right: 0; }
.Tab_onc_one .item-twelve .text .tu_img .item:nth-child(2n) { margin-right: 0; }
.Tab_onc_one .item-twelve .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-twelve .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_one .item-thirteen .text { padding-top: .8rem; position: relative; z-index: 5; text-align: center; }
.Tab_onc_one .item-thirteen .text .txt { color: #fff; }
.Tab_onc_one .item-thirteen .text .pic { margin-top: .5rem; }
.Tab_onc_one .item-thirteen .text .tit { margin-bottom: .1rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.Tab_onc_one .item-thirteen .text .introd { line-height: 2; font-size: .2rem; color: #ccc; font-family: 'Klavika-Light'; }
.Tab_onc_one .item-thirteen .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Tab_onc_one .item-thirteen .back img { width: 100%; height: 100%; object-fit: cover; }
.Tab_onc_two { padding: .8rem 0 1.5rem; }
.Tab_onc_two .table { color: #fff; margin-bottom: .8rem; border: solid 1px #3D3D3D; }
.Tab_onc_two .table li { border-bottom: solid 1px #3D3D3D; }
.Tab_onc_two .table li:last-child { border-bottom: none; }
.Tab_onc_two .table li .name { width: 3.6rem; padding: .15rem .2rem; border-right: solid 1px #3D3D3D; }
.Tab_onc_two .table li .txt { width: calc(100% - 3.6rem); padding: .15rem .35rem; padding-right: .2rem; font-family: 'Klavika-Light'; }
.Tab_onc_two .table li:hover { background: #333333; }
.Tab_onc_two .tishi { font-size: .18rem; color: #999999; line-height: .30rem; font-family: 'Klavika-Light'; font-weight: 300; }
.Tab_onc_three { padding: .8rem 0 1.5rem; }
.Tab_onc_three .Title { padding: .2rem 0; margin-bottom: .3rem; border-bottom: dashed 1px #3D3D3D; font-size: .26rem; color: #fff; font-family: 'Klavika-Bold'; font-weight: bold; }
.Tab_onc_three .Title .but { font-size: 0; }
.Tab_onc_three .Title .but a { margin-right: .3rem; padding: 0 .2rem; font-size: .18rem; line-height: 2.5; display: inline-block; color: #fff; background: #2466DE; border-radius: 5px; overflow: hidden; transition: all .5s; font-weight: 400; font-family: 'Klavika-Regular'; }
.Tab_onc_three .Title .but a span { padding-left: .25rem; background: url(../images/xiazai.png) no-repeat center left; }
.Tab_onc_three .Title .but a:last-child { margin-right: 0; }
.Tab_onc_three .Title .but a:hover { background: #3460AF; }
.Tab_onc_three .item { margin-bottom: 1.5rem; }
.Tab_onc_three .item:last-child { margin-bottom: 0; }
.Tab_onc_three .list_box .ol { margin-bottom: .2rem; }
.Tab_onc_three .list_box .ol .name { width: 80%; color: #ccc; font-size: .22rem; font-family: 'Klavika-Light'; }
.Tab_onc_three .list_box .ol .anu { font-size: 0; }
.Tab_onc_three .list_box .ol .anu a { padding: 0 .2rem; font-size: .18rem; line-height: 2.5; display: inline-block; color: #fff; background: #2466DE; border-radius: 5px; overflow: hidden; transition: all .5s; }
.Tab_onc_three .list_box .ol .anu a span { padding-left: .25rem; background: url(../images/xiazai.png) no-repeat center left; }
.Tab_onc_three .list_box .ol .anu a:hover { background: #3460AF; }
.Tab_onc_three .drive_box { color: #ccc; font-size: .22rem; font-weight: 300; line-height: .50rem; font-family: 'Klavika-Light'; }
@media(max-width:1366px) {
	.Tab_onc_one .item-one .text .tu_img .item, .Tab_onc_one .item-six .text .tu_img .item, .Tab_onc_one .item-five .text .tu_img .item, .Tab_onc_one .item-nine .text .tu_img .item, .Tab_onc_one .item-eight .text .tu_img .item, .Tab_onc_one .item-seven .text .tu_img .item, .Tab_onc_one .item-ten .text .tu_img .item, .Tab_onc_one .item-twelve .text .tu_img .item { max-width: 45%; }
}
@media(max-width:1024px) {
	.Pro-info-one .Pro_con { padding-left: .5rem; }
	.Pro-info-one .small_img .pic { width: auto; }
	.Tab_onc_one .item-two .text .pic img { max-width: 100%; }
}
@media(max-width:768px) {
	.Pro-info-one .switch_box { width: 100%; }
	.Pro-info-one .big_img .pic { min-height: 5rem; }
	.Pro-info-one .small_img .pic { height: 1.7rem; }
	.Pro-info-one .Pro_con { margin-top: .3rem; width: 100%; padding-left: 0; }
}
@media(max-width:640px) {
	.Pro-info-one .switch_box { width: 100%; }
	.Pro-info-one .big_img .pic { min-height: 5rem; }
	.Pro-info-one .small_img .pic { height: 1.1rem; }
	.Pro-info-one .Pro_con { margin-top: .3rem; width: 100%; padding-left: 0; }
	.Pro-info-one .tit_shell { font-size: .45rem; }
	.Pro-info-one .introd { font-size: .3rem; }
	.Pro-info-one .pro_log .item { max-width: 35%; }
	.Pro-info-two .item-con .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	.Pro-info-two .item-con .back img { width: 100%; height: 100%; object-fit: cover; }
	.Pro-info-two .item-one .text { padding: .8rem 0; position: relative; transform: translateY(0); z-index: 5; }
	.Pro-info-two .item-one .text .introd { max-width: 100%; font-size: .24rem; }
	.Pro-info-two .item-two .text { padding: .8rem 0; }
	.Pro-info-two .item-two .text .introd { max-width: 100%; font-size: .24rem; }
	.Pro-info-two .item-two .text .txt { margin-bottom: .5rem; }
	.Pro-info-two .item-three .text .txt { margin-bottom: .5rem; width: 100%; padding-left: 0; }
	.Pro-info-two .item-three .text .introd { max-width: 100%; font-size: .24rem; }
	.Pro-info-two .item-three .text .pic { text-align: center; width: 100%; }
	.Pro-info-two .item-three .text .pic img { width: 4rem; }
	.Pro-info-two .item-four .text { padding: .8rem 0; }
	.Pro-info-two .item-four .text .txt { margin-bottom: .5rem; width: 100%; padding-left: 0; }
	.Pro-info-two .item-four .text .introd { max-width: 100%; font-size: .24rem; }
	.Pro-info-two .item-four .text .pic { text-align: center; width: 100%; }
	.Pro-info-two .item-four .text .pic img { width: 4rem; }
	.Pro-info-two .item-five { padding: .8rem 0; }
	.Pro-info-two .item-five .text .txt { padding-left: 0; width: 100%; }
	.Pro-info-two .item-five .img-box { width: 100%; }
	.Pro-info-two .item-five .img-box img { max-width: 5rem; }
	.Pro-info-two .item-five .auto-inner .pic { width: 100%; text-align: center; }
	.Pro-info-two .item-five .text .introd { font-size: .24rem; max-width: 100%; }
	.Tab_onc_one .item-five .text .tu_img .item { max-width: calc(50% - .5rem); }
	.Tab_onc_one .item-six .text .txt { width: 100%; padding-right: 0; }
	.Tab_onc_one .item-six .text .introd { font-size: .24rem; max-width: 100%; }
	.Tab_onc_one .item-six .auto-inner .pic { margin-top: .3rem; width: 100%; text-align: center; }
	.Tab_onc_one .item-six .auto-inner .pic img { max-width: 5rem; }
	.Tab_onc_one .item-six .text .tu_img .item { max-width: calc(50% - .5rem); }
	.Tab_onc_one .item-six .direction_r .txt { padding-left: 0; }
	.Tab_onc_one .item-seven .text .txt { width: 100%; }
	.Tab_onc_one .item-seven .text .tu_img .item { max-width: calc(50% - .5rem); }
	.Tab_onc_one .item-seven .text .introd { font-size: .24rem; max-width: 100%; }
	.Tab_onc_one .item-seven .auto-inner .pic, .Tab_onc_one .item-seven .img-box { width: 100%; }
	.Tab_onc_one .item-eight .text .introd { font-size: .24rem; max-width: 100%; }
	.Tab_onc_one .item-nine .text { padding: .5rem 0; }
	.Tab_onc_one .item-nine .text .introd { font-size: .24rem; max-width: 100%; }
	.Tab_onc_one .item-nine .text .txt, .Tab_onc_one .item-nine .img-box, .Tab_onc_one .item-nine .auto-inner .pic { width: 100%; }
	.Tab_onc_one .item-nine .text .tu_img .item { max-width: calc(50% - .5rem); }
	.Tab_onc_one .item-ten .auto-inner .pic { width: 100%; }
	.Tab_onc_one .item-ten .text .txt { width: 100%; }
	.Tab_onc_one .item-ten .text .introd { max-width: 100%; font-size: .24rem; }
	.Tab_onc_one .item-ten .text .img-box { margin-top: .2rem; margin-left: 0; width: 100%; }
	.Tab_onc_one .item-twelve .text .txt { width: 100%; }
	.Tab_onc_one .item-twelve .text .introd { max-width: 100%; font-size: .24rem; }
	.Tab_onc_one .item-twelve .text .tu_img .item { max-width: calc(50% - .5rem); }
}

/* 新闻列表 */
.news-title { padding-bottom: .8rem; margin-bottom: .8rem; font-size: .24rem; color: #fff; border-bottom: solid 1px #fff; font-family: 'Klavika-Medium'; }
.news-list { background: #000; padding: 1rem 0; }
.news-list li { margin-bottom: .8rem; }
.news-list li .pic { width: 28.334%; border-radius: 10px; overflow: hidden; }
.news-list li .pic figure { padding-bottom: 73.53%; background-size: cover; transition: all .5s; }
.news-list li .text { color: #fff; padding-left: .5rem; width: 71.5%; }
.news-list li .text .up { display: grid; width: 100%; }
.news-list li .text .tit { margin-bottom: .2rem; font-size: .24rem; transition: all .5s; font-family: 'Klavika-Medium'; }
.news-list li .text .introd { font-size: .18rem; line-height: 2; color: #999; }
.news-list li .text .tiem { font-size: .14rem; }
.news-list li:hover .text .tit { color: #D32F2F; }
.news-list li:hover .pic figure { transform: scale(1.05); }
@media(max-width:640px) {
	.news-title { font-size: .36rem; padding-bottom: .3rem; margin-bottom: .4rem; }
	.news-list li { margin-bottom: .4rem; }
	.news-list li .pic { width: 100%; }
	.news-list li .pic figure { background-size: cover; transition: all .5s; }
	.news-list li .text { width: 100%; padding: .3rem 0; }
	.news-list li .text .introd { margin-bottom: .2rem; font-size: .24rem; }
	.news-list li .text .tiem { font-size: .24rem; }
	.news-list li .text .tit { font-size: .3rem; }
}

/* 产品列表 */
.pro-list .item { background: #333333; width: 29.167%; margin-right: 6.2222%; border-radius: 10px; overflow: hidden; border: solid .02rem #000; transition: all .5s; margin-bottom: .8rem; }
.pro-list .item:nth-child(3n) { margin-right: 0; }
.pro-list .item .pic { background: #141414; padding: .47rem .28rem; }
.pro-list .item a { color: #fff; }
.pro-list .item .text { padding: .15rem .20rem; }
.pro-list .item .text .tit { font-size: .24rem; letter-spacing: 1px; font-family: 'Klavika-Medium'; }
.pro-list .item .text dl { font-size: .16rem; color: #CCCCCC; line-height: .25rem; margin-top: .2rem; width: 100%; font-family: 'Klavika-Light'; }
.pro-list .item .text dl .name {/* min-width:5em; */ }
.pro-list .item .text dl .grid { display: grid; }
.pro-list .item:hover { border-color: #D32F2F; }
@media(max-width:640px) {
	.pro-list .item:nth-child(3n), .pro-list .item { width: 49%; margin-right: 2%; margin-bottom: 2%; }
	.pro-list .item:nth-child(2n) { margin-right: 0; }
	.pro-list .item .text { padding: .15rem .1rem; }
}

/* 产品详情 */
.news-info { color: #999; background: #000; padding: 1rem 0; }
.news-info .info-title .title { color: #fff; margin-bottom: .5rem; font-size: .3rem; font-family: 'Klavika-Medium'; }
.news-info .info-title .tiem { color: #fff; font-size: .14rem; }
.news-info .info-con { font-size: .18rem; line-height: .35rem; }
.news-info .return a { color: #fff; }
.news-info .return a em { margin-right: .1rem; font-style: normal; }
.news-info .return a:hover { color: #D32F2F; }

/* 分页 */
.Page002274 { text-align: center; padding: .5rem 0; color: #fff; font-family: 'Klavika-Medium'; }
.Page002274 .Pages * { vertical-align: middle; }
.Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end, .Page002274 .Pages .p_jump, .Page002274 .Pages .p_total { display: none; }
.Page002274 .Pages a { display: inline-block; width: 30px; line-height: 30px; margin: 0 2px; color: #fff; transition: all .5s; border-radius: 5px; overflow: hidden; }
.Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur { color: #fff; background-color: #EF322E; }
.Page002274 .Pages em { font-style: normal; display: inline-block; vertical-align: middle; }
.Page002274 .Pages .i_text { width: 30px; height: 30px; line-height: 30px; }
.Page002274 .Pages .i_button { cursor: pointer; background: none; width: 30px; height: 30px; }
.Page002274 .Pages .p_jump b { font-weight: normal; margin: 0 5px; }
.Page002274 .Pages .a_prev, .Page002274 .Pages .a_next { font-family: 'Klavika-Medium'; /* font-weight: bold; */ }
@media(max-width:1000px) {
	.Page002274 .Pages em { display: none; }
}
@media(max-width:640px) {
	.Page002274 { padding-top: 0; }
	.Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end { display: none; }
	.Page002274 .Pages a { padding: 0 10px; }
}

/* 内页 */
.main-Inside { background: #000; min-height: 58.1vh; padding: .8rem 0; }
.back_Inside { position: fixed; left: 0; bottom: -1rem; height: 7rem; width: 100%; background-image: url(../images/about-img2.png); background-position: top center; background-repeat: no-repeat; background-size: cover; }

/* 关于瀚铠 */
.about-title { margin-bottom: .8rem; font-size: .6rem; font-family: 'YouSheBiaoTiHei'; }
.about-title .back { width: 4.85rem; text-align: center; background-position: center; background-repeat: no-repeat; background-size: contain; padding: .68rem 0; background-image: url(../images/about-img.png); }
.about-box { position: relative; z-index: 5; font-size: .24rem; line-height: .40rem; letter-spacing: 1.5px; color: #fff; font-family: 'Klavika-LightCond'; font-weight: normal; }
.about-box p { margin: 0; }
@media(max-width:1024px) {
	.back_Inside { top: 4.3rem; bottom: auto; }
}
@media(max-width:640px) {
	.about-title { font-size: .4rem; }
}

/* 高清壁纸页 */
.Hd-wallpaper { min-height: 41vh; padding-bottom: 1rem; }
.Hd-wallpaper .Hd-tit { color: #fff; text-align: center; }
.Hd-wallpaper .Hd-tit .tit { /* letter-spacing:.05rem; */ font-size: .5rem; font-family: 'Klavika-Bold'; font-weight: bold; }
.Hd-wallpaper .Hd-tit .tishi { /* letter-spacing:.05rem; */ font-size: .20rem; font-family: 'Klavika-Light'; }
.Hd-wallpaper .category_pull { color: #fff; margin-top: .3rem; }
.Hd-wallpaper .category_pull .ul { display: none; }
.Hd-wallpaper .category_pull .item { min-width: 1.5rem; margin: 0 .2rem; }
.Hd-wallpaper .category_pull .item .name { margin-bottom: .1rem; padding: 0 .13rem; font-size: .14rem; }
.Hd-wallpaper .category_pull .select_pull { position: relative; line-height: 2.5; width: 100%; font-size: .14rem; color: #fff; background: #1F2021; display: block; padding: 0 .13rem; padding-right: .2rem; outline: none; border-radius: 5px; border: none; }
.Hd-wallpaper .category_pull .select_pull .txt { position: relative; cursor: pointer; }
.Hd-wallpaper .category_pull .select_pull .txt::after { position: absolute; top: 50%; right: -.1rem; content: ''; display: block; width: 12px; height: 7px; background: url(../images/arrow1.png); margin-top: -3.5px; transition: all .5s; }
.Hd-wallpaper .category_pull .select_pull .txt::after { transform: rotate(180deg); }
.Hd-wallpaper .category_pull .select_pull .ul { background: #1F2021; line-height: 2; position: absolute; top: 102%; left: 0; width: 100%; padding: .1rem .13rem; border-radius: 5px; overflow: hidden; }
.Hd-wallpaper .category_pull .select_pull .ul li a { cursor: pointer; color: #999; }
.Hd-wallpaper .category_pull .select_pull .ul li:hover { color: #fff; }
.Hd-wallpaper .category_pull .select_pull:hover .ul { display: block; }
.wallpaper-list { padding-bottom: 1.5rem; margin-top: 1rem; }
.wallpaper-list .item { width: 29.167%; margin-right: 6.2%; }
.wallpaper-list .item:nth-child(3n) { margin-right: 0; }
.wallpaper-list .item .pic { border-radius: 10px 10px 0 0; overflow: hidden; }
.wallpaper-list .item .pic figure { display: block; padding-bottom: 72%; }
.wallpaper-list .item .text { position: relative; padding: .2rem .15rem; }
.wallpaper-list .item .text::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #333333; border-radius: 0 0 10px 10px; overflow: hidden; }
.wallpaper-list .item .tit { position: relative; z-index: 5; font-family: 'Klavika-Medium'; margin-bottom: .2rem; font-size: .24rem; color: #fff; }
.wallpaper-list .item .text .Aniu { font-size: .14rem; position: relative; z-index: 5; }
.wallpaper-list .item .dow { text-align: center; width: 48%; }
.wallpaper-list .item .dow a { display: block; line-height: 2.5; font-size: .14rem; background: #1F2021; display: block; padding: 0 .13rem; border-radius: 5px; border: none; cursor: pointer; }
.wallpaper-list .item .dow a span { display: inline-block; color: #fff; background: url(../images/xiazai.png) left center no-repeat; padding-left: .2rem; background-size: .1rem; }
.wallpaper-list .select_pull { width: 48%; position: relative; line-height: 2.5; font-size: .14rem; color: #fff; background: #1F2021; display: block; padding: 0 .13rem; padding-right: .2rem; outline: none; border-radius: 5px; border: none; }
.wallpaper-list .select_pull .txt { position: relative; cursor: pointer; font-family: 'Klavika-Light'; }
.wallpaper-list .select_pull .txt::after { position: absolute; top: 50%; right: -.1rem; content: ''; display: block; width: 12px; height: 7px; background: url(../images/arrow1.png); margin-top: -3.5px; transition: all .5s; }
.wallpaper-list .select_pull .txt::after { transform: rotate(180deg); }
.wallpaper-list .select_pull .ul { background: #1F2021; line-height: 2; position: absolute; top: 102%; left: 0; padding: .1rem .13rem; border-radius: 5px; overflow: hidden; display: none; }
.wallpaper-list .select_pull .ul li { padding: .03rem .1rem; cursor: pointer; color: #999; border-bottom: solid 1px #3D3D3D; }
.wallpaper-list .select_pull .ul li:last-child { border-bottom: none; }
.wallpaper-list .select_pull .ul li:hover { color: #fff; font-family: 'Klavika-Light'; }
.wallpaper-list .select_pull:hover .ul { display: block; }
@media(max-width:768px) {
	.wallpaper-list .item { width: 30%; margin-right: 5%; }
}
@media(max-width:640px) {
	.Hd-wallpaper { padding-bottom: 0; }
	.wallpaper-list { padding-bottom: 1rem; }
	.wallpaper-list .item:nth-child(3n), .wallpaper-list .item { width: 49%; margin-right: 2%; margin-bottom: 2%; }
	.wallpaper-list .item .dow a span { background-size: .15rem; }
	.wallpaper-list .item:nth-child(2n) { margin-right: 0; }
}

/* 使用条款 */
.Terms-use { position: relative; z-index: 6; color: #ccc; font-size: .20rem; line-height: .40rem; letter-spacing: 1.2px; font-family: 'Klavika-LightCond'; font-weight: normal; }
.Terms-use p { margin: 0; }
.Terms-use-box .back_Inside { top: 2rem; }
.Terms-use .point li { padding-left: 0.6em; position: relative; }
.Terms-use .point li::after { position: absolute; left: 0; top: 1em; content: ''; background: #ccc; width: 2px; height: 2px; border-radius: 100%; overflow: hidden; }

/* 质保政策 */
.Quality-title { color: #fff; margin-bottom: .8rem; font-size: .32rem; font-family: 'YouSheBiaoTiHei'; }
.Quality-title .back { width: 12rem; text-align: center; background-image: url(../images/about-2img.png); background-position: center; background-repeat: no-repeat; background-size: contain; padding: .68rem 0; }
.Quality-box { position: relative; z-index: 6; color: #ccc; font-size: .20rem; line-height: .40rem; letter-spacing: 1.5px; font-family: 'Klavika-LightCond'; }
.Quality-box p { margin: 0; }
.Quality-box .point li { padding-left: 0.6em; position: relative; }
.Quality-box .point li::after { position: absolute; left: 0; top: 1em; content: ''; background: #ccc; width: 2px; height: 2px; border-radius: 100%; overflow: hidden; }
@media(max-width:640px) {
	.Quality-title { font-size: .4rem; }
}

/* 驱动下载 */
.download-menu { font-size: .18rem; padding-bottom: .8rem; }
.download-menu a { display: block; margin-right: .3rem; margin-bottom: .05rem; color: #fff; padding: .08rem .1rem; border-radius: 5px; overflow: hidden; }
.download-menu a:hover, .download-menu a.active { background: #D32F2F; }
.download-menu a:last-child { margin-right: 0; }
.download-list .item { border-top: solid 1px #eee; padding: .8rem .3rem; }
.download-list .item:last-child { border-bottom: none; }
.download-list .pic { width: 48.246%; background: #fff; padding: .23rem .425rem; border-radius: .2rem; overflow: hidden; }
.download-list .pic a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.download-list .pic figure { padding-bottom: 54.96%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.download-list .text { color: #fff; width: 51%; padding-left: 13%; }
.download-list .text .oku { width: 100%; }
.download-list .text .tit { font-size: .24rem; margin-bottom: .05rem; font-family: 'Klavika-Medium'; }
.download-list .text dl { line-height: .25rem; font-size: .14rem; color: #ccc; font-family: 'Klavika-Light'; font-weight: 300; }
.download-list .text dl .name { white-space: nowrap; }
.download-list .text dl dt { margin-bottom: .2rem; }
.download-list .text .but { margin-top: .1rem; width: 100%; }
.download-list .text .iaiu { font-size: .18rem; margin-right: .3rem; }
.download-list .text .iaiu a { padding: 0 .1rem; display: block; line-height: 2.3; background: #2466DE; color: #fff; border-radius: 5px; overflow: hidden; }
.download-list .text .iaiu:last-child { margin-right: 0; }
.download-list .text .iaiu a:hover { background: #3460AF; }
@media(max-width:640px) {
	.download-list .pic { width: 100%; }
	.download-list .text { padding: .3rem 0 0; width: 100%; }
	.download-list .text .but { margin-top: .4rem; }
}

/*  */
.SalesNetwork { max-width: 1060px; margin: 0 auto; }
.HankaiCooperative { width: 100%; }
.HankaiCooperative .Title { margin-bottom: .5rem; font-size: .3rem; color: #fff; }
.HankaiCooperative .item { background: #141414; min-width: 23%; margin-right: .2%; border-top: solid 5px #D32F2F; }
.HankaiCooperative .item .bit { padding: .1rem .2rem; background: #1F2021; font-size: .2rem; color: #D32F2F; }
.HankaiCooperative .item .introd { padding: .2rem; font-size: .14rem; }
.HankaiCooperative .item .oi { margin-bottom: .1rem; color: #7E7E7E; }
.HankaiCooperative .item .oi a { color: #7E7E7E; }
.HankaiCooperative .item .oi:hover, .HankaiCooperative .item .oi:hover a { color: #fff; }
.HankaiCooperative .Hankai_list { width: 100%; }
.HankaiDealer { margin-top: 1.3rem; }
.HankaiDealer .Title { margin-bottom: .5rem; font-size: .3rem; color: #fff; }
.HankaiDealer .overflow { width: 100%; }
.HankaiDealer table { width: 100%; border-right: none; }
.HankaiDealer tr th { font-weight: 500; border-right: solid .05rem #000; text-align: left; padding: .05rem .2rem; font-size: .2rem; color: #D32F2F; background: #1F2021; }
.HankaiDealer tr th:last-child { border-right: none; }
.HankaiDealer tr td { background: #141414; color: #fff; padding: .1rem .2rem; border-right: solid .05rem #000; }
.HankaiDealer tr th:nth-child(1) { width: 15%; }
.HankaiDealer tr th:nth-child(2) { width: 33%; }
.HankaiDealer tr th:nth-child(3) { width: 15%; }
.HankaiDealer tr th:nth-child(4) { width: 25%; }
.HankaiDealer tr td:last-child { border-right: none; }
.HankaiDealer tr td .area { color: #D32F2F; font-size: .2rem; }
.HankaiDealer tr td.line { border-bottom: solid 1px #333333; }
.HankaiDealer tr td.line2 { border-bottom: solid .05rem #000; }
.HankaiDealer tr td.line3 { border-right: solid .05rem #000; }
@media(max-width:1024px) {
	.HankaiCooperative .item { width: 49%; margin-bottom: 2%; }
	.HankaiCooperative .item:nth-child(2n) { margin-right: 0; }
	.HankaiCooperative .Title { margin-bottom: .3rem; }
}
@media(max-width:640px) {
	.HankaiCooperative .Title { font-size: .36rem; }
	.HankaiCooperative .item .bit { font-size: .28rem; }
	.HankaiCooperative .item .introd { font-size: .2rem; }
	.HankaiDealer tr th:nth-child(1) { width: 17%; }
	.HankaiDealer .overflow { opacity: auto; }
}