@charset "UTF-8";
#foot, .foot1 .f2 .f2-son {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
  font-family: 'Microsoft Yahei', 'PingFang SC', 'Source Han Sans CN';
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

blockquote::-moz-selection, button::-moz-selection, code::-moz-selection, dd::-moz-selection, div::-moz-selection, dl::-moz-selection, dt::-moz-selection, fieldset::-moz-selection, form::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, input::-moz-selection, legend::-moz-selection, li::-moz-selection, ol::-moz-selection, p::-moz-selection, pre::-moz-selection, td::-moz-selection, textarea::-moz-selection, th::-moz-selection, ul::-moz-selection {
  background: rgba(233, 70, 63, .25);
  color: #000
}

blockquote::selection, button::selection, code::selection, dd::selection, div::selection, dl::selection, dt::selection, fieldset::selection, form::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, input::selection, legend::selection, li::selection, ol::selection, p::selection, pre::selection, td::selection, textarea::selection, th::selection, ul::selection {
  background: rgba(233, 70, 63, .25);
  color: #000
}

blockquote::-webkit-selection, button::-webkit-selection, code::-webkit-selection, dd::-webkit-selection, div::-webkit-selection, dl::-webkit-selection, dt::-webkit-selection, fieldset::-webkit-selection, form::-webkit-selection, h1::-webkit-selection, h2::-webkit-selection, h3::-webkit-selection, h4::-webkit-selection, h5::-webkit-selection, h6::-webkit-selection, html::-webkit-selection, input::-webkit-selection, legend::-webkit-selection, li::-webkit-selection, ol::-webkit-selection, p::-webkit-selection, pre::-webkit-selection, td::-webkit-selection, textarea::-webkit-selection, th::-webkit-selection, ul::-webkit-selection {
  background: rgba(233, 70, 63, .25);
  color: #000
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-size: 100%
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: 400
}

a {
  color: #555;
  text-decoration: none
}

a:hover {
  text-decoration: underline
}

#foot .foot-big-box .foot-box .left-box .left-list .list-son a:hover, #foot .foot-icp .icp a, #head .nav-wrap nav ul a, .foot1 .f2 a:hover, .head2 .head2-box .box-left a:hover, .sceond-slide .banner2 .ban2-box a:hover, .third-slide .banner3 .ban3-box a:hover {
  text-decoration: none
}

::-moz-selection {
  background-color: #272E3A;
  color: #fff;
  text-shadow: none
}

::selection {
  background-color: #272E3A;
  color: #fff;
  text-shadow: none
}

#head .nav-wrap nav ul a:hover, #head .nav-wrap nav ul.navSelected_0 a:nth-child(1), #head .nav-wrap nav ul.navSelected_1 a:nth-child(2), #head .nav-wrap nav ul.navSelected_2 a:nth-child(3), #head .nav-wrap nav ul.navSelected_3 a:nth-child(4), #head .nav-wrap nav ul.navSelected_4 a:nth-child(5) {
  color: #00c061
}

img {
  border: none;
  vertical-align: middle
}

dd, dl, dt, li, ol, ul {
  list-style: none
}

table {
  border-collapse: collapse
}

.fl {
  float: left
}

.fr {
  float: right
}

.al {
  text-align: left
}

.ac {
  text-align: center
}

.ar {
  text-align: right
}

.hide {
  display: none
}

.show {
  display: block
}

#content {
  min-width: 1080px;
  margin: 80px auto 0
}

#foot-H5, #head-H5 {
  display: none
}

#head {
  width: 100%;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 99;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

#head .nav-wrap {
  width: 1080px;
  height: 80px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#foot, #head .nav-wrap nav ul {
  display: -webkit-box;
  display: -ms-flexbox
}

#head .nav-wrap img {
  /* width: 143px; */
  width: 54px;
  cursor: pointer
}

#head .nav-wrap nav {
  position: relative;
  width: 620px
}

#head .nav-wrap nav ul {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 80px;
  font-size: 15px;
  font-weight: 500
}

#head .nav-wrap nav ul a {
  padding: 32px 20px 27px;
  cursor: pointer;
  position: relative
}

#head .nav-wrap nav ul a::after {
  position: absolute;
  content: '';
  height: 3px;
  left: 20px;
  top: 60px;
  background: #00c061
}

#head .nav-wrap nav ul.navSelected_0 a:nth-child(1)::after {
  width: 30px
}

#head .nav-wrap nav ul.navSelected_1 a:nth-child(2)::after, #head .nav-wrap nav ul.navSelected_2 a:nth-child(3)::after, #head .nav-wrap nav ul.navSelected_3 a:nth-child(4)::after, #head .nav-wrap nav ul.navSelected_4 a:nth-child(5)::after {
  width: 60px
}

#foot {
  background-color: #333;
  padding: 40px 0;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column
}

#foot .foot-big-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#foot .foot-big-box .foot-box {
  width: 1080px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#foot .foot-big-box .foot-box .left-box {
  width: 481px;
  height: 200px;
  border-right: 1px solid #4F4F4F
}

#foot .foot-big-box .foot-box .left-box .left-list {
  width: 414px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#foot .foot-big-box .foot-box .left-box .left-list .list-son {
  width: 84px;
  height: 188px
}

#foot .foot-big-box .foot-box .left-box .left-list .list-son .title {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 17px;
  margin-bottom: 21px
}

#foot .foot-big-box .foot-box .left-box .left-list .list-son .text {
  font-size: 12px;
  font-weight: 300;
  color: #999;
  line-height: 30px
}

#foot .foot-big-box .foot-box .left-box .left-list .list-son a:hover p {
  color: #fff !important
}

#foot .foot-big-box .foot-box .right-box {
  width: 1080px;
  padding: 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#foot .foot-big-box .foot-box .right-box .list {}

#foot .foot-big-box .foot-box .right-box .list .list-son {
  float: right
}

#foot .foot-big-box .foot-box .right-box .list .list-son .title {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
  margin-bottom: 20px
}

#foot .foot-big-box .foot-box .right-box .list .list-son .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  color: #999;
  line-height: 28px
}

#foot .foot-big-box .foot-box .right-box .list .list-son .content a {
  color: #999;
  text-decoration: none;
  cursor: pointer
}

#foot .foot-big-box .foot-box .right-box .list .list-son .content a:hover {
  color: #fff !important
}

#foot .foot-big-box .foot-box .right-box .list .list-son .content div {}

#foot .foot-big-box .foot-box .right-box .code {
  width: 228px;
  height: 138px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px
}

#foot .foot-big-box .foot-box .right-box .code .code-son {
  width: 100px;
  height: 138px
}

#foot .foot-big-box .foot-box .right-box .code .code-son img {
  opacity: .5
}

#foot .foot-big-box .foot-box .right-box .code .code-son img:hover {
  opacity: 1
}

.sceond-slide .banner2 .ban2-box .box2-btn:active, .third-slide .banner3 .ban3-box .box2-btn:active {
  opacity: .5
}

#foot .foot-big-box .foot-box .right-box .code .code-son p {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 300;
  color: #9b9b9c;
  line-height: 28px;
  text-align: center;
}

#foot .foot-icp {
  width: 100%;
  height: 47px;
  border-top: 1px solid #4F4F4F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#foot .foot-icp .icp {
  width: 1080px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  color: #aaa
}

#foot .foot-icp .icp a {
  font-size: 12px;
  font-weight: 300;
  color: #aaa
}

#foot .foot-icp .icp a:hover {
  color: #fff
}

#tip {
  z-index: 100;
  right: 105px;
  bottom: 20px;
  position: fixed;
  height: 125px
}

#tip .close, #tip .container {
  position: absolute;
  display: block
}

#tip .close {
  top: -20px;
  right: -20px;
  font-size: 20px;
  color: #666 !important;
  cursor: pointer;
  height: 30px;
  width: 20px;
  text-align: right
}

#tip .container a {
  display: block
}

.sceond-slide .banner2, .third-slide .banner3 {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: justify
}

#tip .container img {
  height: 125px
}

.head {
  width: 100%;
  height: 300px;
  background: #4B505A;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.head .head-box {
  /*width: 1440px;*/
  width: 100%;
  height: 300px;
  background: url(../images/tabBg1.jpg) no-repeat center center;
  background-size: auto 300px;
  text-align: center;
}

.head .head-box .cn-tit {
  margin-top: 83px;
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  line-height: 50px
}

.head .head-box .en-tit {
  margin-top: 18px;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  line-height: 24px
}