@charset "utf-8";
/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.navbox{width: 516px; margin: 0 auto; padding-left: 30px; padding-top: 75px;}
.logo {padding-bottom: 80px;}
.logo img{width: 100%;}
.navbox li{padding-bottom: 11px;}
.navbox a{display: block; background: url(../images/a_10.png); line-height: 89px; color: #3093f0; font-size: 30px; padding-left: 128px; margin: 0 auto;background-size: 100% 100%;position: relative;}
.navbox a span{display: block; position: absolute;width: 24px;top: 0;right: 45px;}
.navbox b{display: inline-block; vertical-align: middle; margin: -3px 20px 0 0 ;width: 35px;height: 35px;}
.com1{background: url(../images/a_01.png) no-repeat center center;}
.com2{background: url(../images/a_04.png) no-repeat center center;}
.com3{background: url(../images/a_13.png) no-repeat center center;}
.com4{background: url(../images/a_16.png) no-repeat center center;}
.com5{background: url(../images/a_19.png) no-repeat center center;}
.navbox a:hover{background: url(../images/a_07.png) no-repeat center center;background-size: 100% 100%;color: #fff;}
.navbox a:hover .com1{background: url(../images/a_02.png) no-repeat center center;}
.navbox a:hover .com3{background: url(../images/a_05.png) no-repeat center center;}
.navbox a:hover .com5{background: url(../images/a_06.png) no-repeat center center;}
.bottom img{margin: 0 auto; padding-top: 35px;}
@media(max-width:1620px){
.navbox{width: 400px; margin: 0 auto; padding-left: 30px; padding-top: 75px;}
.navbox a{line-height: 60px; padding-left: 80px;font-size: 24px;}
.bottom img{width: 100%;}
}
@media(max-width:1224px){
.navbox{width: 350px; margin: 0 auto; padding-left: 30px; padding-top: 40px;}
.logo{padding-bottom: 50px;}
.navbox a{line-height: 60px; padding-left: 30px;font-size: 24px;}
.bottom img{width: 100%;}

}
@media(max-width:1000px){
.navbox{width: 250px; margin: 0 auto; padding-left:0; padding-top: 80px;}
.logo{padding: 0 50px 40px 50px;}
.navbox a{font-size: 20px;}
.navbox a span{right: 26px;}
}