body { max-width: 1920px; min-width: 1200px; margin: 0 auto; font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,Arial,sans-serif; }

.container { width: 1200px; margin: 0 auto; height: 100%; }

.btn { display: table; width: 125px; height: 36px; text-align: center; background: #31acdd; }

.btn span { display: table-cell; vertical-align: middle; color: #fff; font-size: 14px; }

.ii-title { margin: 0 auto; width: 200px; height: 60px; background: url("../images/ii-title-bg.png") no-repeat right center; font-size: 32px; color: #ffffff; }

.ii-title span { display: block; padding-top: 15px; }

.banner img { width: 100%; height: auto; }

.header { background: #44567d; overflow: hidden; width: 100%; height: 116px; }

.header .wrap { width: 1700px; margin: 0 auto; height: 100%; display: table; }

.header .logo { display: table-cell; vertical-align: middle; width: 225px; }

.header .nav { height: 100%; display: table-cell; }

.header .nav ul { overflow: hidden; height: 100%; }

.header .nav ul li { float: left; text-align: center; width: 100px; height: 100%; border-right: 1px solid #7c88a3; font-size: 16px; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.header .nav ul li:hover, .header .nav ul li.on { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background: #31acdd; }

.header .nav ul li .wrap { width: 100%; height: 100%; display: table; }

.header .nav ul li .icon { padding-bottom: 15px; }

.header .nav ul li .icon img { display: inline-block; }

.header .nav ul li a { display: table-cell; vertical-align: middle; color: #f7f7f7; }

.header .search { width: 240px; display: table-cell; vertical-align: middle; overflow: hidden; }

.header .search .input-text { float: right; width: 151px; height: 56px; border: 1px solid #fff; }

.header .search .input-text input { outline: none; border: none; width: 100%; height: 100%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none; color: #fff; }

.header .search .input-search { float: right; width: 53px; height: 56px; border: 1px solid #fff; border-left: none; }

.header .search .input-search button { width: 100%; height: 100%; background: url("../images/h-search.png") no-repeat center; outline: none; }

/* @media screen and (max-width: 1700px) { .header { .nav ul li{ width: 90px; } } } */
@media screen and (max-width: 1700px) { .header { height: 105px; }
  .header.s .nav { display: none; }
  .header.s .search { width: 240px; display: table-cell; vertical-align: middle; overflow: hidden; }
  .header.s .search .input-text { display: block; float: right; width: 151px; height: 56px; border: 1px solid #fff; }
  .header.s .search .input-text input { outline: none; border: none; width: 100%; height: 100%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none; color: #fff; }
  .header.s .search .input-search { float: right; width: 53px; height: 56px; border: 1px solid #fff; border-left: none; }
  .header.s .search .input-search button { width: 100%; height: 100%; background: url("../images/h-search.png") no-repeat center; outline: none; }
  .header .wrap { width: 1200px; margin: 0 auto; }
  .header .logo { width: 180px; }
  .header .nav { text-align: center; }
  .header .nav ul { display: inline-block; }
  .header .nav ul li { width: 75px; }
  .header .nav ul li .icon { display: none; }
  .header .search { width: 43px; }
  .header .search .input-search { border: none; }
  .header .search .input-search button { border: none; }
  .header .search .input-text { display: none; } }

.footer .f-top { padding: 25px; }

.footer .f-bottom { border-top: 1px solid #f0f0f0; font-size: 12px; color: #cccccc; text-align: center; padding: 15px 0; }

.footer .f-title { text-align: center; font-size: 28px; color: #333333; padding: 35px 0; line-height: 1; }

.footer .f-qrcode { text-align: center; }

.footer .f-qrcode ul { overflow: hidden; display: inline-block; }

.footer .f-qrcode ul li { text-align: center; width: 130px; float: left; padding: 0 20px; }

.footer .f-qrcode ul li img { display: inline-block; width:100%;}

.footer .f-qrcode ul li span { display: block; padding-top: 10px; line-height: 1; text-align: center; font-size: 14px; color: #666666; }