*{ margin: 0px; padding: 0px; font-size: 16px; font-family: "微软雅黑";}
@media screen  and (max-width:1000px) {
	*{ margin: 0px; padding: 0px; font-size: 12px; font-family: "微软雅黑";}
	}
a{ text-decoration: none;}
li{ list-style: none;}
img{ border: none;}
.fl{ float: left; display: inline-block; margin-left: 50px; margin-top: 15px;}
.fr{ float: right; display: inline-block; margin-right: 10%;margin-top: 10px;}
.clear{ width: 0px; height: 0px; overflow: hidden; clear: both;}
.center{ width: 1200px; margin: 0px auto;}
@media screen and (max-width: 1000px) {
	.center{ width: 100%; margin: 0px auto;}
}
body{ background: #000000;}



.top{ width: 100%; height: 118px; background: black;}
.top_box{ width: 100%;  height: 72px; margin-top: 20px; background: #171717; float: left;}
.top>.box{ position: relative;}
.top>.box img{ position: absolute; top: 0px; left: 437px; z-index: 99;}

@media screen and (max-width: 1000px) {
	.top>.box img{ position: absolute; top: 0px; left: 35%; z-index: 99;}
	.top_right{ margin-right: 00px;}
}

.top ul{ width: 100%;}
.top li a{ display: block; width: 65px; height: 30px; line-height: 30px; text-align: center; margin-top: 12px; color: #a3a3a3; padding-left: 35px; transition: .5s;}
.top li a.a1,.top li a.a2{ float: left;}
.top li a.a3,.top li a.a4{ float: right;}
.top li a.a1{ margin-left: 43px; background: url(../img/icon_1.png) no-repeat 0px 0px ; transition: .5s;}
.top li a.a2{ margin-left: 43px; background: url(../img/icon_2.png) no-repeat 0px 0px ; transition: .5s;}
.top li a.a3{ margin-right: 48px; background: url(../img/icon_3.png) no-repeat 0px 0px ; transition: .5s;}
.top li a.a4{ margin-right: 56px; background: url(../img/icon_4.png) no-repeat 0px 0px ; transition: .5s;}
.top li a:hover{ background-position: 0px -30px; color: #ba820a; transition: .5s;}

.banner .center_bj{position: relative; width: 1200px; margin: 0 auto; margin-top: 30px; background: url(../img/cbj.png) no-repeat center center; background-size: 100% 100%; }
.banner{ position: relative; width: 100%; height: 692px; padding-top: 1px; background: url(../img/banner_02.png) no-repeat center center; background-size: 100% 100%;}
.banner ul.ul1{ width: 750px; height: 469px; float: left; border-right: 1px solid rgb(92,92,92);}
.banner .center_top{ position: absolute; top: -11px; left: 198px; }
.banner .center_top_right{ position: absolute; top:-11px; right: 74px; }
.banner ul.ul1{ margin-top: 67px;}
.banner ul.ul2{  width: 449px; float: left;}
.banner ul.ul2 li{float: left;}
.banner ul.ul2 .li21{ width: 100%;text-align: center;  }
.banner ul.ul2 .li22{ width: 55%;text-align: right;margin-right: 10px;  }
.banner ul.ul2 .li23{ width: 40%; margin-top: 116px;}
.banner ul li{ position: relative;}
.banner ul li a{ display: block; margin:10px 0; width: 198px; height: 198px; float: left;  margin-left: 40px; transform: rotate(0deg); background: url(../img/quan.png) no-repeat center center; background-size: 100% 100%;}
/*.banner ul li:hover a{transform: rotate(360deg); transition: .5s;}*/
.banner ul li a p{ text-align: center;}
.p1{ line-height: 78px; font-size: 30px; color: #e2c543; position: absolute; width: 96px; color: #f7ce10; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(202, 160, 0, 1)), to(rgba(243, 184, 18, 0)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.p2{ font-size: 12px; color: #eeeeee; line-height: 12px; position: absolute;}
.p3{ line-height: 40px; font-size: 24px; color: #eeeeee; position: absolute;}
.li1 .p1{top: 30px; left: 55px;}
.li1{margin-left: 28px;}
.li2 .p1{top: 30px; left: 55px;}
.li3 .p1{top: 30px; left: 55px;}
.li4 .p1{top: 30px; left: 55px;}
.li5 .p1{top: 30px; left: 55px;}
.li6 .p1{top: 30px; left: 55px;}
.li7 .p1{top: 30px; left: 55px;}
.li1 .p2{top: 103px; left: 48px;font-size: 20px;margin-left: 5px;}
.li2 .p2{top: 103px; left: 48px;font-size: 20px;margin-left: 5px;}
.li3 .p2{top: 103px; left: 48px;font-size: 20px;margin-left: 5px;}
.li4 .p2{top: 103px; left: 48px;font-size: 20px;margin-left: 5px;}
.li5 .p2{top: 103px; left: 48px;font-size: 20px;margin-left: 5px;}
.li6 .p2{top: 103px; left: 48px;font-size: 20px;margin-left: 5px;}
.li7 .p2{top: 103px; left: 48px;font-size: 20px;margin-left: 5px;}
.li1 .p3{top: 124px; left: 75px;}
.li2 .p3{top: 124px; left: 75px;}
.li3 .p3{top: 124px; left: 75px;}
.li4 .p3{top: 124px; left: 75px;}
.li5 .p3{top: 124px; left: 75px;}
.li6 .p3{top: 124px; left: 75px;}
.li7 .p3{top: 124px; left: 75px;}


.jiance{width: 346px; height: 60px; display: block; margin: 53px auto 35px;}
.btn{ width: 751px;height: 85px; }
.button{width: 525px; height: 74px; display: block; margin: 0 auto;}
.button:hover{width: 500px; height: 80px; }
.p4{display: inline-block; width: 95px; height: 36px; line-height: 36px; background: url(../img/quan_1.png) no-repeat left center;color: #9a7130; font-size: 20px; padding-left:30px ;}
.p5{ line-height: 22px; color: #fff; margin: 40px 50px 0 50px; padding-bottom: 30px; font-size: 16px; letter-spacing: 1px; text-align: justify;}


.nav{ width: 100%; height: 174px; margin-top: 57px; background: url(../img/nav_bg.png) no-repeat center center; background-size: 100% 100%; opacity: 0.9; }
.nav ul{ width: 1116px; margin: 0 auto; height: 174px; text-align: center;}

.nav ul li{ width: 135px; height: 150px; display: inline-block;}
.nav ul li a{ width: 135px; height: 92px; display: block; margin-top: 47px; font-size: 22px; color: #9c7231; text-align: center; border-right:  solid 1px #383435;}
.nav ul li a img{ display: block; width: 32px; height: 27px; margin: 15px auto;}
.nav ul li:hover{ background: url(../img/hover.png) no-repeat bottom center;}
@media screen and (max-width: 1000px) {
	.nav ul{ width: 100%; margin: 0 auto; height: 174px;}
	.nav ul li{ width: 162px;}
.nav ul li a{ width: 161px;}
}

.footer{ width: 100%; height: 475px; background: url(../img/bg.png) no-repeat center center; background-size: 100% 100%;}
.footer .jian{ width: 973px; height: 82px; color: #515050; padding-left: 70px; margin: 0 auto; line-height: 82px; font-size: 42px;}
.footer_box{ width: 1200px; height: 60px; margin: 0 auto;}
@media screen and (max-width: 1000px) {
	.footer_box{ width: 85%; }
	.footer .jian{ width: 85%;  margin: 0 auto;}
}
.footer_box p{ padding-left: 30px; color: #fff; font-size: 22px; float: left;}
.footer_box1{ width: 1200px; height: 128px; margin: 0 auto;}
.footer_box1 div{ width: 290px; height: 128px;color: #fff; /*padding-left: 70px;*/}
/*.footer_box1 div span{ display: block; width: 290px; height: 68px; color: #9b9b9b; line-height: 68px; font-size: 32px;}*/
.footer_box1 div span{ 
	display: block;
    width: 459px;
    height: 68px;
    color: #9b9b9b;
    line-height: 124px;
    font-size: 32px;
    /* margin: auto; */
    text-align: center;
}
.footer_box1 p{ padding-left: 30px;color: #fff; width: 614px; font-size: 14px; letter-spacing: 1px; line-height: 22px;}
.footer_box1 p font{color: red;}
.heng{ display: block; width: 1043px; height: 2px; margin: 0 auto;}
@media screen and (max-width: 1000px) {
	.footer_box1{ width: 85%; }
	.heng{ width: 85%; }
	.footer_box1 div{ width: 35%; }
.footer_box1 div span{ width: 35%;}
	.footer_box1 p{ padding-left: 30px; width: 50%;}
}
.footer_bottom{ width: 1043px; height: 150px; margin: 0 auto;}
.footer_bottom div{ width: 346px; height: 150px; }
.footer_bottom>img{ margin-top: 78px;}
.footer_bottom div p{line-height: 23px;  color: #9b9b9b; font-size: 14px; margin: 0 auto; width: 232px; letter-spacing: 2px;}
@media screen and (max-width: 1000px) {
	.footer_bottom{ width: 90%; height: 150px; margin: 0 auto;}
.footer_bottom div{ width: 33%; height: 150px; }
.footer_bottom div>img{ width: 100%;}
}
.foot{ width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 14px; color: #fff; letter-spacing: 1px;}