/* CSS Document */
/*样式初始化*/
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;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
body, button, input, select, textarea {font: 12px/1.5 tahoma, arial, \5b8b\4f53;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, cite, dfn, em, var {font-style: normal;}
code, kbd, pre, samp {font-family: couriernew, courier, monospace;}
small {font-size: 12px;}
ul, ol {list-style: none;}
a {text-decoration: none;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend {color: #000;}
fieldset, img {border: 0;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
/*清除浮动1*/
.clear {*zoom: 1;}
.clear:after {content: " ";display: block;height: 0;clear: both;}

html{font-size: 20px;}
body{font-family: arial,"微软雅黑";background: #eee;}
img{width: 100%;vertical-align: middle;}

.indexBJ{background: #dfedfc;}

.main-wrap{padding: 0 1.7rem;}

.overflow-hidden{overflow: hidden;}

.header-top{position: relative;background-color: #005083;display: -webkit-box;display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;}
.header-top .logo{width: auto;margin: 10px 0;max-width: 70%;}
.header-top div{display: -webkit-box;display: -webkit-flex;display: flex;flex-wrap: nowrap;}
.header-top .home{width: 1.85rem;height: 1.85rem;min-height:25px;min-width:25px;display: block;background: url(../images/homeBj.png) center no-repeat;background-size: cover;}
.header-top #navBnt{width: 1.85rem;height: 1.85rem;min-height:25px;min-width:25px;display: block;background: url(../images/navBntBj.png) center no-repeat;margin-left: 20px;background-size: cover;}
.header-nav{background: #dfedfc;overflow: hidden;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;padding-bottom: 15px;}
.header-nav>ul{padding: 10px 0;overflow: hidden;}
.header-nav>ul li{width: 25%;float: left;text-align: center;font-size: 1.5rem;line-height: 2;font-weight: 400;}
.header-nav>ul li a{display: block;color: #000;}
.header-all-col-nav-mask{position: fixed;top: 0;left: 0;width: 100%;height:100%;background: rgba(0,0,0,0.6);z-index: 999;display: none;}
.header-all-col-nav{background: #fff;padding: 1rem;width: 100%;box-sizing: border-box;}
.header-all-col-nav .top{display: -webkit-box;display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;}
.header-all-col-nav .top .title{font-size: 1.5rem;color: #004986;padding-left: 30px;background: url(../images/icon1.png) no-repeat left center;}
.header-all-col-nav .top #nav-hide-btn{font-size: 1.1rem;color: #707070;}
.header-all-col-nav .top #nav-hide-btn img{width: 1.2rem;padding-left: 5px;}
.header-all-col-nav ul{padding: 1.3rem 0;display: -webkit-box;display: -webkit-flex;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;width: 103%;}
.header-all-col-nav ul li{width: 8.1rem;height:2.6rem;font-size:1.2rem;text-align: center;border: 1px solid #D7D7D7;border-radius: 4px;box-sizing: border-box;margin:5px 1rem 5px 0;display: -webkit-box;display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
.header-all-col-nav ul li a{color: #000;}
.search-wrap{background: #FFF;border-bottom: 1px solid #b9c4d1;box-shadow: 0 1px 2px #b9c4d1;height: 3.75rem;position: relative;}
.search-wrap input{width: 100%;height: 100%;border: none;text-align: center;font-size: 1.4rem;padding-right: 3rem;box-sizing: border-box;}
.search-wrap .search-btn{width: 2.2rem;height: 3.75rem;position: absolute;top: 0;right: 0;background: url(../images/search_btnBJ.png) center no-repeat;background-size: contain;border: none;margin-right: 0.4rem;}
#banner li{position: relative;}
#banner .caption{position: absolute;bottom: 0;left: 0;width:100%;box-sizing:border-box;padding: 15px;background: rgba(0,0,0,0.4);color: #fff;font-size: 1rem;font-weight: 400;}
.footer{background: #005083;padding: 20px 0;line-height: 1.9rem;font-size: 1.3rem;color: #fff;position: relative;}
.footer #returnTop{position: absolute;top:0;right:1.3rem;width: 3rem;height: 100%;background: url(../images/return_topBJ.png) center no-repeat;background-size: contain;}
.footer .text{padding: 0 2.9rem;text-align: center;}


.close{position: absolute;right:15px;top: 15px;width: 50px;height: 50px;background: silver;border-radius: 25px;box-shadow: 2px 2px 5px 0px black;cursor: pointer;}
.close:hover{background: red;}
.close:before{position: absolute;content: '';width: 30px;height: 10px;background: white;transform: rotate(45deg);top: 20px;left: 10px;}
.close:after{content: '';position: absolute;width: 30px;height: 10px;background: white;transform: rotate(-45deg);top: 20px;left: 10px;}