@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"\5B8B\4F53";font-size:12px;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:18px}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a{text-decoration:none;color:#333;cursor:pointer}
a:hover{text-decoration:none;outline:none}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal;}
img{border:0;vertical-align:middle;width: 100%;}
a img,img{-ms-interpolation-mode:bicubic}
.clearfix:after{visibility: hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clearfix{zoom:1}/*IE6*/
/*HTML5 新增reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}
time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"]{-webkit-appearance:textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}

/*header*/
.header{width: 100%;box-sizing: border-box; padding: 0 60px;position: fixed;top: 0;left: 0;z-index: 1000;line-height: 60px;}
.header .nav{width: 100%;}
.header .logo{float: left;}
.header .logo a{width: 140px;display: block;}
.header .navbar{float: right;} 
.header .navbar li{float: left;}
.header .navbar li a{color: rgba(255,255,255,.7);display: inline-block;padding: 0 15px;font-size: 16px;}
.header .navbar li a:hover{color: #fff;}
.header.sticky .navbar li a{color: #333;}
.navbar-btn{display: none;z-index: 999; position: relative;float: right;padding: 9px 10px;margin-top: 13px;margin-bottom: 13px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.icon-bar{display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #fff;}
.icon-bar+.icon-bar{margin-top: 4px;}

/*footer*/
.footer{padding: 0 60px;background-color: #1c1c1c;color: #fff;}
.footer-contact{padding: 30px 60px;}
.footer-contact-info .info{float: left;}
.footer-contact-info .info .wx{width: 120px;}
.footer-contact-info .info .wx:after{content: '';display: block;height: 3px;width: 200px;background-color: #000;margin: 30px 0;}
.footer-contact-info .info .phone{width: 50%; font-size: 28px;line-height: 2;font-weight: bold;}
.footer-contact-info .info .address{font-size: 14px;}
.footer-contact-info .info .address .en{font-size: 12px;}
.footer-contact-info .map{float: right;width: 30%;}
.footer-contact-info .map img{max-height: 257px;}
.footer-legal{float: left; line-height: 30px;}
.footer-social{float: right;}
.footer-social li{float: left;color: rgba(255,255,255,.7);}
.footer-social a{color: rgba(255,255,255,.7);display: inline-block;padding: 0 5px;line-height: 60px;}
.footer-social a:hover{color: #fff;}

.pagination{text-align: center;    font-size: 18px;}

@media (max-width: 1050px){
	.footer-contact-info .map{width: 500px;}

}

@media (max-width: 767px){
	.header{padding: 0 20px;}
	.header .navbar{position: fixed;top: 0px;right: -100px;padding-top: 61px; background-color: rgba(0,0,0,.7);transition: all 1s;height: 100%;}
	.header.sticky .navbar{background-color: #fff;border-left: 1px solid #efefef;}
	.header .navbar li{float: none;}
	.header .navbar li a{color: #fff;}
	.navbar-btn{display: block;}
	.header.sticky .icon-bar{background-color: #444748;}
	.footer-contact{padding: 20px;}
	.footer-contact-info .info{width: 100%;text-align: center;}
	.footer-contact-info .info .wx{width: initial;text-align: center;}
	.footer-contact-info .info .wx img{width: 120px;}
	.footer-contact-info .map{width: 100%;margin-top: 20px;}
	.footer-contact-info .info .wx:after{display: none;}
	.footer-contact-info .info .phone{width: initial;}
	.footer-contact-info .info .phone img{width: 50%;}

        .pagination{font-size: 12px;}
}