* {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #333;
}
.container {
  overflow: hidden;
}
.div1200 {
  width: 1200px;
  margin: 0 auto;
}
.banner img {
  width: 100%;
}
.d-flex {
  display: flex;
}
.d-flex-aic {
  align-items: center;
}
.d-flex-aifs {
  align-items: flex-start;
}
.d-flex-aife {
  align-items: flex-end;
}
.d-flex-jcsb {
  justify-content: space-between;
}
.d-flex-jcc {
  justify-content: center;
}
.d-flex-fww {
  flex-wrap: wrap;
}
.white {
  color: #fff !important;
}


.c_nav {position: fixed;right: 10px;z-index: 9999;width: 72px;top: 50%;margin-top: -158px;}
.c_nav li {float: right;}
.c_nav li a {background: #FFFFFF;box-shadow: 0px 1px 3px 0px #5090fb;display: block;width: 62px;height: 62px;border-radius: 5px;border: #2b78f8 1px solid;font-size: 12px;text-align: center; margin-bottom: 9px; line-height: 1;}
.c_nav li a i {display: inline-block;width: 28px;height: 22px;padding: 11px 0 9px 0;transition: all 0.5s;}
.c_nav li.li1 a {background: linear-gradient(0deg, #1869f0, #2b78f8);color: #fff;transition: all 0.5s; height: 120px;}
.c_nav li.li1 a p {letter-spacing: 3px;line-height: 24px;font-size: 16px;}
.c_nav li.li1 i {background: url('../images/side_icon_01.png') center no-repeat;width: 40px;height: 40px;}
.c_nav li.li2 a {overflow: hidden;position: relative;transition: all 0.5s;}
.c_nav li.li2 .hides {width: 230px;height: 70px; position: absolute;left: 0px;top: -5px;background: url(../images/side_tel_02.png) 20px center no-repeat;padding: 0 15px; text-align: left; display: none;text-indent: 50px;}
.c_nav li.li2 .hides h2 {font-size: 12px;color: #fff;line-height: 1;padding: 17px 0 7px 0;}
.c_nav li.li2 .hides p {font-size: 24px;color: #fff;font-family: "Arial";line-height: 1;}
.c_nav li.li2 i {background: url('../images/side_tel_01.png') center no-repeat;}
.c_nav li a:hover i {transform: rotate(360deg);}
.c_nav li.li2 a:hover {background: linear-gradient(0deg, #1869f0, #2b78f8);}
.c_nav li.li2 a:hover .hides {display: block;}
.c_nav li.li2 a:hover .shows {display: none;}
.c_nav li.li2 a:hover {width: 230px;}
.c_nav li.li4 a:hover {background: linear-gradient(0deg, #1869f0, #2b78f8);color: #FFFFFF;}
.c_nav li.li4 a:hover i {background: url('../images/side_wx_02.png') center no-repeat;}
.c_nav li.li4 i {background: url('../images/side_wx_01.png') center no-repeat;}
.c_nav li.li4:hover .ewm_div {display: block;}
.c_nav li.li4 .ewm_div {display: none;height: 160px;width: 140px;position: absolute;right: 84px;min-height: 90px;border-radius: 3px;box-shadow: 0px 5px 10px 0px rgba(25, 33, 49, 0.18);text-align: center; background: linear-gradient(0deg, #1869f0, #2b78f8);font-size: 13px;color: #ffffff;line-height: 30px;top: -51px;}
.c_nav li.li4 .ewm_div .arrow {position: absolute;width: 9px;height: 18px;background: url(../images/side_bg_arrow1.png) no-repeat; right: -8px;top: 70px;}
.c_nav li.li4 .ewm_div .img_div {width: 119px;height: 119px;margin: 11px 11px auto;}
.c_nav li.li5 a {position: relative;transition: all 0.5s;}
.c_nav li.li5 a:hover {background: linear-gradient(0deg, #1869f0, #2b78f8);color: #FFFFFF;}
.c_nav li.li5 a:hover i {background: url('../images/side_ewm_02.png') center no-repeat;}
.c_nav li.li5 i {background: url('../images/side_ewm_01.png') center no-repeat;}
.c_nav li.li5 .img {width: 108px;padding: 15px;border-radius: 5px;background: #0cd579; position: absolute;left: 180px;top: -48px;}
.c_nav li.li5 .img img {width: 108px;height: 108px;display: block;}
.c_nav li.li5 .img p {font-size: 16px;color: #fff;margin-top: 8px;letter-spacing: 2px;}
.c_nav li.li5:hover .ewm_div {display: block;}
.c_nav li.li5 .ewm_div {display: none;height: 160px;width: 140px;position: absolute; right: 84px;min-height: 90px; border-radius: 3px; box-shadow: 0px 5px 10px 0px rgba(25, 33, 49, 0.18);text-align: center; background: linear-gradient(0deg, #1869f0, #2b78f8); font-size: 13px; color: #ffffff;line-height: 30px; top: -51px;}
.c_nav li.li5 .ewm_div .arrow { position: absolute; width: 9px; height: 18px; background: url(../images/side_bg_arrow1.png) no-repeat; right: -8px; top: 70px;}
.c_nav li.li5 .ewm_div .img_div { background: url(../images/qrcode.jpg) center no-repeat; width: 119px; height: 119px; margin: 11px 11px auto; background-size: cover;}
.c_nav li.li6 .out {background: url(../images/side_icon_05.png) center no-repeat #FFFFFF;}
.c_nav li.li6 .top_return { box-shadow: 0px 5px 10px 0px #d4c5c54f;display: block; width: 62px; height: 30px; border-radius: 5px;}
.c_nav li.li6 .over {display: none;background: linear-gradient(0deg, #1869f0, #2b78f8);line-height: 35px;color: #ffffff;text-align: center;}
.c_nav li.li6:hover .over { display: block; font-size: 12px;}
.c_nav li.li6:hover .out {display: none;}
.c_nav li.li1 {-webkit-animation: rotateInDownRight 1.5s 0.5s ease both;-moz-animation: rotateInDownRight 1.5s 0.5s ease both;}
.c_nav li.li2 {-webkit-animation: rotateInDownLeft 1.5s 1.5s ease both; -moz-animation: rotateInDownLeft 1.5s 1.5s ease both;}
.c_nav li.li4 {position: relative;-webkit-animation: rotateInDownRight 1.5s 2s ease both; -moz-animation: rotateInDownRight 1.5s 2s ease both;}
.c_nav li.li5 {-webkit-animation: rotateInDownRight 1.5s 2.5s ease both; -moz-animation: rotateInDownRight 1.5s 2.5s ease both;position: relative;}
.c_nav li.li7 {-webkit-animation: rotateInDownLeft 1.5s 3s ease both; -moz-animation: rotateInDownLeft 1.5s 3s ease both;cursor: pointer;}
.c_nav li.li6 {-webkit-animation: rotateInDownRight 1.5s 3.5s ease both;-moz-animation: rotateInDownRight 1.5s 3.5s ease both;cursor: pointer;}
.c_nav .d {display: none; width: 320px; background: #fff;position: absolute;right: 84px; min-height: 90px; border-radius: 3px;box-shadow: 0px 5px 10px 0px rgba(25, 33, 49, 0.18);}
.c_nav .d .arrow {position: absolute; width: 9px;height: 18px;background: url(../images/side_bg_arrow.png) no-repeat;right: -8px;top: 190px;}