@charset "utf-8";
/* CSS Document */
/*
 * @description
 * @author GuoR
 * @Date 2020/6/10
 */
 /*通用样式*/
/*
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/bj.jpg) no-repeat top 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;}
/*首页*/
.top{width:100%;height:843px;background:url(../images/top.jpg) no-repeat top center;}
.jianjie{width:1084px;margin:0 auto;height:353px;}
.jianjie img{display:block;width:1084px;height:353px;}


.nav{width:1200px;margin:0 auto;overflow:hidden;}
.nav li{width:574px;height:534px;float:left;margin-bottom:52px;position:relative;}
.nav li a{display:block;width:100%;height:100%;overflow:hidden;}
.nav li a img{display:block;width:100%;height:100%;transition: all 1s;}
.nav li:hover a img{transform: scale(1.2);}
.nav li a p{width:170px;height:146px;position:absolute;transition: all 1s;}

.nav li.nav1 a p{bottom:0;right:0;background:url(../images/nav1BT.png) no-repeat center;}
.nav li.nav1:hover a p{background:url(../images/nav1BTH.png) no-repeat center;}
.nav li.nav2{float:right;}
.nav li.nav2 a p{bottom:0;left:0;background:url(../images/nav2BT.png) no-repeat center;}
.nav li.nav2:hover a p{background:url(../images/nav2BTH.png) no-repeat center;}
.nav li.nav3 a p{top:0;right:0;background:url(../images/nav3BT.png) no-repeat center;}
.nav li.nav3:hover a p{background:url(../images/nav3BTH.png) no-repeat center;}
.nav li.nav4{float:right;}
.nav li.nav4 a p{top:0;left:0;background:url(../images/nav4BT.png) no-repeat center;}
.nav li.nav4:hover a p{background:url(../images/nav4BTH.png) no-repeat center;}





.bottom{font-size:16px;color:#fff;width:100%;text-align:center;height:108px;line-height:108px;background:url(../images/bottom.png) no-repeat center bottom;}

.list_nav{width:1200px;height:182px;margin:-10px auto 0;text-align:center;}
.list_nav li{width:142px;height:182px;display:inline-block;margin:0 37px;}
.list_nav li a{display:block;width:100%;height:100%;transition: all 1s;}
.list_nav li.list_nav1 a{background:url(../images/list_nav1.png) no-repeat center;}
.list_nav li.list_nav1 a:hover{background:url(../images/list_nav1H.png) no-repeat center;}
.list_nav li.list_nav1 a.hover{background:url(../images/list_nav1H.png) no-repeat center;}
.list_nav li.list_nav2 a{background:url(../images/list_nav2.png) no-repeat center;}
.list_nav li.list_nav2 a:hover{background:url(../images/list_nav2H.png) no-repeat center;}
.list_nav li.list_nav2 a.hover{background:url(../images/list_nav2H.png) no-repeat center;}
.list_nav li.list_nav3 a{background:url(../images/list_nav3.png) no-repeat center;}
.list_nav li.list_nav3 a:hover{background:url(../images/list_nav3H.png) no-repeat center;}
.list_nav li.list_nav3 a.hover{background:url(../images/list_nav3H.png) no-repeat center;}
.list_nav li.list_nav4 a{background:url(../images/list_nav4.png) no-repeat center;}
.list_nav li.list_nav4 a:hover{background:url(../images/list_nav4H.png) no-repeat center;}
.list_nav li.list_nav4 a.hover{background:url(../images/list_nav4H.png) no-repeat center;}




.main{width:1152px;height:944px;padding:11px 24px;margin:33px auto;background:url(../images/mainBJ.png) no-repeat center;}
.main li{width:252px;height:189px;margin:38px 0 0 29px;float:left;border-radius:6px;overflow:hidden;}
.main li img{width:252px;height:189px;display:block;}
.main li:hover{ box-shadow: 0 3px 10px #c3a880;}

/*分页*/
.tanchuMB{width:100%;text-align:center;height:26px;line-height:26px;font-size:20px;display:table;word-spacing:-1em;margin-bottom:70px;}
.tanchuMB li{display:inline-block;margin:0 2px;}
.tanchuMB li a{color:#997533;display:block;min-width:12px;height:100%;padding:0 3px;}
.tanchuMB li a:hover{color:#fff;background:#906e48;}
.tanchuMB li a.tanchuMBH{color:#fff;background:#906e48;}