html,body{background:#fff;width:100%;margin:0px;padding:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
a{text-decoration: none;}
ul,li{list-style-type:none;margin:0px;padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.header{position:relative;width:1200px;height:80px;margin:0px auto;}
.header .logo{position:absolute;top:15px;left:0px;}
.header .language{position:absolute;top:20px;right:0px;font-size:12px;color:#888888;}
.header .language a{color:#888888;margin: 0 10px;}
.header .nav{position:absolute;top:30px;right:0px;}
.header .nav li{margin:0px 15px;text-align:right;float:left;font-size:17px;}
.header .nav a{color:#666;}
.header .nav a:hover{color:#e88127;}
.header .nav .nav-on{color:#e88127;}
.header .navBtn{display:none;}
.header .ch{display:none;}
.header .english{display:none;}

.inp{ margin-left:4px; }

.footer{position:relative;width:100%;min-width:1200px;margin:0px auto;background:#333;}
.footer-center{position:relative;width:1200px;margin:0px auto; }
.footer-center-top{width:1200px;height:249px;border-bottom:1px solid #CCC;}
.footer-center-top>div{position:absolute;}
.footer-center-top-info{width:250px;top:50px;}
.footer-center-top-info>.title{color:#fff;font-size:14px;height:32px;line-height:32px;font-weight:bold;}
.footer-center-top-info>.title img{vertical-align: middle;}
.footer-center-top-info>.title font{vertical-align: middle;}
.footer-center-top-info>.info{color:#FFF;font-size:12px;}
.footer-center-top-info:nth-child(1){left:0px;}
.footer-center-top-info:nth-child(2){left:260px;}
.footer-center-top-code1{top:50px;left:600px;width:120px;color:#FFF;font-size:12px;text-align:center;}
.footer-center-top-code1 img{width:120px;height:120px;}
.footer-center-top-code{top:50px;left:730px;width:120px;color:#FFF;font-size:12px;text-align:center;}
.footer-center-top-call{top:68px;left:887px;color:#FFF;font-size:18px;}
.footer-center-top-call>a{float:right;}
.footer-center-top-call>a>div{width:45px;height:45px;float:right;margin-left:20px;background-image:url(../image/footer-call.png);}
.footer-center-top-call>a>div:hover{background-image:url(../image/footer-call2.png);}
.weibo{background-position:0 0;margin-left:0px !important;}
.weixin{background-position:-66px 0;}
.qq{background-position:-131px 0;}
.renren{background-position:-197px 0;}
.pengyouquan{background-position:-262px 0;}
.footer-center-bottom{width:1200px;height:50px;line-height:50px;font-size:12px;color:#FFF;}
.footer-center-bottom>p{height:50px;line-height:50px;margin:0px;padding:0px;}
.footer-center-bottom>p:nth-child(1){float:left;width:680px;}
.footer-center-bottom>p:nth-child(2){float:right;width:200px;text-align:right;}

.footer-center-bottom p a{ color:#FFF; }

@media (min-width: 240px) and (max-width: 319px) {
	
}
@media (min-width: 320px) and (max-width: 479px) {
	.header{width:100%;height:44px;z-index:2;}
	.header .logo{top:10px;left:6px;width:134px;}
	.header .language{display:none;}
	.header .nav{position:fixed;top:0px;right:0px;background:#EEEEEE;display:none;height:100%;transform:translateX(220px);-moz-transform:translateX(220px);-webkit-transform:translateX(220px);-o-transform:translateX(220px);}
	.header .nav li{margin:0px;width:220px;height:55px;line-height:55px;text-align:center;float:none;}
	.header .nav li.on{width:218px;border-left:2px solid #e88127;background:#fff;}
	.header .nav a{color:#B38761;}
	.header .nav a.on{color:#006D37;}
	.header .navBtn{display:block;position:absolute;top:11px;right:11px;width:23px;height:23px;}
	.header .ch{display:block;width:220px;height:44px;background:#E78027;color:#fff;font-size:12px;text-align:center;line-height:44px;font-family:"宋体";}
	.header .english{display:block;width:220px;height:44px;background:#006D37;color:#fff;font-size:12px;text-align:center;line-height:44px;font-family:"宋体";}
	.footer{min-width:320px;overflow:hidden;}
	.footer-center{width:320px;}
	.footer-center-top{width:320px;height:135px;margin:0px auto;}
	.footer-center-top-info{width:110px;top:15px;}
	.footer-center-top-info>.title{color:#fff;font-size:14px;height:32px;line-height:32px;font-weight:bold;}
	.footer-center-top-info>.title img{vertical-align: middle;}
	.footer-center-top-info>.title font{vertical-align: middle;}
	.footer-center-top-info>.info{color:#fff;font-size:12px;}
	.footer-center-top-info>.info p{display:none;}
	.footer-center-top-info>.info p:nth-child(1){display:block;}
	.footer-center-top-info:nth-child(1){left:0px;}
	.footer-center-top-info:nth-child(2){left:120px;}
	.footer-center-top-code1{display:none;left:530px;}
	.footer-center-top-code{top:10px;left:240px;width:70px;height:70px;}
	.footer-center-top-code>img{width:100%;}
	.footer-center-top-call{top:20px;left:100px;display:none;}
	
	.footer-center-bottom{width:320px;}
	.footer-center-bottom p{width:320px !important;line-height:15px;text-align:center;}

	
}
@media (min-width: 480px) and (max-width: 639px) {
	.header{width:100%;height:66px;z-index:2;}
	.header .logo{top:15px;left:9px;width:200px;}
	.header .language{display:none;}
	.header .nav{position:fixed;top:0px;right:0px;background:#EEEEEE;display:none;height:100%; transform:translateX(220px);-moz-transform:translateX(220px);-webkit-transform:translateX(220px);-o-transform:translateX(220px);}
	.header .nav li{margin:0px;width:220px;height:55px;line-height:55px;text-align:center;float:none;}
	.header .nav li.on{width:218px;border-left:2px solid #e88127;background:#fff;}
	.header .nav a{color:#B38761;}
	.header .nav a.on{color:#006D37;}
	.header .navBtn{display:block;position:absolute;top:16px;right:16px;width:35px;height:35px;}
	.header .ch{display:block;width:220px;height:44px;background:#E78027;color:#fff;font-size:12px;text-align:center;line-height:44px;font-family:"宋体";}
	.header .english{display:block;width:220px;height:44px;background:#006D37;color:#fff;font-size:12px;text-align:center;line-height:44px;font-family:"宋体";}
	.footer{min-width:480px; overflow:hidden;}
	.footer-center{width:480px;}
	.footer-center-top{width:480px;height:135px;margin:0px auto;}
	.footer-center-top-info{width:190px;top:15px;}
	.footer-center-top-info>.title{color:#fff;font-size:14px;height:32px;line-height:32px;font-weight:bold;}
	.footer-center-top-info>.info{color:#fff;font-size:12px;}
	.footer-center-top-info>.info p{display:none;}
	.footer-center-top-info>.info p:nth-child(1){display:block;}
	.footer-center-top-info>.info p:nth-child(2){display:block;}
	.footer-center-top-info:nth-child(1){left:0px;}
	.footer-center-top-info:nth-child(2){left:205px;}
	.footer-center-top-code1{display:none;left:530px;}
	.footer-center-top-code{top:10px;left:400px;width:70px;height:70px;}
	.footer-center-top-code>img{width:100%;}
	.footer-center-top-call{top:20px;left:100px;display:none;}
	
	.footer-center-bottom{width:480px;}
	.footer-center-bottom p{width:480px !important;height:30px;line-height:30px;text-align:left;}
}
@media (min-width: 640px) and (max-width:1023px ) {
	.header{width:100%;height:88px;z-index:2;}
	.header .logo{top:19px;left:11px;width:268px;}
	.header .language{display:none;}
	.header .nav{position:fixed;top:0px;right:0px;background:#EEEEEE;display:none;height:100%; transform:translateX(220px);-moz-transform:translateX(220px);-webkit-transform:translateX(220px);-o-transform:translateX(220px);}
	.header .nav li{margin:0px;width:220px;height:55px;line-height:55px;text-align:center;float:none;}
	.header .nav li.on{width:218px;border-left:2px solid #e88127;background:#fff;}
	.header .nav a{color:#B38761;}
	.header .nav a.on{color:#006D37;}
	.header .navBtn{display:block;position:absolute;top:22px;right:20px;width:45px;height:45px;}
	.header .ch{display:block;width:220px;height:44px;background:#E78027;color:#fff;font-size:12px;text-align:center;line-height:44px;font-family:"宋体";}
	.header .english{display:block;width:220px;height:44px;background:#006D37;color:#fff;font-size:12px;text-align:center;line-height:44px;font-family:"宋体";}
	
	.footer{min-width:640px;height:100px;overflow:hidden;}
	.footer-center{width:640px;}
	.footer-center-top{width:640px;height:370px;margin:0px auto;}
	.footer-center-top-info{width:250px;}
	.footer-center-top-info:nth-child(2){right:0px;}
	.footer-center-top-code1{display:none;left:530px;}
	.footer-center-top-code{top:205px;left:0px;}
	.footer-center-top-call{top:220px;left:200px;}
	.footer-center-bottom{width:640px;}
	
	
}
@media (min-width: 1024px) and (max-width:1199px ) {
	.header{width:1024px;height:88px;margin:0px auto;}
	.header .logo{top:19px;left:11px;width:268px;}
	.header .language{top:15px;right:10px;}
	.header .nav{top:52px;display:block !important;}
	.header .nav li{margin:0px 15px;}
	
	.footer{min-width:1024px;}
	.footer-center{width:1024px;}
	.footer-center-top{width:1024px;}
	.footer-center-top-info{width:250px;}
	.footer-center-top-info:nth-child(2){left:250px;}
	.footer-center-top-code1{display:none;left:530px;}
	.footer-center-top-code{display:none;left:530px;}
	.footer-center-top-call{left:687px;}
	.footer-center-bottom{width:1024px;}
}
.mainLeft{
	animation:mainLeft 0.5s  ease-out 0s  both;
	-moz-animation:mainLeft 0.5s  ease-out 0s  both;
	-webkit-animation:mainLeft 0.5s   ease-out 0s  both;
	-o-animation:mainLeft 0.5s   ease-out 0s  both;
}

@keyframes mainLeft{
100%{ transform: translateX(-220px);}
0%{ transform:translateX(0px);}
}
@-moz-keyframes mainLeft{
100%{-moz-transform: translateX(-220px);}
0%{ -moz-transform:translateX(0px);}
}
@-webkit-keyframes mainLeft {
100%{ -webkit-transform: translateX(-220px);}
0%{-webkit-transform:translateX(0px);}
}
@-o-keyframes mainLeft{
100%{ -o-transform: translateX(-220px);}
0%{ -o-transform:translateX(0px);}
}
.mainRight{
	animation:mainRight 0.5s  ease-out 0s  both;
	-moz-animation:mainRight 0.5s ease-out 0s  both;
	-webkit-animation:mainRight 0.5s  ease-out 0s  both;
	-o-animation:mainRight 0.5s  ease-out 0s  both;
}
@keyframes mainRight{
0%{ transform: translateX(-220px);}
100%{ transform:translateX(0px);}
}
@-moz-keyframes mainRight{
0%{-moz-transform: translateX(-220px);}
100%{ -moz-transform:translateX(0px);}
}
@-webkit-keyframes mainRight {
0%{ -webkit-transform: translateX(-220px);}
100%{-webkit-transform:translateX(0px);}
}
@-o-keyframes mainRight{
0%{ -o-transform: translateX(-220px);}
100%{ -o-transform:translateX(0px);}
}
