.container1{padding-top: 95px;}
.container1 .content_inner1{padding: 7% 0 5%;background: url(../images/products/bg1.png) left top no-repeat;background-size: 100% 100%;}
.content_inner1 .title{text-align: center;color: #FFFFFF;font-size: 26px;}
.container1 .input_box{display: flex;align-items: center;width: 500px;padding: 10px 20px;margin: 30px auto 0;background-color: #FFFFFF;border-radius: 8px;}
.container1 .input_box input{width: 400px;padding: 5px 0;margin-right: 30px;border: none;background: none;}
.container1 .input_box .img{width: 20px;height: 20px;background:url(../images/products/search.png) no-repeat;background-size:20px 20px;cursor: pointer;border:0;outline:none;}
/* 第二部分 */
.container2{position: relative;margin-top: 90px;}
.container2 .pos_bg{position: absolute;left: 0;top: 0;width: 40%;height: 90%;background: url(../images/products/bg2.png) left top no-repeat;background-size: 100% 100%;z-index: -1;}
.content_inner2{max-width: 1200px;margin: 0 auto;}
.content_inner2 .title_box{text-align:center;}
.content_inner2 .title_box .title{position: relative;width: auto;display:inline-block;margin: 0 auto;padding: 0 8px;font-size: 24px;}
.content_inner2 .title_box .title .left_block{position: absolute;left: 0;bottom: 3px;width: 18px;height: 18px;background: linear-gradient(168deg, #A2FFD6 0%, #20C6BA 100%);z-index: -1;transform: rotate(-45deg);}
.content_inner2 .title_box .title .right_block{position: absolute;right: 5px;top: 0;width: 18px;height: 18px;background: linear-gradient(135deg, #AD9BFF 0%, #768DFF 100%);border-radius: 50%;z-index: -1;}
.content_inner2 .tabs_box{display: flex;justify-content: center;margin-top: 50px;border-bottom: 1px solid #DAE1E5;}
.content_inner2 .tabs_box .item{position: relative;padding: 0 5px 20px;margin-right: 30px;font-size: 18px;cursor: pointer;}
.content_inner2 .tabs_box .item.selected{color: #1890FF;font-weight: bold;}
.content_inner2 .tabs_box .item.selected::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background-color: #1890FF;border-radius: 1px;}
.content_inner2 .tabs_box .item:last-child{margin-right: 0;}

.content_inner2 .list_box{display: flex;flex-wrap: wrap;padding: 40px 0px 0;}
.content_inner2 .list_box .item{display: block;position:relative;width: 24%;padding:10px 10px 20px 10px;margin: 0 0.5% 35px 0.5%;box-shadow: 0 0 10px #d7e3fa;background-color: #FFFFFF;color: #092C3F;}
.content_inner2 .list_box .item .border{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;display: block;}
.content_inner2 .list_box .item .border:before{content:'';display: block;position: absolute;top: 50%;bottom: 50%;left: -1px;right: -1px;border-left:1px solid #4790fe;border-right:1px solid #4790fe;-webkit-transition: top 0.4s, bottom 0.4s ease 0s;-moz-transition: top 0.4s, bottom 0.4s ease 0s;-o-transition: top 0.4s, bottom 0.4s ease 0s;transition: top 0.4s, bottom 0.4s ease 0s;}
.content_inner2 .list_box .item:hover .border:before{top: -1px;bottom: -1px;}
.content_inner2 .list_box .item .border:after{content:'';display: block;position: absolute;left: 50%;right: 50%;top: -1px;bottom: -1px;border-top:1px solid #4790fe;border-bottom:1px solid #4790fe;-webkit-transition: left 0.4s, right 0.4s ease 0s;-moz-transition: left 0.4s, right 0.4s ease 0s;-o-transition: left 0.4s, right 0.4s ease 0s;transition: left 0.4s, right 0.4s ease 0s;}
.content_inner2 .list_box .item:hover .border:after{left: -1px;right: -1px;}

.content_inner2 .list_box .item .img{width: 100%; height:268px; overflow:hidden;display: flex;align-items: center;justify-content:center;}
.content_inner2 .list_box .item .img img{display:block;max-height:100%; width:100%;transition: all .5s;}
.content_inner2 .list_box .item:hover .img img{transform: scale(1.1);}
.content_inner2 .list_box .item .tit{padding: 20px 0 5px 0;font-size: 15px;font-weight: bold;}
.content_inner2 .list_box .item .list_flex{display: flex;font-size: 12px;margin-top: 10px;}
.content_inner2 .list_box .item .list_flex img{width: 12px;height: 12px; margin-right: 8px; margin-top:2.5px;}
.content_inner2 .list_box .item .more {position: absolute;left: 25%;right: 0;bottom: 20px;width: 50%;height: 40px;line-height: 40px;text-align: center;border-radius:5px;opacity: 0;-moz-opacity: 0;z-index: -1;transition: 0.5s all;-webkit-transition: 0.5s all;background: #fff;color:#fff;text-transform:uppercase;font-size:14px;font-weight:700;}
.content_inner2 .list_box .item:hover .more{opacity:1;z-index:22;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);bottom: -20px;background:#4790fe;}


/* 分页 */
.content_inner2 .page_box ul{display: flex;justify-content: center;width: 100%;margin: 60px auto 30px auto;}
.content_inner2 .page_box li{margin-right: 10px;border: 1px solid #e5e5e5;cursor: pointer;border-radius: 5px;position:relative; overflow:hidden;}

.content_inner2 .page_box li:first-child a,
.content_inner2 .page_box li:last-child a,
.content_inner2 .page_box li:first-child span,
.content_inner2 .page_box li:last-child span{text-indent:-999em;padding:0 19px;}

.content_inner2 .page_box li:first-child::after,
.content_inner2 .page_box li:last-child::after{content:'';position:absolute;width: 10px;height: 10px;border-left: 1px solid #333;border-top: 1px solid #333; z-index:-1}

.content_inner2 .page_box li:first-child::after{left:15px;top:14px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.content_inner2 .page_box li:last-child::after{left:10px;top:14px;-webkit-transform: rotate(-225deg);transform: rotate(-225deg);}

.content_inner2 .page_box li:first-child:hover::after,
.content_inner2 .page_box li:last-child:hover::after{border-color:#1890FF;}

.content_inner2 .page_box li a,
.content_inner2 .page_box li span{display:block;width:100%;height:100%;padding: 10px 15px;color:#333;font-size:16px;}

.content_inner2 .page_box li.active,
.content_inner2 .page_box li .current{background-color:  #1890FF;border: 1px solid #1890FF;}

.content_inner2 .page_box li.active a,
.content_inner2 .page_box li .current{color: #FFFFFF;}


.view_more{width: 100px;margin: 0 auto;text-align: center;}
.view_more a{color: #4790fe;font-size: 18px;}


.loading {width: 180px;height: 40px;line-height: 40px;background: linear-gradient(82deg, #6582FF 0%, #00C5FF 100%);text-align: center;font-size: 14px;margin:50px auto;cursor: pointer;border-radius: 5px;}
.loading a{color:#fff; display:block;}

.filter-box{ background:rgba(255,255,255,.95); padding:40px 0 20px 0; margin-top:30px; overflow:hidden;}
.filter-boxs{ display:flex; justify-content:flex-start; margin-bottom:15px;}
.filter-tit{ width:170px; font-size:16px; font-weight:700; color:#454545;  display:flex; justify-content:flex-end; margin-top:3.5px;}
.filter-tit span{ margin:0 10px;}
.filter-cen{ flex:1; display:flex; flex-wrap:wrap;}
.filter-cen a{ cursor:pointer; display:block; font-size:13px; margin:0 10px 10px 0; padding:5px 15px; background:#fff; color:#333; border:#f0f0f0 solid 1px; border-radius:20px;}
.filter-cen a b{ font-weight:normal;}
.filter-cen a:hover{ color:#1890FF;}
.filter-cen a.active{ color:#1890FF; background:#ddf4ff; border-color:#1890FF;}

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


@media screen and (max-width: 1000px) {
	.container1{padding-top: 60px;}
	.container1 .content_inner1{padding: 5% 0;}
	.content_inner1 .title{font-size: 1.5rem;}
	.container1 .input_box{width: calc(100% - 3rem);padding: 5px 10px;margin: 1rem auto 0;}
	.container1 .input_box input{width: 85%;}
	/* 第二部分 */
	.container2{margin-top: 2rem;}
	.content_inner2{max-width: 100%; padding:0 1.5rem;}

	.content_inner2 .list_box{padding: 1.5rem 0px 0;}
	.content_inner2 .list_box .item{width: 100%;padding:1rem;margin: 0 0 1rem 0;}

	.content_inner2 .list_box .item .img{ height: auto;}
	.content_inner2 .list_box .item .img img{height: auto; width:100%;}
	.content_inner2 .list_box .item .tit{padding: 1rem 0 .5rem 0;font-size: 1.15rem;}
	.content_inner2 .list_box .item .list_flex{font-size: .8rem;margin-top: .5rem;}
	.content_inner2 .list_box .item .list_flex img{width: 12px;height: 12px;margin-right: 8px;}
	.content_inner2 .list_box .item .more { display:none;}


	/* 分页 */
	.content_inner2 .page_box ul{margin: 2rempx auto 1rem auto;}
	.content_inner2 .page_box li{margin-right: 5px;}
	
	.content_inner2 .page_box li a{font-size:.9rem;}

	.view_more a{font-size: 1rem;}
	
	.loading {height: 30px;line-height: 30px; font-size: .8rem;margin: 4rem auto;}
	
	
	.filter-box{ background:none; padding:0; margin-top:1rem;}
	.filter-boxs{ display:block; background:rgba(255,255,255,.9); border-bottom:rgba(255,255,255,.9) 1px solid; margin-bottom:5px;}
	.filter-tit{ width: 100%; justify-content:space-between; font-size:1rem; margin-top:0; padding:10px;}
	.filter-tit span{ display:none;}
	
	.filter-cen{ width: 100%; display:none; background:#fff; padding:10px;}
	.filter-cen a{ margin:0 5px 5px 0; padding:2.5px 10px; display:inline-block; font-size:0.8rem;}
	
	.filter-tit .down { margin:5px 0 0 0; display:inline-block;border-top: 1px solid #333;border-left: 1px solid #333;height: 5px;width: 5px;transform: rotate(225deg);}
	.filter-tit.active{ /*background:#fff;color:#1890FF;*/}
	.filter-tit.active .down{/*border-color:#1890FF;*/}
	
}