@charset "utf-8";
/* CSS Document */
*{padding:0px;font-size:14px;margin:0px;}
*,body{padding:0px;	margin:0px;color: #222;font-family: "微软雅黑"; }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body{ background:#17140f;color:#fff;overflow-x: hidden;}
li{ list-style-type:none;}
table{}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none; color:#399bff; outline:none;}
a:hover,a:active,a:focus{ color:#06c; text-decoration: none!important; outline:none;}
input,select,textarea{ color:#555; font-family:"微软雅黑"; font-size:14px; text-indent:4px; outline:none}
h1,h2,h3,h5,h4,h6,ul,ol,p{ padding:0; margin:0;}
/*清除浮动代码*/ 
.cont{width: 1020px; margin: 0 auto; overflow: hidden;}
.clearfloat:after,.cont:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat,.cont{zoom:1} 
.pull_left{float: left;}
.pull_right{float: right;}
.head{ width: 100%; max-width: 1242px; margin: 0 auto; overflow: hidden;}
.head .logo{width: 37%; background: url(../images/bg.png) no-repeat; background-size:auto 100% ;}
.head .kefu{width: 35%;}
.head .headpic{width: 28%;}

.banner{position: relative; overflow: hidden;}
.box{ position:relative; width: 1000px;left: 50%; margin-left: -500px;margin-top: -26%;}
.box .bt{position: absolute; width: 30%; left: 35%; top: -30px;}
.box .bt img{ display: block; margin: 0 auto;}
.box ul{ border: 15px solid #fbe34f; background: #000001; border-radius:5px; padding:50px 50px 30px 50px;}
.box ul li{font-size: 0; padding: 15px 0px;}
.box ul li a{border: 2px solid #fbe34f; text-align: center;font-size: 30px; display: inline-block; color:#fbe34f; line-height: 55px;  transition: 0.5s;}
.box ul li a span{ color:#fbe34f!important;font-size: 30px;  transition: 0.5s; }
.box ul li a:hover{background:#fbe34f; color: #000;}
.box ul li a:hover span{color: #000;}

.box ul li a:nth-child(1){ width:45%; margin-right: 3%; border-radius: 8px;}
.box ul li a:nth-child(2){ width:25%; margin-right: 2%; border-radius: 8px 0 0 8px;}
.box ul li a:nth-child(3){ width:25%; border-radius:0 8px 8px 0;}

.foot{background: #804f12;margin-top: 40px; overflow: hidden;}
.foot li{float: left}
.foot li:nth-child(1){ width: 25%}
.foot li:nth-child(2){width:60%}
.foot li:nth-child(3){width:15%}
.foot p span{color: #fff;}
.foot p {color: #fbe34f; padding-top: 20px;}
.foot p span {color: #fff;}

.right-nav {
    position: fixed;
    z-index: 999;
    top: 50%;
	margin-top: -215px;
     right: -283px;
    transition: 0.5s;
}
.left-nav {
    position: fixed;
    z-index: 999;
    top: 50%;
	margin-top: -215px;
    left: -304px;
    transition: 0.5s;
}
.right-nav:hover{right: 0}
.left-nav:hover{left: 0}




@media (max-width:1000px){
	.right-nav,.left-nav{display: none;}
.box ul li a span{ font-size: 14px; }
	.banimg{margin-left:-100px; margin-right: -100px;}
.head{ width: 100%; overflow: hidden;}
	.head .clearfloat{ margin-left: -30px; margin-right: -30px;}
.box{ width: 100%;left: 0%; margin-left:0; margin-top: -33%; position: relative; }
	.box ul{ border: 10px solid #fbe34f; padding:20px 20px 20px 20px;}
	.box .bt{position: absolute; width:150px; left:50%; margin-left: -75px; top: -20px;}
	.box ul li a{border: 1px solid #fbe34f; text-align: center;font-size: 14px; display: inline-block; color:#fbe34f; line-height: 35px;}
	.foot .cont{width: 95%; margin: 0 auto;}
	.foot p {color: #fbe34f; padding-top: 5px; font-size: 6px;}
	.box ul li {padding: 15px 0px 0 0;}
.foot p span {color: #fff;font-size: 6px;}

}