/*动画过渡时间*/
.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;}
/*面包屑*/
.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{
	margin-top: 1%;
}
.main2 ul{
    margin-bottom: 2%;
}
.main2 ul li{
	float: left;
	/*width: 12%;*/
    width: calc((100% - 14%) / 8);
	text-align: center;
	padding: 0.4% 0;
    margin-right: 2%;
}
.main2 ul li:nth-child(8n){
    margin-right: 0;
}
.main2 ul li a{
	font-size: 20px;
	color: #282828;
}
.main2-li,.main2 ul li:hover{
	background: #b60005;
}
.main2-li a,.main2 ul li:hover a{
	color: white !important; 
}
.main2-2-1{
	width: 31%;
	float: left;
	position: relative;
	margin-bottom: 3.5%;
	margin-left: 3.5%;
}
.main2-2-1:nth-child(1){
	margin-left: 0;
}
.main2-2-1:nth-child(4){
	margin-left: 0;
}
.main2-2-1:nth-child(7){
	margin-left: 0;
}
.main2-2-1 a{
	display: block;
}
.main2-2-1 img{
	display: block;
    height: 16.9rem;
}
.main2-2-1 p{
	width: 100%;
	font-size: 20px;
	color: white;
	background: rgba(193,151,64,0.6);
	position: absolute;
	letter-spacing: 0.2rem;
	text-align: center;
	bottom: 0;
	padding: 3% 0;
	display: none;
}
.main2-2-1:hover .p1{
	display: block;
}
/*分类*/

.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;
}
.main2{
    margin:0  2%;
    margin-top: 1%;
}
.main2-2-1 {
    width: 48.2%;
    float: left;
    position: relative;
    margin-bottom: 3.5%;
    margin-left: 3.5%;
}
.main2-2-1:nth-child(3){
	margin-left: 0%;
}
.main2-2-1:nth-child(4){
	margin-left: 3.5%;
}
.main2-2-1:nth-child(5){
	margin-left: 0%;
}
.main2-2-1 p {
    width: 100%;
    font-size: 2rem;
    color: white;
    background: rgba(193,151,64,0.6);
    position: absolute;
    letter-spacing: 0.2rem;
    text-align: center;
    bottom: 0;
    padding: 3% 0;
    display: block;
}
.main2-2-1 img{
    height: 22rem;
}
.main2 ul li {
    float: left;
    width: calc((100% - 6%) / 4);
    text-align: center;
    padding: 0.4% 0;
}
.main2 ul li:nth-child(4n){
    margin-right: 0;
}
.main2 ul li a {
    font-size: 2.4rem;
    color: #282828;
}


.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;
}
}