﻿/*动画过渡时间*/
.transition5,.transitionImg5 img,
.moveUp,.moveUp2,
.enlarge,.enlargeLi img,
.horizontalFlip,.horizontalFlipImg img,.horizontalFlipIcon li .icon,
.rgbTgray,.rgbTgrayImg li img,.rgbTgrayIcon li .icon,
.grayTrgb,.grayTrgbImg li img,.grayTrgbIcon li .icon{
    -moz-transition: all ease .5s 0s;-webkit-transition: all ease .5s 0s;cursor: pointer;transition: all ease .5s 0s;
}
/*鼠标悬浮上移*/
.moveUp:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.moveUp2:hover{-webkit-transform: translateY(-25px);-moz-transform: translateY(-25px);-ms-transform: translateY(-25px);-o-transform: translateY(-25px);transform: translateY(-25px);}
/*（列表项图片）鼠标悬浮图片放大*/
.enlarge:hover,.enlargeLi li:hover img,.enlargeLi a:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
/*鼠标悬浮（图片、图标）水平翻转*/
.horizontalFlip:hover,.horizontalFlipImg li:hover img,.horizontalFlipIcon li:hover .icon{-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
/*鼠标悬浮箭头样式改变*/
.cursor:hover,.cursorLi li:hover{cursor: url("../images/pointer.ico"),auto;}
/*rgb图变灰度图片*/
.rgbTgray,.rgbTgrayImg li img,.rgbTgrayIcon li .icon{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
.rgbTgray:hover,.rgbTgrayImg li:hover img,.rgbTgrayIcon li:hover .icon{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
/*灰度图变rgb图片*/
.grayTrgb,.grayTrgbImg li img,.grayTrgbIcon li .icon{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.grayTrgb:hover,.grayTrgbImg li:hover img,.grayTrgbIcon li:hover .icon{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
/*持续性上下跳动*/
@keyframes beating{
    from{-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);-webkit-transform: translateY(10px);transform: translateY(10px);}
    to{-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
/*持续性左右延长收缩*/
@keyframes extending{
    from{-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);-webkit-transform: scaleX(1);transform: scaleX(1);}
    to{-moz-transform: scaleX(2);-ms-transform: scaleX(2);-o-transform: scaleX(2);-webkit-transform: scaleX(2);transform: scaleX(2);}
}
/*持续性放大缩小*/
@keyframes zoomimg{
    from{-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
    to{-moz-transform: scale(0.95);-ms-transform: scale(0.95);-o-transform: scale(0.95);-webkit-transform: scale(0.95);transform: scale(0.95);}
}
/*持续性平移*/
@keyframes translating{
    from{-moz-transform: translateX(20px);-ms-transform: translateX(20px);-o-transform: translateX(20px);-webkit-transform: translateX(20px);transform: translateX(20px);}
    to{-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-o-transform: translateX(-20px);-webkit-transform: translateX(-20px);transform: translateX(-20px);}
}
/*溢出隐藏*/
.hidden{overflow: hidden;}
/**/
.main{
	min-width: 320px;
	max-width: 1200px;
	margin: auto;
}
/*面包屑*/
.main1{
	padding: 1.5% 0;
}
.main1 a{
	font-size: 20px;
	color: #282828;
	font-weight: 600;
}
.main1 a:visited{
    color: #282828;
}
.main1 a:hover{
    color: #b60005;
}
.main1 span{
	font-size: 20px;
	color: #b60005;
	font-weight: 600;
}
.main1-1{
	text-align: center;
}
.main1-1 span{
	font-size: 26px;
	color: #282828;
	font-weight: 600;
}
.main1-1 p img{
	width: 3%;
    margin-top: 10px;
}
/*面包屑*/
.main2-1{
	width: 31%;
	float: left;
	border: 1px solid #999999;
	padding: 0.4% 0.4% 2% 0.4%;
	margin-left: 2%;
	margin-bottom: 2%;
}
.main2-1 a{
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.main2-1 a .tit{
    font-size: 16px;
    color: #282828;
    margin-top: 3%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.main2-1 a .img{
    width: 100%;
    height: 16.5rem;
    overflow: hidden;
}
.main2-1 a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main2-1 a:hover .tit{
    color: #b60005;
}
.main2-1 a span{
	font-size: 12px;
	color: #c28a12;
	display: block;
	margin: 2% 0;
}
.main2-1 a div{
	font-size: 12px;
	color: #999999;
	line-height: 1.2rem;
    height: 6rem;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.main2-1:nth-child(1){
	margin-left: 0;
}
.main2-1:nth-child(4){
	margin-left: 0;
}
.main2-1:nth-child(7){
	margin-left: 0;
}
.main2-1:nth-child(10){
	margin-left: 0;
}

.fenyespan {
	width: 100%;
    text-align: center;
    margin-top: /*47px*/ 20px;
    margin-bottom: 2%;
}

.fenyespan .pageinfo{
    display: none;
}
.fenyespan span,.fenyespan a{
    /*width: 25px;*/
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    display: inline-block;
    margin: 0 5px;
    padding: 2px 7px;
    border: 1px solid #ebebeb;
}
.fenyespan a{
    /*color: #666666;*/
}
.fenyespan a:visited{
    color: #000;
}
.fenyespan span:hover , .fenyespan a:hover{
    cursor: pointer;
    background-color: #b60005;
    color: #fff;
    border-color: #b60005;
}
.fenyespan span:hover .spana{
	color: #fff;
}
.fenyespan .fenyeactive,.fenyespan .current{
    background-color: #b60005;
    border-color: #b60005;
}
.fenyespan .fenyeactive a,.fenyespan .current{
    color: #fff;
}
.fenyespan .a{
	width: 40px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    display: inline-block;
    margin: 0 5px;
    color: #666666;
    border: 1px solid #ebebeb;
}




/*媒体查询*/
@media screen and (max-width: 1200px) {
.main{
	margin-bottom: 13%;
}
.main1 a {
    font-size: 2rem;
    color: #282828;
    font-weight: 600;
}
.main1{
	padding: 2%;
}
.main1 span{
	font-size: 2rem;
	color: #b60005;
	font-weight: 600;
}
.main1-1 span {
    font-size: 4rem;
    color: #282828;
    font-weight: 600;
    letter-spacing: 0.1rem;
}
.main1-1 p img {
    width: 11%;
}
.main2{
    margin: 0 2%;
}
.main2-1 {
    width: 46%;
    float: left;
    border: 1px solid #999999;
    padding: 0.4% 0.4% 2% 0.4%;
    margin-left: 4%;
    margin-top: 2%;
}
.main2-1:nth-child(3){
	margin-left: 0;
}
.main2-1:nth-child(4){
	margin-left: 4%;
}
.main2-1:nth-child(5){
	margin-left: 0;
}
.main2-1 a .tit{
    font-size: 2rem;
    color: #282828;
    margin-top: 3%;
}
.main2-1 a span {
    font-size: 1.6rem;
    color: #b60005;
    display: block;
    margin: 2% 0;
}
.main2-1 a div {
    font-size: 1.6rem;
    color: #999999;
    line-height: 2.2rem;
    height: 6.6rem;
}

.fenyespan span,.fenyespan a{
    /*width: 70px;*/
    height: 70px;
    line-height: 70px;
    font-size: 2rem;
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #ebebeb;
}

.fenyespan .a {
    width: 120px;
    height: 70px;
    line-height:70px;
    font-size: 2rem;
    display: inline-block;
    margin: 0 5px;
    color: #666666;
    border: 1px solid #ebebeb;
}
}