@charset "utf-8";

.toolbar{
	position: fixed;
	right:0;
	top:45%;
	z-index: 9999;
	font-size: 15px;
	color:#fff;
	overflow: visible;
}
.toolbar .col{
	width:70px;
	height:60px;
	margin-bottom: 2px;
	position: relative;
	overflow: visible;
}
.toolbar .col .list{
	background-color: #ba0000;
	position: absolute;
	left:0;
	top:0;
	z-index: 3;
	overflow: visible;
	display:flex;
	flex-wrap: nowrap;
	width:220px;
	transition: all .3s ease-in-out;
}
.toolbar .col .list:hover{
	left: -150px;
}
.toolbar .col:nth-child(2) .list:hover{
	left: -15px;
}

.toolbar .col .list .hd{
	width:70px;
	height:60px;
	padding-top:5px;
	box-sizing: border-box;
}
.toolbar .col i{
	display:block;
	width:30px;
	height:30px;
	background-repeat: no-repeat;
	background-position:0 -21px;
	background-image: url(../images/tool.png);
	margin: 0 auto;
}
.toolbar .col:nth-child(2) i{
	background-position:4px -50px;
}
.toolbar .col span{
	width:100%;
	display:inline-block;
	text-align: center;
}
.toolbar .col .list .bd{
	font-size: 18px;
	padding-top:20px;
	box-sizing: border-box;
}
.toolbar .col .list .bd p{
	border-left: 1px solid #fff;
	padding-left: 5px;
}
.toolbar .col .totop{
	background-color: #ba0000;
	width:70px;
	height:60px;
	padding-top:5px;
	cursor: pointer;
	display:none;
}
.toolbar .col .totop i{
	background-position: -25px -50px;
	width:40px;
	height:38px;
}


.crop-1{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.crop-2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


.header{
	padding:30px 0;
	background-color: #fff;
}
.header h1{
	width:160px;
	height:70px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('../images/logo.png');
}
.header h1 a{
	display:block;
	width:100%;
	height:100%;
	text-indent: -9999px;
}
.header .htx{
	display:inline-block;
	padding-left: 20px;
	height:70px;
	font-size: 0;
}
.header .htx h3{
	font-size: 28px;
	color:#ba0000;
	font-weight: bold;
}
.header .htx p{
	font-size: 28px;
	color:#282828;
}
.header .top_call{
	font-size: 18px;
	color:#282828;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('../images/call.png');
	padding-left: 50px;
}
.header .top_call p{
	font-size: 29px;
	color:#ba0003;
}
.header .lan{
	text-align: center;
	padding-left: 50px;
	font-size: 0;
}
.header .lan a{
	display:inline-block;
	width:85px;
	hiehgt:30px;
	line-height: 30px;
	background-color: #222;
	color:#fff;
	font-size: 15px;
	border-radius: 6px;
}
.header .lan a:nth-child(1){
	margin-bottom: 10px;
}
.header .lan a:hover,
.header .lan a.on{
	background-color: #ba0000;
}

.navbar{
	background-color: #282828;
	color:#fff;
	text-align: center;
	font-size: 15px;
}
.navbar ul li{
	width:125px;
	height:70px;
	line-height: 70px;
}
.navbar ul li.on,
.navbar ul li:hover{
	background-color: #ba0000;
}
.navbar ul li a{
	display:block;
	width:100%;
	height:100%;
}


.footer{
	padding:70px 0;
	background-color: #222;
	font-size: 14px;
	color:#fff;
}
.footer .flogo{
	width:160px;
}
.footer .ftext{
	width:540px;
}
.footer .ftext h3{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}
.footer .ftext ul li{
	display:inline-block;
	width:50%;
	margin-bottom: 10px;
}
.footer .ftext .tx p{
	margin-bottom: 10px;
}
.footer .ftext .tx p a{
	display:inline-block;
	margin-right:10px;
}
.footer .fqr .li{
	width:110px;
	margin-right:25px;
}
.footer .fqr .li:nth-last-child(1){
	margin-right:0;
}
.footer .fqr .li img{
	width:100%;
	height:110px;
}
.footer .fqr .li p{
	padding-top:8px;
	text-align: center;
}

.linkbar{
	background-color: #222;
	border-top:1px solid #323232;
	font-size: 12px;
	color:#a4a6a1;
	padding:15px 0;
}
.linkbar .main{
	display:grid;
	grid-template-columns: auto 100px;
}
.linkbar ul li{
	display:inline-block;
	height:26px;
	line-height: 26px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.linkbar ul li a{
	display:inline-block;
	width:100%;
	height:100%;
	padding:0 5px;
}
.linkbar ul li a:hover{
	color:#fff;
	text-decoration-line: underline;
}
.linkbar .addlink{
	width:100px;
	height:26px;
	line-height: 26px;
	text-align: center;
}
.linkbar .addlink:hover{
	color:#fff;
}


.banner.swiper{
	--swiper-theme-color: #ba0000;
	--swiper-pagination-color: #333;
}
.banner img{
	width:100%;
}


.iab{
	padding:60px 0;
}
.iab .tbox .video{
	width:530px;
	height:350px;
	position: relative;
	margin-bottom: 60px;
}
.iab .tbox .video img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.iab .tbox .video .pay{
	width:57px;
	height:57px;
	position: absolute;
	left:50%;
	top:50%;
	z-index: 300;
	transform: translate(-50%, -50%);
}
.iab .tbox .video span{
	display:inline-block;
	position: absolute;
	right:-180px;
	top:20px;
	z-index: 100;
	width:180px;
	height:30px;
	line-height: 30px;
	font-size: 15px;
	color:#ba0000;
	text-align: right;
	letter-spacing: 5px;
}
.iab .tbox .video span::after{
	display:inline-block;
	content: '';
	width:80%;
	height:1px;
	background-color: #333;
	position: absolute;
	left:0;
	bottom:0;
	z-index: 3;
}
.iab .tbox .text{
	width:630px;
	display:inline-block;
	padding-top:60px;
}
.iab .tbox .text h2{
	font-size: 40px;
	color:#2e2f2f;
	margin-bottom: 10px;
}
.iab .tbox .text h3{
	font-size: 22px;
	color:#666;
	margin-bottom: 10px;
}
.iab .tbox .text .tx{
	font-size: 16px;
	color:#666;
	line-height: 28px;
	margin-bottom: 30px;
}
.iab .tbox .text a.more{
	display:inline-block;
	width:190px;
	height:50px;
	line-height: 50px;
	background-color: #ba0000;
	font-size: 20px;
	color:#fff;
	text-align: center;
	padding-right: 30px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: right 30px center;
	background-image: url('../images/arrow.png');
}


.iab .taggroup{
	color:#666;
}
.iab .taggroup .li h4{
	font-size: 60px;
	font-weight: bold;
	height:60px;
	line-height: 60px;
	margin-bottom: 5px;
}
.iab .taggroup .li h4 sub{
	font-size: 24px;
}
.iab .taggroup .li p{
	font-size: 16px;
}
.iab .taggroup .li:hover h4{
	color:#ba0000;
}



.tit1{
	text-align: center;
	margin-bottom: 30px;
}
.tit1 h2{
	font-size: 48px;
	color:#2e2f2f;
	margin-bottom: 8px;
	font-weight: bold;
}
.tit1 p{
	font-size: 24px;
	color:#666;
}


.iab2{
	width:100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/iab_bg.jpg');
	background-size: cover;
	padding:100px 0;
	box-sizing: border-box;
}
.iab2 .tit1{
	margin-bottom: 60px;
}
.iab2 .item{
	width:100%;
	padding:110px 0;
	position: relative;
	max-width: 1920px;
	margin:0 auto;
}
.iab2 .item img{
	width:100%;
}
.iab2 .item .li{
	display:inline-block;
	width:310px;
	height:210px;
	position: absolute;
	z-index: 10;
	border-left:1px solid #666;
	padding-left:15px;
	box-sizing: border-box;
}
.iab2 .item .li h4{
	font-size: 30px;
	color:#ba0000;
	font-weight: bold;
	margin-bottom: 10px;
}
.iab2 .item .li p{
	font-size: 16px;
	color:#666;
	line-height: 24px;
}


.iab2 .item .li:nth-child(1){
	top:-50px;
	left:8%;
}
.iab2 .item .li:nth-child(2){
	top:-20px;
	left:32%;
	height:190px;
}
.iab2 .item .li:nth-child(3){
	top:-40px;
	left:68%;
}

.iab2 .item .li:nth-child(4){
	bottom:5px;
	left:14%;
	padding-top:50px;
}
.iab2 .item .li:nth-child(5){
	bottom:20px;
	left:46%;
	padding-top:50px;
}
.iab2 .item .li:nth-child(6){
	bottom:-30px;
	left:78%;
	padding-top:50px;
}



.iplan{
	padding:80px 0;
}
.iplan .item{
	position: relative;
}
.iplan .gallery{
	width:800px;
	display:inline-block;
	margin:0;
	box-sizing: border-box;
}
.iplan .gallery .swiper-slide .img{
	width:100%;
	height:450px;
}
.iplan .gallery .swiper-slide .tx{
	padding:15px 0;
	border-bottom: 1px solid #ccc;
}
.iplan .gallery .swiper-slide .tx h4{
	font-size: 18px;
	color:#ba0000;
	margin-bottom: 8px;
	font-weight: bold;
}
.iplan .gallery .swiper-slide .tx p{
	font-size: 16px;
	color:#666;
	line-height: 22px;
}
.iplan .gallery .swiper-pagination{
	font-size: 18px;
	color:#fff;
	position: absolute;
	left: initial;
	right:0;
	bottom:120px;
	z-index: 99;
	width:100px !important;
	height:50px !important;
}
.iplan .gallery .swiper-pagination .swiper-pagination-total{
	font-size: 30px;
}


.iplan .thumbs{
	display:inline-block;
	width:400px;
	padding-left:40px;
	box-sizing: border-box;
	overflow: hidden;
}
.iplan .thumbs .swiper{
	width:360px;
	height:450px;
	box-sizing: border-box;
	border-top:3px solid #5f5f5f;
	border-bottom:3px solid #5f5f5f;
	overflow: visible;
}
.iplan .thumbs .swiper-slide{
	position: relative;
	cursor: pointer;
}
.iplan .thumbs .swiper-slide::after{
	display:inline-block;
	content:'';
	width:40px;
	height:calc(100% - 1px);
	position: absolute;
	left:-40px;
	top:0;
	z-index: 9;
	background-color: #ba0000;
	display:none;
	box-sizing: border-box;
}
.iplan .thumbs .swiper-slide .ite{
	width:100%;
	height:100%;
	padding-left:50px;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
	position: relative;
}
.iplan .thumbs .swiper-slide .img{
	width:100px;
	height:60px;
}
.iplan .thumbs .swiper-slide .tx h4{
	font-size:16px;
	color:#444;
	margin-bottom: 6px;
	font-weight: bold;
}
.iplan .thumbs .swiper-slide .tx p{
	font-size:14px;
	color:#aeaeac;
}
.iplan .thumbs .swiper-slide .ite i{
	width:30px;
	height:30px;
	line-height: 30px;
	font-size: 16px;
	color:#fff;
	background-color: #353536;
	border-radius: 100px;
	position: absolute;
	left:0;
	top:50%;
	z-index: 9;
	text-align: center;
	transform: translateY(-50%);
}




.iplan .thumbs .swiper-slide:hover{
    background-color: #e14545;
}
.iplan .thumbs .swiper-slide:hover::after{
    background-color: #e14545;
	display:block;
}
.iplan .thumbs .swiper-slide:hover .tx h4,
.iplan .thumbs .swiper-slide:hover .tx p{
	color:#fff
}
.iplan .thumbs .swiper-slide:hover .ite i{
	background-color: #f8e6e6;
	color:#ba0000;
}


.iplan .thumbs .swiper-slide-thumb-active{
	background-color: #ba0000;
}
.iplan .thumbs .swiper-slide-thumb-active::after{
	display:block;
}
.iplan .thumbs .swiper-slide-thumb-active .tx h4,
.iplan .thumbs .swiper-slide-thumb-active .tx p{
	color:#fff
}
.iplan .thumbs .swiper-slide-thumb-active .ite i{
	background-color: #f8e6e6;
	color:#ba0000;
}



.iplan .thumbs_btn{
	position: absolute;
	bottom:0;
	right:0;
	width:360px;
	z-index: 99;
}
.iplan .thumbs_btn span{
	display:inline-block;
	width:80px;
	height:50px;
	line-height: 50px;
	font-size: 16px;
	color:#333;
	background-repeat: no-repeat;
	background-position: right 15px center;
	padding: 0 15px;
	cursor: pointer;
}
.iplan .thumbs_btn span.thumbs_btn_prev{
	background-image: url('../images/prev.png');
}
.iplan .thumbs_btn span.thumbs_btn_next{
	background-image: url('../images/next.png');
}



.ipro .agroup{
	margin-bottom: 30px;
}
.ipro .agroup a{
	display: inline-block;
	width:160px;
	height:40px;
	line-height: 40px;
	font-size: 18px;
	color:#2e2f2f;
	border:1px solid #ccc;
	text-align: center;
	margin:0 10px;
}
.ipro .agroup a:hover{
	background-color: #ba0000;
	color:#fff;
}
.ipro .bgbox{
	background-color: #efefef;
}
.ipro .item{
	max-width: 1920px;
	margin:0 auto;
	display:grid;
	grid-template-columns: 2fr 1fr 1fr;
	font-size: 0;
}
.ipro .item .col:nth-child(1){
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}
.ipro .item .li{
	width:100%;
	position: relative;
}
.ipro .item .li a{
	display:inline-block;
	width:100%;
}
.ipro .item .li .img{
	width:100%;
	height:300px;
	padding-top:30px;
	padding-bottom: 60px;
	box-sizing: border-box;
}
.ipro .item .col:nth-child(1) .img{
	height:600px;
	padding-bottom: 100px;
}
.ipro .item .li .tx{
	position: absolute;
	left:0;
	bottom:0;
	z-index: 3;
	padding:10px 0;
	width:100%;
	box-sizing: border-box;
}
.ipro .item .li .tx h4{
	font-size: 16px;
	color:#666;
	text-align: center;
}
.ipro .item .li .tx p{
	font-size: 16px;
	color:#666;
	text-align: left;
	padding-right: 25%;
	box-sizing: border-box;
}
.ipro .item .li .tx .more{
	display:inlint-block;
	background-color: #ba0000;
	width:155px;
	height:50px;
	line-height: 50px;
	font-size: 16px;
	color:#fff;
	position: absolute;
	right:30px;
	bottom: 20px;
	z-index: 10;
	padding-left:30px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: right 30px center;
	background-image: url(../images/arrow2.png);
}
.ipro .item .col:nth-child(1) .tx{
	padding-left:30px;
	padding-bottom: 20px;
}
.ipro .item .col:nth-child(1) .tx h4{
	font-size: 24px;
	color:#1f1f1f;
	text-align: left;
	margin-bottom: 6px;
}
.ipro .item .col:nth-child(1){
	border-left: 1px solid #fff;
	border-right:1px solid #fff;
}
.ipro .item .col:nth-child(2),
.ipro .item .col:nth-child(3){
	border-right:1px solid #fff;
	border-bottom: 1px solid #fff;
}
.ipro .item .col:nth-child(4),
.ipro .item .col:nth-child(5){
	border-right:1px solid #fff;
}


.icase{
	padding:80px 0;
}
.icase .btnbox{
	text-align: center;
	font-size: 0;
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:20px 0;
	margin-bottom: 30px;
}
.icase .btnbox a{
	display:inline-block;
	width:200px;
	height:70px;
	border-right:1px solid #ccc;
}
.icase .btnbox a:nth-last-child(1){
	border-right:0;
}
.icase .btnbox a .img{
	width:40px;
	height:40px;
	margin:0 auto;
	margin-bottom: 5px;
}
.icase .btnbox a .img .ico2{
	display:none;
}
.icase .btnbox a:hover .ico1{
	display:none;
}
.icase .btnbox a:hover .ico2{
	display:block;
}
.icase .btnbox a p{
	font-size: 18px;
	color:#666;
}


.icase_slide{
	width:1200px;
	margin:0 auto;
	position: relative;
}
.icase_slide .item{
	overflow: hidden;
	padding-bottom: 8px;
}
.icase_slide .swiper{
	width:900px;
	height:500px;
	overflow: visible;
}
.icase_slide .swiper .swiper-slide{
	scale: .8;
	transition: all .5s ease-in-out;
	position: relative;
}
.icase_slide .swiper .swiper-slide-active{
	scale: 1;
	box-shadow: 2px 3px 5px #888;
}
.icase_slide .swiper .swiper-slide-prev{
	transform: translateX(12%);
}
.icase_slide .swiper .swiper-slide-next{
	transform: translateX(-12%);
}

.icase_slide .swiper .swiper-slide .tx{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:60px;
	line-height: 60px;
	font-size: 18px;
	color:#fff;
	background-color: rgba(186,0,0,.8);
	padding:0 30px;
	box-sizing: border-box;
	opacity: 0;
	transition: all .5s ease-in-out;
}
.icase_slide .swiper .swiper-slide-active .tx{
	opacity: 1;
}
.icase_slide .swiper .swiper-slide .tx h4{
	display:inline-block;
}
.icase_slide .swiper .swiper-slide .tx p{
	display:inline-block;
	font-size: 16px;
	padding-left:15px;
}
.icase_slide .swiper .swiper-slide .tx span{
	display:inline-block;
	float: right;
}

.icase_slide .icase_prev,
.icase_slide .icase_next{
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	width:55px;
	height:55px;
	display:inlne-block;
	border:1px solid #ccc;
	box-shadow: 2px 3px 5px #888;
	border-radius: 100px;
	position: absolute;
	top:45%;
	z-index: 99;
}
.icase_slide .icase_prev{
	background-image: url(../images/prev2.png);
	left:-100px;
}
.icase_slide .icase_next{
	background-image: url(../images/next2.png);
	right:-100px;
}


.tech{
	padding-bottom: 80px;
}
.tech_slide{
	width:100%;
	max-width: 1920px;
	margin:0 auto;
}
.tech_slide .hd{
	border-bottom:1px solid #ccc;
	margin-bottom: 40px;
}
.tech_slide .hd ul li{
	width:200px;
	height:80px;
	line-height: 80px;
	display:inline-block;
	font-size: 34px;
	color:#333;
	text-align: center;
	margin: 0 30px;
	position: relative;
}
.tech_slide .hd ul li::before{
	content:'';
	display:inline-block;
	width:100%;
	height:3px;
	position: absolute;
	left:0;
	bottom:-2px;
	z-index: 8;
	background-color: #ba0000;
	opacity: 0;
}
.tech_slide .hd ul li::after{
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/li.png);
	position: absolute;
	left:50%;
	bottom:-10px;
	z-index: 9;
	transform: translateX(-50%);
}
.tech_slide .hd ul li.on{
	font-size: 42px;
	color:#ba0000;
}
.tech_slide .hd ul li.on::before{
	opacity: 1;
}
.tech_slide .hd ul li.on::after{
	background-image: url(../images/lio.png);
}

.tech_slide .bd li{
	width:100%;
	height:680px;
	position: relative;
}
.tech_slide .bd li .text{
	display:inline-block;
	position: absolute;
	left:0;
	bottom:0;
	z-index: 3;
	width:100%;
}
.tech_slide .bd li .text .tx{
	width:1200px;
	margin:0 auto;
	padding:30px;
	box-sizing: border-box;
	background-color: #ba0000;
	color:#fff;
	display:grid;
	grid-template-columns: 150px auto;
}
.tech_slide .bd li .text .tx h4{
	font-size: 38px;
	font-weight: bold;
}
.tech_slide .bd li .text p{
	font-size: 16px;
	line-height: 25px;
}


.tit2{
	height:50px;
	line-height: 50px;
	position: relative;
}
.tit2:before{
	content:'';
	display:inline-block;
	position: absolute;
	left:0;
	top:50%;
	z-index: 3;
	width:100%;
	height:1px;
	background-color: #ccc;
}
.tit2 ul{
	display:inline-block;
	position: absolute;
	left:0;
	top:0;
	z-index: 9;
	height:50px;
	font-size: 0;
	background-color: #fff;
	padding:0 8px;
	box-sizing: border-box;
}
.tit2 ul li{
	display:inline-block;
	font-size:24px;
	color:#666;
	width:130px;
	text-align: center;
	position: relative;
}
.tit2 ul li:before{
	content:'';
	display:inline-block;
	position: absolute;
	right:0;
	top:25%;
	z-index: 3;
	height:50%;
	width:1px;
	background-color: #ccc;
}
.tit2 ul li:nth-last-child(1):before{
	display:none;
}
.tit2 ul li.on{
	font-size:26px;
	color:#ba0000;
	font-weight: bold;
}
.tit2 ul li a{
	display:block;
}
.tit2 a.more{
	background-color: #fff;
	display:inline-block
	height:50px;
	font-size: 16px;
	position: absolute;
	right:0;
	top:0;
	z-index: 10;
	padding:0 8px;
	color:#666;
}
.tit2 a.more:hover{
	color:#ba0000;
}

.slidex .tit2 ul li,
.slidex .tit2 ul li.on{
	color:#000;
}


.inews{
	padding-bottom: 80px;
}
.inews_box .col{
	width:480px;
}
.inews_box .col:nth-child(1){
	width:660px;
}
.inews_slide .hd{
	margin-bottom: 10px;
}
.inews_slide .bd .list{
	width:100%;
}
.inews_slide .bd .list .img{
	width:100%;
	height:370px;
}
.inews_slide.slidex .bd .list .img{
	height:270px;
}
.inews_slide .bd .list .text{
	padding:20px 0;
}
.inews_slide .bd .list .text .ht{
	margin-bottom: 15px;
}
.inews_slide .bd .list .text h4{
	font-size: 24px;
	color:#000;
	font-weight: bold;
}
.inews_slide .bd .list:hover .text h4{
	color: #ba0000;
}
.inews_slide .bd .list .text span{
	display:inline-block;
	width:80px;
	height:35px;
	line-height: 35px;
	background-color: #ba0000;
	font-size: 20px;
	color:#fff;
	text-align: center;
	margin-right:15px;
}
.inews_slide .bd .list .text p{
	font-size: 16px;
	color:#666;
	line-height: 24px;
}

.inews_slide .bd ul li{
	height:40px;
	line-height: 40px;
	font-size: 16px;
	color:#666;
	border-top:1px dashed #ccc;
}
.inews_slide .bd ul li:hover{
	color:#ba0000;
	font-weight: bold;
}
.inews_slide .bd ul li em{
	display:inline-block;
	float:right;
}
.inews_slide .bd ul li a{
	display:inline-block;
}


.ibrand{
	max-width: 1920px;
	margin:0 auto;
}
.ibrand .picbox img{
	width:100%;
}
.ibrand_box{
	max-width: 1260px;
	width:100%;
	height:460px;
	margin:0 auto;
	position: relative;
}
.ibrand_box .item{
	position: absolute;
	left:0;
	top:-290px;
	z-index: 3;
	width:100%;
	padding:50px 30px;
	padding-bottom: 0;
	box-sizing: border-box;
	background-color: #fff;
}

.ibrand_box .tit1 p{
	color:#333;
	font-weight: bold;
}
.ibrand_box .text{
	font-size: 14px;
	color:#666;
	line-height: 28px;
	text-align: center;
	padding:0 80px;
	text-align: center;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.ibrand_box .text a{
	display:inline;
	color:#ba0000;
}


.ibrand_slide .hd{
	text-align: center;
	margin-bottom: 30px;
}
.ibrand_slide .hd ul{
	display:inline-block;
	font-size: 0;
}
.ibrand_slide .hd ul li{
	display:inline-block;
	width:220px;
	height:50px;
	line-height: 50px;
	font-size: 18px;
	color:#666;
	border:1px solid #ccc;
}
.ibrand_slide .hd ul li.on{
	background-color: #ba0000;
	color:#fff;
	border:1px solid #ba0000;
}
.ibrand_slide .hd ul li a{
	display:block;
}
.ibrand_slide .bd .list_box{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0 15px;
}
.ibrand_slide .bd .list_box .li .img{
	width:100%;
	height:220px;
}
.ibrand_slide .bd .list_box .li p{
	font-size: 16px;
	color:#666;
	height:40px;
	line-height: 40px;
	text-align: center;
}


.fnav{
	text-align: center;
	font-size: 0;
	background-color: #ba0000;
	padding:15px 0;
}
.fnav a{
	display: inline-block;
	height:30px;
	line-height:30px;
	font-size: 15px;
	color:#fff;
	padding:0 5px;
	margin: 0 15px;
}
.fnav a:hover{
	text-decoration: underline;
}



.keybar .main{
	display:grid;
	grid-template-columns: auto 280px;
	grid-gap: 0 20px;
	padding-top:15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.keybar .hotkey{
	display:inline-block;
}
.keybar .hotkey ul li{
	display:inline-block;
	height:30px;
	line-height: 30px;
	font-size: 14px;
	color:#757776;
	margin-right:10px;
}
.keybar .hotkey ul li a{
	display:block;
	padding:0 5px;
}
.keybar .hotkey ul li:hover{
	color:#333;
}
.keybar .searchbar{
	display:inline-block;
	position: relative;
	border-radius: 30px;
	border:1px solid #ccc;
	overflow: hidden;
}
.keybar .searchbar input.text{
	width:100%;
	height:30px;
	line-height: 30px;
	font-size: 14px;
	color:#666;
	padding-left:15px;
	box-sizing: border-box;
}
.keybar .searchbar button{
	width:40px;
	height:30px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/search.png);
	position: absolute;
	right:0;
	top:0;
	z-index: 3;
	cursor: pointer;
}


.sitenav{
	border-bottom:1px solid #ccc;
	padding: 20px 0;
	margin-bottom: 20px;
	font-size: 14px;
	color:#848484;
}
.sitenav ul li{
	height:30px;
	line-height: 30px;
	margin-right:5px;
}
.sitenav ul li.on,
.sitenav ul li:hover{
	color:#ba0000;
}
.sitenav ul li::after{
	display:inline-block;
	content:'>>';
}
.sitenav ul li:nth-child(1)::after,
.sitenav ul li:nth-last-child(1)::after{
	display:none;
}
.sitenav ul li a{
	padding:0 5px;
}





.tit4{
	height:50px;
	line-height: 50px;
	font-size: 24px;
	color:#2f2e2d;
	border-bottom: 1px solid #ccc;
	position: relative;
	margin-bottom: 30px;
}
.tit4::after{
	display:inline-block;
	content: '';
	width:80px;
	height:2px;
	background-color: #ba0000;
	position: absolute;
	left:0;
	bottom:-1px;
	z-index: 3;
}



.itembox{
	padding-bottom: 60px;
}
.itembox .main{
	display:grid;
	grid-template-columns: 240px auto;
	grid-gap: 30px;
}



.sidebar_nav{
	font-size: 14px;
	color:#605f61;
	margin-bottom: 30px;
}
.sidebar_nav>ul>li>a{
	display:block;
	height:40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
}
.sidebar_nav>ul>li.on>a,
.sidebar_nav>ul>li>a:hover{
	color:#ba0000;
}
.sidebar_nav>ul>li>ul{
	display:none;
}
.sidebar_nav>ul>li.on>ul{
	display:block;
}
.sidebar_nav>ul>li>ul>li{
	height:40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	padding-left:30px;
}
.sidebar_nav>ul>li>ul>li.on,
.sidebar_nav>ul>li>ul>li:hover{
	color:#ba0000;
}
.sidebar_nav>ul>li>ul>li a{
	display:block;
}


.sidebar_news{
	margin-bottom: 30px;
}
.sidebar_news .list{
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.sidebar_news .list a{
	display:grid;
	grid-template-columns: 80px auto;
	grid-gap: 0 10px;
}
.sidebar_news .list .img{
	width:100%;
	height:45px;
}
.sidebar_news .list .text h4{
	font-size: 16px;
	color:#272626;
}
.sidebar_news .list:hover .text h4{
	color:#ba0000;
}
.sidebar_news .list .text p{
	font-size: 14px;
	color:#aeaeae;
}
.sidebar_news ul li{
	line-height: 22px;
	font-size: 14px;
	color:#545154;
	border-bottom: 1px solid #ccc;
	padding:8px 0;
	position: relative;
	padding-left:15px
}
.sidebar_news ul li::after{
	display:inline-block;
	content:'';
	width:2px;
	height:10px;
	background-color: #222;
	position: absolute;
	left:0;
	top:50%;
	z-index: 3;
	transform: translateY(-50%);
}
.sidebar_news ul li:hover{
	color:#ba0000;
}
.sidebar_news ul li:hover::after{
	background-color: #ba0000;
}


.sidebar_contact ul li{
	display:block;
	font-size: 14px;
	color:#878789;
	line-height: 24px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left top 2px;
	padding-left:25px;
}
.sidebar_contact ul li.ad{
	background-image: url(../images/add.png);
}
.sidebar_contact ul li.do{
	background-image: url(../images/emal.png);
}
.sidebar_contact ul li.ca{
	background-image: url(../images/phone.png);
}


.prolist{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 30px;
}
.prolist .list .img{
	width:100%;
	height:200px;
}
.prolist .list .text{
	padding:15px 0;
	text-align: center;
}
.prolist .list .text h4{
	font-size: 14px;
	color:#605f61;
	margin-bottom: 10px;
}
.prolist .list:hover .text h4{
	color:#ba0000;
}
.prolist .list .text span{
	font-size: 14px;
	color:#fff;
	background-color: #393737;
	display:block;
	width:100px;
	height:35px;
	line-height: 35px;
	margin:0 auto;
}



.prov .infobox{
	display:grid;
	grid-template-columns: 520px auto;
	grid-gap: 0 30px;
	margin-bottom:50px
}
.info_slide .swiper{
	--swiper-theme-color: #ba0000;
	--swiper-pagination-color: #ba0000;
	--swiper-navigation-size: 40px;
}
.prov .infobox .img{
	background-color: #f3f3f3;
	height:400px;
	padding:10px;
	box-sizing: border-box;
}
.prov .infobox .text h2{
	font-size: 24px;
	color:#2f2e2d;
	height:50px;
	line-height: 50px;
}
.prov .infobox .text .tx{
	font-size: 14px;
	color:#8c8b90;
	line-height: 26px;
	padding:15px 0;
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.prov .infobox .text .btn{
	display: inline-block;
	width:120px;
	height:30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color:#5a5959;
	background-color: #f6bb19;
	border-radius: 5px;
	cursor: pointer;
}



.prov .detail{
	border:1px solid #ccc;
	border-top:none;
	position: relative;
	padding-top:50px;
}
.prov .detail .hd{
	background-color: #fff;
	height:50px;
	line-height: 50px;
	width:100%;
	position: absolute;
	left:1px;
	top:0;
	z-index: 3;
	border-bottom:1px solid #ccc;
}
.prov .detail .hd h4{
	background-color: #fff;
	width:150px;
	font-size: 15px;
	color:#1c2125;
	text-align: center;
	position: absolute;
	left:0;
	top:1px;
	z-index: 3;
	border-top: 2px solid #ba0000;
	border-right: 1px solid #ccc;
}
.prov .detail .detail_info{
	padding:15px;
}
.prov .detail .detail_info .htx{
	padding:30px 0;
}
.prov .detail .detail_info .htx h2{
	font-size:34px;
	color:#1c2125;
	font-weight: bold;
	text-align: center;
}
.prov .detail .text_box{
	font-size: 14px;
}

/* .prov .detail .text_box table{
	
} */

.prov .detail .text_box table th,
.prov .detail .text_box table td{
	border:1px solid #ccc;
	text-align: center;
	padding:10px 0;
	background-color:#f5f5f5;
}
 .prov .detail .text_box table tr td:nth-child(2n){
	background-color: #fff;
}

.prov .feature{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
	padding:0 15px;
	padding-bottom: 25px;
}
.prov .feature .list{
	border:1px solid #ccc;
	text-align: center;
	padding:40px 15px;
	box-sizing: border-box;
	border-radius: 8px;
	box-shadow: 0px 5px 5px #666;
}
.prov .feature .list i{
	width:50px;
	height:50px;
	display:block;
	margin:0 auto;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: all .3s ease-in-out;
}
.prov .feature .list:hover i{
	transform: translateY(-10px);
}
.prov .feature .list h4{
	font-size: 24px;
	color:#1c2125;
	font-weight: bold;
	margin-bottom: 20px;
}
.prov .feature .list:hover h4{
	color:#ba0000;
}
.prov .feature .list .tx{
	font-size: 16px;
	color:#666564;
	line-height: 28px;
}


.prov .adv{
	padding-top:40px;
	padding-bottom: 60px;
}
.prov .adv h2{
	font-size:34px;
	color:#1c2125;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.prov .adv .list_box .list{
	margin-bottom: 30px;
}
.prov .adv .list_box .list .img{
	width:470px;
	height:300px;
	display:inline-block;
}
.prov .adv .list_box .list .text{
	width:455px;
	height:300px;
	display:inline-block;
	box-sizing: border-box;
	padding-left:60px;
	padding-top:70px;
}
.prov .adv .list_box .list:nth-child(2n) .text{
	order: -1;
	padding-left:30px;
}
.prov .adv .list_box .list .text h4{
	font-size: 24px;
	color:#1c2125;
	font-weight: bold;
	margin-bottom: 50px;
	position: relative;
	padding-left:70px;
}
.prov .adv .list_box .list .text h4 i{
	width:60px;
	height:70px;
	display:inline-block;
	position: absolute;
	left:0;
	top:-20px;
	z-index: 3;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
.prov .adv .list_box .list .text p{
	font-size: 16px;
	color:#666564;
	line-height: 26px;
}

.prov .adv .list_box .list:nth-child(1) .text h4 i{
	background-image: url(../images/no1.jpg);
}
.prov .adv .list_box .list:nth-child(2) .text h4 i{
	background-image: url(../images/no2.jpg);
}
.prov .adv .list_box .list:nth-child(3) .text h4 i{
	background-image: url(../images/no3.jpg);
}
.prov .adv .list_box .list:nth-child(4) .text h4 i{
	background-image: url(../images/no4.jpg);
}

.prov .hotkey{
	font-size: 14px;
	color:#8e8c8c;
}


.other{
	padding:60px 0;
	width:920px;
	box-sizing: border-box;
	overflow: hidden;
}
.other .tit4{
	border:none;
}
.other .swiper{
	width:100%;
	overflow: visible;
}
.other .swiper .swiper-slide .img{
	width:100%;
	height:210px;
}
.other .swiper .swiper-slide p{
	font-size: 14px;
	color:#2a2a28;
	height:40px;
	line-height: 40px;
	text-align: center;
}
.other .swiper .swiper-slide:hover p{
	color:#ba0000;
}
.other .swiper{
	--swiper-theme-color: #ba0000;
	--swiper-pagination-color: #ba0000;
	--swiper-navigation-size: 30px;
}
.other .swiper .swiper-pagination{
	width:auto;
	display:inline-block;
	right:0;
	top:-50px;
	bottom: initial;
	left: initial;
}
.other .swiper .swiper-pagination .swiper-pagination-bullet{
	width:10px;
	height:10px;
}





.caselist{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px 50px;
}
.caselist .list{
	text-align: center;
	background-color: #f5f5f5;
	padding-bottom: 40px;
}
.caselist .list .img{
	height:240px;
	margin-bottom: 30px;
}
.caselist .list .text{
	padding-top:20px;
	padding-bottom: 30px;
	background-color: #fff;
	position: relative;
}
.caselist .list .text h4{
	font-size: 16px;
	color:#171616;
	margin-bottom: 8px;
}
.caselist .list .text p{
	font-size: 13px;
	color:#7c7b7b;
}
.caselist .list .text .day{
	position: absolute;
	left:50%;
	top:-70px;
	z-index: 3;
	width:60px;
	height:70px;
	background-color: #ba0000;
	color:#fff;
	padding-top:10px;
	box-sizing: border-box;
	transform: translateX(-50%);
}
.caselist .list:hover .text .day{
	background-color: #2e302f;
}
.caselist .list .text .day i{
	font-size: 32px;
	display:block;
	font-weight: bold;
	height:30px;
	line-height: 30px;
}
.caselist .list .text .day em{
	font-size: 21px;
	display:block;
}
.caselist .list span{
	display:block;
	width:100px;
	height:35px;
	line-height: 35px;
	margin: 0 auto;
	background-color: #2e302f;
	color:#fff;
	border-radius: 4px;
}


.planlist{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 30px;
}
.planlist .list .img{
	height:160px;
}
.planlist .list .text{
	padding:15px 0;
	text-align: center;
	color:#878688;
}
.planlist .list .text h4{
	font-size: 14px;
	margin-bottom: 10px;
}
.planlist .list:hover .text h4{
	color:#ba0000;
}
.planlist .list .text span{
	display:block;
	width:100px;
	height:35px;
	line-height: 35px;
	margin: 0 auto;
	border-radius: 4px;
	border:1px solid #ccc;
}
.planlist .list:hover .text span{
    background-color:#2e302f;
    color:#fff;
    border:1px solid #2e302f;
}

.producelist{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 30px;
}
.producelist .list .img{
	height:220px;
}
.producelist .list h4{
	height:40px;
	line-height: 40px;
	text-align: center;
	color:#878688;
	font-size: 14px;
}
.producelist .list:hover h4{
	color:#ba0000;
}


.about .htx{
	margin-bottom: 50px;
	text-align: center;
}
.about .htx h2{
	font-size: 40px;
	color:#1b1919;
	font-weight: bold;
}


.ab1_box{
	display: grid;
	grid-template-columns: 450px auto;
	grid-gap: 0 20px;
}
.ab1_box .img{
	height:350px;
}
.ab1_box .text{
	color:#1b1919;
}
.ab1_box .text h3{
	font-size: 40px;
	margin-bottom: 10px;
}
.ab1_box .text h4{
	font-size: 21px;
	margin-bottom: 15px;
}
.ab1_box .text .tx{
	font-size: 16px;
	line-height: 26px;
}





.about .taggroup{
	color:#666;
	padding:50px 0;
}
.about .taggroup .li h4{
	font-size: 60px;
	font-weight: bold;
	height:60px;
	line-height: 60px;
	margin-bottom: 5px;
}
.about .taggroup .li h4 sub{
	font-size: 24px;
}
.about .taggroup .li p{
	font-size: 16px;
}
.about .taggroup .li:hover h4{
	color:#ba0000;
}



.ab2{
	padding-top:40px;
	background-color: #e6e6e6;
}
.ab2 .htx{
	color:#0a0a0a;
}
.ab2 .htx h2{
	font-size:34px;
	font-weight: normal;
	margin-bottom: 10px;
}
.ab2 .htx p{
	font-size:18px;
}


.ab2_box{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px 10px;
}
.ab2_box .list{
	background-color: #f3f3f3;
}
.ab2_box .list .img{
	height:370px;
}
.ab2_box .list .text{
	padding:20px 15px;
	box-sizing: border-box;
}
.ab2_box .list .text h4{
	font-size: 18px;
	color:#0a0a0a;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
.ab2_box .list .text p{
	font-size: 14px;
	color:#373636;
	line-height: 26px;
}


.ab3{
	padding:40px 0;
}
.ab3_box{
	display:grid;
	grid-template-columns: auto 430px;
	grid-gap:0 10px;
}
.ab3_box .text h3{
	font-size: 32px;
	color:#b90303;
	margin-bottom: 10px;
}
.ab3_box .text h4{
	font-size: 24px;
	color:#373636;
	margin-bottom: 10px;
}
.ab3_box .text .tx{
	font-size: 14px;
	color:#373636;
	line-height: 26px;
	margin-bottom: 50px;
}
.ab3_box .text .listgoup{
	text-align: center;
}
.ab3_box .text .listgoup .li{
	margin-right:50px;
}
.ab3_box .text .listgoup .li .img{
	width:80px;
	height:80px;
}
.ab3_box .text .listgoup .li p{
	font-size: 18px;
	color:#0c0c0c;
}


.contact{
	
}
.contact .htx{
	margin-bottom: 40px;
}
.contact .htx h2{
	font-size: 40px;
	color:#333534;
	font-weight: bold;
	text-align: center;
}


.ct1{
	margin-bottom: 40px;
}
.ct1_box{
	display:grid;
	grid-template-columns: 440px auto;
	grid-gap: 0 20px;
}
.ct1_box .text{
	padding-top:20px;
}
.ct1_box .text h3{
	width:270px;
	height:50px;
	line-height: 50px;
	background-color: #ba0001;
	font-size: 18px;
	color:#fff;
	text-align: center;
	border-radius: 100px 0 100px 0;
	margin-bottom: 20px;
}
.ct1_box .text .tx{
	font-size: 14px;
	color:#333534;
	line-height: 26px;
}


.ct2{
	margin-bottom: 40px;
}
.ct2 .list_group{
	display:grid;
	grid-template-columns: 440px auto;
	grid-gap: 40px 40px;
}
.ct2 .list_group .list{
	border:1px solid #ccc;
	text-align: center;
	padding:40px 0;
	border-radius: 5px;
	transition: all .3s ease-in-out;
}
.ct2 .list_group .list:hover{
    transform: translateY(-10px);
}
.ct2 .list_group .list i{
	display:inline-block;
	width:65px;
	height:65px;
	margin: 0 auto;
	margin-bottom: 8px;
	background-repeat: no-repeat;
	background-position: center;
}
.ct2 .list_group .list h4{
	font-size: 18px;
	color:#333534;
	font-weight: bold;
	margin-bottom: 8px;
}
.ct2 .list_group .list .tx{
	font-size: 14px;
	color:#6b6c6b;
	line-height: 26px;
}
.ct2 .list_group .list:nth-child(1) i{
	background-image: url(../images/ct1.png);
}
.ct2 .list_group .list:nth-child(2) i{
	background-image: url(../images/ct2.png);
}
.ct2 .list_group .list:nth-child(3) i{
	background-image: url(../images/ct3.png);
}
.ct2 .list_group .list:nth-child(4) i{
	background-image: url(../images/ct4.png);
}

.map{
	height:600px;
}



.msg{
	padding-top:60px;
	padding-bottom: 120px;
}
.msg .htx{
	text-align: center;
}
.msg .htx{
	margin-bottom: 50px;
}
.msg .htx h2{
	font-size: 34px;
	color:#0d0d0d;
	margin-bottom: 20px;
	padding-bottom: 15px;
	position: relative;
	font-weight: bold;
}
.msg .htx h2::after{
	display:inlint-block;
	content:'';
	width:100px;
	height:2px;
	position: absolute;
	left:50%;
	bottom:0;
	z-index: 3;
	background-color: #ba0000;
	transform: translateX(-50%);
}
.msg .htx p{
	font-size: 13px;
	color:#767676;
}


.msg .item{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 50px;
}
.msg .item form{
	display:block;
	font-size: 13px;
	color:#767676;
}
.msg .item form .li{
	position: relative;
	border:1px solid #ccc;
	margin-bottom: 20px;
}
.msg .item form .li span{
	width:85px;
	height:50px;
	line-height: 50px;
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
	z-index: 3;
	padding-left:20px;
}
.msg .item form input.tx{
	width:100%;
	height:50px;
	line-height: 50px;
	box-sizing: border-box;
	padding-left:90px;
}
.msg .item form .li select{
	width:100%;
	height:50px;
	line-height: 50px;
	box-sizing: border-box;
	padding-left:90px;
}
.msg .item form .li textarea{
	width:100%;
	height:120px;
	line-height: 24px;
	box-sizing: border-box;
	padding:10px 0;
	padding-left:90px;
}
.msg .item form .btn span{
	width:85px;
	height:50px;
	line-height: 50px;
	display: inline-block;
	margin-right:10px;
}
.msg .item form .btn .tx2{
	border:1px solid #ccc;
	padding:0;
	width:120px;
	margin-right:10px;
	padding-left:15px;
}
.msg .item form .btn img{
	width:120px;
	height:50px;
	margin-right:10px;
}
.msg .item form .btn button{
	width:180px;
	height:50px;
	line-height: 50px;
	background-color: #2e302f;
	font-size: 14px;
	color:#fff;
	border-radius: 5px;
	cursor: pointer;
}

.msg .item .ctlist{
	border-left:2px solid #ba0000;
	padding-left: 40px;
	padding-bottom: 30px;
	padding-top:10px;
}
.msg .item .ctlist .list{
	border-top:1px solid #ccc;
	padding:30px 0;
}
.msg .item .ctlist .list:nth-child(1){
	border:none;
}
.msg .item .ctlist .list i{
	width: 45px;
	height:45px;
	display:inline-block;
	margin-right:20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.msg .item .ctlist .list h4{
	font-size: 16px;
	color:#a6a6aa;
	margin-bottom: 8px;
}
.msg .item .ctlist .list .tx{
	font-size: 14px;
	color:#767676;
	line-height: 26px;
}
.msg .item .ctlist .list:nth-child(1) i{
	background-image: url(../images/m1.png);
}
.msg .item .ctlist .list:nth-child(2) i{
	background-image: url(../images/m2.png);
}
.msg .item .ctlist .list:nth-child(3) i{
	background-image: url(../images/m3.png);
}



.newsv{
	
}
.newsv .htx{
    padding-top:15px;
    padding-bottom: 50px;
    text-align: center;
}
.newsv .htx h2{
    font-size:26px;
    font-weight: bold;
    margin-bottom: 10px;
    color:#333;
}
.newsv .htx p{
    font-size: 16px;
    color:#888;
}
.newsv .text{
	font-size: 14px;
	color:#0d0d0d;
	line-height: 26px;
	margin-bottom: 30px;
}
.newsv .btns{
	border-left:3px solid #ba0000;
	padding-left:30px;
}
.newsv .btns a{
	display:block;
	height:30px;
	line-height: 30px;
	font-size: 14px;
	margin: 5px 0;
}
.newsv .btns a:hover{
	color:#ba0000;
}



.page {
	text-align: center;
	padding:50px 0;
}
.page .pagination {
	display: inline-block;
}
.page .pagination li{
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #908f8f;
}
.page .pagination li span,
.page .pagination li a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding:0 8px;
}
.page .pagination li.prev,
.page .pagination li.next {
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position-y:center;
}
.page .pagination li.prev{
	background-position-x: left;
	background-image:url(../images/pprev.png);
	padding-left:18px;
}
.page .pagination li.next{
	background-position-x: right;
	background-image:url(../images/pnext.png);
	padding-right:18px;
}
.page .pagination li.active,
.page .pagination li:hover {
	color:#ba0000;
}
.page .pagination li.disabled,
.page .pagination li.disabled:hover{
	color:#ddd;
}