.container{margin-top: 95px;padding: 35px 0;background: url(../images/products/detail_bg.png) left top no-repeat;background-size: 100% 70%;}
.container .title{width:100%;text-align: center;font-size: 44px;margin-bottom:30px;}
.content_inner1{width: 1200px;margin: 0 auto;display: flex;flex-wrap:wrap;background: #fff;padding:40px;}
.content_inner2{max-width: 1200px;margin: 0 auto;background: #fff;padding:40px;margin-top:40px;}

.x5{width:380px;margin-right:60px;}

.pic-box {width:100%;}
.pic-big {width:100%;height:380px;background: #fff;}
.pic-big img{margin:0 auto;display:block;width:100%;height:100%;}
.pic-big .swiper-button-prev,
.pic-big .swiper-button-next{color: #ddd;}

.pic-small {padding-top:10px;width:100%;}
.pic-small img {display:block;width:100%;height:100%;}
.pic-small .swiper-slide {background:#fff;cursor:pointer;}
.pic-small .swiper-slide>div {border:1px solid rgba(0,0,0,0.08);padding:2px;height:72px;}
.pic-small .swiper-slide-thumb-active>div {border:1px solid #4790fe;}

.x7{width:680px;}

.article{}

.post>h1 {padding: 0;margin: 0;display: block;font-size: 30px;margin-bottom: 30px;line-height: 1.6;margin-top: 0;font-family: 'OakesGrotesk semibold';}
.text{font-size:14px;color:#666;line-height:1.6;}
.text strong{display:inline-block;width:200px;color: #333;font-weight:500;}
.text table{border-collapse: collapse;width:100%;border:0px;}
.text table tr{ border-top:#F3FCFF solid 1px; background:#F3FCFF;}
.text table tr:nth-child(even){ background:#fff;}
.text table td{ padding:10px; width:inherit !important;}
.text table td:nth-child(1){ width:150px !important;color: #333;font-weight:600;}

.main_more {margin-top:30px;}
.main_more a{display: inline-block;padding: 21px 40px;text-align: center;border-radius: 5px;background: linear-gradient(82deg, #6582FF 0%, #00C5FF 100%);color: #FFFFFF;box-shadow: 0px 0px 20px #afdeff;}

.page_title {display: block;font-size: 28px;line-height: 100%;margin-bottom: 30px;text-transform: uppercase;position: relative;font-family: 'Trio Grotesk';border-bottom: 1px solid #eaeaea;padding-bottom: 10px;}

.related_box{position:relative;padding:20px;}
.related_box .swiper-button-prev{left: -20px;color:#999;}
.related_box .swiper-button-next {right: -20px;color:#999;}
.related_box .swiper-button-prev:hover,
.related_box .swiper-button-next:hover{color:#4790fe}

.list_box .swiper-slide{padding:10px;height: auto;}

.list_box .item{display: block;position:relative; height:100%; padding:10px;padding-bottom:20px;background-color: #FFFFFF;color: #092C3F;box-shadow: 0 0 2px #d7e3fa;}
.list_box .item:hover{box-shadow: 0 0 10px #d7e3fa;}

.list_box .item .img{width: 100%;height: 230px;overflow:hidden;display: flex;align-items: center;justify-content:center;}
.list_box .item .img img{display:block;width:100%;transition: all .5s;}
.list_box .item:hover .img img{transform: scale(1.1);}
.list_box .item .tit{padding: 20px 0 5px 0;font-size: 15px;font-weight: bold;}
.list_box .item .list_flex{display: flex; font-size: 12px;margin-top: 5px;}
.list_box .item .list_flex img{width: 10px;height: 10px;margin-right: 5px; margin-top:2.5px;}

.readmore{ display:flex;justify-content:center; margin-top: 20px;}
.readmore .text_btn {width: 230px;}

.footer_container .btn{ display:none;}
.footer_container .container2_form{ display:block;}

@media screen and (max-width: 1000px) {
	.container{margin-top: 60px;padding: 1rem 0; background-size:100% 100%;}
	.container .title{font-size: 2rem;margin-bottom:.5rem;}
	.content_inner1{width: 100%;padding:1rem;}
	.content_inner2{max-width: 100%;padding:1.5rem;margin-top:2rem;}
	
	.x5{width:100%;margin-right:0px;}
	
	.pic-big { height:300px;}
	.pic-small {padding-top:5px;}

	.x7{width:100%; margin-top:1.5rem; border-top:#eee solid 1px; padding-top:1rem;}

	.post>h1 {font-size: 1.25rem;margin-bottom: 1rem;}
	.text{font-size:.8rem; line-height:1.6;}
	.text strong{width:30%;}
	.text table td{ padding:10px; width:inherit !important;}
	.text table td:nth-child(1){ width:100px !important;}

	.main_more {margin-top:0; text-align:center; background:#fff; padding:.5rem; position:fixed; bottom:0; left:0; width:100%; z-index:999;}
	.main_more a{padding: 10px 20px; display:block; box-shadow: 0px 0px 0px #afdeff;}

	.page_title {margin-bottom: 1rem;font-size: 1.25rem; text-align:center; }
	
	.related_box{padding:0 1.5rem;}
	.related_box .swiper-button-prev{left: -1rem;}
	.related_box .swiper-button-next {right: -1rem;}
	
	.list_box .item .img img { height: inherit;}
	.list_box .item .tit{font-size: 1rem;}
	.list_box .item .list_flex{font-size: .8rem;}
	
	.readmore{ margin-top: 1rem;}
	.readmore .text_btn {width: 50%; padding:1rem;}
	
}