@charset "utf-8";
/* CSS Document */
/*
 * @description
 * @author GuoR
 * @Date 2019/3/11
 */
 /*通用样式*/
/*
html{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
*/
*{margin:0; padding:0;}

body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑";background:url(../images/bjB.jpg) no-repeat bottom center;min-width:1200px;}
ul,ol,dl{list-style:none;}
img{border:none;}
a{text-decoration:none}
form,input{vertical-align:middle;margin:0;padding:0;border:0;}
i{ font-style:normal;}
/*首页*/
.fj{width:100%;height:1150px;overflow:hidden;background:url(../images/bjT.jpg) no-repeat top center;}
.feiji{width:100%;height:100%;background:url(../images/feiji.png) no-repeat -175px 200px;-webkit-animation: STAR-MOVE  10s linear infinite;
	-moz-animation: STAR-MOVE  10s linear infinite;
	-ms-animation: STAR-MOVE  10s linear infinite;
	animation: STAR-MOVE  10s linear infinite;}
@-webkit-keyframes STAR-MOVE {
	from {
		background-position:-175px 100px;
	}
	to { 
		background-position: 120% 100px;
	}
}
 @keyframes STAR-MOVE {
	from {
		background-position: -175px 100px;
	}
	to { 
		background-position: 120% 100px;
	}
}

.jianjie{width:100%;height:955px;background:url(../images/jianjie.png) no-repeat top center;}
.main{width:100%;height:1163px;background:url(../images/navBJ.png) no-repeat top center;position:relative;}
.nav .hong{position:absolute;left:50%;bottom:712px;margin-left:-606px;width:330px;height:188px;background:url(../images/hong.png) no-repeat center;}
.nav .hong a{display:block;width:72%;height:72%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.nav .cheng{position:absolute;left:50%;bottom:723px;margin-left:-287px;width:513px;height:284px;background:url(../images/cheng.png) no-repeat center;}
.nav .cheng a{display:block;width:72%;height:72%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.nav .huang{position:absolute;left:50%;bottom:637px;margin-left:106px;width:513px;height:281px;background:url(../images/huang.png) no-repeat center;}
.nav .huang a{display:block;width:72%;height:72%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.nav .lv{position:absolute;left:50%;bottom:523px;margin-left:-447px;width:513px;height:235px;background:url(../images/lv.png) no-repeat center;}
.nav .lv a{display:block;width:72%;height:72%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.nav .qing{position:absolute;left:50%;bottom:490px;margin-left:5px;width:332px;height:216px;background:url(../images/qing.png) no-repeat center;}
.nav .qing a{display:block;width:72%;height:72%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.nav .lan{position:absolute;left:50%;bottom:324px;margin-left:-462px;width:426px;height:238px;background:url(../images/lan.png) no-repeat center;}
.nav .lan a{display:block;width:72%;height:72%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.nav .zi{position:absolute;left:50%;bottom:295px;margin-left:-37px;width:423px;height:237px;background:url(../images/zi.png) no-repeat center;}
.nav .zi a{display:block;width:72%;height:72%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
@-moz-keyframes tada{
    0%{-moz-transform:rotate(0);}
    10%,20%{-moz-transform:rotate(-6deg);}
    30%,50%,70%,90%{-moz-transform:rotate(6deg);}
    40%,60%,80%{-moz-transform:rotate(-6deg);}
    100%{-moz-transform:rotate(0);}
   }
@-webkit-keyframes tada{
    0%{-webkit-transform:rotate(0);}
    10%,20%{-webkit-transform:rotate(-6deg);}
    30%,50%,70%,90%{-webkit-transform:rotate(6deg);}
    40%,60%,80%{-webkit-transform:rotate(-6deg);}
    100%{-webkit-transform:rotate(0);}
   }
.nav li:hover{-webkit-animation:tada 1s .2s ease both;-moz-animation:tada 1s .2s ease both;}
.tishi{position:absolute;bottom:78px;left:50%;margin-left:-321px;}
.bottom{font-size:16px;color:#084615;width:100%;text-align:center;position:absolute;bottom:32px;left:0;}
/*列表页*/
.mainM{width:100%;height:2118px;position:relative;overflow:hidden;}
.mainMM{width:1068px;overflow:hidden;margin:311px auto 0;}
.mainMM li{width:227px;height:328px;float:left;margin:20px;border-radius:8px;overflow:hidden;}
.mainMM li img{display:block;width:100%;height:100%;}
/*红*/
.main_hong{background:url(../images/hongM.png) no-repeat top center;}
.main_hong .mainMM li{box-shadow:0 7px 5px #ff9595;}
.main_hong .mainMM li:hover{box-shadow:0 7px 25px #ff9595;}
/*橙*/
.main_cheng{background:url(../images/chengM.png) no-repeat top center;}
.main_cheng .mainMM li{box-shadow:0 7px 5px #ffc773;}
.main_cheng .mainMM li:hover{box-shadow:0 7px 25px #ffc773;}
/*黄*/
.main_huang{background:url(../images/huangM.png) no-repeat top center;}
.main_huang .mainMM li{box-shadow:0 7px 5px #fffb84;}
.main_huang .mainMM li:hover{box-shadow:0 7px 25px #fffb84;}
/*绿*/
.main_lv{background:url(../images/lvM.png) no-repeat top center;}
.main_lv .mainMM li{box-shadow:0 7px 5px #90ffb7;}
.main_lv .mainMM li:hover{box-shadow:0 7px 25px #90ffb7;}
/*青*/
.main_qing{background:url(../images/qingM.png) no-repeat top center;}
.main_qing .mainMM li{box-shadow:0 7px 5px #81ddff;}
.main_qing .mainMM li:hover{box-shadow:0 7px 25px #81ddff;}
/*蓝*/
.main_lan{background:url(../images/lanM.png) no-repeat top center;}
.main_lan .mainMM li{box-shadow:0 7px 5px #9c9cff;}
.main_lan .mainMM li:hover{box-shadow:0 7px 25px #9c9cff;}
/*紫*/
.main_zi{background:url(../images/ziM.png) no-repeat top center;}
.main_zi .mainMM li{box-shadow:0 7px 5px #e493da;}
.main_zi .mainMM li:hover{box-shadow:0 7px 25px #e493da;}
/*分页*/
.tanchuMB{width:100%;text-align:center;height:26px;line-height:26px;position:absolute;left:0;bottom:224px;font-size:20px;display:table;word-spacing:-1em;}
.tanchuMB li{display:inline-block;margin:0 2px;}
.tanchuMB li a{color:#000;display:block;height:100%;min-width:12px;padding:0 3px;}
.tanchuMB li a:hover{color:#fff;background:#666;}
.tanchuMB li a.tanchuMBH{color:#fff;background:#666;}