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

@font-face {
  font-family: FontAwesome;
  src: url("../fonts/fontawesome-webfont.eot");
url("../fonts/fontawesome-webfont.woff") format("woff"),
url("../fonts/fontawesome-webfont.ttf") format("truetype"), font-style: normal;
  font-weight: 400
}

html {
  min-width: 1200px
}

html,
html body {
  width: 100%;
  min-height: 100vh
}

html body {
  height: 100%;
  position: relative
}

html body .main {
  width: 100%;
  overflow: hidden
}

html body .main .wrap {
  width: 100%;
  /*padding-bottom:260px;*/
}

/* html body .main .wrap .header{
    width:100%;
    height:650px;
    background-size:cover;
    
} */
html body .main .wrap .header .container .head {
  width: 100%;
  margin: auto;
  height: 70px
}

html body .main .wrap .header .container .head .logo {
  width: 292px;
  height: 100%;
  display: inline-block;
}

html body .main .wrap .header .container .head .menu {
  width: 760px;
  /*float:right;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
}

html body .main .wrap .header .container .head .menu > li {
  display: inline-block;
  cursor: pointer;
  position: relative;
}

html body .main .wrap .header .container .head .menu > li a {
  display: inline-block;
  color: hsla(0, 0%, 100%, .8);
  position: relative;
  font-size: 16px;
  line-height: 70px;
  display: inline-block;
  border-bottom: 2px solid transparent;
}

html body .main .wrap .header .container .head .menu > li a:hover,
html body .main .wrap .header .container .head .menu > li a.select {
  color: #fff;
  border-bottom: 2px solid #fff;
}

html body .main .wrap .header .container .head .menu .solution {
  position: relative
}

html body .main .wrap .header .container .head .menu .submenu {
  display: none;
  position: absolute;
  top: 70px;
  left: 50%;
  padding-top: 10px;
  transform: translate(-50%, 0);
  width: 140px;
  min-height: 46px;
  text-align: center;
  background-color: rgba(0, 0, 0, .2);
  border-radius: 5px;
  margin-top: 2px;
}

html body .main .wrap .header .container .head .menu .submenu li a {
  line-height: 20px;
  margin: 10px 0;
  font-size: 14px;
  border-bottom: none;
}

html body .main .wrap .header .container .head .menu li:hover .submenu {
  display: block;
}

/*html body .main .wrap .header .container .head .menu .solution .submenu:hover .solution_a{
	border-bottom: 2px solid #fff;
}*/

html body .main .wrap .header .container .head .menu .solution .submenu .sub_select {
  color: #fff;
  font-size: 15px
}

html body .main .wrap .header .container .head_content {
  text-align: center;
  color: hsla(0, 0%, 100%, .8);
  margin-top: 110px
}

html body .main .wrap .header .container .head_content h1 {
  color: #fff;
  font-size: 50px;
  font-weight: lighter;
  margin-bottom: 80px
}

html body .main .wrap .header .container .head_content p {
  margin: 10px 0;
  font-size: 14px
}

html body .main .wrap .header .container .head_content span.concat {
  display: inline-block;
  margin-top: 50px;
  padding: 10px 15px;
  border: 1px solid hsla(0, 0%, 100%, .6);
  border-bottom-color: #fff;
  cursor: pointer;
  width: 6%;
  font-size: 15px;
}

html body .main .wrap .header .container .head_content span.concat:hover {
  background-color: #0b7afd;
  border: 1px solid transparent
}

html body .footer {
  width: 100%;
  min-height: 180px;
  position: relative;
  bottom: 0;
  background-size: cover
}

html body .footer .container {
  color: hsla(0, 0%, 100%, .8);
  padding: 20px;
  height: auto;
}

html body .footer .container .foot_top {
  height: 120px;
  display: inline-block;
  align-items: flex-start;
}

html body .footer .container .foot_top p {
  font-size: 14px
}

html body .footer .container .foot_top div p {
  /*margin: 15px 0*/
}

html body .footer .container .foot_top .foot_logo {
  font-size: 16px
}

html body .footer .container .foot_top .foot_logo img {
  margin: 0 20px 0 0
}

html body .footer .container .foot_top .address,
html body .footer .container .foot_top .wechat {
  font-family: FontAwesome
}

html body .footer .container .foot_top .wechat:before {
  content: "\F1D7"
}

html body .footer .container .foot_top .address:before {
  content: "\F041"
}

html body .footer .container .foot_bottom {
  height: 60px;
  line-height: 58px;
  font-size: 12px;
  color: hsla(0, 0%, 100%, .6)
}

html body .footer .container .foot_bottom .wechat_icon {
  float: right;
  font-family: FontAwesome;
  cursor: pointer;
  position: relative;
  display: inline-block;
  /*margin-top: 21px;*/
}

html body .footer .container .foot_bottom .wechat_icon .wechat_img {
  display: none;
  width: 220px;
  height: 220px;
  background-color: #fff;
  background-size: 80%;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

html body .footer .container .foot_bottom .wechat_icon .wechat_img:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 15px;
  border-style: solid;
  border-color: #fff transparent transparent;
}

html body .footer .container .foot_bottom .wechat_icon:hover {
  color: #0094ff;
  display: block;
}

html body .footer .container .foot_bottom .wechat_icon:before {
  content: "\F1D7";
  font-size: 18px
}

html body .overlay .overlay_content {
  width: 41.6%;
  height: 50%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
  border-radius: 5px;
  padding: 3%
}

html body .overlay .overlay_content .oc_heard img {
  float: right;
  cursor: pointer
}

html body .overlay .overlay_content .oc_heard img:first-child {
  float: left;
  cursor: default
}

html body .overlay .overlay_content .oc_body {
  clear: both;
  margin-top: 50px
}

html body .overlay .overlay_content .oc_body > p {
  font-size: 16px;
  color: #2d2d2d;
  line-height: 30px
}

html body .overlay .overlay_content #oc_imgContent {
  width: 100%;
  margin-top: 30px;
  height: 60%
}

html body #toTop {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  background: url(../images/回到顶部.png) no-repeat 50%;
  background-size: 70%;
  background-color: gray;
  padding: 10px;
  display: none;
  cursor: pointer;
  transition: all .6s linear;
  border-radius: 50%
}

html body #toTop:hover {
  transform: scale(1.1)
}

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

.part_head {
  box-sizing: border-box;
  height: 164px;
  text-align: center;
  padding: 55px 0
}

.part_head h3 {
  /*color:#fff;*/
  font-size: 36px;
  padding-bottom: 50px;
  position: relative
}

/*.part_head h3:after{*/
/*    content:"";*/
/*    display:block;*/
/*    width:125px;*/
/*    height:5px;*/
/*    background-color:hsla(0,0%,100%,.6);*/
/*    position:absolute;*/
/*    bottom:30px;*/
/*    left:50%;*/
/*    transform:translateX(-50%)*/
/*}*/
.part_head > p:first-child {
  border: 1px solid red
}

.part_head p {
  color: hsla(0, 0%, 100%, .6);
  margin: 10px 0;
  font-size: 14px
}

.part_head_1 h3 {
  color: #fff
}

.part_head_1 h3:after {
  background-color: hsla(0, 0%, 100%, .6)
}

.part_head_1 p {
  color: hsla(0, 0%, 100%, .6)
}

.part_head_2 h3 {
  color: #000
}

.part_head_2 h3:after {
  background-color: #d9d9d9
}

.part_head_2 p {
  color: rgba(0, 0, 0, .7)
}

.retail_content .retail_part1 {
  height: 300px;
  background-color: #f0f6ff
}

.retail_content .retail_part1 .container {
  display: flex;
  justify-content: space-around;
  align-items: flex-end
}

.retail_content .retail_part1 .container .retail_part1_left,
.retail_content .retail_part1 .container .retail_part1_right {
  width: 560px;
  height: 240px;
  background-color: #fff;
  display: inline-block;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative
}

.retail_content .retail_part1 .container .retail_part1_left h3,
.retail_content .retail_part1 .container .retail_part1_right h3 {
  font-size: 20px;
  margin-bottom: 12px
}

.retail_content .retail_part1 .container .retail_part1_left div,
.retail_content .retail_part1 .container .retail_part1_right div {
  text-align: center;
  margin-top: 12px
}

.retail_content .retail_part1 .container .retail_part1_left div p,
.retail_content .retail_part1 .container .retail_part1_right div p {
  margin: 5px 0;
  font-size: 14px
}

.retail_content .retail_part1 .container .retail_part1_right:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 0;
  height: 0;
  border-width: 20px;
  border-style: solid;
  border-color: transparent transparent #0b7afd
}

.retail_content .retail_part1 .container span {
  transform: translateY(-100px);
  color: #0b7afd;
  font-size: 30px
}

.retail_content .retail_part2 {
  height: 500px;
  /*background:url("../retail/retail_part2_bg.png") no-repeat 100%;*/
  background-color: #0a77fb;
  border-bottom: 10px solid #bddaff
}

.retail_content .retail_part2 .container {
  display: flex;
  justify-content: space-around;
  align-items: flex-start
}

.retail_content .retail_part2 .container > div {
  height: 100%;
  display: inline-block;
  margin-top: 120px;
  color: #fff
}

.retail_content .retail_part2 .container > div i {
  display: inline-block;
  width: 70px;
  height: 70px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all .6s linear
}

.retail_content .retail_part2 .container > div i:hover {
  transform: scale(1.2)
}

.retail_content .retail_part2 .container > div h4,
.retail_content .retail_part2 .container > div ul {
  margin-top: 50px
}

.retail_content .retail_part2 .container > div ul {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  list-style: disc;
  transform: translateX(20px)
}

.retail_content .retail_part2 .container > div ul li {
  margin: 10px 0
}

/*.retail_content .retail_part2 .container>div:first-child > i{
    background-image:url("../retail/retail_part2_icon1.png")
}
.retail_content .retail_part2 .container>div:nth-child(2)>i{
    background-image:url("../retail/retail_part2_icon2.png")
}
.retail_content .retail_part2 .container>div:nth-child(3)>i{
    background-image:url("../retail/retail_part2_icon3.png")
}
.retail_content .retail_part2 .container>div:nth-child(4)>i{
    background-image:url("../retail/retail_part2_icon4.png")
}
.retail_content .retail_part2 .container>div:nth-child(5)>i{
    background-image:url("../retail/retail_part2_icon5.png")
}*/
.retail_content .retail_part3 {
  height: 1000px;
  /*background:url("../retail/retail_part3_bg.png") no-repeat 100%;*/
  background-color: #0b7afd
}

.retail_content .retail_part3 .retail_part3_content {
  height: 740px;
  box-sizing: border-box;
  position: relative
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content1,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content2,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content5,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content6 {
  width: 500px;
  height: 300px
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content3,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content4 {
  width: 270px;
  height: 320px
}

.retail_content .retail_part3 .retail_part3_content > div {
  position: absolute
}

.retail_content .retail_part3 .retail_part3_content > div > div:first-child {
  width: 270px;
  height: 100%;
  background-size: 90%;
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all .6s ease-in-out
}

.retail_content .retail_part3 .retail_part3_content > div > div:nth-child(2) {
  position: absolute
}

.retail_content .retail_part3 .retail_part3_content > div > div:nth-child(2) h5 {
  color: hsla(0, 0%, 100%, .8);
  font-size: 16px;
  margin: 6px 0
}

.retail_content .retail_part3 .retail_part3_content > div > div:nth-child(2) p {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  margin: 6px 0
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content1 {
  left: 0;
  top: 60px
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content1 > div:first-child {
  position: absolute;
  left: 0;
  background-image: url("../retail/retail_part3_1.png")
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content1 > div:first-child:hover {
  transform: translateY(-20px)
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content1 > div:nth-child(2) {
  top: 10px;
  right: 60px
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content2 {
  left: 0;
  top: 200px
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content2 > div:first-child {
  position: absolute;
  right: 0;
  background-image: url("../retail/retail_part3_4.png")
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content2 > div:first-child:hover {
  transform: scale(1.1)
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content2 > div:nth-child(2) {
  top: 160px;
  left: 30px;
  text-align: right
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content3 {
  left: 50%;
  transform: translateX(-50%);
  top: 40px
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content3 > div:first-child {
  position: absolute;
  left: 0;
  background-image: url("../retail/retail_part3_3.png")
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content3 > div:first-child:hover {
  transform: translateY(-20px)
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content4 {
  left: 50%;
  transform: translateX(-50%);
  top: 390px
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content4 > div:first-child {
  background-position: top;
  background-image: url("../retail/retail_part3_6.png")
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content4 > div:first-child:hover {
  transform: scale(1.1)
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content4 > div:nth-child(2) {
  width: 100%;
  bottom: 40px;
  text-align: center
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content5 {
  right: 0;
  top: 60px
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content5 > div:first-child {
  position: absolute;
  right: 0;
  background-image: url("../retail/retail_part3_2.png")
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content5 > div:first-child:hover {
  transform: translateY(-20px)
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content5 > div:nth-child(2) {
  top: 10px;
  left: 30px;
  text-align: right
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content6 {
  right: 0;
  top: 200px
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content6 > div:first-child {
  position: absolute;
  left: 0;
  background-image: url("../retail/retail_part3_5.png")
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content6 > div:first-child:hover {
  transform: scale(1.1)
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content6 > div:nth-child(2) {
  top: 160px;
  right: 80px
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content1 > div:nth-child(2):after,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content2 > div:nth-child(2):after,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content5 > div:nth-child(2):after,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content6 > div:nth-child(2):after {
  content: "";
  position: absolute;
  top: 20px;
  display: block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content1 > div:nth-child(2):after,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content6 > div:nth-child(2):after {
  right: 115%;
  border-color: transparent #fff transparent transparent
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content2 > div:nth-child(2):after,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content5 > div:nth-child(2):after {
  left: 110%;
  border-color: transparent transparent transparent #fff
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content1 > div:first-child,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content3 > div:first-child,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content5 > div:first-child {
  margin-top: 30px
}

.retail_content .retail_part3 .retail_part3_content .retail_part3_content2 > div:first-child,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content4 > div:first-child,
.retail_content .retail_part3 .retail_part3_content .retail_part3_content6 > div:first-child {
  margin-top: -30px
}

.retail_content .retail_part4 {
  height: 1000px;
  background-color: #f0f6ff
}

.retail_content .retail_part4 .retail_part4_content {
  height: 740px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center
}

.retail_content .retail_part4 .retail_part4_content > div {
  width: 320px;
  height: 360px;
  margin-bottom: 50px;
  z-index: 99;
  border-radius: 8px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
  transition: all .6s ease-in-out
}

.retail_content .retail_part4 .retail_part4_content > div > div:first-child {
  width: 200px;
  height: 200px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  transition: all .6s ease-in-out
}

.retail_content .retail_part4 .retail_part4_content > div > div:first-child:hover {
  transform: scale(1.1)
}

.retail_content .retail_part4 .retail_part4_content > div > div:nth-child(2) {
  text-align: center
}

.retail_content .retail_part4 .retail_part4_content > div > div:nth-child(2) h5 {
  color: rgba(0, 0, 0, .8);
  font-size: 16px;
  margin-bottom: 15px
}

.retail_content .retail_part4 .retail_part4_content > div > div:nth-child(2) p {
  color: rgba(0, 0, 0, .7);
  font-size: 14px;
  margin: 3px 0
}

.retail_content .retail_part4 .retail_part4_content > div:hover {
  transform: translateY(-20px)
}

.retail_content .retail_part4 .retail_part4_content > div:first-child,
.retail_content .retail_part4 .retail_part4_content > div:nth-child(2),
.retail_content .retail_part4 .retail_part4_content > div:nth-child(3) {
  box-shadow: 0 10px 20px 0 #cee3ff
}

/*.retail_content .retail_part4 .retail_part4_content>div:first-child > div:nth-child(1){
    background-image:url("../retail/retail_part4_1.png")
}
.retail_content .retail_part4 .retail_part4_content>div:nth-child(2)>div:first-child{
    background-image:url("../retail/retail_part4_2.png")
}
.retail_content .retail_part4 .retail_part4_content>div:nth-child(3)>div:first-child{
    background-image:url("../retail/retail_part4_3.png")
}
.retail_content .retail_part4 .retail_part4_content>div:nth-child(4)>div:first-child{
    background-image:url("../retail/retail_part4_4.png")
}
.retail_content .retail_part4 .retail_part4_content>div:nth-child(5)>div:first-child{
    background-image:url("../retail/retail_part4_5.png")
}
.retail_content .retail_part4 .retail_part4_content>div:nth-child(6)>div:first-child{
    background-image:url("../retail/retail_part4_6.png")
}*/
.retail_content .retail_part5 {
  height: 600px;
  box-sizing: border-box;
  /*background:url("../retail/retail_part5_bg.png") no-repeat 100%;*/
  background-color: #0b79fc;
  padding-top: 160px
}

.retail_content .retail_part5 .container > div {
  padding: 50px 0;
  height: 300px;
  /*background:url("../retail/retail_part5.png") no-repeat 50%;*/
  background-size: 90%
}

.retail_content .retail_part6 {
  height: 1160px;
  background-color: #fcfdff;
  /*background:url("../retail/retail_part6_bg.png") no-repeat 50%;*/
  background-size: 100%
}

.retail_content .retail_part6 .container {
  position: relative
}

.retail_content .retail_part6 .container .retail_part6_content1 {
  position: relative;
  height: 400px;
  box-sizing: border-box
}

.retail_content .retail_part6 .container .retail_part6_content1 > div {
  width: 220px;
  height: 220px;
  box-sizing: border-box;
  display: inline-block;
  border: 30px solid #dbebff;
  background-color: #1b8dfa;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  transition: all .6s ease-in-out;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.retail_content .retail_part6 .container .retail_part6_content1 > div i {
  display: block;
  width: 45px;
  height: 45px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%
}

.retail_content .retail_part6 .container .retail_part6_content1 > div p {
  font-size: 12px;
  color: hsla(0, 0%, 100%, .7)
}

.retail_content .retail_part6 .container .retail_part6_content1 > div:hover {
  transform: scale(1.1)
}

.retail_content .retail_part6 .container .retail_part6_content1 > div:first-child > i {
  background-image: url("../retail/retail_part6_1.png")
}

.retail_content .retail_part6 .container .retail_part6_content1 > div:nth-child(2) > i {
  background-image: url("../retail/retail_part6_2.png")
}

.retail_content .retail_part6 .container .retail_part6_content1 > div:nth-child(3) > i {
  background-image: url("../retail/retail_part6_3.png")
}

.retail_content .retail_part6 .container .retail_part6_content1 > div:nth-child(4) > i {
  background-image: url("../retail/retail_part6_4.png")
}

.retail_content .retail_part6 .container .retail_part6_content1 > div:first-child {
  left: 100px;
  top: 90px
}

.retail_content .retail_part6 .container .retail_part6_content1 > div:nth-child(2) {
  left: 360px;
  top: 90px
}

.retail_content .retail_part6 .container .retail_part6_content1 > div:nth-child(3) {
  left: 620px;
  top: 90px
}

.retail_content .retail_part6 .container .retail_part6_content1 > div:nth-child(4) {
  left: 880px;
  top: 90px
}

.retail_content .retail_part6 .container .retail_part6_content1 > span:nth-child(5) {
  left: 248px;
  top: 143px;
  transform: rotate(-10deg)
}

.retail_content .retail_part6 .container .retail_part6_content1 > span:nth-child(6) {
  left: 504px;
  top: 132px;
  transform: rotate(-52deg)
}

.retail_content .retail_part6 .container .retail_part6_content1 > span:nth-child(7) {
  left: 770px;
  top: 143px;
  transform: rotate(-10deg)
}

.retail_content .retail_part6 .container .retail_part6_content2 {
  background-color: #0b77fb;
  border-radius: 15px;
  width: 100%;
  height: 560px;
  position: absolute;
  bottom: 0
}

.retail_content .retail_part6 .container .retail_part6_content2 > div:nth-child(2) {
  height: 300px;
  background: url("../retail/retail_part6_down.png") no-repeat 50%;
  background-size: 60%
}

.retail_content .retail_part7 {
  height: 600px;
  box-sizing: border-box;
  padding-top: 100px;
  background-color: #f0f6ff
}

.retail_content .retail_part7 .container .retail_part7_content {
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center
}

.retail_content .retail_part7 .container .retail_part7_content > div {
  display: inline-block
}

.retail_content .retail_part7 .container .retail_part7_content > div:nth-child(odd) {
  width: 150px;
  height: 150px;
  box-sizing: border-box;
  border: 20px solid #d3e6ff;
  background-color: #1d8ffa;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  cursor: pointer;
  transition: all .6s ease-in-out;
  position: relative
}

.retail_content .retail_part7 .container .retail_part7_content > div:nth-child(odd):after {
  position: absolute;
  top: 150%;
  left: 50%;
  transform: translateX(-50%);
  color: #1982fd
}

.retail_content .retail_part7 .container .retail_part7_content > div:first-child::after {
  content: "1"
}

.retail_content .retail_part7 .container .retail_part7_content > div:nth-child(3):after {
  content: "2"
}

.retail_content .retail_part7 .container .retail_part7_content > div:nth-child(5):after {
  content: "3"
}

.retail_content .retail_part7 .container .retail_part7_content > div:nth-child(odd):hover {
  transform: scale(1.1)
}

.retail_content .retail_part7 .container .retail_part7_content > div:nth-child(2n) {
  width: 300px;
  height: 75px;
  border-bottom: 2px dashed #94c4fe;
  vertical-align: bottom;
  color: #1982fd;
  font-size: 14px;
  line-height: 125px
}

.tour_content .tour_part1 {
  height: 600px;
  background-color: #f0f6ff
}

.tour_content .tour_part1 .container .part_head {
  height: 150px
}

.tour_content .tour_part1 .container .tour_part1_content {
  display: flex;
  justify-content: center
}

.tour_content .tour_part1 .container .tour_part1_content > div {
  width: 250px;
  height: 400px;
  margin: 0 5px;
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}

.tour_content .tour_part1 .container .tour_part1_content > div > .tour_part1_header {
  height: 150px;
  background-color: #1b4a96;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50%;
  border-radius: 10px 10px 30px 30px;
  text-align: center;
  color: hsla(0, 0%, 100%, .8);
  font-size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 1s;
}

.tour_content .tour_part1 .container .tour_part1_content > div > .tour_part1_header > h2 {
  font-weight: 400;
  margin: 5px 0
}

.tour_content .tour_part1 .container .tour_part1_content > div > p {
  position: absolute;
  top: 220px;
  padding: 10px 30px;
  font-size: 14px;
  line-height: 1.8em;
  color: rgba(0, 0, 0, .8)
}

.tour_content .tour_part1 .container .tour_part1_content > div:hover > div {
  background-color: #1484fb;
  height: 200px;
}

.tour_content .tour_part2 {
  height: 900px;
  background-color: #f0f6ff
}

.tour_content .tour_part2 .part_head {
  height: 160px
}

.tour_content .tour_part2 .tour_part2_content {
  height: 740px;
  font-size: 0
}

.tour_content .tour_part2 .tour_part2_content > div {
  width: 25%;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  position: relative;
  overflow: hidden;
  cursor: pointer
}

.tour_content .tour_part2 .tour_part2_content > div > h2 {
  text-align: center;
  color: #fff;
  font-size: 36px;
  margin-top: 270px;
  transition: all .6s ease-in-out
}

.tour_content .tour_part2 .tour_part2_content > div > div {
  margin-top: 100px;
  box-sizing: border-box;
  padding: 10px 25%;
  transition: all .6s ease-in-out
}

.tour_content .tour_part2 .tour_part2_content > div > div h4 {
  font-size: 14px;
  color: #fff
}

.tour_content .tour_part2 .tour_part2_content > div > div p {
  font-size: 12px;
  color: hsla(0, 0%, 100%, .6);
  margin: 10px 0 30px;
  line-height: 22px
}

.tour_content .tour_part2 .tour_part2_content > div:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 100%;
  background-color: #0b7afd;
  opacity: .6;
  transition: all .6s ease-in-out
}

.tour_content .tour_part2 .tour_part2_content > div:hover > div,
.tour_content .tour_part2 .tour_part2_content > div:hover > h2 {
  transform: scale(1.2)
}

.tour_content .tour_part2 .tour_part2_content > div:hover:after {
  bottom: 0
}

.tour_content .tour_part3 {
  height: 1160px;
  background-color: #fcfdff
}

.tour_content .tour_part3 .container {
  width: 1280px;
  padding: 0 40px
}

.tour_content .tour_part3 .container .tour_part3_content {
  height: 860px;
  background-color: #e5e8f0
}

.tour_content .tour_part3 .container .tour_part3_content > div {
  height: 676px;
  /*background:url("../tour/tour_part3_content.jpg") no-repeat 50%;*/
}

.tour_content .tour_part3 .container .tour_part3_content > ul {
  width: 1200px;
  height: 124px;
  box-sizing: border-box;
  margin: auto;
  padding: 25px 0 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

.tour_content .tour_part3 .container .tour_part3_content > ul > li {
  background-color: #fcfdff;
  width: 160px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 3px;
  font-size: 12px
}

.homeContent {
  width: 100%
}

.homeContent .home_part1 {
  /*height:880px;*/
  background-color: #fff;
  margin-bottom: 120px;
}

.homeContent .home_part1 .part_head h3 {
  text-align: center;
  color: #2d2d2d
}

.homeContent .home_part1 .container .page {
  /*overflow:hidden;*/
  width: 380px;
  /*height:400px;*/
  background-color: #fff;
  display: inline-block;
  margin-right: 14px;
  /*transform:translateY(-30%);*/
  border-radius: 5px solid #fff
}

.homeContent .home_part1 .container .page .page_head {
  width: 100%;
  height: 220px;
  text-align: center;
  transform: translateY(60px)
}

.homeContent .home_part1 .container .page .page_head .tiao_img {
  width: 100px;
}

.homeContent .home_part1 .container .page .page_head h4 {
  font-size: 20px;
  margin: 5px;
}


.homeContent .home_part1 .container .page .page_container {
  color: #848484;
  font-size: 16px;
  text-align: center;
  line-height: 30px
}

.homeContent .home_part1 .part_head {
  box-sizing: border-box;
  height: 110px;
  text-align: center;
  padding: 55px 0;
  width: 100%;
  /*transform:translateY(-150%)*/
}

.homeContent .home_part2 {
  margin-bottom: 140px;
}

.homeContent .home_part3 .container {
  transform: translateY(-18%)
}

.homeContent .home_part4 {
  /*height:420px;*/
  background-color: #fff;
  transform: translateY(-80%);
}

.homeContent .home_part4 .part_head h3 {
  color: #2d2d2d;
  margin-bottom: -20px
}

.homeContent .home_part4 .part_head h3:after {
  content: ""
}

.homeContent .home_part4 .part_head span {
  /*transform:translateY(-20px)*/
}

.homeContent .home_part4 .container {
  /*height:40%;*/
}

.homeContent .home_part4 .container ul {
  margin-top: 37px;
  text-align: center
}

.homeContent .home_part4 .container ul li {
  display: inline-block;
  width: 22%;
  margin: auto 10px;
  text-align: center
}

.homeContent .home_part4 .container ul li img {
  height: 80px;
}

.homeContent .home_part5 {
  /*transform: translateY(-40%);*/
  margin-bottom: 200px;
}

.page-captions {
  margin: 25px;
  width: 1200px;
  float: left;
}

.page-captions a {
  padding: 3px 8px 3px 8px;
  background: #eeeeee;
  color: #666;
  width: 30px;
  height: 31px;
  margin-right: 6px;
}

.page-captions span {
  padding: 3px 8px 3px 8px;
  background: #37a7f3;
  width: 30px;
  height: 31px;
  margin-right: 6px;
}

.homeContent .about_part2 {
  background-color: #fff;
}

.homeContent .about_part2 .part_head h3 {
  color: #2d2d2d;
  margin-bottom: -20px
}

.homeContent .about_part2 .part_head h3:after {
  content: ""
}

.homeContent .about_part2 .part_head span {
  /*transform:translateY(-20px)*/
}

.homeContent .about_part2 .container {
  /*height:40%;*/
}

.homeContent .about_part2 .container ul {
  margin-top: 37px;
  text-align: center
}

.homeContent .about_part2 .container ul li {
  display: inline-block;
  width: 22%;
  margin: auto 10px;
  text-align: center
}

.homeContent .about_part2 .container ul li img {
  height: 200px;
}

.homeContent .about_part2 .container ul li div {
  padding: 10px;
  text-align: center;
}

.content {
  min-height: 227px;
}

.bt {
  color: #fe0001;
  margin-left: 14px;
  vertical-align: middle;
}

.jobsTable {
  width: 100%;
}

.jobsTable tr.title {
  width: 100%;
  background: #ebebeb;
}

.jobsTable tr.title td {
  font-weight: bold;
  font-size: 14px;
  color: #333;
  text-align: left;
  padding: 10px;
  height: 35px;
}

.jobsTable td {
  padding: 10px;
  font-size: 13px;
  height: 35px;
  color: #444;
}

.jobsTable td a {
  color: #444;
  word-break: break-all;
  max-width: 290px;
}

.jobsTable td a:hover {
  color: #37a7f3;
}

.job {
  font-size: 14px;
  color: #444;
  padding: 10px 0;
}

.job ul li {
  display: inline-block;
  width: 295px;
  margin: 5px 0;
}

.job .t {
  font-weight: bold;
  width: 100px;
}

.home_part5 .container {
  display: flex;
  justify-content: space-between;
}

.home_part5 .container .part5_item {
  width: 330px;
  transition: all 0.3s;
}

.home_part5 .container .part5_item:hover {
  transform: translateY(-5px);
  box-shadow: 1, 1, 0.5, 0.5;
}

.home_part5 .container .part5_item a {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.home_part5 .container .part5_item a .img {
  width: 100%;
  height: 235px;
  margin-top: 20px;
}

.home_part5 .container .part5_item a .articl {
  /*padding: 10px;*/
  text-align: center;
}

.home_part5 .container .part5_item a .articl .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 22px;
}

.home_part5 .container .part5_item a .articl .section {
  /*text-align: left;*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  /*text-indent: 2em;*/
  margin: 15px 0;
  color: rgb(132, 132, 132)
}