@font-face{ font-family: "Geometria";src: url(../fonts/Geometria.otf); }
* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "microsoft yahei","微软雅黑";
  font-size: 14px;
  text-decoration: none;
  border: none;
  outline: none;
  font-weight: normal;
  font-style: normal;
  color: black;
  box-sizing: border-box;  }

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

.container {
  width: 92%;
  max-width: 1200px;
  /*height: 100%;*/
  margin: 0 auto; }
body{ overflow-y: scroll; }
img{ vertical-align: middle;display: block;width: 100%;height: auto;margin: 0 auto;}
p{text-align: justify;}
button{ outline: none; }
header{ width: 100%;height: 80px;position: fixed;background: #fff;top: 0;z-index: 999; }
header .logo{padding: 15px 0;float: left;max-width: 150px;}
header .logo a{display: block;}
header .logo img{width: 100%;display: block;}
.headerNav{ display: flex;float: right; }
.headerNav-c{  }
.headerNav-c .navSlide{ width: 100px;height: 80px; transition: all 0.6s;position: relative; }
.headerNav-c .navSlide:hover{ background: #f39800; }
.headerNav-c .navSlide>a{ width: 100%;height: 100%;font-size: 18px;color: #595656;line-height: 80px;display: block;text-align: center; }
.headerNav-c .navSlide:hover>a{color: #ffffff;}
.headerNav-c .navSlide ul{ padding: 10px;background: #f9f9f9;display: none;}
.headerNav-c .navSlide ul li{text-align: center;transition: all 0.4s;border-top: 1px solid #999;}
.headerNav-c .navSlide ul li:first-child{ border-top: none; }
.headerNav-c .navSlide ul li>a{display: inline-block;font-size: 12px;color: #898989;width: 100%;line-height: 36px;transition: all 0.5s;transition: all 0.6s;}
.headerNav-c .navSlide ul li:hover{}
.headerNav-c .navSlide ul li>a:hover{color: #f39800;transform: scale(1.2);}
/*header .navButton{ float: right;height: 20px;width: 24px;display: none;justify-content: space-between;flex-direction: column;margin-top: 28px; }
header .navButton div{ height: 2px;width: 100%;background: #555555;border-radius: 1px; }*/

header .navButton{ float: right;height: 35px;width: 35px;display: none;position: absolute;right: 4%;top: 20px; }
header .navButton div{ width: 31px;height: 31px;border: 2px solid #999;border-radius: 50%;position: absolute;top: 50%;left: 50%;z-index: 8;transform: translate(-50%,-50%);animation: menu 1s infinite;-webkit-animation: menu 1s infinite; }
header .navButton img{ width: 100%;position: absolute;top: 0;left: 0;z-index: 9; }
@keyframes menu {
	from{transform: translate(-50%,-50%) scale(1);opacity: 1;}
	to{transform: translate(-50%,-50%) scale(2);opacity: 0;}
}
-webkit-@keyframes menu {
	from{transform: translate(-50%,-50%) scale(1);opacity: 1;}
	to{transform: translate(-50%,-50%) scale(2);opacity: 0;}
}
@media only screen and (max-width: 768px) {
	
}


/*slide_nav*/
.slide_nav .leftNav{ width: 50%;height: 100%;background: #FFFFFF;position: fixed;right: -60%;z-index: 9999;top: 0; }
.slide_nav .modal_bg{ width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 9997;position: fixed;display: none;top: 0; }
.slide_nav .leftNav ul{ padding-top: 26px;margin-bottom: 0; }
.slide_nav .leftNav ul>li{ border-bottom: 1px solid #e6e6e6;position: relative; }
.slide_nav .leftNav ul>li>div{ width: 8px;height: 14px;position: absolute;background: url(../images/gtBg.png)no-repeat;background-size: cover;right: 50px;top: 17px;transform: rotate(0deg);transform-origin: 50% 50%;transition: all 0.6s; }
.slide_nav .leftNav ul>li>a{ width: 100%;display: block;line-height: 20px;padding: 12px 10px 12px 20px;color: #595656;font-size: 14px; }
.slide_nav .leftNav ul>li>ol{ display: none; }
.slide_nav .leftNav ul>li>ol li a{ width: 100%;display: block;line-height: 20px;padding: 8px 10px 8px 40px;color: #595656;font-size: 14px; }
.leftNav .Close{ width: 30px;height: 30px;position: relative;top: 20px;right: 15px;display: none; }
.leftNav .Close .x-top{ position: absolute;width: 30px;height: 2px;background-color: #666;top: 50%;margin-top: -1px;transform-origin: 50% 50%;transition: all 0.8s; }
.leftNav .Close .x-bottom{ position: absolute;width: 30px;height: 2px;background-color: #666;top: 50%;margin-top: -1px;transform-origin: 50% 50%;transition: all 0.8s; }
button.goBack {color: #999;font-size: 12px;padding: 2px 10px;margin:10px 0;border: 1px solid #999;border-radius: 15px;background: url(../images/gt02.png)no-repeat right center;background-size: 20px;padding-right: 26px;cursor: pointer;}
/*slide_nav*/

footer{ padding-top: 50px;padding-bottom: 20px;background: #fff; }
footer .left{ float: left;width: 70%; }
footer .left .footerNav{ display: flex;justify-content: space-between;margin-bottom: 40px; }
footer .left .footerNav a{ font-size: 16px;font-weight: bold;color: #595656; }
footer .left .box{ display: flex; }
footer .left .box b{ display: block;font-size: 18px;font-weight: bold;margin-right: 20px;line-height: 42px;padding-right: 20px;border-right: 2px solid #F39800; }
footer .left .box p{ margin-bottom: 5px; }
footer .right{ float: right;width: 30%;text-align: right;padding-right: 20px; }
footer .right img{ width: 100%;max-width: 120px;display: inline-block; }
footer .bottom{ padding-top: 20px;display: flex;justify-content: space-between; }
footer .bottom ul{ display: flex; }
footer .bottom ul li{ padding: 0 4px;border-left: 1px solid #595757; }
footer .bottom ul li:first-child{ border-left: none; }
footer .bottom_m p{ font-size: 10px;color: #7c7c7c;text-align: center;margin-bottom: 0; }
.banner{ margin-top: 80px; }
.banner img{ width: 100%; }
.secondNav{ padding-top: 20px;background: #fff; }
.secondNav .container{ display: flex; }
.secondNav .left{ width: 20%;min-width: 223px; }
.secondNav .left a{ font-size: 14px;color: #969595;margin-right: 5px; }
.secondNav .left b{ font-size: 16px;color: #969595; }
.secondNav .left span{ font-size: 14px;color: #969595;margin-right: 5px; }
.secondNav .left i{ font-size: 14px;color: #f39800; }
.secondNav ul{ width: 80%;display: flex;justify-content: flex-end; }
.secondNav ul li{ margin-left: 3%;padding-bottom: 20px; }
.secondNav ul li a{ font-size: 14px;color: #595757; }
.secondNav ul .on{ border-bottom: 2px solid #f39800; }
.secondNav ul .on a{ color: #000; }
@media only screen and (max-width: 768px) {
	.secondNav .container{ display: block; }
	.secondNav ul{width: 100%;margin-top: 10px;flex-wrap: wrap;justify-content: flex-start;}
	.secondNav ul li{margin-left: 0;margin-right: 10px;padding-bottom: 10px;margin-bottom: 5px;}
	.banner{height: 50px;width: 100%;overflow: hidden;position: relative;}
	.banner img{position: absolute;right: 0;height: 50px;width: auto;max-width: none;transform: translateX(15%);}
	footer{ box-shadow: 0 -2px 20px 1px  rgba(0,0,0,0.2);padding: 35px 0; }
}