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;}
li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
address, cite, dfn, em, var{font-style: normal;}
body{max-width: 1920px; min-width: 1200px; margin: 0 auto;font-family: '微软雅黑'}
textarea{font-family: '微软雅黑'}
code, kbd, pre, samp{font-family: couriernew, courier, monospace;}
small{font-size: 12px;}
ul, ol{list-style: none;}
a{text-decoration: none; color: inherit; display: block}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
legend{color: #000;}
fieldset, img{border: 0;}
button, input, select, textarea{font-size: 100%;}
.clearfix{*zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
.fl{float: left;}
.fr{float: right;}
.w1200{margin: 0 auto; width: 1200px;}
.flex-box{display: flex;}
.lad{width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; z-index: 998; background: #fff;}
.lad > span{width: 100%; height: 100%; background: url(../images/gif.jpg) center no-repeat; z-index: 999; display: block;}
.btns{width: 100%; justify-content: space-between;}
.btns > div{width: 160px; height: 44px; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 44px; text-align: center; letter-spacing: 2px; color: #ffffff;}
#navArea li img{vertical-align: middle;}
.btns > div.zyzx{background-image: linear-gradient(90deg, #569eff 0%, #2883ff 100%), linear-gradient( #ff8040, #ff8040); background-blend-mode: normal, normal;}
.btns > div.zxbm{background-image: linear-gradient(90deg, #ff9661 0%, #ff8040 100%), linear-gradient( #ff8040, #ff8040); background-blend-mode: normal, normal;}
input:focus{outline: none;}
/* 普通IE浏览器 样式清除 */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;}
/* 火狐浏览器样式清除 */
input[type="number"]{-moz-appearance:textfield;}
/*header*/
.header{padding: 20px 0 18px;}
.zs_code{font-size: 16px; letter-spacing: 2px; margin-left: 77px; color: #333333;}
.header a.email{font-size: 16px; letter-spacing: 2px; color: #333333; margin-top: 22px; margin-right: 8px;}
.header input{width: 190px; height: 34px; border-radius: 17px; border: solid 1px #dcdcdc; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px;}
.header .search{position: relative;}
.header .search .search_icon{position: absolute; right: 11px; top:23px; border-left: 1px solid #dcdcdc; padding-left: 9px;
    cursor: pointer;}
/*头部电话*/
.phone p{
    font-size: 20px;
    font-weight: bold;
    color:#0388e1 ;
    font-style: italic;
}
.phone img{
    width: 42px;
    height: 30px;
    margin-top: 9px;
    margin-right: 20px;
}
/*导航栏*/
.navigation_wrap{box-shadow: 0 5px 20px 0 rgba(22, 52, 121, 0.3);}
#navArea{height: 50px; justify-content: space-around; background-color: #ffffff;}
#navArea li{position: relative;}
#navArea li>a{font-size: 16px; line-height: 50px; letter-spacing: 2px; color: #333333;}
#navArea li.on>a,#navArea li:hover a{color: #0388e1;}
#navArea li .nav_list{display: none; width: 120px; position: absolute; top: 51px; left: 50%; transform: translateX(-50%); z-index: 9; background-color: #fff;}
/* #navArea li:last-child .nav_list{left: auto; right: 0; transform: none;} */
/* #navArea li:first-child .nav_list{left: 0; right: auto; transform: none;} */
#navArea li .nav_list>a{ color: #333; text-align: center; line-height: 24px;padding: 8px 0;}
#navArea li .nav_list>a:hover{background-color: #f3f3f3;}
/*footer*/
.footer{background: url("../images/footer.png") no-repeat center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 195px;}
.footer .w1200{color: #fff; font-size: 14px; justify-content: space-between;}
.footer ._l .foot_logo{margin: 30px 0 9px;}
.footer ._l .foot_infos p{line-height: 24px; letter-spacing: 1px; color: #ffffff;}
.footer ._r img{width: 110px; height: 110px; margin-bottom: 6px;}
.footer ._r li{margin-top: 30px; margin-right: 30px;}
.footer ._r li:last-child{margin-right:0px;}
.footer ._r p.title{font-size: 14px; letter-spacing: 1px; color: #ffffff;}
#videoplayer{display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); position: fixed; top: 0; left: 0; z-index: 9999;}
#videoplayer .videoplayer-main{width: 100%; max-width: 960px; height: 540px; /* background-color: #fff; */ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#videoplayer .videoplayer-main>iframe{width: 100%; height: 100%;}
#videoplayer .videoplayer-main>.videoplayer-close{width: 37px; height: 37px; background: url(../images/close_zxbm.png) center no-repeat; background-size: contain; position: absolute; top: 0; right: 0; opacity: 0;}
#videoplayer .videoplayer-main:hover .videoplayer-close{opacity: 1;}
#zxbmForm{display: none; width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.2); top: 0px; left: 0px; z-index: 9999;}
#zxbmForm.on{display: block}
#zxbmForm .zxbmBox{width: 800px; height: 500px; position: absolute; left: 50%; top: 50%; margin-left: -400px; margin-top: -260px; background-color: white;}
#zxbmForm .close-btn{width: 37px; height: 37px; cursor: pointer; border-radius: 19px; /* background-color: white; */ /* color: #4292ff; */ text-align: center; line-height: 37px; font-size: 24px; position: absolute; right: 10px; top: 10px;}
#zxbmForm .fr{width: 320px; height: 500px;}
#zxbmForm .fl{width: 480px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 20px;}
#zxbmForm .fl h3{width: 262px; height: auto; margin: 0 auto; padding-top: 40px;}
#zxbmForm .fl dl{padding-top: 15px;}
#zxbmForm .fl dd{float: left; width: 215px; height: 34px; line-height: 34px; margin-top: 15px; -webkit-margin-start: 0px; padding: 0; border: 0;}
#zxbmForm .fl dd:nth-child(even){float: right;}
#zxbmForm .fl dd input{float: right; width: 163px; font-size: 16px; height: 34px; background-color: #f6f6f6; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #ebebeb; padding: 0px 5px;}
#zxbmForm .fl dd label{color: #666666;}
#zxbmForm .fl h4{font-size: 18px; line-height: 1; margin-top: 45px; margin-bottom: 25px;}
#zxbmForm .zxbm-zy{width: 466px; overflow-y: auto; margin-top: 10px;}
.addUser{width: 180px; height: 38px; background-image: linear-gradient(90deg, #fb605b 0%, #fe4943 100%), linear-gradient( #fb605b, #fb605b); background-blend-mode: normal, normal; border-radius: 19px; margin: 0 auto; margin-top: 12px; letter-spacing:0.2rem;text-align: center; line-height: 38px; font-size: 20px; color: white; cursor: pointer;}
#zyList >a{padding: 0; width: 140px; height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 32px; border: 1px solid #ebebeb; background-color: #f6f6f6; margin-right: 9px; margin-bottom: 10px; overflow: hidden; color: #606266; -webkit-appearance: none; text-align: center; outline: 0; margin: 0; position: relative; cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); font-size: 14px; border-radius: 0; display: inline-block; vertical-align: middle; margin-right: 9px; margin-bottom: 10px;}
#zyList >a.on, #zyList >a:hover{color: #fff;width: 140px; background-image: linear-gradient(90deg, #fb605b 0%, #fe4943 100%), linear-gradient( #f6f6f6, #f6f6f6); background-blend-mode: normal, normal; border-radius: 2px; border: solid 1px #eeeeee;}

.header input::-webkit-input-placeholder{
    font-size: 16px;
}
.header input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    font-size: 16px;
}
.header input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    font-size: 16px;
}
.header input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    font-size: 16px;
}
article{
    overflow: hidden;
}
.row{
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: #fff;
}