/*============================Index============================*/
.img_scale{overflow: hidden;}
.img_scale:hover img{transform: scale(1.05);}
a:hover{text-decoration: none;}
.ixPart1{position:relative;}
.ixPart1 .img{height:73.6vh;}
.ixPart1 .text{width:42%;margin:100px 0 0 0;}
.ixPart1 .text .t1{font-size:60px;text-transform:uppercase;}
.ixPart1 .text .t2{font-size:150px;text-transform:uppercase;}
.ixPart1 .text .t3{font-size:36px;}
.ixPart1 .text .t4{display:inline-block;line-height:45px;padding:0 40px;border-radius:3px;margin-top:30px;}
.ixPart2{padding:60px 0 80px 0;}
.ixPart2 img{width:100%;}
.ixPart2 .left,.ixPart2 .right{width:49%;}
.ixPart2 .left{position:relative;}
.ixPart2 .left .text{position:absolute;top:60px;left:40px;z-index: 1;}
.ixPart2 .left:hover .text{margin-left: 10px;}
.ixPart2 .left .text .t1{font-size:60px;}
.ixPart2 .left .text .t2{font-size:16px;}
.ixPart2 .left .text .t3{display:inline-block;text-transform:uppercase;line-height:45px;padding:0 45px;border-radius:3px;margin-top:50px;}
.ixPart2 .right .box{width:47.95918%;}
.ixPart2 .right .box1{margin-bottom:4.0816%;position:relative;}
.ixPart2 .right .box1 .text{width:100%;font-size:30px;text-transform:uppercase;position:absolute;top:60px;left:0;}
.ixPart2 .right .box1 .text span{display:block;font-size:72px;font-weight:bold;}
.ixPart2 .right .box1 .text a{display:inline-block;font-size:14px;line-height:45px;padding:0 45px;border-radius:3px;margin-top:50px;}
.ixPart2 .right .box2{position: relative;}
.ixPart2 .right .box2 .img_text{position: absolute;top: 60px;left: 20px;}
.ixPart2 .right .box2:hover .img_text{left: 30px;}
.ixPart2 .right .box2 .tit{display: block;font-size: 36px;line-height: 36px;}
.ixPart2 .right .box2 .sub{display: block;font-size: 40px;line-height: 46px;}
.ixPart3{padding-bottom: 60px;max-width: 1920px;margin: 0 auto;margin-top: 60px;}
.ixPart3 img{max-height: 100%;}
.ixPart3 .tit{padding:0 15px;text-transform:uppercase;margin-bottom: 10px;}
.ixPart3 .tit .left{font-size:24px;}
.ixPart3 .tit .right span{margin-left:60px;cursor:pointer;}
.ixPart3 .tit .line{display: none;width:100%;height:2px;position:relative;margin-top:20px;}
.ixPart3 .tit .line em{display:block;width:13%;height:4px;position:absolute;top:-1px;left:0;}
.ixPart3 .list .boxWrap{width:23%;padding:0 1%;margin-top:15px;}
.ixPart3 .list .boxWrap .img{position: relative;width: 100%;height: 0;padding-top: 133%;}
.ixPart3 .list .boxWrap .img img{max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin:auto;width: 100%;}
.ixPart3 .list .box{padding:15px;}
.ixPart3 .list .box .bg{height: 34px;opacity: 0;position: absolute;width: 100%;left: 0;top: 100%;transition: all 0.3s ease-out;}
.ixPart3 .list .box .bg a{display:inline-block;width:34px;height:34px;border-radius:50%;background-repeat:no-repeat;background-size:auto;margin:0 2px;box-sizing: border-box;}
.ixPart3 .list .box .pro_price{opacity: 1;position: absolute;width: 100%;left: 0;top: 0;transition: all 0.3s ease-out;}
.ixPart3 .list .box .pro_price .themes_products_price,.ixPart3 .list .box .pro_price .themes_products_origin_price{display: inline-block;}
.ixPart3 .list .box .pro_price .themes_products_price *,.ixPart3 .list .box .pro_price .themes_products_origin_price *{float: left;}
.ixPart3 .list .box:hover .pro_price{opacity: 0;top: 100%;}
.ixPart3 .list .box:hover .bg{opacity:1;top: 0;}
.ixPart3 .list .box .star{padding:10px 0;}
.ixPart3 .list .box .star img{margin:0 1px;}
.review_star{margin-bottom:13px;margin-top: 13px;}
.ixPart3 .list .box .t1{display:block;height:48px;line-height:24px;overflow:hidden;transition: all 0.3s ease-out;font-size: 17px;font-weight: bold;}
.ixPart3 .list .box .t2{height: 34px;line-height:34px;font-size:22px;margin:20px 0 10px;position: relative;}
.ixPart3 .list .box .t2 .themes_products_origin_price{font-size: 18px; text-decoration: line-through;}
.ixPart3 .list .box .t2 .themes_products_origin_price *{text-decoration: line-through;}
.ixPart3 .list .box .t2 .themes_subtitle{text-decoration:line-through;margin-left:10px;}
/* .ixPart3 .list .box .t2>span,.ixPart3 .list .box .t2 em{vertical-align:top;} */
.ixPart4{max-width: 1920px;margin: 0 auto;font-size:16px;background-size:cover;margin-bottom:80px;position:relative;}
.ixPart4 .img{width:100%;overflow:hidden;}
.ixPart4 .img img{max-width:inherit;transition: all 0.3s ease-out;}
.ixPart4 .txt{width:100%;margin:0 auto;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.ixPart4:hover img{transform: scale(1.05);}
.ixPart4 span{display:block;font-size:60px;margin-bottom:30px;}
.ixPart4 a{display:inline-block;line-height:45px;padding:0 45px;border-radius:3px;margin-top:70px;transition: all 0.3s ease-out;}

.header .navBar li>a{color: white !important;}
/* .header.focus_index .navBar li>a{color: #000 !important;} */

body .global_mode_special1 .special_w1680{width: 96%; max-width: 1680px; min-width: unset;}

/*============================媒体查询============================*/
@media screen and (max-width:1600px){
	.ixPart1 .text .t2{font-size:100px;}
}
@media screen and (max-width:1520px){
	.ixPart2 .wrap{width:98%;padding:0 1%;}
}
@media screen and (max-width:1440px){
	.ixPart2 .left .text .t1{font-size: 40px;}
	.ixPart2 .right .box1 .text{font-size:24px;}
	.ixPart2 .right .box1 .text span{font-size:60px;}
	.ixPart2 .right .box1 .text a{margin-top:30px;}
}
@media screen and (max-width:1280px){
	.ixPart1 .text .t3{font-size:30px;}
}
@media screen and (max-width:1100px){
	.ixPart1 .text .t2{font-size:90px;}
	.ixPart2 .left .text{top:40px;left:20px;}
	.ixPart2 .right .box1 .text{font-size:20px;top:40px;}
}
@media screen and (max-width:1000px){
	.ixPart1 .img{height:950px;}
	.ixPart1 .dot{width:100%;position:absolute;left:0;bottom:30px;}
	.ixPart1 .dot span{display:inline-block;width:17px;height:17px;background-repeat:no-repeat;background-size:contain;margin:0 5px;}
	.ixPart1 .text{width:100%;position:absolute;bottom:10%;margin:0;line-height:inherit;}
	.ixPart1 .text .t1{font-size:46px;}
	.ixPart1 .text .t2{font-size:110px;}
	.ixPart1 .text .t3{font-size:28px;}
	.ixPart1 .text .t4{line-height:50px;font-size:24px;margin-top:20px;}
	.ixPart2{padding:60px 0;}
	.ixPart2 .left,.ixPart2 .right{width:100%;}
	.ixPart2 .left{margin-bottom:30px;}
	.ixPart2 .left .text{top:60px;left:40px;}
	.ixPart2 .right .box1 .text{font-size:28px;top:60px;}
	.ixPart2 .right .box1 .text span{font-size:72px;}
	.ixPart2 .right .box2 .tit{font-size: 18px;line-height: 24px;}
	.ixPart2 .right .box2 .sub{font-size: 20px;line-height: 30px;}
	.ixPart2 .right .box2 .img_text{top: 20px;left: 15px;}
	.ixPart2 .right .box2:hover .img_text{left: 15px;}
	.ixPart3 .left,.ixPart3 .right{width:100%;}
	.ixPart3 .tit{text-align:center;margin-bottom: 15px;}
	.ixPart3 .tit .left{font-size:50px;}
	.ixPart3 .tit .right{margin:20px 0;}
	.ixPart3 .tit .right span{display:inline-block;font-size:28px;margin:0 20px 10px;}
	.ixPart3 .tit .line{display: none;width:30%;height:2px;margin-top:0;}
	.ixPart3.top_product .tit .line{display:none;}
	.ixPart3.top_product .tit .right{margin:20px 0 0 0;height: 30px;white-space: nowrap;overflow-x: auto;}
	.ixPart3.top_product .list .boxWrap:last-of-type{width:98%;text-align:left;}
	.ixPart3.top_product .list .boxWrap:last-of-type .box::before{content:'';display:table;}
	.ixPart3.top_product .list .boxWrap:last-of-type .box::after{content:'';display:table;clear:both;}
	.ixPart3.top_product .list .boxWrap:last-of-type .img{float:left;width:50%;padding-top: 50%;padding-right:5%;}
	.ixPart3.top_product .list .boxWrap:last-of-type .star{margin:40px 0 10px 0;}
	.ixPart3.top_product .list .boxWrap:last-of-type .bg{display:none;}
	.ixPart3 .list .boxWrap{width:48%;}
	.ixPart3 .list .box .t1{font-size:28px;line-height:32px;height:64px;}
	.ixPart3 .list .box .t2{font-size:28px;height: auto;margin: 0;padding: 0;}
	.ixPart3 .list .box:hover .pro_price{opacity: 1;top: 0;}
	.ixPart3 .list .box .pro_price{position: static;}
	.ixPart3 .list .box .bg{display: none;}
	.ixPart3 .list .box .t2>span{font-size:28px;}
	.ixPart3 .list .box .t2 .themes_subtitle{font-size: 24px;}
	.ixPart3 .list .box .bg{opacity: 1;}
	.ixPart4{font-size:18px;padding:0px 0 15px 0;}
	.ixPart4 .img img{margin-left:calc((100% / 2 + 50vw) * -1);}
	.ixPart4 span{font-size:40px;margin-bottom:10px;}
	.ixPart4 a{margin-top:25px;line-height:40px;padding:0 25px;}

	body .global_mode_special1{padding: 30px 0;}
}
@media screen and (max-width:770px){
	.ixPart1 .img{height:746px;}
	.ixPart1 .text .t2{font-size:80px;}
	.ixPart3 .list .box .t2>span{font-size:22px;}
	.ixPart3 .list .box .t2 .themes_subtitle{font-size: 18px;}
}
@media screen and (max-width:600px){
	.ixPart2 .right .box1 .text{font-size:20px;top:40px;}
	.ixPart2 .right .box1 .text span{font-size:50px;}
	.ixPart3 .list .box .t2>span{font-size:18px;}
	.ixPart3 .list .box .t2 .themes_subtitle{font-size: 14px;}
}
@media screen and (max-width:500px){
	.ixPart2{padding:15px 5px 30px;}
	.ixPart2 .wrap{width:98%;padding:0 1%;}
	.ixPart2 .left .text{top:20px;left:20px;}
	.ixPart2 .left .text .t1{font-size:30px;margin-bottom:10px;}
	.ixPart2 .left .text .t3{margin-top:30px;line-height:40px;padding:0 25px;}
	.ixPart2 .right .box1 .text{font-size:16px;}
	.ixPart2 .right .box1 .text span{font-size:40px;margin-bottom:10px;}
	.ixPart2 .right .box1 .text a{font-size:12px;line-height:30px;padding:0 20px;}
	.ixPart3{padding:0 5px 30px 5px;}
	.ixPart3 .tit .left{font-size:22px;}
	.ixPart3 .tit .right{margin:10px 0;}
	.ixPart3 .tit .right span{font-size:16px;}
	.ixPart3 .list .boxWrap{width: calc(48vw - 5px);padding: 0 1vw;margin-top:2vw;}
	.ixPart3 .list .box .t1{font-size:14px;line-height:20px;height:40px;}
	.ixPart3 .list .box .t2{font-size:14px;padding:0;}
	.ixPart3 .list .box .t2 .themes_products_origin_price{font-size: 12px;}
	.ixPart3 .list .box .t2>span{font-size:14px;}
	.ixPart3 .list .box .t2 .themes_subtitle{font-size: 12px;}
	.ixPart4{font-size:14px;margin-bottom:10px;}
	.ixPart4 span{font-size:30px;}
	.ixPart4, .ixPart4 img{max-height: 320px;}
}
@media screen and (max-width:414px){
	.ixPart1 .img{height:412px;}
	.ixPart1 .text .t1{font-size:20px;}
	.ixPart1 .text .t2{font-size:40px;}
	.ixPart1 .text .t3{font-size:16px;}
	.ixPart1 .text .t4{line-height:30px;padding:0 20px;font-size:12px;}
	.ixPart1 .dot{bottom:10px;}
	.ixPart1 .dot span{width:12px;height:12px;}
	.ixPart2 .left,.ixPart2 .right .box1{margin-bottom:15px;}
	.ixPart2 .left .text{width:60%;top:15px;left:15px;}
	.ixPart2 .left .text .t1{font-size:20px;}
	.ixPart2 .left .text .t2{font-size:12px;}
	.ixPart2 .left .text .t3{line-height:30px;padding:0 15px;font-size:12px;margin-top:20px;}
	.ixPart2 .right .box1 .text{top:30px;font-size:12px;}
	.ixPart2 .right .box1 .text span{font-size:30px;}
	.ixPart2 .right .box1 .text a{line-height:24px;padding:0 15px;margin-top:20px;}
}


/* access */
.box_access .clearfix{padding:0 5px;}
.box_access .col_md_6{box-sizing:inherit;}
.box_access .col_md_6:nth-child(odd){margin-left:-5px; padding-left:0;}
.box_access .col_md_6:nth-child(even){margin-right:-5px; padding-right:0;}
.access_li{overflow:hidden; position:relative;}
.access_li a{display:block; width:100%; height:100%;}
.access_li img{width:100%;}
.access_li .hover_text{position:absolute; width:47%; max-height:100%; left:8%; top:50%; transform:translateY(-50%);}
.access_li .themes_title{padding-bottom:8px;}

.access_li img{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.access_li a:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.access_li a:before, .access_li a:after{content:""; width:100%; height:100%; background:rgba(144,144,144,.1); opacity:0; position:absolute; top:0; left:-100%; z-index:1; transition:all 0.6s ease 0s;}
.access_li a:after{left:auto; right:-100%;}
.access_li a:hover:before{left:50%; opacity:1;}
.access_li a:hover:after{right:50%; opacity:1;}

.box_access .box_access_list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.box_access .box_access_list .box_access_item{width: 100%; margin: 0;}

@media (max-width:1000px) {
	.box_access .title0{padding-top:30px; }
	.box_access .title0_p {padding-bottom:15px;}
	.box_access .clearfix{padding:0;}
	.box_access .col_md_6{margin:0!important; padding-right:0; padding-left:0;}
}

[class*=col_]{float:left; box-sizing:border-box;}
.col_md_3{width:25%;}
.col_md_4{width:33.3333333%;}
.col_md_6{width:50%;}
.title0{font-size:46px; padding: 40px 0; line-height:1.2em;text-align: center;}

/* 博客模块 */
.text_center{text-align: center;}
.bx_fs32{font-size: 32px;}
.bx_p30{padding: 30px;}
.bx_pt50{padding-top: 50px;}
/* .bx_pt75{padding-top: 75px;} */
.title1{font-size: 40px; color: #222;}
.bx_relative{position: relative;}
.container{width: 100%; margin: 0 auto; padding-right: 10px!important; padding-left: 10px!important; box-sizing: border-box;}
.updates .swiper_container{max-width: 1160px; margin: 0 auto;}
.updates .slide{width: 570px; float: left; margin-right: 20px;}
.updates .bx_text_p2{font-size: 18px; margin: 15px 0 20px;}
.time{font-size: 12px;}
a[class]:hover{text-decoration: none;}
.button_next, .button_prev{position:absolute; top:50%; left:0;}
.button_next{left:auto; right:0;}
.button_next{background-repeat:no-repeat; background-position:center center; background-size:10px 15px;}
.button_prev{background-repeat:no-repeat; background-position:center center; background-size:10px 15px;}
.button_prev.btn_cirlce, .button_next.btn_cirlce{background-color: #fff; width: 51px; height: 51px; background-size: 15px 15px; background-position: center center; background-repeat: no-repeat;}
.button_prev.btn_cirlce:hover{background-repeat:no-repeat; background-position:center center; background-size:10px 15px;}
.button_next.btn_cirlce:hover{background-repeat:no-repeat; background-position:center center; background-size:10px 15px;}
.button_prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff710d'%2F%3E%3C%2Fsvg%3E");}
.button_prev.btn_cirlce:hover{background-color: #ff710d; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.button_next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff710d'%2F%3E%3C%2Fsvg%3E");}
.button_next.btn_cirlce:hover{background-color: #ff710d; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.updates .button_prev.btn_cirlce{position: absolute; top: 0; left: 0; bottom: 0; margin: auto;}
.updates .button_next.btn_cirlce{position: absolute; top: 0; right: 0; bottom: 0; margin: auto;}
@media (min-width: 768px){
	.container{max-width: 740px; padding-right: 0!important; padding-left: 0!important;}
}
@media (min-width: 992px){
	.container{max-width: 960px;}
}
@media (min-width: 1200px){
	.container{max-width: 1200px;}
}
@media (min-width: 1440px){
	.container{max-width: 1440px;}
}
@media (max-width: 1366px){
	.bx_fs32{font-size: 22px;}
	.updates .slide{width: 472.5px; margin-right: 15px;}
	.updates .bx_text_p2{font-size: 14px;}
}
@media (max-width: 1000px){
	.bx_fs32{font-size: 14px;}
	.bx_p30{padding: 15px;}
	.bx_pt50{padding-top: 15px;}
	/* .bx_pt75{padding-top: 20px;} */
	.bx_xs_pt0{padding-top: 0;}
	.updates .container{max-width: 100%;}
	.updates .slide{width: 48vw; margin-right: 2vw;}
	.updates .bx_text_p2{margin: 7px 0 20px;}
	.button_prev.btn_cirlce, .button_next.btn_cirlce{width: 32px; height: 32px;}
	.title1{font-size: 32px;}
}
@media (max-width: 500px){
	.updates .slide{width: 100vw; margin-right: 0;}
	.title1{font-size: 6vw;}
}