@charset "utf-8";
html,body{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    font-family: microsoft yahei,arial;
}
* { touch-action: pan-y;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,span,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,input{
    margin: 0;
    padding: 0;
}

body,button,input,select,textarea{
    font-family: Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB','微软雅黑';
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5,h6{
    -webkit-text-size-adjust: none;
}
i{
	font-style: normal;
}
/*阻止旋转屏幕时自动调整字体大小*/
textarea{
    resize: none;
    -webkit-appearance: listbox;
    -moz-appearance: listbox;
}
/*取消按钮在iphone上的默认样式*/
input[type=button],input[type=number]{
    -webkit-appearance: none;
    outline: none;
}
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type=number],input[type=date],input[type=datetime],input[type=datetime-local]{
    -moz-appearance: textfield;
    -webkit-appearance: none !important;
    margin: 0;
}
input{border:none;outline:none;/*去除蓝色边框*/}
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder{
    color: rgba(0,0,0,.3);
}
textarea::-webkit-input-placeholder{
    color: rgba(0,0,0,.3);
}
input::-webkit-input-speech-button{
    display: none;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}
button{
    border: none;
}
th{
    text-align: inherit;
}
fieldset,img{
    border: none;
}
abbr,acronym{
    border: none;
    font-variant: normal;
}
del{
    text-decoration: line-through;
}
ol,ul{
    list-style: none;
}
caption,th{
    text-align: left;
}
sub,sup{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup{
    top: -0.5em;
}
sub{
    bottom: -0.25em;
}
ins,a,a:hover{
    text-decoration: none;
    color: rgba(255,255,255,.8);
}
a:link,a:visited{color:#666;}
.showaddress a{color:#eee;}
a:focus,*:focus{
    outline-color: transparent;
}
input:focus{
    -webkit-user-modify: read-write-plaintext-only;
    /*处理三星input点击后默认样式*/;
}
img{
    display: block;
}

/*清除浮动代码*/
.clearfix:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
}
.clearfix{
	zoom:1;
} 

html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}

.page02{clear:both;margin:15px auto;width:100%;height:26px;line-height:26px;text-align:center;margin-bottom:50px;}
.page02 .pagelist{float:left;display:none;}
.page02 .pagination{text-align:center}
.page02 .pagination span,.page .pagination a{display:inline-block;margin:0;padding:0 10px;height:28px;line-height:28px;color:#666;zoom:1;border:1px solid #ddd;background:#fff;overflow:hidden;border-radius:4px}
.page02 .pagination a{color:#666;border:1px solid #000;display:inline-block;padding: 0 10px;border-radius: 4px;height: 28px;
    line-height: 28px;}
.page02 .pagination a:hover{color:#000;border:1px solid #000;}
.page02 .pagination span.disabled{color:#ccc;}
.page02 .pagination span.current{color:#fff;}


.top_btn {
    text-align: center;
    margin-bottom:30px;
}

@media (min-width: 1400px){
    .container {width: 1400px;}
}

@media(max-width: 1400px){
    .container{width: 100%;}
}

/*手机导航样式*/

#menu {
    font-size: 18px;
    letter-spacing: 1px;
    position: absolute;
    right: 100px;
    top: 20px;
    z-index: 70;
    margin:0;
    transition: 0.5s all ease-in-out;
}

#menu li {
    float:left;
    margin: 10px 0;
    list-style:none;
    transition: 0.5s all ease-in-out;
}

#menu a {
    color: #fff;
    padding: 0 20px 11px;
    text-decoration:none;
    transition: 0.5s all ease-in-out;
}
#menu-line {
    height: 2px;
    left: 0;
    position: absolute;
    top: 24px;
    transition: all 600ms ease 0s;
    width: 101px;
}


#d-menu{
    margin:0;padding:0;
    position:absolute;
    width:500px;
    top:30px;
    left:50%;
    margin-left:-250px;
    display:none;
}
#d-menu li{
    float:left;
    list-style:none;
}
#d-menu li a{
    text-decoration:none;
    font-size:18px;
    color:#fff;
    margin:5px 20px;
}
.nav-bar{
    background:none;
    position:fixed;
    left:0;
    top:0;
    height:115px;
    width:100%;
    transition: 0.5s all ease-in-out;
}

.nav-bar.on{
    background-color:#fff;
    height:65px;
    transition: 0.5s all ease-in-out;
}
.nav-bar.on #d-menu{
    top:23px;
    display:block;
    transition: 0.5s all ease-in-out;
}
.nav-bar.on #menu a,
.nav-bar.on #d-menu li a{
    color:#333;
    font-weight:normal;
    font-size:16px;
    transition: 0.5s all ease-in-out;
}
.nav-bar.on #d-menu li a{
    font-size:17px;
}
.nav-bar.on #d-menu li a:hover{
    color:#00366c;
}
.nav-bar.on .logo{
    top:5px;
    transition: 0.5s all ease-in-out;
}
.nav-bar.on .logo > a > img{
    max-height:55px;
    transition: 0.5s all ease-in-out;
}
.nav-bar.on #menu{
    top:10px;
    transition: 0.5s all ease-in-out;
}
.nav-bar.on #menu li{
    border-color:#333;
    border-width:1px;
}
.nav-bar.on .header_menu_icon{
    background-color:#f3f3f3;
}
.contact,.navigation,.service{text-align:left;}