/* ______________________index_________________________________ */
.row{padding: 0 8%;box-sizing: border-box;}

@media screen and (max-width:768px){
	*{display:none;}
	/* header */
	nav {background: #004fa2;height: 1rem;padding:0.2rem 2.5%;display: flex;position: fixed;align-items: center;z-index: 999;width: 100%;justify-content: space-between;}
	nav>a{display: block;height: 100%;width: fit-content;}
	nav>a>img,nav .sosuo img{max-height: 100%;max-width: 100%;}
	nav>div{display: flex;width: 50%;justify-content: flex-end;}

	/* 弹出菜单 */
	nav .menubtn{width: 13%;position: relative;}
	nav .menubtn em{display: block;width: 100%;height: 2px;background-color: #fff;margin: 0.03rem 0 0.1rem 0;transform: rotate(0deg);}
	nav .menubtn em:nth-child(3){margin-bottom: 0;}
	.openmenu .menubtn em{width: 0.4rem;height: 2px;position: absolute;bottom: 2px;}
	.openmenu .menubtn em:nth-child(1){transform: rotate(53deg);}
	.openmenu .menubtn em:nth-child(2){transform: rotate(-53deg);}
	.openmenu .menubtn em:nth-child(3){display: none;}

	body.openmenu {overflow: hidden;}
	#pgcontainer {padding: 45px 0;margin: 0;}
	.overlay {position: fixed;z-index: 999;background-color: rgba(0, 0, 0, 0.5);bottom: 0;right: 0;left: 0;}
	.openmenu .overlay {top: 1rem;}
	#hamburgermenu{height: 100%;width: 0;background: #fff;position: fixed;top: 1rem;right: 0;z-index: 998;overflow-x: scroll;}
	#hamburgermenu ul {z-index: 998;overflow: scroll;height: 80%;padding: 0.2rem;}
	#hamburgermenu li,.nav_bar a{border-bottom: 1px solid #c8c8c8;padding: 0.15rem 0;}
	#hamburgermenu li>p{display: flex;justify-content: space-between;align-items: center;}
	#hamburgermenu li>a,#hamburgermenu li>p a{font-size: 1.2em;display: block;color: #000000;}
	#hamburgermenu li i{color: #000000;display: block;width: 20%;height: 100%;font-size: 1.2em;text-align: center;}
	#hamburgermenu li i span{transform: rotate(0deg);display: block;width: 21px;height: 100%;margin: 0 0 0 auto;}
	#hamburgermenu li i:hover span{transform: rotate(90deg);}
	#hamburgermenu li>p a{width: 80%;display: block;}
	#hamburgermenu li:hover>a,#hamburgermenu li:hover>p a,#hamburgermenu li:hover>p i{color: #100ea0;}
	.nav_bar{width: 100%;}
	.nav_bar a{display: block;width: 100%;font-size: 1.1em;color: #9e9e9e;text-indent: 20px;}
	/* 弹出菜单 */

	/* header */
	.mySwiper,.mySwiper .swiper-slide img{width: 100%;height: 100%;}
	.mySwiper .swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,43px));height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,1px));display: inline-block;border-radius: 0%;background: var(--swiper-pagination-bullet-inactive-color,#fff);opacity: var(--swiper-pagination-bullet-inactive-opacity, .3);position: relative;}
	.mySwiper .swiper-pagination-bullet-active{opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);}
	.mySwiper .swiper-pagination-bullet-active:after{content: "";display: block;background: #000;width: fit-content;position: absolute;left: 0%;top: 0%;height: 100%;}
	@keyframes variable_size {0% {width: 0%;overflow: hidden;}50%,100% {width: 50%;overflow: hidden;}100% {width: 100%;overflow: hidden;}}
	.mySwiper .swiper-pagination-bullet-active:after{-webkit-animation: variable_size 5.6s linear infinite;animation: variable_size 5.6s linear infinite;}
	.mySwiper .swiper-horizontal>.swiper-pagination-bullets,.mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 9.5%;}

	.fluid{background-color: #fff;box-shadow: 0px 10px 10px 0px rgba(225, 225, 225, 0.7);}
	.fluid .logo img{mix-blend-mode: difference;}
	.fluid .ul_li a{color: #555555;}
	.fluid .ul_li a:hover{color: #666;}
	.fluid form div{border: 1px solid #555555;}
	.fluid form div input{color: #555555;}
	.fluid form span{background: url(../img/magnifier.png) no-repeat;background-size: contain;mix-blend-mode: difference;}
	
	.zhuti{position: relative;width: 100%;height: 100%;overflow: hidden;}
	#zhutiid>.swiper-pagination{right:1px;}
	#zhutiid>.swiper-pagination .swiper-pagination-bullet{background: #2d3030;height: 4px;width: 4px;opacity:1;margin: 16px auto;}
	#zhutiid>.swiper-pagination .swiper-pagination-bullet-active{border: 1px solid #2d3030;width:12px;height:12px;background:none;}
	
	.tsbt{margin: 2em 0;text-align: center;}
	.tsbt p{display: none;}
	.tsbt h3{font-size: 0.38rem;text-transform: uppercase;color: #89827c;}
	
	.about{width: 100%;height: 100%;position: relative;padding-top: 1rem;display: flex;flex-direction: column;justify-content: center;}
	.about_xxk{width: 100%;}
	.about_xxk .index_name{width: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 6%;}
	.about_xxk .index_name .ul_li{width: 100%;position: relative;display: flex;}
	.about_xxk .index_name li{position: relative;width: 100%;margin-bottom: 1.5em;margin: 0 0.5rem;}
	.about_xxk .index_name li a h3{font-size: 14px;color: #c4c0bd;}
	.about_xxk .list{width: 100%;padding: 0 5%;}
	.about_xxk .list .ul_li{width: 100%;}
	.about_xxk .list .list_a1 .box{}
	.about_xxk .list_a1 .left{width: 100%;padding: 2em 0;}
	.about_xxk .list_a1 .left h1{font-size: 0.65rem;color: #3e4e7e;}
	.about_xxk .list_a1 .left h4{font-size: 0.38rem;color: #af9881;line-height: 2em;}
	.about_xxk .list_a1 .left .content{height: 25em;}
	.about_swaper{width: 100%;height: 100%;margin-top: 2em;}
	.about_swaper .swiper-slide {font-size: 18px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;color: #89827c;line-height: 2em;padding-right: 1em;}
	.about_xxk .list_a1 .right{display: none;}
	.about_xxk .list_a2{width: 100%;height: 100%;padding: 2em 0;}
	.about_anli .swiper-slide{overflow: hidden;}
	.about_anli .swiper-slide a{display:block;width: 100%;overflow: hidden;}
	.about_anli .swiper-slide a img{width: 100%;}
	.about_anli .swiper-slide p{font-size: 16px;color: #777777;line-height: 2em;margin-top: 0.5em;}
	.about_anli .nox{position: relative;height: 15px;width: 100%;margin-top: 55px;}
	.about_anli .nox>span{position: absolute;right: 85px;top: 0;color: #e8e8e8;}
	.about_anli .swiper-button-next{right: 25px;width: auto;height: auto;margin: auto;top: 0;}
	.about_anli .swiper-button-prev{left: auto;right: 147px;width: auto;height: auto;margin: auto;top: 0;}
	.about_anli .swiper-button-next:after,.about_anli .swiper-button-prev:after {font-size: 14px;color: #89827c;}
	.about_anli .swiper-button-next.swiper-button-disabled,.about_anli .swiper-button-prev.swiper-button-disabled {opacity: 1;}
	.about .about_xxk .list li{display: none;height: 100%;}
	.about .about_xxk .list .active{display: block;}
	
	.product{width: 100%;height: 100%;padding: 0 6%;padding-top: 1rem;display: flex;flex-direction: column;justify-content: center;}
	.product .index_name{width: 100%;display: flex;flex-direction: column;justify-content: flex-end;}
	.product .index_name .ul_li{width: 100%;position: relative;display: flex;flex-wrap: wrap;margin-bottom:1em;}
	.product .index_name li{position: relative;width: 33.33%;margin-bottom: 0.5em;text-align: center;}
	.product .index_name li:nth-child(1){display:none;}
	.product .index_name li a h3{font-size: 14px;color: #c4c0bd;}
	.product_swiper{width: 100%;height: 8.9rem;margin-left: auto;margin-right: auto;}
	.product_swiper .swiper-wrapper{width: 100%;height: 100%;}
	.product_swiper .swiper-slide {font-size: 14px;height: calc((100% - 10px) / 2);}
	.product_swiper .swiper-slide a{display: block;width: 100%;height: 2.75rem;overflow: hidden;margin-bottom: 0.5em;}
	.product_swiper .swiper-slide a img{height: 100%;}
	.product_swiper .swiper-slide p,.product_swiper .swiper-slide h6{color: #282828;line-height: 20px;text-align: left;}
	.product .nox{position: relative;height: 15px;width: 100%;bottom: 0;right: 0%;}
	.product .nox>span{position: absolute;right: 93px;top: 0;color: #e8e8e8;}
	.product .swiper-button-next{}
	.product .swiper-button-prev{left: auto;}
	.product .swiper-button-next:after,.product .swiper-button-prev:after {font-size: 16px;color: #89827c;}
	.product .swiper-button-next.swiper-button-disabled,.product .swiper-button-prev.swiper-button-disabled {opacity: 1;}
	
	.jod{width: 100%;height: 100%;padding-top: 1rem;    display: flex;flex-direction: column;justify-content: center;}
	.jod_xxk{width: 100%;padding: 0 6%;}
	.jod_xxk .index_name{width: 100%;}
	.jod_xxk .index_name .ul_li{width: 100%;position: relative;display: flex;}
	.jod_xxk .index_name li{position: relative;width: 100%;margin-bottom: 1.5em;text-align: center;}
	.jod_xxk .index_name li a h3{font-size: 14px;color: #78809e;}
	.jod_xxk .list{width: 100%;}
	.jod_xxk .list .ul_li,.jod_swiper{width: 100%;}
	.jod_xxk .jod_swiper{padding-bottom: 72px;}
	.jod_swiper .swiper-slide {display: flex;padding-top: 2em;height: 5rem;}
	.jod_swiper .swiper-slide>h1{font-size: 56px;color: #fdf4e8;opacity: 0;position: absolute;width: 100%;text-align: center;bottom: -63px;line-height: 1em;padding: 0 10%;transform: scale(0);transition: all 0.66s ease;}
	.jod_swiper .swiper-slide-active>h1{transform: scale(1);opacity: 0.1;}
	.jod_swiper .left{width: 28.5%;padding: 1em;}
	.jod_swiper .left img{max-width: 100%;}
	.jod_box .swiper-slide:hover .left img{max-width: 100%;-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
	.jod_swiper .right{width: 71.5%;}
	.jod_swiper .right h3{font-size: 0.28rem;color: #fdf4e8;padding-bottom: 0.3em;}
	.jod_swiper .right>p{font-size: 10px;color: #9ea1b3;}
	.jod_swiper .right .content{margin-top: 2em;font-size: 14px;color: #fdf4e8;line-height: 2em;height: 3rem;overflow: hidden;}
	.jod_swiper .right .content p{color: #fdf4e8;}
	.jod_box .nox{position: absolute;height: 72px;z-index: 11;bottom: 0;width: 100%;padding:0 10%;}
	.jod_box .nox>div>span{display: none;}
	.jod_box .swiper-button-next{right: -12%;width: auto;height: auto;margin: auto;top: 30px;}
	.jod_box .swiper-button-prev{left: auto;right: -4%;width: auto;height: auto;margin: auto;top: 30px;}
	.jod_box .swiper-button-next:after,.jod_box .swiper-button-prev:after {font-size: 14px;color: #e8e8e8;}
	.jod_box .swiper-button-next.swiper-button-disabled,.jod_box .swiper-button-prev.swiper-button-disabled {opacity: 1;}
	.jod_box .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 36px;}
	.jod_box .swiper-pagination-bullets:before{content: "";width: 100%;height: 1px;background-color: rgba(255,255,255,.3);position: absolute;left: 0;top: 50%;z-index: 10;}
	.jod_box .swiper-pagination-bullet:nth-child(2){right: 10%;}
	.jod_box .swiper-pagination-bullet:nth-child(3){right: 20%;}
	.jod_box .swiper-pagination-bullet{left: auto;right: 0%;content: "";width: 8px;height: 8px;background-color: #fff;position: absolute;border-radius: 100%;top: -3px;margin: 0;opacity: 1;transition: all .66s ease;}
	.jod_box .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
	.jod_box .swiper-pagination-bullet:last-child{right: 100%;}
	.jod_xxk .jod_box .swiper-pagination-bullet-active{right: 50%;}
	.jod_box .swiper-pagination-bullet:before {content: "";width: 0;height: 0;border-radius: 100%;border: 1px solid #ffffff70;position: absolute;left: 50%;top: 50%;transition: all .66s ease;}
	.jod_box .swiper-pagination-bullet-active:before {width: 30px;height: 30px;left: -11px;top: -11px;}
	.jod .jod_xxk .list li{display: none;height: 100%;padding: 2em 0 0 0;}
	.jod .jod_xxk .list .active{display: block;}
	
	.anli{width: 100%;height: 100%;padding: 0 6%;background-color: #f9f9f9;padding-top: 1rem;display: flex;flex-direction: column;justify-content: center;}
	.anli_box{width: 100%;position: relative;}
	.anli_box .index_name{width: 100%;position: relative;}
	.anli_box .index_name .ul_li{width: 100%;position: relative;display: flex;}
	.anli_box .index_name li{position: relative;width: 100%;margin-bottom: 1.5em;text-align: center;}
	.anli_box .index_name li a h3{font-size: 14px;color: #89817b;}
	.anli_box .list{width: 100%;padding: 2em 0;}
	.anli_box .list .anli_swiper{height: 100%;}
	.anli_box .list .swiper-slide{width: 100%;overflow: hidden;text-align: center;height:11em;}
	.anli_box .list .swiper-slide img{width: 100%;}
	.anli_box .nov{position: relative;height: 70px;width: 100%;bottom: 0;right: 0%;}
	.anli_box .nov>span{display: none;}
	.anli_box .swiper-button-next{left: 10%;right: auto;top: auto;bottom: 0;width: auto;height: auto;margin: auto;}
	.anli_box .swiper-button-prev{right: auto;left: 0%;top: auto;bottom: 0;width: auto;height: auto;margin: auto;}
	.anli_box .swiper-button-next:after,.anli_box .swiper-button-prev:after {font-size: 14px;color: #89827c;}
	.anli_box .swiper-button-next.swiper-button-disabled,.anli_box .swiper-button-prev.swiper-button-disabled {opacity: 1;}
	.anli .anli_box .list li{display: none;height: 100%;position: relative;}
	.anli .anli_box .list .active{display: block;}
	
	.mess{width: 100%;height: 100%;padding: 1rem 6% 0 6%;display: flex;flex-direction: column;justify-content: center;}
	.mess>h2{text-align: center;font-size: 0.3rem;color: #ffffff;margin-top: 2em;}
	.mess_box{width: 100%;overflow: hidden;padding-top: 2em;margin-bottom: 3em;}
	.mess_box>div{width: 100%;}
	.mess_box .left{overflow: hidden;}
	.mess_box .box div{display: flex;justify-content: space-between;align-items: center;}
	.mess_box .box div{width: 100%;}
	.mess_box .box div input{width: 32%;padding: 1.1em 0em;background: none;color: #fff;border: none;margin-bottom: 2em;border-bottom: 1px solid rgba(255, 255, 255, 0.3);transition: all .3s ease-out 0s;}
	.mess_box .box div input:hover{border-bottom: 1px solid rgba(255, 255, 255, 0.8);}
	.mess_box input::-webkit-input-placeholder {color: #bababa;}
	.mess_box textarea::-webkit-input-placeholder {color: #bababa;}
	.mess_box .box textarea{width: 100%;height: 110px;background: none;color: #fff;border: none;padding: 1em 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);transition: all .3s ease-out 0s;}
	.mess_box .box textarea:hover{border-bottom: 1px solid rgba(255, 255, 255, 0.8);}
	.mess_box .tijiao{width: fit-content;margin-top: 2em;display: flex;align-items: center;height: 38px;}
	.mess_box .tijiao input{width: 40%;color: #bababa;text-align: center;line-height: 38px;height: 38px;letter-spacing: 3px;background: none;border: 1px solid rgba(255, 255, 255, 0.3);}
	.mess_box .tijiao p{white-space: nowrap;border-bottom: 1px solid rgba(225, 225, 225, 0.6);margin-bottom: 2px;width: 60%;overflow: hidden;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
	.mess_box .tijiao p input{width: 50%;text-align: center;line-height: 38px;height: 38px;color: #ffff;border: none;padding: 0 1em;}
	.mess_box .tijiao p img{width: 50%;}
	.mess_box .right{padding-top: 2em;}
	.mess_box .right h4{font-size: 20px;color: #fdf4e8;}
	.mess_box .right .content{font-size: 14px;color: #fdf4e8;line-height: 25px;margin: 2em 0;}
	.mess_box .right ul{display: none;}
	.mess_box .right li{text-align: center;margin-right: 2em;}
	.mess_box .right li img{max-width: 100%;}
	.mess_box .right li p{font-size: 14px;color: #fdf4e8;line-height: 2.5em;}
	.footerd,.footerd a{font-size: 12px;color: #b0b5c5;text-align: center;}
	
	.productshow{background-color: #f9f9f9;}
	.productshow .tsbt{display: none;}
	.por_nav{display: flex;justify-content: space-between;background-color: #fff;padding: 1em 2.5%;}
	.por_nav>div{width: 70%;overflow: hidden;}
	.por_nav>a{display: block;width: 75px;height: 20px;line-height: 20px;text-align: center;background: #3c5287;font-size: 12px;color: #fff;}
	.porder_title{width: 100%;height: 2.65rem;background-color: #f9f9f9;color: #3c5287;display: flex;align-items: center;flex-direction: column;justify-content: center;padding-top: 1rem;}
	.porder_title h1{font-size: 0.36rem;line-height: 2em;}
	.porder_title p{font-size: 0.24rem;}
	.productshow .box{background-color: #f9f9f9;}
	.productshow .left{width: 100%;position: relative;padding: 2em 2.5%;}
	.productshow .left .ul_li{width: 100%;position: relative;display: flex;flex-wrap: wrap;}
	.productshow .left li{position: relative;width: 33.33%;margin-bottom: 0.5em;text-align: center;}
	.productshow .left li:last-child{margin-bottom: 0;}
	.productshow .left li a{color: #89817b;font-size: 14px;}
	.productshow .left li a:hover,.productshow .left li .active{color: #3c5287;}
	.productshow .right{width: 100%;padding: 2em 2.5%;background: #fff;}
	.productshow .por_bo{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.por_bo>div{width: 48%;margin-bottom: 30px;}
	.por_bo>div a{display: block;width: 100%;height: 145px;overflow: hidden;text-align: center;}
	.por_bo>div a img{height: 100%;margin: 0 -100%;}
	.por_bo>div h6{font-size: 14px;color: #282828;padding: 1em 0 0.2em 0;}
	.por_bo>div p{font-size: 14px;color: #282828;}
	
	.productshow .porder_show{padding: 2em 2.5%;}
	.productshow .porder_show>h2{font-size: 24px;color: #282828;text-align: center;}
	.productshow .porder_show>span{display: block;width: 100%;text-align: center;margin: 2em 0;}
	.productshow .porder_show>span img{max-width: 100%;}
	.productshow .porder_show>p{font-size: 16px;color: #282828;border-bottom: 1px solid #89827c;line-height: 2em;}
	.productshow .porder_show .description{padding: 1em;}
	.productshow .porder_show>h4{font-size: 16px;color: #282828;border-bottom: 1px solid #89827c;line-height: 2em;}
	.productshow .porder_show .content{padding: 1em;font-size: 14px;line-height: 2em;}
	.productshow .porder_show .content img{max-width: 100%;}
	
	.jodnei{height:100%;}
	.jodnei .jod{display:block;}
	.jodnei .jod_xxk .index_name {padding-bottom: 0em;}
	
}
/* 分页带代码 */
.page{text-align: center;}
.page .pagination>.disabled>span,.page .pagination>li>a,.page .pagination>li>span {border: 1px solid #dcdcde;font-size: 14px;margin: 0 3px;color: #8f8f8f;padding: 4px 10px;border: 1px solid #dcdcdc;}
.page .pagination>.active>a,.page .pagination>.active>span,.page .pagination>.active>a:hover,.page .pagination>.active>span:hover,.page .pagination>.active>a:focus,.page .pagination>.active>span:focus{
	background-color: #3c5287;padding: 4px 10px;color: #FFFFFF;border: 1px solid #dcdcde;
}
.page .pagination li{position: relative;}
.page .pagination li:nth-child(1) a:after,.page .pagination li:nth-child(1) span:after{content: "<<";background-color: #FFFFFF;display: block;width: 100%;height: 100%;position: absolute;top: 0px;left: 0%;padding-top: 4px;}
.page .pagination li:last-child a:after,.page .pagination li:last-child span:after{content: ">>";background-color: #FFFFFF;display: block;width: 100%;height: 100%;position: absolute;top: 0px;left: 0%;padding-top: 4px;}
.page .pagination li:nth-child(1) a:hover:after,.page .pagination li:nth-child(1) span:hover:after{background-color: #F5F5F5;}
.page .pagination li:last-child a:hover:after,.page .pagination li:last-child span:hover:after{background-color: #F5F5F5;}
/* 分页带代码 */
@media screen and (min-width:768px){
	.index_nav{position: fixed;z-index: 100;width: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);height: 90px;box-shadow: inherit;}
	.index_nav .row{height: 100%;display: flex;align-items: center;}
	.index_nav .logo{width: 18%;}
	.index_nav .logo a{display: flex;align-content: center;}
	.index_nav .logo img{max-width: 100%;mix-blend-mode: inherit;}
	.index_nav .ul_li{height: 100%;text-align: right;width: 73%;padding-right: 3.4%;display: flex;align-items: center;justify-content: flex-end;}
	.index_nav .ul_li>div{margin-left: 1%;width: 14.5%;position: relative;height: 100%;}
	.index_nav .ul_li>div:first-child{margin-left: 0;}
	.index_nav .ul_li>div p{height: 100%;display: flex;justify-content: space-evenly;align-items: center;}
	.index_nav .ul_li>div .dow{width: 100%;position: absolute;top: 80px;padding-top: 10px;display: none;}
	.index_nav .ul_li>div .dow>div{background-color: rgba(255, 255, 255, 1.0);padding: 0.5em 2px;text-align: center;}
	.index_nav .ul_li>div:hover .dow{display: block;}
	.index_nav .ul_li>div .dow>div:hover{background-color: rgba(225, 225, 225, 0.8);}
	.index_nav .ul_li>div .dow>div a{color: #282828;}
	
	.index_nav .ul_li a{display: inline-block;width: fit-content;font-size: 1em;color: #fff6e9;}
	.index_nav .ul_li a:hover{color: #666;}
	.index_nav form{height: 100%;width: 9%;display: flex;align-items: center;}
	.index_nav form div{border-radius: 50px;display: flex;align-items: center;padding: 0 9px;overflow: hidden;border: 1px solid #fff6e9;}
	.index_nav form div input{border: none;background: none;width: 88%;padding: 1px 3px;color: #fff6e9;}
	.index_nav form span{display: inline-block;width: 12px;height: 13px;background: url(../img/magnifier.png) no-repeat;background-size: contain;mix-blend-mode: difference;}
	
	.fluid{background-color: #fff;box-shadow: 0px 10px 10px 0px rgba(225, 225, 225, 0.7);}
	.fluid .logo img{mix-blend-mode: difference;}
	.fluid .ul_li a{color: #555555;}
	.fluid .ul_li a:hover{color: #666;}
	.fluid form div{border: 1px solid #555555;}
	.fluid form div input{color: #555555;}
	.fluid form span{background: url(../img/magnifier.png) no-repeat;background-size: contain;mix-blend-mode: difference;}
	
	.zhuti{position: relative;width: 100%;height: 100%;overflow: hidden;}
	#zhutiid>.swiper-pagination .swiper-pagination-bullet{background: #2d3030;height: 4px;width: 4px;opacity:1;margin: 16px auto;}
	#zhutiid>.swiper-pagination .swiper-pagination-bullet-active{border: 1px solid #2d3030;width:12px;height:12px;background:none;}
	
	
	.mySwiper,.mySwiper .swiper-slide img{width: 100%;height: 100%;}
	.mySwiper .swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,43px));height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,1px));display: inline-block;border-radius: 0%;background: var(--swiper-pagination-bullet-inactive-color,#89827c);opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);position: relative;}
	.mySwiper .swiper-pagination-bullet-active{opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.3);}
	/* .mySwiper .swiper-pagination-bullet-active:after{content: "";display: block;background: #000;width: fit-content;position: absolute;left: 0%;top: 0%;height: 100%;opacity:1;}
	@keyframes variable_size {0% {width: 0%;overflow: hidden;}50%,100% {width: 50%;overflow: hidden;}100% {width: 100%;overflow: hidden;}}
	.mySwiper .swiper-pagination-bullet-active:after{-webkit-animation: variable_size 5.6s linear infinite;animation: variable_size 5.6s linear infinite;} */
	.mySwiper .swiper-horizontal>.swiper-pagination-bullets,.mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 9.5%;}
	
	.tsbt{position: absolute;top: 175px;left: 8%;display: flex;}
	.tsbt p{font-size: 30px;text-transform: uppercase;color: #89827c;writing-mode:tb-rl;margin-right: 0.3em;}
	.tsbt h3{font-size: 30px;text-transform: uppercase;color: #89827c;writing-mode:tb-rl;}
	
	.about{width: 100%;height: 100%;position: relative;padding-left: 8%;overflow: hidden;padding-top: 90px;}
	.about_xxk{width: 100%;display: flex;height: 100%;}
	.about_xxk .index_name{width: 9.2%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 0% 8.2em 0%;}
	.about_xxk .index_name .ul_li{width: 100%;position: relative;}
	.about_xxk .index_name li{position: relative;width: 100%;margin-bottom: 1.5em;padding-left: 30%;}
	.about_xxk .index_name li:last-child{margin-bottom: 0;}
	.about_xxk .index_name li a h3{font-size: 14px;color: #c4c0bd;}
	.about_xxk .index_name li a:after{content: "";display: none;width: 20%;height: 1px;background-color: #89827c;position: absolute;top: 50%;left: 0%;}
	.about_xxk .index_name li .active h3{font-size: 14px;color: #89827c;}
	.about_xxk .index_name li .active:after{display: block;}
	.about_xxk .list{width: 90.8%;}
	.about_xxk .list .ul_li{width: 100%;height: 100%;}
	.about_xxk .list .list_a1 .box,.box2{display: flex;height: 100%;align-items: center;}
	.about_xxk .list_a1 .left{width: 66%;padding: 0 4% 0 8%;}
	.about_xxk .list_a1 .left h1{font-size: 65px;color: #3e4e7e;}
	.about_xxk .list_a1 .left h4{font-size: 38px;color: #af9881;line-height: 2em;}
	.about_xxk .list_a1 .left .content{height: 25em;padding-top: 3em;}
	.about_swaper{width: 100%;height: 100%;}
	.about_swaper .swiper-slide {font-size: 14px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;color: #89827c;line-height: 1.7em;padding-right: 1em;}
	.about_xxk .list_a1 .right{width: 34%;height: 100%;overflow: hidden;}
	.about_xxk .list_a1 .right img{}
	.about_xxk .list_a2{width: 100%;height: 100%;padding: 0 8%;display: flex;align-items: center;}
	.about_anli .swiper-slide{overflow: hidden;}
	.about_anli .swiper-slide a{display:block;width: 100%;height: 395px;overflow: hidden;}
	.about_anli .swiper-slide a img{height: 100%;}
	.about_anli .swiper-slide p{font-size: 16px;color: #777777;line-height: 2em;margin-top: 0.5em;}
	.about_anli .nox{position: relative;height: 15px;width: 100%;margin-top: 55px;}
	.about_anli .nox>span{position: absolute;right: 85px;top: 0;color: #e8e8e8;}
	.about_anli .swiper-button-next{right: 25px;width: auto;height: auto;margin: auto;top: 0;}
	.about_anli .swiper-button-prev{left: auto;right: 147px;width: auto;height: auto;margin: auto;top: 0;}
	.about_anli .swiper-button-next:after,.about_anli .swiper-button-prev:after {font-size: 14px;color: #89827c;}
	.about_anli .swiper-button-next.swiper-button-disabled,.about_anli .swiper-button-prev.swiper-button-disabled {opacity: 1;}
	.about .about_xxk .list li{display: none;height: 100%;}
	.about .about_xxk .list .active{display: block;}
	
	.product{width: 100%;height: 100%;padding: 90px 17% 0px 8%;overflow: hidden;display: flex;align-items: center;}
	.product .index_name{width: 19.2%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 7.5% 8.2em 0%;}
	.product .index_name .ul_li{width: 100%;position: relative;}
	.product .index_name li{position: relative;width: 100%;margin-bottom: 1.5em;padding-left: 30%;}
	.product .index_name li:last-child{margin-bottom: 0;}
	.product .index_name li a h3{font-size: 14px;color: #c4c0bd;}
	.product .index_name li a:after{content: "";display: none;width: 18%;height: 1px;background-color: #89827c;position: absolute;top: 50%;left: 0%;}
	.product .index_name li .active h3,.product .index_name li a:hover h3{font-size: 14px;color: #89827c;}
	.product .index_name li .active:after{display: block;}
	.product_swiper{width: 80.8%;height: 81.5%;margin-left: auto;margin-right: auto;}
	.product_swiper .swiper-wrapper{width: 100%;height: 100%;}
	.product_swiper .swiper-slide {font-size: 14px;height: calc((100% - 30px) / 2);overflow: hidden;}
	.product_swiper .swiper-slide a{display: block;width: 100%;height: 76%;overflow: hidden;}
	.product_swiper .swiper-slide a img{height: 100%;}
	.product_swiper .swiper-slide h6{padding-top:0.5em;}
	.product_swiper .swiper-slide p,.product_swiper .swiper-slide h6{color: #282828;line-height: 20px;text-align: left;display:block;font-size:14px;}
	.product .nox{position: absolute;height: 15px;width: 100%;bottom: 80px;right: 6%;}
	.product .nox>span{position: absolute;right: 93px;top: 0;color: #e8e8e8;}
	.product .swiper-button-next{right: 2%;}
	.product .swiper-button-prev{left: auto;right: 7%;}
	.product .swiper-button-next:after,.product .swiper-button-prev:after {font-size: 14px;color: #89827c;}
	.product .swiper-button-next.swiper-button-disabled,.product .swiper-button-prev.swiper-button-disabled {opacity: 1;}
	
	.jod{width: 100%;height: 100%;overflow: hidden;}
	.jod_xxk{width: 100%;height: 100%;padding: 90px 8% 0 8%;display: flex;align-items: center;}
	.jod_xxk .index_name{width: 9.2%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 7em;}
	.jod_xxk .index_name .ul_li{width: 100%;position: relative;}
	.jod_xxk .index_name li{position: relative;width: 100%;margin-bottom: 1.5em;padding-left: 30%;}
	.jod_xxk .index_name li:last-child{margin-bottom: 0;}
	.jod_xxk .index_name li a h3{font-size: 14px;color: #78809e;}
	.jod_xxk .index_name li a:after{content: "";display: none;width: 20%;height: 1px;background-color: #fdf4e8;position: absolute;top: 50%;left: 0%;}
	.jod_xxk .index_name li .active h3{font-size: 14px;color: #fdf4e8;}
	.jod_xxk .index_name li .active:after{display: block;}
	.jod_xxk .list{width: 90.8%;}
	.jod_xxk .list .ul_li,.jod_swiper{width: 100%;height: 100%;}
	.jod_xxk .jod_swiper{padding-bottom: 72px;}
	.jod_swiper .swiper-slide {display: flex;padding-top: 15em;}
	.jod_swiper .swiper-slide>h1{font-size: 100px;color: #fdf4e8;opacity: 0;position: absolute;width: 100%;text-align: center;bottom: -85px;line-height: 1em;padding: 0 10%;transform: scale(0);transition: all 0.66s ease;}
	.jod_swiper .swiper-slide-active>h1{transform: scale(1);opacity: 0.1;}
	.jod_swiper .left{width: 28.5%;padding-left: 10%;}
	.jod_swiper .left img{max-width: 100%;}
	.jod_box .swiper-slide:hover .left img{max-width: 100%;-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
	.jod_swiper .right{width: 71.5%;}
	.jod_swiper .right h3{font-size: 25px;color: #fdf4e8;padding-bottom: 0.3em;}
	.jod_swiper .right>p{font-size: 10px;color: #9ea1b3;}
	.jod_swiper .right .content{margin-top: 5em;font-size: 14px;color: #fdf4e8;line-height: 2em;height: 300px;}
	.jod_swiper .right .content p{color: #fdf4e8;}
	.jod_box .nox{position: absolute;height: 72px;z-index: 11;bottom: 0;width: 100%;padding:0 10%;}
	.jod_box .nox>div>span{position: absolute;right: -8%;top: 28px;color: #657296;display: block;}
	.jod_box .swiper-button-next{right: -12%;width: auto;height: auto;margin: auto;top: 30px;}
	.jod_box .swiper-button-prev{left: auto;right: -4%;width: auto;height: auto;margin: auto;top: 30px;}
	.jod_box .swiper-button-next:after,.jod_box .swiper-button-prev:after {font-size: 14px;color: #e8e8e8;}
	.jod_box .swiper-button-next.swiper-button-disabled,.jod_box .swiper-button-prev.swiper-button-disabled {opacity: 1;}
	.jod_box .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 36px;}
	.jod_box .swiper-pagination-bullets:before{content: "";width: 100%;height: 1px;background-color: rgba(255,255,255,.3);position: absolute;left: 0;top: 50%;z-index: 10;}
	.jod_box .swiper-pagination-bullet:nth-child(2){right: 10%;}
	.jod_box .swiper-pagination-bullet:nth-child(3){right: 20%;}
	.jod_box .swiper-pagination-bullet{left: auto;right: 0%;content: "";width: 8px;height: 8px;background-color: #fff;position: absolute;border-radius: 100%;top: -3px;margin: 0;opacity: 1;transition: all .66s ease;}
	.jod_box .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
	.jod_box .swiper-pagination-bullet:last-child{right: 100%;}
	.jod_xxk .jod_box .swiper-pagination-bullet-active{right: 50%;}
	.jod_box .swiper-pagination-bullet:before {content: "";width: 0;height: 0;border-radius: 100%;border: 1px solid #ffffff70;position: absolute;left: 50%;top: 50%;transition: all .66s ease;}
	.jod_box .swiper-pagination-bullet-active:before {width: 30px;height: 30px;left: -11px;top: -11px;}
	.jod .jod_xxk .list li{display: none;height: 100%;padding: 0;}
	.jod .jod_xxk .list .active{display: block;}
	
	.anli{width: 100%;height: 100%;padding: 0 8.5%;background-color: #f9f9f9;overflow: hidden;}
	.anli_box{display: flex;width: 100%;height: 100%;position: relative;}
	.anli_box .index_name{width: 9.2%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 0% 12.5em 0%;position: relative;}
	.anli_box .index_name::after{content: "";display: block;width: 8%;height: 12.5em;background-color: #ea5b55;position: absolute;bottom: 0;left: 0;}
	.anli_box .index_name .ul_li{width: 100%;position: relative;}
	.anli_box .index_name li{position: relative;width: 100%;margin-bottom: 1.5em;padding-left: 30%;}
	.anli_box .index_name li:last-child{margin-bottom: 0;}
	.anli_box .index_name li a h3{font-size: 14px;color: #89817b;}
	.anli_box .index_name li a:after{content: "";display: none;width: 20%;height: 1px;background-color: #89817b;position: absolute;top: 50%;left: 0%;}
	.anli_box .index_name li .active h3{font-size: 14px;color: #89817b;}
	.anli_box .index_name li .active:after{display: block;}
	.anli_box .list{width: 90.8%;height: 100%;padding: 15em 0 6.25em 15%;}
	.anli_box .list .ul_li{height: 100%;}
	.anli_box .list .anli_swiper{height: 100%;padding-bottom: 5.25em;}
	.anli_box .list .swiper-slide{width: 100%;height: 100%;overflow: hidden;text-align: center;}
	.anli_box .list .swiper-slide img{height: 100%;margin: 0 -100%;}
	.anli_box .nov{position: absolute;height: 5.25em;width: 100%;bottom: 0;right: 0%;}
	.anli_box .nov>span{position: absolute;right: 5%;top: auto;color: #e8e8e8;bottom: 0;}
	.anli_box .swiper-button-next{right: 0%;top: auto;bottom: 0;width: auto;height: auto;margin: auto;}
	.anli_box .swiper-button-prev{left: auto;right: 10%;top: auto;bottom: 0;width: auto;height: auto;margin: auto;}
	.anli_box .swiper-button-next:after,.anli_box .swiper-button-prev:after {font-size: 14px;color: #89827c;}
	.anli_box .swiper-button-next.swiper-button-disabled,.anli_box .swiper-button-prev.swiper-button-disabled {opacity: 1;}
	.anli .anli_box .list li{display: none;height: 100%;position: relative;}
	.anli .anli_box .list .active{display: block;}
	
	.mess{width: 100%;height: 100%;padding: 15em 8% 4em 8%;}
	.mess>h2{text-align: center;font-size: 30px;color: #ffffff;}
	.mess_box{display: flex;width: 100%;overflow: hidden;padding-top: 8em;margin-bottom: 12em;}
	.mess_box>div{width: 50%;}
	.mess_box .left{padding-right: 4%;overflow: hidden;}
	.mess_box .box div{display: flex;justify-content: space-between;align-items: center;}
	.mess_box .box div{width: 100%;}
	.mess_box .box div input{width: 32%;padding: 1.1em 0em;background: none;color: #fff;border: none;margin-bottom: 2em;border-bottom: 1px solid rgba(255, 255, 255, 0.3);transition: all .3s ease-out 0s;}
	.mess_box .box div input:hover{border-bottom: 1px solid rgba(255, 255, 255, 0.8);}
	.mess_box input::-webkit-input-placeholder {color: #bababa;}
	.mess_box textarea::-webkit-input-placeholder {color: #bababa;}
	.mess_box .box textarea{width: 100%;height: 110px;background: none;color: #fff;border: none;padding: 1em 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);transition: all .3s ease-out 0s;}
	.mess_box .box textarea:hover{border-bottom: 1px solid rgba(255, 255, 255, 0.8);}
	.mess_box .tijiao{width: fit-content;margin-top: 2em;display: flex;align-items: center;height: 38px;}
	.mess_box .tijiao input{width: 145px;color: #bababa;text-align: center;line-height: 38px;height: 38px;letter-spacing: 3px;background: none;border: 1px solid rgba(255, 255, 255, 0.3);}
	.mess_box .tijiao p{white-space: nowrap;border-bottom: 1px solid rgba(225, 225, 225, 0.6);margin-bottom: 2px;width: 0%;overflow: hidden;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
	.mess_box .tijiao:hover p{width: 302px}
	.mess_box .tijiao p input{width: 145px;text-align: center;line-height: 38px;height: 38px;color: #ffff;border: none;padding: 0 1em;}
	.mess_box .tijiao p img{height: 38px;}
	.mess_box .right{padding-left: 8%;}
	.mess_box .right h4{font-size: 20px;color: #fdf4e8;}
	.mess_box .right .content{font-size: 14px;color: #fdf4e8;line-height: 25px;margin: 2em 0;}
	.mess_box .right ul{display: flex;}
	.mess_box .right li{text-align: center;margin-right: 2em;}
	.mess_box .right li img{max-width: 100%;}
	.mess_box .right li p{font-size: 14px;color: #fdf4e8;line-height: 2.5em;}
	.footerd,.footerd a{font-size: 12px;color: #b0b5c5;text-align: center;}
	
	.productshow{background-color: #f9f9f9;}
	.productshow .tsbt{top: 437px;z-index: 10;}
	.por_nav{display: flex;align-items: flex-end;justify-content: space-between;height: 42px;margin-left: 19%;background-color: #fff;padding-left: 2%;padding-right: 16%;}
	.por_nav>div{width: 70%;}
	.por_nav>a{display: block;width: 75px;height: 20px;line-height: 20px;text-align: center;background: #3c5287;font-size: 12px;color: #fff;}
	.porder_title{width: 100%;height: 265px;background-color: #f9f9f9;color: #3c5287;display: flex;align-items: center;flex-direction: column;justify-content: center;margin-top: 90px;}
	.porder_title h1{font-size: 36px;line-height: 2em;}
	.porder_title p{font-size: 16px;}
	.productshow .box{display: flex;background-color: #f9f9f9;}
	.productshow .left{width: 19%;position: relative;padding: 330px 0 80px 8%;}
	.productshow .left::after{content: "";display: block;width: 10px;height: 12.5em;background-color: #ea5b55;position: absolute;bottom: 0;}
	.productshow .left .ul_li{width: 100%;position: relative;padding-right: 25%;}
	.productshow .left li{position: relative;width: 100%;margin-bottom: 0.5em;text-align: right;}
	.productshow .left li:last-child{margin-bottom: 0;}
	.productshow .left li a{color: #89817b;font-size: 14px;}
	.productshow .left li a:hover,.productshow .left li .active{color: #3c5287;}
	.productshow .left li a:after{content: "";display: none;width: 20%;height: 1px;background-color: #3c5287;position: absolute;top: 50%;left: 0%;}
	.productshow .left li .active:after{display: block;}
	.productshow .right{width: 81%;padding: 80px 16% 80px 8%;background: #fff;}
	.productshow .por_bo{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.por_bo>div{width: 48%;margin-bottom: 30px;}
	.por_bo>div a{display: block;width: 100%;height: 145px;overflow: hidden;text-align: center;}
	.por_bo>div a img{height: 100%;margin: 0 -100%;}
	.por_bo>div h6{font-size: 14px;color: #282828;padding: 1em 0 0.2em 0;}
	.por_bo>div p{font-size: 14px;color: #282828;}
	
	.productshow .porder_show{padding: 80px 8% 80px 40px;}
	.productshow .porder_show>h2{font-size: 24px;color: #282828;text-align: center;}
	.productshow .porder_show>span{display: block;width: 100%;text-align: center;margin: 2em 0;}
	.productshow .porder_show>span img{max-width: 100%;}
	.productshow .porder_show>p{font-size: 16px;color: #282828;border-bottom: 1px solid #89827c;line-height: 2em;}
	.productshow .porder_show .description{padding: 1em;}
	.productshow .porder_show>h4{font-size: 16px;color: #282828;border-bottom: 1px solid #89827c;line-height: 2em;}
	.productshow .porder_show .content{padding: 5em 1em;font-size: 14px;line-height: 2em;}
	.productshow .porder_show .content img{max-width: 100%;}
	
	.neiye{}
	.neiye .about{width: 100%;height: 100%;position: relative;padding-left: 8%;overflow: hidden;padding-top: 90px;}
	.neiye .about_xxk .index_name{height:auto;}
	.neiye .about_xxk .list_a2 {padding: 14em 8% 8.2em 8%;}
	
	.jodnei{height:100%;}
	.jodnei .jod_xxk{padding: 90px 8% 8.2em 8%;align-items: flex-end;}
	.jodnei .jod_xxk .index_name {padding-bottom: 0em;}
	
}

@media screen and (min-width:992px){
	.index_nav form span {display: inline-block;width: 12px;height: 13px;background: url(../img/magnifier.png) no-repeat;background-size: contain;mix-blend-mode: difference;}
	.index_nav .ul_li>div{margin-left: 3%;width: 11.5%;position: relative;height: 100%;}
	.por_bo>div{width: 45%;margin-bottom: 30px;}
	.por_bo>div a{display: block;width: 100%;height: 175px;overflow: hidden;text-align: center;}
	.por_bo>div a img{height: 100%;margin: 0 -100%;}
}
@media screen and (min-width:1200px){
	.index_nav .ul_li>div{margin-left: 5%;width: 10.5%;position: relative;height: 100%;}
	.por_bo>div{width: 42%;margin-bottom: 30px;}
	.por_bo>div a{display: block;width: 100%;height: 225px;overflow: hidden;text-align: center;}
	.por_bo>div a img{height: 100%;margin: 0 -100%;}
}
@media screen and (min-width:1440px){
	.por_bo>div{width: 39.5%;margin-bottom: 30px;}
	.por_bo>div a{display: block;width: 100%;height: 275px;overflow: hidden;text-align: center;}
	.por_bo>div a img{height: 100%;margin: 0 -100%;}
	.por_bo>div h6{font-size: 14px;color: #282828;padding: 1em 0 0.2em 0;}
	.por_bo>div p{font-size: 14px;color: #282828;}
}

@media (min-width: 768px) and (min-height: 400px){
	.index_nav {
		height: 70px;
		box-shadow: inherit;
	}
	.index_nav .ul_li>div .dow{top: 60px;}
	.tsbt{position: absolute;top: 115px;left: 8%;display: flex;}
	.tsbt p{font-size: 18px;text-transform: uppercase;color: #89827c;writing-mode:tb-rl;margin-right: 0.3em;}
	.tsbt h3{font-size: 18px;text-transform: uppercase;color: #89827c;writing-mode:tb-rl;}
	
	
	.about_xxk .list_a1 .left .content {
		height: 18em;
		padding-top: 3em;
	}
	.product_swiper .swiper-slide p{display:none;}
	
	.jod_swiper .swiper-slide {display: flex;padding-top: 0em;}
	.jod_swiper .right .content{margin-top: 2em;font-size: 14px;color: #fdf4e8;line-height: 2em;height: 21em;}
	.jod_swiper .left img {
		max-width: 70%;
	}
	.jod_box .swiper-slide:hover .left img {
		max-width: 70%;
		-webkit-transform: scale(1.08);
		-ms-transform: scale(1.08);
		transform: scale(1.08);
	}
	.jod_swiper .left {
		width: 28.5%;
		padding-left: 10%;
		padding-top: 1em;
	}
	
	
	.anli_box .list {
		width: 90.8%;
		height: 100%;
		padding: 10em 0 3.25em 15%;
	}
	.mess{width: 100%;height: 100%;padding: 10em 8% 2em 8%;}
	.mess_box{display: flex;width: 100%;overflow: hidden;padding-top: 4em;margin-bottom: 4em;}
}
@media (min-width: 768px) and (min-height: 768px){
	.index_nav {
		height: 80px;
		box-shadow: inherit;
	}
	.index_nav .ul_li>div .dow{top: 80px;}
	.tsbt{position: absolute;top: 155px;left: 8%;display: flex;}
	.tsbt p{font-size: 26px;text-transform: uppercase;color: #89827c;writing-mode:tb-rl;margin-right: 0.3em;}
	.tsbt h3{font-size: 26px;text-transform: uppercase;color: #89827c;writing-mode:tb-rl;}
	
	.about_xxk .list_a1 .left .content {
		height: 25em;
		padding-top: 3em;
	}
	
	.product_swiper .swiper-slide p{display:block;}
	
	.jod_swiper .swiper-slide {display: flex;padding-top: 4em;}
	.jod_swiper .right .content{margin-top: 5em;font-size: 14px;color: #fdf4e8;line-height: 2em;height: 300px;}
	
	.anli_box .list {
		width: 90.8%;
		height: 100%;
		padding: 15em 0 6.25em 15%;
	}
	.mess{width: 100%;height: 100%;padding: 11em 8% 2em 8%;}
	.mess_box{display: flex;width: 100%;overflow: hidden;padding-top: 6em;margin-bottom: 6em;}
}
@media (min-width: 768px) and (min-height: 800px){
	.index_nav {
		height: 90px;
		box-shadow: inherit;
	}
	.tsbt{position: absolute;top: 175px;left: 8%;display: flex;}
	.tsbt p{font-size: 30px;text-transform: uppercase;color: #89827c;writing-mode:tb-rl;margin-right: 0.3em;}
	.tsbt h3{font-size: 30px;text-transform: uppercase;color: #89827c;writing-mode:tb-rl;}
	
	.jod_swiper .left img {
		max-width: 100%;
	}
	.jod_box .swiper-slide:hover .left img {
		max-width: 100%;
		-webkit-transform: scale(1.08);
		-ms-transform: scale(1.08);
		transform: scale(1.08);
	}
	
	.jod_swiper .swiper-slide {display: flex;padding-top: 5em;}
	
	.mess{width: 100%;height: 100%;padding: 15em 8% 4em 8%;}
	.mess_box{display: flex;width: 100%;overflow: hidden;padding-top: 8em;margin-bottom: 12em;}
}