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; }

body, button, input, select, textarea { font:12px/1.5tahoma, 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; }

a:hover { 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; }

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}

.clearfloat{zoom:1}

.clear {

  clear: both;

}

html, body{

  width: 100%;

  min-width: 1200px;

}

body{

  font-size: 14px;

}

header{

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 995;

  transition: all 0.3s;

}

header .header-box{

  width: 96%;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  height: 80px;

}

header .header-box .logo{

  display: block;

  box-sizing: border-box;

  padding: 10px 0;

  font-size: 26px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #FFFFFF;

}

header .header-box .logo img{

  display: block;

  height: 100%;

}

header .header-box .menu{

  display: flex;

  align-items: center;

}

header .header-box .menu .menu-item{

  margin-right: 30px;

}

header .header-box .menu .menu-a{

  display: block;

  font-size: 18px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #2AF499;

  line-height: 54px;

  transition: all 0.3s;

}

header .header-box .menu .menu-a.active{

  color: #02A1F9;

}

header .header-box .menu .menu-login{

  display: block;

  width: 155px;

  height: 46px;

  line-height: 46px;

  background: linear-gradient(-86deg, #2AF598 0%, #009EFD 100%);

  border-radius: 5px;

  text-align: center;

  color: #ffffff;

  font-size: 18px;

  transition: all 0.3s;

}

header .header-box .menu .menu-user {

  display: block;

  width: 44px;

  height: 44px;

}

header .header-box .menu .menu-user img{

  display: block;

  width: 100%;

}

header .header-box .menu .menu-user img.icon1{

  display: block;

}

header .header-box .menu .menu-user img.icon2{

  display: none;

}

header.hasClass {

  background: #F7B716;

}

header.hasClass .header-box .menu .menu-a{

  color: #572DAC;

}

header.hasClass .header-box .menu .menu-login{

  background: linear-gradient(74deg, #6F4CD6 0%, #FF5B7A 100%);

}

header.hasClass .header-box .menu .menu-user img.icon1{

  display: none;

}

header.hasClass .header-box .menu .menu-user img.icon2{

  display: block;

}

footer {

  background: #125FA4;

  text-align: center;

  color: #ffffff;

  font-size: 16px;

  padding: 20px 0;

}

footer a{

  color: #ffffff;

}

footer a:hover{

  text-decoration: underline;

}

main{

  /* padding-top: 80px; */

  min-height: calc(100vh - 61px);

}

main .nav-box{

  border-bottom: 1px solid #F7B716;

}

main .nav-box .nav-container{

  display: flex;

  width: 1200px;

  margin: 0 auto;

}

main .nav-box .nav-container .item{

  display: block;

  padding: 0 30px;

  font-size: 25px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #000000;

  line-height: 58px;

  transition: all 0.3s;

  position: relative;

}

main .nav-box .nav-container .item:hover{

  font-weight: bold;

}

main .nav-box .nav-container .item.active{

  font-weight: bold;

}

main .nav-box .nav-container .item.active::after{

  content: '';

  display: block;

  width: 20px;

  height: 20px;

  position: absolute;

  bottom: -18px;

  left: 50%;

  transform: translateX(-50%);

  background: url(/static/web/images/icon10.png) no-repeat center center;

  background-size: 100% auto;

}

main .banner{
  max-height: 680px !important;
  overflow: hidden;
}



.fixed-btn{

  position: fixed;

  top: 60%;

  right: 0;

  display: flex;

  align-items: center;

  border-top-left-radius: 10px;

  border-bottom-left-radius: 10px;

  background: url(/static/web/images/zxqg-bg.png) no-repeat center center;

  background-color: #ffffff;

  background-size: cover;

  font-size: 20px;

  font-family: Microsoft YaHei;

  font-weight: bold;

  color: #E2711D;

  z-index: 996;

  padding: 10px;

  cursor: pointer;

}

.fixed-btn img{

  display: block;

  width: 40px;

  margin-right: 8px;

}

#liuyanBox {

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  background: rgba(0, 0, 0, 0.57);

  z-index: 996;

  display: none;

}

#liuyanBox .container{

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 900px;

  background: url(/static/web/images/tankuang-bg.jpg) no-repeat center center;

  background-size: cover;

  padding: 60px 80px 40px;

}

#liuyanBox .container .closeBox{

  display: block;

  width: 44px;

  height: 44px;

  line-height: 44px;

  background: #F7B716;

  color: #ffffff;

  text-align: center;

  font-size: 40px;

  border-radius: 50%;

  position: absolute;

  top: -22px;

  right: -22px;

}

#liuyanBox .container .form{}

#liuyanBox .container .form .row{

  display: flex;

  justify-content: space-between;

  width: 100%;

  margin-bottom: 22px;

}

#liuyanBox .container .form .row input{

  width: 24%;

  display: block;

  background: rgba(255, 255, 255, 0.9);

  border: none;

  outline: none;

  height: 50px;

  line-height: 50px;

  padding: 0 20px;

  box-sizing: border-box;

  font-size: 18px;

  font-family: Microsoft YaHei;

}

#liuyanBox .container .form .row textarea{

  background: rgba(255, 255, 255, 0.9);

  padding: 10px 20px;

  font-size: 18px;

  width: 100%;

  height: 350px;

  box-sizing: border-box;

  border: none;

  outline: none;

  font-family: Microsoft YaHei;

  resize: none;

}

#liuyanBox .container .form .bottom{

  text-align: right;

}

#liuyanBox .container .form .bottom .submit{

  display: inline-block;

  background: #E2711D;

  height: 50px;

  line-height: 50px;

  font-size: 18px;

  color: #ffffff;

  padding: 0 50px;

  cursor: pointer;

}



.login-reg{

	width: 100vw;

	height: 100vh;

	background: rgba(0, 0, 0, 0.5);

	position: fixed;

	top: 0;

	left: 0;

	z-index: 999;

}

.login-reg .box{

	background: #ffffff;

	border-radius: 10px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 350px;

	padding: 10px 20px;

	font-size: 16px;

}

.login-reg .box .nav{

	display: flex;

}



.login-reg .box .nav .nav-item{

	font-size: 18px;

	cursor: pointer;

	line-height: 36px;

	border-bottom: 2px solid #fff;

	margin-right: 20px;

}

.login-reg .box .nav .nav-item:last-child{

	margin-right: 0;

}

.login-reg .box .nav .nav-item.active{

	border-bottom: 2px solid #3982e9;

}

.login-reg .box .container{

	padding-top: 30px;

}

.login-reg .box .container .row{

	display: flex;

	border-radius: 4px;

	border: 1px solid rgb(160, 158, 158);

	margin-bottom: 10px;

}

.login-reg .box .container .row .left{

	padding: 10px;

	border-right: 1px solid rgb(160, 158, 158);

}

.login-reg .box .container .row .left img{

	display: block;

	width: 20px;

	margin: 0 auto;

}

.login-reg .box .container .row input{

	display: block;

	border: none;

	outline: none;

	padding: 0 15px;

	font-size: 16px;

	flex: 1;

}

.login-reg .box .container .button{

	display: block;

	width: 100%;

	text-align: center;

	line-height: 40px;

	background: #4b83d0;

	color: #ffffff;

	margin-top: 30px;

	cursor: pointer;

}

.login-reg .box .container .tips{

	font-size: 12px;

	color: #999;

	text-align: center;

	padding: 10px 0;

}

.login-reg .box .container .tips a{

	color: #4b83d0;

}

.login-reg .close{

	position: absolute;

	top: 20px;

	right: 20px;

}

.login-reg .close img{

	display: block;

	width: 20px;

}

.icon-menu {

  width: 25px;

}

.icon-menu span{

  display: block;

  width: 100%;

  height: 3px;

  background: #ffffff;

  margin-top: 5px;

  border-radius: 2px;

}

.icon-menu span:first-child{

  margin-top: 0;

}



.dede_pages{clear:both;padding:20px 0;font-size:16px;text-align:center; overflow:hidden}

.dede_pages ul{display:inline-block;margin:0 auto;padding:0}

.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf}

.dede_pages ul li:nth-child(1){ padding: 0 15px;line-height: 38px;}

.dede_pages ul li:nth-child(1) a{ padding:0}

.dede_pages ul li a{color:#555;display:block;padding: 0 15px;line-height: 38px;}

.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #F7B716 solid;background-color:#F7B716}

.dede_pages ul li:hover a{color:#fff}

.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}

.dede_pages ul li.thisclass{background-color:#F7B716;color:#fff;border:1px #F7B716 solid; padding: 0 15px;line-height: 38px;}

.dede_pages ul li:last-child{ padding: 0 15px;line-height: 38px;;}

.dede_pages ul li:last-child a{ padding:0}

.dede_pages ul li.thisclass a{color:#fff; padding:0}

.dede_pages .pageinfo{line-height:30px;padding-left:5px}

.dede_pages strong{font-weight:400}

@media screen and (max-width: 768px) {}