body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }

html,body{ width: 100%;height: 100%;position: relative}
body { font: 14px '思源黑体 CN','Arial','Sumsun','Helvetica';}

ul, ol{ list-style: none; }

a,a:hover { text-decoration: none; }
a{color: inherit;}
a img { border: none; }
img{max-width: 100%;vertical-align: middle;}
i ,s,b,em,u{ font-style: normal; font-weight: normal; text-decoration: none; }

input, textarea, button, select, input:focus, textarea:focus{ outline: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;font-family: "Microsoft YaHei"}

textarea{ resize: none; overflow: hidden; }

table{ border-collapse: collapse; border-spacing:0;}

select, input[type=button], input[type=submit], button, input[type=reset]{cursor: pointer;}

.container-fluid{ margin: 0 auto; width: 100%; max-width: 1920px; min-width: 1200px; position: relative}
.container-fluid:before{ content: ''; display: block; clear: both; height:0; }
.container-fluid:after{ content: ''; display: block; clear: both; height:0; }

.container{ margin: 0 auto; width: 1200px; }
.container:before{ content: ''; display: block; clear: both; height:0; }
.container:after{ content: ''; display: block; clear: both; height:0; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.fr { float:right; }
.w{ width:1440px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
*{webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing: border-box; }

input,textarea,button,select,input:focus,textarea:focus
{
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
   -webkit-appearance: none;
 }


/* HEAD */
.menuBtn { width:44px; height:44px; position:absolute; right:5px; top: 42px; color:#fff; font-size:14px; line-height:44px; z-index: 1100; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display:none;}
.menu-handler { width: 44px; height: 44px; cursor: pointer; position: relative; top:50%;transform: translate(0,-50%);float: right; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); background-color: #006db8;}
.menu-handler .burger { width: 24px; height:2px; background: #fff; display: block; position: absolute; z-index: 5; top: 14px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menu-handler .burger-2 { top: 21px; }
.menu-handler .burger-3 { top: 28px; }
.menu-handler.active .burger-1 { top: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.mobileLogo { padding:24px 0px 0px; text-align: center; width:200px; margin:0px auto; display: block; transition: 600ms ease 200ms; -webkit-transition: 600ms ease 200ms; }

.menuclose { width: 48px; height: 48px; display: block; position: absolute; right:5px; top:0; cursor: pointer; }
.menuclose:hover { background-color: #006db8; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.navMobile { padding:40px 0; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { display:block; text-transform: uppercase;color: black; font-size:18px; position: relative; padding:10px 0; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd p a.cur, .navMobile dd p a:hover { background: #006db8; color: #fff; }

.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 10px 0px; }
.navMobile dd .msubnav a { display: block; font-size: 16px; padding: 5px 0px; color: #8d8d8d; position: relative;  }
.navMobile dd .msubnav a:hover{ color:#fff;}

.open .mobileLogo{ padding-top: 54px;}
.open .menuMobileBox{ height: 100%;}
.open .navMobile dd p a{opacity: 1;}
/* HEAD */
.scoll{position: fixed;/*height: 65px;*/transition:400ms;}