body{color:#333333; font-size:16px; font-family:Microsoft YaHei,Simsun,SimHei,Arial; -webkit-text-size-adjust:none; min-width:320px;}
body,div,ul,ol,ul,li,ol,dl,dd,dt,form,span,p,textarea{margin:0; padding:0; list-style:none;}
address,caption,cite,code,dfn,th,var{font-style:normal; font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
input{padding-top:0; padding-bottom:0;}
input::-moz-focus-inner{border:none; padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none; -webkit-appearance:none;}
button,input,select,textarea{font-family:inherit;}
textarea{resize:none;}
table{border-collapse:collapse; border-spacing:0;}
th,td{padding:0;}
img,a img{border:0; margin:0; padding:0;}
img{border:none; border:0; max-width:100%;}
a{outline-style:none; color:#000; text-decoration:none;}
a:hover{text-decoration:none;color:#ff0000; }
a:focus{outline:none; -moz-outline:none;}
input:focus,textarea:focus{outline:none;}
.l{float:left;}
.m{float:left;}
.r{float:right;}
.clear{clear:both;}
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
.pos-r{position:relative;}
.pos-a{position:absolute;}
.over-hide{overflow:hidden;}
.container:before, .container:after,
.container-fluid:before, .container-fluid:after,
.row:before, .row:after{display:table; content:" ";}
.container:after, .container-fluid:after, .row:after{clear:both;}
.container{margin-right:auto; margin-left:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.container{width:1400px;padding-top: 50px;padding-bottom: 50px;}
.pic img{ width: 100%; height: auto; min-height: 100%; }


.wrap{min-width:1400px;width: 100%;}
/* 顶部 */
#header { position: fixed; left: 0; top: 0; width: 100%; z-index: 2; background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); animation: fadeInDown 1s ease 0s 1; }
#header .logo { flex-grow: 1; }
.list-panel{display: flex;}
.navbar { padding: 0; position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between; }
.navbar .container { position: relative;display:flex; padding-top: 60px;padding-bottom: 20px; width: 1500px;}


/* 主导航 */
  /* 顶部 */
  #header .logo a { padding: 0; }
  #header .logo img { height: 3.5rem; }

/* 导航下拉-效果 */

/* 主导航 */
.nav { position: relative; float: right; height: 60px; }
.mainNav { display: flex;}
.mainNav .li1 { position: relative; z-index: 1; flex-grow: 1; margin: 0 10px; }
@media screen and (min-width:768px) and (max-width: 1400px){
	.mainNav .li1 { margin: 0 8px; }
}
.mainNav .a1 { display: block; position: relative; line-height: 60px; font-size: 16px; color: #fff; text-decoration: none; font-weight: bold; text-align: center;text-shadow: 2px 2px 4px #000000; }
/* 
.mainNav .a1::before { position: absolute; content: ''; left: 50%; top: 50%; margin-top: 22px; width: 1px; height: 28px; background: #fff; transform-origin: center top; transition: all ease 0.6s; visibility: hidden; transform: scaleY(0); }
.mainNav .a1::after { position: absolute; content: ''; left: 0; top: 50%; margin-top: 20px; width: 100%; height: 2px; background: #fff; transition: all ease 0.6s; visibility: hidden; transform: scaleX(0); }
.mainNav .li1.hasUl1:hover .a1::before { visibility: visible; transform: scaleY(1); }
.mainNav .on1 .a1::after { visibility: visible; transform: scaleX(1); }

.mainNav .ul1 { display: none; position: absolute; padding: 25px 10px; background: #fff; left: 50%; right: 0; width: 330px; font-size: 0; line-height: 1; transform: translateX(-50%); box-shadow: 0 0 10px rgba(46, 0, 0, .2); }
.mainNav .li2 { display: inline-block; vertical-align: middle; width: 50%; }
.mainNav .a2 { display: block; padding: 8px 1em; font-size: 15px; line-height: 22px; color: #333; text-align: center; }
.mainNav .li2:hover { opacity: 1; }
.mainNav .li2 .a2:hover { text-decoration: none; background: #1d58a5; color: #fff; }
*/

.mainNav .ul1 {
	padding-top: 14px;
	position: absolute;
	left: 50%;	
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	display: none
}

.mainNav .ul1 {
	padding: 10px 0;
	min-width: 130px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	white-space: nowrap;	
	border-radius: 0 0 0.06rem 0.06rem;
}
.mainNav .ul1 .li2{line-height: 30px;}
.mainNav .ul1:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	border: 8px solid transparent;
	border-bottom-color: #fff;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mainNav .ul1 a {
	padding: 8px 15px;
	display: block;
	font-size: 14px;
	color: #000;
	line-height: 1.3;
	text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.mainNav .ul1 a:hover {
	color: #fff;
	background-color:#0E5DBE;
}


/* 搜索站点选择 */
/* 搜索框 */
.searchBar { position: fixed; display: none; z-index: 11; left: 0; right: 0; top: 45%; width: 550px; margin: auto; }

.searchBar .panel-box { width: 100%; margin-top: 80px; text-align: center; font-size: 34px; color: #fff; }
.searchBar .panel-box .btn-close { display: inline-block; padding: 10px; line-height: 1; vertical-align: top; color: inherit; text-decoration: none; transition: all ease 0.6s; }
.searchBar .panel-box .btn-close:hover { transform: rotate(180deg); }
/* 搜索框 */
#search-group{position: absolute;z-index: 12;top: 0px;right: 10px;vertical-align: top; padding:15px 20px; background:#fff; border:1px solid #fff; -webkit-border-radius:34px; -moz-border-radius:34px; border-radius:34px; }
#search-group .search-con{position: relative;z-index: 2;width: 0;margin-right: 24px;width: 350px;}
#search-group .select-box{position: absolute;top: 0;left: 0;width: 90px;height: 24px; border: none;position: relative;z-index: 2;border-radius: 4px;}
#search-group .select-box ul{position: absolute;left: -6px;top: 40px;background: #f7f7f7;display: none;width: 312px;padding: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, .2);color:#333;}
#search-group .select-box ul li{ float: left; width: 33.33%; height: 30px; line-height: 30px; text-indent: 10px;cursor: pointer; overflow: hidden;}
#search-group .select-box ul li:hover{color: #E20500; background: #eee;}
#search-group .select-box .s-option{display: block;padding-left: 5px;line-height: 24px;width: 75px;color: #0071BA;text-align: center;overflow: hidden;}
#search-group .select-box .arrow-dn{position: absolute;right: 10px;top: 11px;height: 0;width: 0;font-size: 0;overflow: hidden;border: 5px solid transparent;border-color: #0071BA transparent transparent;transition: all 0.25s ease 0s;}
#search-group .select-box .arrow-hover{top: 5px;transform: rotate(180deg);}
#search-group .input-group{ position: absolute; top: 0; left: 92px;}
#search-group .input-group input{width: 240px;height: 24px;background:none;border: none;border-radius: 4px 0 0 4px;padding: 0;box-shadow:none;}
#search-group .input-group .form-control::placeholder{ color: #0071BA;}
#search-group .input-group .form-control::-webkit-input-placeholder{ color: #0071BA;}
#search-group .btn{position: absolute;right: 0;z-index: 3;top: 10px;height: 32px;padding: 0px 12px;}
#search-group .btn i{margin: 6px;background: url(../images/s2.png) no-repeat center;display:block;height: 22px;width: 40px;}





/* winMark */
#winMark { z-index: 10; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .7); left: 0; top: 0; }


/* 顶部面板 */
.top-panel { position: absolute; right: 0; top: 1.5rem;display: flex; }
.list-panel > li { position: relative; height: 2rem; color: rgba(255, 255, 255, 0.9); margin: 0 0.5rem; }
.list-panel > li::before { position: absolute; left: -0.5rem; top: 0.5rem; content: ''; background: rgba(255, 255, 255, 0.4); width: 1px; height: 1rem; }
.list-panel > li:first-of-type::before { display: none; }
.list-panel > li a { color: inherit; text-decoration: none; }
.list-panel > li a { display: block; font-size: .875rem; height: 2rem; line-height: 2rem; padding: 0 0.5rem; border-radius: 4px; }
.list-panel > li a:hover { color: #fff; font-weight: bold; }
.list-panel > li .iconfont { margin: 0.15rem 0.5rem 0 0; display: inline-block; width: 1.2rem; height: 1.9rem; text-align: center; border-radius: 50%; line-height: 1.75rem; font-size: 1rem; vertical-align: top; background: rgba(255, 255, 255, 0.4);background: url(../images/s.png) no-repeat center; }



/* 底部 */
#footer { position: relative; z-index: 1; color: #fff; text-align: center; background-color: #1d58a5;clear: both;margin-top: 30px;}
#footer a { color: inherit; }
#footer .tp{overflow: hidden;padding-bottom: 30px;}
#footer .tp .l{ border-right: 1px solid #5c86be;padding-right: 20px;margin-right: 30px; width: 430px;}
#footer .tp .m{margin-top: 20px;}
#footer .tp .m ul li{ display: inline; padding-left: 15px;padding-right: 15px;}
.copyRight { line-height: 1.8; font-size:16px; color: #fff; }
.footer-logo img { max-width: 100%; width: 25rem; height: auto; }



/* 图片经过效果 */
.pic a { display: block; position: relative; transition: all 200ms ease 0s; overflow: hidden; }
.pic a:after { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-30deg); }
.pic a:hover:after { left: 150%; transition: left 1s ease 0s; }