@charset "utf-8";
/* CSS Document */
html,body{width: 100%;height: auto;}
body{padding:0px;margin:0px;color:#333;font-family:Arial, Helvetica, sans-serif; font-size:14px;  font-family:"微软雅黑";}
ul,li,p,h1,h2,h3,h4,dl,dt,dd{ margin:0;padding:0;border:0;font-weight:lighter;outline:0;font-style:normal; list-style-type:none;}
h1,h2,h3,h4{ font-family:"微软雅黑";font-weight:bold;}
img{ border:0px;}
a{ color:#333333; text-decoration:none; -webkit-transition: all 0.2s;}
@media (max-width: 869px) {
	.head{width: 100%;}
	#main{width: 100%;}
	#main .maincenter .left h3{float: left;}
}
@media (min-width: 870px) and (max-width: 1199px){
	.head{width: 80%;}
	#main{width: 80%;}
	#main .maincenter .left{width:18%;}
	#main .maincenter .right{width:74%;}
}
@media (min-width: 1200px) {
	.head{width: 1010px;}
	#main{width: 1010px;}
	#main .maincenter .left{width:226px;}
	#main .maincenter .right{width:620px;}
}
#box{ width:100%;height: auto;overflow: hidden; }
.headerbg{background: url(../images/top_bg.jpg) no-repeat top center;background-size: cover;height: 728px;overflow: hidden;}
.head{margin: 50px auto;position: relative;}
.head_words{position: absolute;width: 380px;height: 118px;top: 500px;right: 46px;background: url(../images/words_bg.png) no-repeat center;line-height: 31px;text-align: center; color:#e8e8e8;font-size: 16px;background-size: contain;}
.head_words1{position: absolute;width: 592px;height: 69px;top: 500px;left: 46px;line-height: 30px;text-align: center; color:#000;font-size: 18px;text-align: left;}
.head_words1 span{color: red}
.head .logo{float: left;}
.head .nav{float: right;line-height: 80px;}
.nav a,.nav span{color: #000;}
#banner{ width:680px; margin:0 auto 24px auto; height:460px;}
#main{margin:0 auto;}
#main .maincenter .left{ float:left; padding-left:10px;} 
#main .maincenter .left h3{ width:156px; height:64px;line-height: 64px; background:url(../images/btn1.png) no-repeat; text-align:center; font-size:18px; margin-top:34px;cursor:pointer;}
#main .maincenter .left .dianji{width:156px; height:64px;line-height: 64px; background:url(../images/btn.png) no-repeat; }
#main .maincenter .left h3 a{ color:#e8e8e8;}
#main .maincenter .right{ float:right; margin:20px 10px 0; background:url(../images/words.png) no-repeat right bottom; padding-bottom: 80px;}
#main .maincenter .right h3{ font-size:28px; color:#000; padding:30px 0;}
#main .maincenter .right p{ font-size:16px; color:#000;  line-height:40px;}
#main .maincenter .right p span{color: red;}
#main .maincenter .right h3 span{color: red;}
#bottom{ height:400px; width:100%; text-align:center; line-height:700px; clear: both;background: url(../images/bottom_bg.jpg) no-repeat bottom center;background-size: cover;overflow: hidden;}