/*fontsize begin*/

/*#lcl_wrap{transition: all 0.5s ease-out;}*/
/*.smartzoomcontainer1542004012460{width: 100%; height: 100%;}*/

/*wrap*/
.indexwrap {
  width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 1679px) {
  .indexwrap {
    width: 1113.6px;
  }
}
@media only screen and (max-width: 1520px) {
  .indexwrap {
    width: 1011.2px;
  }
}
@media only screen and (max-width: 1279px) {
  .indexwrap {
    width: 908.8px;
  }
}
@media only screen and (max-width: 1023px) {
  .indexwrap {
    width: 832px;
  }
}
@media only screen and (max-width: 960px) {
  .indexwrap {
    width: calc(100% - 40px);
    box-sizing: border-box;
    margin: 0 20px;
    left: 0;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
  }
}
/*positioncenter*/
/*padding*/
/*margin*/
.header_box{
	width: 100%;
	position: fixed;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  z-index: 9999;
}

.header {
  padding: 12px 0;
  max-width: 1280px;
  width: 94%;
  margin: 0 auto;
  position: relative;
  
}

.header .logo {
  position: absolute;
  left: 0;
  top: 12px;
  display: block;
  width: 162px;
  height: auto;
}
.header .logo img {
  width: 100%;
  height: auto;
}
.header .header-right {
  width: 100%;
}
.header .header-right .header-top {
  margin: 0 0 36px 0;
  text-align: right;
  height: 20px;
  line-height: 20px;
  color: #fff;
}
@media only screen and (max-width: 1679px) {
  .header .header-right .header-top {
    margin: 0 0 31.32px 0;
  }
}
@media only screen and (max-width: 1520px) {
  .header .header-right .header-top {
    margin: 0 0 28.44px 0;
  }
  .header .logo{
  	width: 140px;
  }
}
@media only screen and (max-width: 1279px) {
  .header .header-right .header-top {
    margin: 0 0 23.76px 0;
  }
}
@media only screen and (max-width: 1023px) {
  .header .header-right .header-top {
    margin: 0 0 19.08px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header .header-right .header-top {
    margin: 0 0 18px 0;
  }
}
.header .header-right .header-top a {
  color: #fff;
  display: inline-block;
  width: auto !important;
  text-align: center;
  margin: 0 5px !important;
}
.header .header-right .header-top a:hover {
  /*background: #00aeef;*/
  /*color: #fff!important;*/
}
.header .header-right .header-top .in-login {
  float: right;
}
.header .header-right .header-top > span {
  float: right;
  margin-right: 28px;
  font-size: 12px;
}
.header .header-right .header-top > span em {
  margin-left: 10px;
  color: #fd004c;
}
.header .header-right .header-bottom {
  text-align: right;
}
.header .header-right .header-bottom nav {
  float: right;
  line-height: 32px;
}
.header .header-right .header-bottom nav li {
  display: inline-block;
  margin: 0 0 0 40px;
  font-size: 18px;
  vertical-align: top;
  position: relative;
  background: rgba(0,0,0,0);
}
@media only screen and (max-width: 1679px) {
  .header .header-right .header-bottom nav li {
    margin: 0 0 0 34.8px;
  }
}
@media only screen and (max-width: 1520px) {
  .header .header-right .header-bottom nav li {
    margin: 0 0 0 31.6px;
  }
}
@media only screen and (max-width: 1279px) {
  .header .header-right .header-bottom nav li {
    margin: 0 0 0 26.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .header .header-right .header-bottom nav li {
    margin: 0 0 0 21.2px;
  }
}
@media only screen and (max-width: 767px) {
  .header .header-right .header-bottom nav li {
    margin: 0 0 0 20px;
  }
}
@media only screen and (max-width: 1679px) {
  .header .header-right .header-bottom nav li {
    font-size: 15.66px;
  }
}
@media only screen and (max-width: 1520px) {
  .header .header-right .header-bottom nav li {
    font-size: 14.22px;
  }
}
@media only screen and (max-width: 1279px) {
  .header .header-right .header-bottom nav li {
    font-size: 11.88px;
  }
}
.header .header-right .header-bottom nav li > a {
  color: #fff;
  display: block;
}
.header .header-right .header-bottom .search-wrap {
  float: right;
  width: 32px;
  height: 32px;
  color: #fff;
  font-size: 32px;
  background: url(/uploads/image/images/in_search.png) no-repeat right center;
  margin: 0 0 0 40px;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 1679px) {
  .header .header-right .header-bottom .search-wrap {
    font-size: 27.84px;
  }
}
@media only screen and (max-width: 1520px) {
  .header .header-right .header-bottom .search-wrap {
    font-size: 25.28px;
  }
}
@media only screen and (max-width: 1279px) {
  .header .header-right .header-bottom .search-wrap {
    font-size: 21.12px;
  }
}
@media only screen and (max-width: 1023px) {
  .header .header-right .header-bottom .search-wrap {
    font-size: 16.96px;
  }
}
@media only screen and (max-width: 767px) {
  .header .header-right .header-bottom .search-wrap {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1679px) {
  .header .header-right .header-bottom .search-wrap {
    margin: 0 0 0 34.8px;
  }
}
@media only screen and (max-width: 1520px) {
  .header .header-right .header-bottom .search-wrap {
    margin: 0 0 0 31.6px;
  }
}
@media only screen and (max-width: 1279px) {
  .header .header-right .header-bottom .search-wrap {
    margin: 0 0 0 26.4px;
  }
}
@media only screen and (max-width: 1023px) {
  .header .header-right .header-bottom .search-wrap {
    margin: 0 0 0 21.2px;
  }
}
@media only screen and (max-width: 767px) {
  .header .header-right .header-bottom .search-wrap {
    margin: 0 0 0 20px;
  }
}
.header .header-right .header-bottom .search-wrap .search-inner {
  position: absolute;
  right: 0;
  top: 32px;
 	width: 214px;
  height: 30px;
  padding: 15px 8px 0;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  z-index: 1;
  background: url(/uploads/image/images/png2.png) right top no-repeat;
  overflow: hidden;
  box-sizing: content-box;
}
.header .header-right .header-bottom .search-wrap .search-inner .search-sub {
  
  float: right;
  border:none;background:none;height:20px; line-height: 20px; color: #fff;width:60px;float: right;cursor: pointer;
}
.header .header-right .header-bottom .search-wrap .search-inner .search-input {
  float: right;
  border:none;background:none;height:20px;color: #fff;width:140px;border-right:1px solid #fff;padding-right:12px;
}
.header .header-right .header-bottom .search-wrap .search-inner .search-input::-webkit-input-placeholder{color:#fff;}
.header .header-right .header-bottom .search-wrap.on .search-inner {
  opacity: 1;
  visibility: visible;
}
.footer {
  background: #404040;
}
.footer .footer-wrap {
  width: 1280px;
  margin: 0 auto;
  margin: 40px auto;
}
@media only screen and (max-width: 1679px) {
  .footer .footer-wrap {
    width: 1113.6px;
  }
}
@media only screen and (max-width: 1520px) {
  .footer .footer-wrap {
    width: 1011.2px;
  }
}
@media only screen and (max-width: 1279px) {
  .footer .footer-wrap {
    width: 908.8px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer .footer-wrap {
    width: 832px;
  }
}
@media only screen and (max-width: 960px) {
  .footer .footer-wrap {
    width: calc(100% - 40px);
    box-sizing: border-box;
    margin: 0 20px;
    left: 0;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
  }
}
.footer .footer-wrap ul {
  overflow: hidden;
  margin: 0 -20px;
}
.footer .footer-wrap ul li {
  width: 12%;
  float: left;
}
.footer .footer-wrap ul li:nth-child(3){width: 16%;}
.footer .footer-wrap ul li dl {
  margin: 0 20px;
}
.footer .footer-wrap ul li dl dt {
  font-size: 18px;
  margin-bottom: 2em;
  font-weight: normal;
}
@media only screen and (max-width: 1679px) {
  .footer .footer-wrap ul li dl dt {
    font-size: 15.66px;
  }
}
@media only screen and (max-width: 1520px) {
  .footer .footer-wrap ul li dl dt {
    font-size: 14.22px;
  }
}
@media only screen and (max-width: 1279px) {
  .footer .footer-wrap ul li dl dt {
    font-size: 11.88px;
  }
}
.footer .footer-wrap ul li dl dt a {
  color: #fff;
}
.footer .footer-wrap ul li dl dd {
  line-height: 2em;
}
.footer .footer-wrap ul li dl dd a {
  color: #b1b1b1;
}
.footer .footer-wrap .footer-bottom {
  overflow: hidden;
  padding: 80px 0 0 0;
}
@media only screen and (max-width: 1679px) {
  .footer .footer-wrap .footer-bottom {
    padding: 69.6px 0 0 0;
  }
}
@media only screen and (max-width: 1520px) {
  .footer .footer-wrap .footer-bottom {
    padding: 63.2px 0 0 0;
  }
}
@media only screen and (max-width: 1279px) {
  .footer .footer-wrap .footer-bottom {
    padding: 52.8px 0 0 0;
  }
}
@media only screen and (max-width: 1023px) {
  .footer .footer-wrap .footer-bottom {
    padding: 42.4px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer-wrap .footer-bottom {
    padding: 40px 0 0 0;
  }
}
.footer .footer-wrap .footer-bottom .footer-right {
  float: right;
  width: 196px;
}
.footer .footer-wrap .footer-bottom .footer-right img {
  float: right;
  width: 67px;
  height: 67px;
}
.footer .footer-wrap .footer-bottom .footer-right p {
  float: right;
  text-align: right;
  color: #cbcbcb;
  padding-top: 10px;
  font-size: 12px;
  width: 100px;
  margin-right: 14px;
}
.footer .footer-wrap .footer-bottom .footer-left {
  float: left;
}
.footer .footer-wrap .footer-bottom .footer-left .footer-link {
  padding: 10px 0;
}
.footer .footer-wrap .footer-bottom .footer-left .footer-link a {
  font-size: 14px;
  color: #fff;
}
.footer .footer-wrap .footer-bottom .footer-left .footer-link span {
  color: #5d5d5d;
  margin: 0 10px;
}
.footer .footer-wrap .footer-bottom .footer-left p {
  color: #fff;
  opacity: 0.5;
  font-size: 12px;
}
.footer .footer-wrap .footer-bottom .footer-left p a {
  color: #fff;
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .footer .footer-wrap ul {
    margin: 0 -10px;
    overflow: hidden;
  }
  .footer .footer-wrap ul li dl {
    margin: 0 10px;
  }
  .footer .footer-wrap ul li dl dd {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .header {
    position: relative;
    background: #404040;
    margin: 0;
    padding: 0 20px;
    width: 100%;
  }
  .in-login {
    font-size: 12px;
  }
  .header .header-right .header-top a {
    width: 30px;
  }
  .header {
    height: 65px;
    padding-top: 10px;
    position: fixed;
    z-index: 500;
  }
  .main{
  	padding-top: 65px;
  }
  .header .logo {
    height: auto;
    width: 70px;
    top: 0px;
    position: relative;
  }
  .header .logo img {
    height: auto;
    width: 100%;
  }
  .header .header-right {
    transform: translatex(100%);
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    position: absolute;
    top: 65px;
    right: 0px;
    width: 260px;
    background: #404040;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
  }
  .header .in_menu {
    display: block;
    right: 20px;
    top: 50%;
  }
  .header-bottom nav{
  	width: 100%;
  }
  .header-bottom ul {
    padding: 0;
    
  margin-top: 20px;
  }
  .header-bottom ul li {
    width: 100%;
    display: block;
    text-align: left;
  }
  .header .header-right .header-bottom .search-wrap {
    margin: 10px 0;
    background: none;
    width: 100%;
  }
  .header .header-right .header-bottom .search-wrap .search-inner {
    position: relative;
    opacity: 1;
    visibility: visible;
    height: 32px;
    width: 100%;
    
    top: 0;
  }
  .header .header-right .header-bottom .search-wrap .search-inner .search-input {
    /*width: calc(100% - 42px);*/
   line-height: normal;
  }
  .header .header-right {
    padding: 20px 20px 20px 20px;
  }
  .header .header-right .header-top .in-login {
    display: block;
  }
  .header .header-right .header-top span {
    display: block;
    margin-right: 0;
    float: left;
  }
  .header .header-right .header-top .in-login{float: left;}
  .header .header-right .header-top .in-login > a{float: left;}
  .header .header-right .header-top a{margin: 0 3px !important;}
  
  
  
  .footer .footer-wrap ul li {
    width: 100% !important;
  }
  .footer .footer-wrap ul li dl {
    overflow: hidden;
    margin-bottom: 10px;
  }
  .footer .footer-wrap ul li dl dt {
    float: left;
    line-height: 24px;
    margin-bottom: 0px;
  }
  .footer .footer-wrap ul li dl dd {
    float: left;
    line-height: 24px;
    margin-left: 10px;
  }
  .footer .footer-wrap .footer-bottom {
    padding-top: 10px;
  }
  .header .header-right .header-bottom nav li {
    margin-left: 0;
  }
  .openphone .header-right {
    transform: translatex(0%);
    -webkit-transform: translatex(0%);
    -ms-transform: translatex(0%);
  }
}

.header .header-right .header-bottom nav ul{float: right;}
.header .header-right .header-bottom nav li dl{opacity: 0; visibility: hidden;position: absolute; top: 100%; left: 50%; transform: translatex(-50%);-webkit-transform: translatex(-50%); font-weight: normal; width: 100px; text-align: center; background: rgba(0,0,0,0.5); padding: 10px 0;}
.header .header-right .header-bottom nav li:nth-child(4) dl{width: 200px;}
.header .header-right .header-bottom nav li dl dd{font-weight: normal;}
.header .header-right .header-bottom nav li dl dd a{color: #fff; display: block; line-height: 30px; font-size: 14px;}

.nav_none{display: none;}

@media (min-width: 1025px) {
	.header .header-right .header-bottom nav li:hover dl{opacity: 1; visibility: visible;}
	.header .header-right .header-bottom nav li:hover > a{color: #05b1ec !important;}
}
@media (max-width: 1024px) {
	.nav_none{display: block;}
	.header .header-right .header-bottom nav li{position: static; font-size: 12px !important;}
	.header .header-right .header-bottom nav li dl{opacity: 1; visibility: visible; position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; transform: translatex(100%);-webkit-transform: translatex(100%); z-index: 10; padding: 20px; background: #404040; transition: 0.4s linear; -webkit-transition: 0.4s linear;-ms-transition: 0.4s linear;}
	.header .header-right .header-bottom nav li dl.on{transform: translatex(0%);-webkit-transform: translatex(0%);}
	.header .header-right .header-bottom nav li dl dd{text-align: left; }
	.header .header-right .header-bottom nav li dl dd a{color: #fff;font-size: 12px !important;}
}

@media (min-width: 1025px) {
	.header_box{height: 105px;transition: all 0.5s;}
	.scroll .header_box{height: 56px;transition: all 0.5s;}
	.scroll .header_box{background: rgba(0,0,0,0.5);}
	.scroll .header-top{display: none;}
	.scroll .header .logo{height: 56px; width: auto; top: 0;transition: all 0.5s;}
	.scroll .header .logo img{height: 100%; width: auto;}

}

.download_zz_box{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); display: none; z-index: 10000;}
.download_zz{padding: 30px; width: 260px; height: 260px; border-radius: 5px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); position: fixed; top: 50%; left: 50%; margin: -130px 0 0 -130px;display: none; z-index: 10000;}
.download_zz img{width: 200px; }


.header .header-right .header-bottom nav li.on > a{color: #05b1ec !important;}

.logon_a{display: none;}
/*.logon_a a{width: auto !important; margin: 0 5px;}*/

.layui-layer-btn .layui-layer-btn0:hover{color: #fff !important;}
.layui-layer-btn .layui-layer-btn1:hover{color: #333 !important;}