@charset "UTF-8";
body {
  font-family: "微软雅黑   ";
}

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

a:hover {
  color: #0b8fcf;
  text-decoration: none;
}

p {
  margin-bottom: 0;
}

.header .top-box nav, #contact > div, footer nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

.header.active {
  background: rgba(20, 90, 114, 0.6);
}

.header .top {
  border-bottom: 1px solid #0b8fcf;
}

.header .top span {
  color: #FFFFFF;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.header .top span a {
  margin-right: 5px;
}

.header .top span b {
  background: url(../img/ywj1.png);
  display: inline-block;
  background-size: 100% 100%;
  width: 25px;
  height: 25px;
  line-height: 41px;
  margin: 5px 35px 0 20px;
  position: relative;
  cursor: pointer;
}

.header .top span b:hover img {
  display: block;
}

.header .top span b img {
  width: 100px;
  border-radius: 10px;
  height: 100px;
  position: absolute;
  top: 32px;
  right: -35px;
  display: none;
  z-index: 999;
}

.header .top p {
  display: inline-block;
  margin-top: 8px;
  color: #FFFFFF;
}

.header .col-md-6 {
  color: #fff;
  font-size: 16px;
  margin-top: 23px;
  letter-spacing: 2px;
  text-align: center;
}

.header .col-md-3 img {
  width: 100%;
}

.header .col-md-3 p {
  padding-top: 15px;
  font-size: 16px;
}

.header .col-md-3 p span {
  display: inline-block;
}

.header .top-box {
  height: 70px;
  border-bottom: 1px solid #0b8fcf;
}

.header .top-box > div {
  height: 35px;
}

.header .top-box > div img {
  height: 70px;
}

.header .top-box nav {
  margin-left: 30px;
  text-align: center;
}

.header .top-box nav li {
  list-style: none;
  flex: auto;
}

.header .top-box nav li a {
  line-height: 70px;
  font-size: 16px;
}

.top-tel {
  height: 70px;
}

.top-tel img {
  width: 100%;
  height: 70px;
}

.top-tel > div p {
  font-size: 16px;
  margin-top: 15px;
}

.top-tel > div span {
  font-size: 20px;
  color: #0b8fcf;
}

.top-tel > div:last-child {
  padding-left: 45px;
}

.owl-theme .owl-dots {
  bottom: 0;
}

.hxcyh-1 {
  text-align: center;
  padding-bottom: 6em;
}

.hxcyh-1 h2 {
  font-size: 44px;
  font-weight: bold;
  margin-top: 93px;
}

.hxcyh-1 h2 span {
  color: #0b8fcf;
}

.hxcyh-1 p {
  line-height: 2;
  font-size: 15px;
  color: #999999;
}

.hxcyh-2 {
  background: #f6f6f6;
  padding: 6em 0;
}

.hxcyh-2 .col-sm-3 {
  text-align: center;
  cursor: pointer;
}

.hxcyh-2 .col-sm-3 span {
  display: block;
  width: 190px;
  height: 190px;
  background: #E2E2E2;
  border-radius: 50%;
  margin: auto;
  padding: 10px;
}

.hxcyh-2 .col-sm-3 span i {
  font-size: 100px;
  color: #FFFFFF;
  width: 170px;
  display: inline-block;
  background: #2ECC40;
  line-height: 170px;
  border-radius: 50%;
  margin: auto;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}

.hxcyh-2 .col-sm-3 h3 {
  font-size: 16px;
}

.hxcyh-2 .col-sm-3 p {
  line-height: 2.5;
  color: #999999;
}

.hxcyh-2 .col-sm-3:nth-child(2) i {
  background: #b00dc8;
}

.hxcyh-2 .col-sm-3:nth-child(3) i {
  background: #ffdc00;
}

.hxcyh-2 .col-sm-3:nth-child(4) i {
  background: #FF5722;
}

.hxcyh-2 .col-sm-3:hover span i {
  background: #0b8fcf;
}

.title {
  margin-bottom: 4em;
  text-align: center;
}

.title h4 {
  margin-bottom: 30px;
  font-size: 36px;
}

.title span {
  display: block;
  width: 80px;
  height: 3px;
  margin: auto;
  background: #0b8fcf;
}

.title p {
  line-height: 50px;
  margin-top: 10px;
}

.hxcyh-3 {
  padding: 6em 0;
  background: url(../img/ywj3.jpg);
  height: 600px;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.hxcyh-3 .title h4, .hxcyh-3 .title p {
  color: #FFFFFF;
}

.hxcyh-3 .row > div {
  text-align: center;
  margin-bottom: 30px;
}

.hxcyh-3 .row > div > div {
  background: rgba(0, 52, 77, 0.3);
  transition: 1s;
  padding: 20px;
}

.hxcyh-3 .row > div i {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  font-size: 45px;
  width: 80px;
  line-height: 80px;
  display: block;
  margin: auto;
  color: #0b8fcf;
  background: #FFFFFF;
  border-radius: 50%;
}

.hxcyh-3 .row > div h4 {
  color: #FFFFFF;
  margin: 25px 0 20px;
  font-size: 18px;
}

.hxcyh-3 .row > div p {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px;
}

.hxcyh-3 .row > div:hover div {
  background: #FFFFFF;
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  transform: translateY(-15px);
}

.hxcyh-3 .row > div:hover i {
  background: #0b8fcf;
  color: #FFFFFF;
}

.hxcyh-3 .row > div:hover h4 {
  color: #0b8fcf;
}

.hxcyh-3 .row > div:hover p {
  color: #999999;
}

.hxcyh-3 .row > div:nth-child(3) {
  margin-right: 0;
}

.hxcyh-3 .row > div:nth-child(6) {
  margin-right: 0;
}

.hxcyh-4 {
  padding: 6em 0;
  background: url(../img/ywj10.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.hxcyh-4 .title h4, .hxcyh-4 .title p {
  color: #fff;
}

.hxcyh-4 .col-md-3 img {
  width: 100%;
  border-radius: 3px;
  height: 250px;
}

.hxcyh-4 .col-md-3 p {
  text-align: center;
  padding-top: 10px;
}

.hxcyh-4 .owl-carousel2 .owl-dots {
  top: -20px;
  height: 40px;
}

.hxcyh-4 .owl-carousel2 .owl-dots .owl-dot span {
  width: 100px;
  height: 40px;
  margin: 0 7px;
  border-radius: 8px;
  line-height: 40px;
  border: 1px solid #FFFFFF;
}

.hxcyh-4 .owl-carousel2 .owl-dots .owl-dot:hover span, .hxcyh-4 .owl-carousel2 .owl-dots .owl-dot.active span {
  background: #0b8fcf;
  color: #FFFFFF;
  border: none;
}

.hxcyh-4 .owl-carousel2 .owl-dots .owl-dot:nth-of-type(1) span::before {
  content: '群发软件';
}

.hxcyh-4 .owl-carousel2 .owl-dots .owl-dot:nth-of-type(2) span::before {
  content: '万词推广';
}

.hxcyh-4 .owl-carousel2 .owl-dots .owl-dot:nth-of-type(3) span::before {
  content: '精品优化';
}

.hxcyh-4 .owl-carousel2 .owl-dots .owl-dot:nth-of-type(4) span::before {
  content: '网站建设';
}

.hxcyh-4 .owl-carousel2 .row {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 5em;
}

.hxcyh-4 .owl-carousel2 .row > div {
  margin-bottom: 25px;
}

.owl-carousel2 .owl-next, .owl-carousel2 .owl-prev {
  display: none !important;
}

.owl-carousel2 .owl-controls .owl-nav [class*=owl-]:last-of-type {
  right: -7%;
}

.hxcyh-5 {
  padding: 6em 0;
}

.hxcyh-5 div > .col-md-6 h1 {
  font-size: 50px;
  font-weight: bold;
  color: #0b8fcf;
}

.hxcyh-5 div > .col-md-6 img {
  border-radius: 10%;
}

.hxcyh-5 div > .col-md-6 span {
  width: 315px;
  display: block;
  height: 52px;
  background: url(../img/ywj2.png);
  color: #FFFFFF;
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  margin-top: 20px;
}

.hxcyh-5 div > .col-md-6 p {
  font-size: 14px;
  line-height: 30px;
  margin: 30px 0;
  color: #999999;
}

.hxcyh-5 div > .col-md-6 > div {
  text-align: center;
  margin-left: -6%;
  padding-left: 0;
  width: 29%;
  cursor: pointer;
}

.hxcyh-5 div > .col-md-6 > div i {
  margin: auto;
  text-align: center;
  font-size: 40px;
  width: 60px;
  line-height: 60px;
  display: block;
  color: #FFFFFF;
  background: #0b8fcf;
  border-radius: 10px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

.hxcyh-5 div > .col-md-6 > div p {
  color: #0b8fcf;
  margin-top: 20px;
}

.hxcyh-5 div > .col-md-6 > div:hover i {
  transform: rotateY(360deg);
  background: #FF5722;
}

.hxcyh-5 div > .col-md-6 > div:hover p {
  color: #FF5722;
}

.hxcyh-6 {
  padding: 6em 0;
}

.hxcyh-6 .fw > div {
  text-align: center;
}

.hxcyh-6 .fw > div span {
  display: block;
  text-align: center;
  width: 120px;
  line-height: 120px;
  margin: auto;
  background: #daeef8;
  border-radius: 50%;
  transition: 1s;
}

.hxcyh-6 .fw > div span i {
  font-size: 30px;
  color: #0b8fcf;
  width: 45px;
  display: inline-block;
  line-height: 45px;
  border: 2px solid #0b8fcf;
  border-radius: 8px;
  margin: auto;
}

.hxcyh-6 .fw > div h5 {
  font-size: 18px;
  color: #0b8fcf;
  margin-top: 40px;
}

.hxcyh-6 .fw > div p {
  color: #999999;
  line-height: 22px;
}

.hxcyh-6 .fw > div:hover span {
  background: #0b8fcf;
  transform: rotateY(360deg);
}

.hxcyh-6 .fw > div:hover span i {
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}

.hxcyh-7 {
  padding: 6em 0;
  background: url(../img/case1.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  color: #fff !important;
}

.hxcyh-7 .title {
  color: #fff;
}

.hxcyh-7 select {
  float: left;
}

.hxcyh-7 .form-control {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  color: #fff !important;
}

.hxcyh-7 .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}

.hxcyh-7 #addr {
  height: auto;
  display: inline-block;
  width: auto;
  margin: 0 10px;
  border-radius: 50px !important;
}

.ty-1 .col-sm-3 {
  width: 20%;
}

.tyzx-1 {
  background: #fff;
}

.tyzx-2 {
  background: #f6f6f6;
  padding: 6em 0;
}

.tyzx-2 .col-md-3 {
  background: #fff;
  padding: 20px;
  text-align: center;
  width: 19%;
  margin: 0.5%;
  box-shadow: 0 0 10px #ddd;
  border-radius: 3px;
  transition: .35s;
}

.tyzx-2 .col-md-3:hover {
  background: #0b8fcf;
}

.tyzx-2 .col-md-3:hover h4, .tyzx-2 .col-md-3:hover p {
  color: #FFFFFF;
}

.tyzx-2 .col-md-3:nth-child(1) span {
  background: url(../img/icon1.png) no-repeat -250px -60px;
}

.tyzx-2 .col-md-3:nth-child(2) span {
  background: url(../img/icon1.png) no-repeat -900px -60px;
}

.tyzx-2 .col-md-3:nth-child(3) span {
  background: url(../img/icon1.png) no-repeat -50px -60px;
}

.tyzx-2 .col-md-3:nth-child(4) span {
  background: url(../img/icon1.png) no-repeat -200px -60px;
}

.tyzx-2 .col-md-3:nth-child(5) span {
  background: url(../img/icon1.png) no-repeat -750px -60px;
}

.tyzx-2 .col-md-3:nth-child(6) span {
  background: url(../img/icon1.png) no-repeat 0 -60px;
}

.tyzx-2 .col-md-3:nth-child(7) span {
  background: url(../img/icon1.png) no-repeat -800px -60px;
}

.tyzx-2 .col-md-3:nth-child(8) span {
  background: url(../img/icon1.png) no-repeat -450px -60px;
}

.tyzx-2 .col-md-3:nth-child(9) span {
  background: url(../img/icon1.png) no-repeat -350px -60px;
}

.tyzx-2 .col-md-3:nth-child(10) span {
  background: url(../img/icon1.png) no-repeat -400px -60px;
}

.tyzx-2 .col-md-3 span {
  width: 50px;
  height: 50px;
  margin: auto;
  display: block;
}

.tyzx-2 .col-md-3 h4 {
  color: #000;
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 0;
}

.tyzx-2 .col-md-3 p {
  font-size: 14px;
  line-height: 24px;
  color: #999;
}

.tyzx-3 {
  padding: 6em 0;
}

.tyzx-3 .col-md-6 {
  overflow: hidden;
  height: 380px;
}

.tyzx-3 .col-md-6:nth-child(1) img {
  width: 100%;
  height: 100%;
}

.tyzx-3 .col-md-6 ul {
  padding: 0;
}

.tyzx-3 .col-md-6 li {
  width: 48%;
  margin: 0 1%;
  line-height: 20px;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}

.tyzx-3 .col-md-6 li h3 {
  margin: 5px 0;
}

.tyzx-3 .col-md-6 a {
  color: #000;
  font-size: 12px;
}

.tyzx-4 {
  padding: 6em 0;
  background: #eee;
}

.tyzx-4 .col-md-6 img {
  width: 80%;
  margin-left: 50px;
}

.tyzx-4 .col-md-6 div {
  border-bottom: 1px dashed #999;
  padding-bottom: 20px;
}

.tyzx-4 .col-md-6 div span {
  display: inline-block;
  float: left;
  background: #fff;
  padding: 14px;
  font-size: 30px;
  border-radius: 5px;
  margin-right: 10px;
  color: #999;
}

.tyzx-4 .col-md-6 div h3 {
  font-size: 18px;
  color: #FF5722;
}

.tyzx-4 .col-md-6 div p {
  color: #999;
}

.ywj-top {
  background: #e0eaef;
}

.ywj-top > div > div {
  padding: 18px 12px;
}

.ywj-top > div > div i {
  font-size: 40px;
  float: left;
  margin-right: 15px;
  color: #0b8fcf;
  transition: 1s;
}

.ywj-top > div > div > div {
  color: #999999;
  font-size: 12px;
}

.ywj-top > div > div > div span {
  display: block;
  font-size: 16px;
  color: #0b8fcf;
  margin-bottom: 3px;
}

.ywj-top > div > div:hover i {
  transform: rotateY(360deg);
}

.ywj-top > div > div:nth-child(1) {
  background: #ecf3f6;
}

.ywj-top > div > div:nth-child(3) {
  background: #ecf3f6;
}

.wctg-1 img {
  width: 100%;
}

.banner img {
  width: 100%;
}

.ali ul h4 {
  padding-bottom: 5px;
  color: #FFFFFF;
  border-bottom: 1px solid #606467;
}

.ali ul li {
  list-style: none;
}

.ali ul li p {
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ali ul li p a {
  color: #999;
}

.banner22 .bj1 {
  background: url(../img/banner1.jpg) center no-repeat;
  height: 600px;
  background-size: cover;
}

.banner22 .bj2 {
  background: url(../img/banner.jpg) center no-repeat;
  background-size: cover;
  height: 600px;
}

.ywj-center2 {
  padding: 6em 0;
  background: url(../img/ywj3.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.ywj-center2 .title {
  color: #fff;
}

.ywj-center2 .row > div {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  background: rgba(0, 52, 77, 0.3);
  padding: 50px 0;
  text-align: center;
  margin-bottom: 30px;
  margin-right: 15px;
  width: 32.4%;
}

.ywj-center2 .row > div i {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  font-size: 45px;
  width: 80px;
  line-height: 80px;
  display: block;
  margin: auto;
  color: #0b8fcf;
  background: #FFFFFF;
  border-radius: 50%;
}

.ywj-center2 .row > div h4 {
  color: #FFFFFF;
  margin: 25px 0 20px;
}

.ywj-center2 .row > div p {
  color: #FFFFFF;
  line-height: 22px;
}

.ywj-center2 .row > div:hover {
  background: #FFFFFF;
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  transform: translateY(-15px);
}

.ywj-center2 .row > div:hover i {
  background: #0b8fcf;
  color: #FFFFFF;
}

.ywj-center2 .row > div:hover h4 {
  color: #0b8fcf;
}

.ywj-center2 .row > div:hover p {
  color: #999999;
}

.ywj-center2 .row > div:nth-child(3) {
  margin-right: 0;
}

.ywj-center2 .row > div:nth-child(6) {
  margin-right: 0;
}

.ywj-center3 {
  padding: 6em 0;
}

.ywj-center3 ul {
  display: block;
  overflow: hidden;
  padding: 0;
  list-style: none;
}

.ywj-center3 ul li {
  height: 390px;
  padding: 120px 0;
  color: #FFFFFF;
  background: url(../img/ywj4.png) no-repeat;
  text-align: center;
}

.ywj-center3 ul li i {
  font-size: 70px;
  display: block;
  width: 80px;
  line-height: 80px;
  margin: auto;
}

.ywj-center3 ul li h4 {
  font-size: 18px;
}

.ywj-center3 ul li h4 span {
  display: block;
  font-size: 12px;
  margin-top: 15px;
}

.ywj-center3 ul li p {
  line-height: 30px;
  margin-top: 40px;
  display: none;
}

.ywj-center3 ul li.active {
  width: 300px;
}

.ywj-center3 ul li.active p {
  display: block;
}

.ywj-center3 ul li:nth-child(2) {
  background: url(../img/ywj5.png) no-repeat;
}

.ywj-center3 ul li:nth-child(3) {
  background: url(../img/ywj6.png) no-repeat;
}

.ywj-center3 ul li:nth-child(4) {
  background: url(../img/ywj7.png) no-repeat;
}

.ywj-center3 ul li:nth-child(5) {
  background: url(../img/ywj8.png) no-repeat;
}

.ywj-center3 ul li:nth-child(6) {
  background: url(../img/ywj9.png) no-repeat;
}

.ywj-center8 {
  background: url(../img/ywj13.jpg) center;
  padding: 2.5em 0;
}

.ywj-center8 > div p {
  font-size: 22px;
  line-height: 45px;
  color: #FFFFFF;
}

#contact-p {
  position: fixed;
  right: 0;
  bottom: calc(50% - 122.5px);
  z-index: 9999;
}

#contact-p div {
  width: 44px;
  height: 44px;
  margin-bottom: 5px;
  position: relative;
}

#contact-p div a {
  color: #FFFFFF;
  display: block;
  background: #0b8fcf;
  transition: 0.35s;
  position: absolute;
  left: 0;
  width: 180px;
  height: 44px;
  line-height: 44px;
}

#contact-p div a:hover {
  left: -130px;
}

#contact-p div a i {
  float: left;
  font-size: 28px;
  padding: 0 8px;
}

#contact-p div a span {
  display: block;
  float: left;
}

#contact-p div img {
  display: none;
  position: absolute;
  left: -184px;
  bottom: 44px;
}

#contact-p div:hover img {
  display: block;
}

.wctg-2 {
  background: #f6f6f6;
  padding: 6em 0;
}

.wctg-2 .col-md-4 div {
  background: #fff;
  text-align: center;
  padding: 30px 20px;
  margin-bottom: 20px;
}

.wctg-2 .col-md-4 div:hover {
  background: #0b8fcf;
  color: #fff;
}

.wctg-2 .col-md-4 div:hover i {
  color: #fff;
}

.wctg-2 .col-md-4 div h3 {
  margin-top: 10px;
}

.wctg-2 .col-md-4 div i {
  font-size: 4em;
  color: #0b8fcf;
}

.wctg-2 .col-md-4 div p {
  font-size: 14px;
}

.wctg-4 {
  padding: 6em 0;
}

.wctg-4 img {
  width: 100%;
}

.wctg-4 h4:first-child {
  margin-top: 0;
}

.wctg-4 p {
  color: #999;
  text-indent: 2em;
  padding-left: 10px;
  line-height: 24px;
  font-size: 14px;
}

.banner img {
  width: 100%;
}

.wzjs-1 {
  background: #fff;
}

.wzjs-4 {
  padding: 6em 0;
}

.wzjs-4 .col-md-4 {
  text-align: center;
}

.wzjs-4 .col-md-4:hover img {
  transform: scale(1.1);
}

.wzjs-4 .col-md-4 span {
  display: block;
  overflow: hidden;
}

.wzjs-4 .col-md-4 span img {
  width: 100%;
  transition: .35s;
}

.wzjs-4 .col-md-4 p {
  margin-top: 10px;
  color: #999;
}

.hs-duct1 {
  padding: 3em 0;
}

.hs-duct1 .col-sm-4 {
  margin-bottom: 20px;
}

.hs-duct1 p {
  text-align: center;
  color: #999;
  margin-top: 10px;
}

.main {
  padding: 3em 0;
}

.page {
  text-align: center;
  margin-top: 50px;
}

.page a {
  padding: 3px 6px;
  border: 1px solid #DDDDDD;
  margin-left: -1px;
  text-decoration: none;
  color: #337ab7;
}

.page a:hover {
  background: rgba(0, 0, 0, 0.05);
}

.page a:first-child {
  border-radius: 5px 0 0 5px;
}

.page a:last-child {
  border-radius: 0 5px 5px 0;
}

.page span.nolink {
  padding: 3px 6px;
  border: 1px solid #DDDDDD;
  margin-left: -1px;
  color: #999999;
}

.page span:first-child {
  border-radius: 5px 0 0 5px;
}

.page span:last-child {
  border-radius: 0 5px 5px 0;
}

.page span font {
  padding: 3px 6px;
  border: 1px solid #DDDDDD;
  margin-left: -1px;
  color: #337ab7;
  background: rgba(0, 0, 0, 0.05);
}

.news dl {
  background: #f5f5f5;
  display: table;
}

.news dl dt {
  display: table-cell;
  width: 240px;
  overflow: hidden;
}

.news dl dt img {
  width: 100%;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
}

.news dl dd {
  padding-left: 45px;
  display: table-cell;
  vertical-align: top;
}

.news dl dd h3 {
  font-size: 16px;
}

.news dl dd h3 a {
  color: #383D41;
}

.news dl dd span {
  margin-bottom: 8px;
  display: block;
  color: #999999;
}

.news dl dd p {
  line-height: 24px;
  color: #999999;
}

.news dl:hover dt img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.news dl:hover dd h3 a {
  color: #0b8fcf;
}

.news dl:hover dd p {
  color: #0b8fcf;
}

.info {
  background: #FFFFFF;
  padding: 2em;
  font-size: 16px;
  line-height: 2;
  color: #383D41;
}

.info h3 {
  text-align: center;
  margin-top: 0;
}

.info h3 + p {
  text-align: center;
  text-indent: 0;
  margin-bottom: 15px;
}

.info dt {
  position: relative;
  overflow: hidden;
}

.info dt a {
  text-align: center;
}

.info dd {
  height: 30px;
}

.info img {
  display: block;
  margin: auto;
}

.prevnext {
  border-top: 1px dashed #C2C2C2;
  padding-top: 10px;
  margin-top: 2em;
}

.prevnext a {
  color: #0b8fcf;
}

.ywj-gx {
  background: url(../img/case1.jpg) no-repeat center;
  padding-bottom: 3em;
}

#contact {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background: #0b8fcf;
}

#contact > div > a {
  line-height: 40px;
  flex: auto;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
}

#contact > div .dropup {
  flex: auto;
  text-align: center;
}

#contact > div .dropup > a {
  line-height: 40px;
  color: #FFFFFF;
}

.hxcyh-8 {
  background: #f6f6f6;
  padding: 6em 0;
}

.hxcyh-8 .ywj-xr {
  margin-bottom: 30px;
}

.hxcyh-8 .ywj-xr > div img {
  width: 100%;
}

.hxcyh-8 .ywj-xr > div p {
  text-align: center;
  line-height: 60px;
  margin: 0;
  background: #FFFFFF;
  border-top: 1px solid #ddd;
}

.hxcyh-8 .ywj-xr > div p:hover a {
  color: #0b8fcf;
}

.hxcyh-8 .ywj-xr > div p a {
  color: #383D41;
}

footer {
  background: #383D41;
  padding-top: 2em;
}

footer .wx {
  display: inline-block;
}

footer .wx img {
  margin-top: 25px;
  width: 120px;
  height: 120px;
}

footer .wx span {
  color: #999;
  display: block;
  font-size: 12px;
  line-height: 3;
  padding-left: 10px;
}

footer nav {
  text-align: center;
}

footer nav li {
  flex: auto;
  list-style: none;
}

footer nav li a {
  font-size: 14px;
}

footer nav li ul {
  padding: 0;
}

footer nav li ul li a {
  color: #999999;
  font-size: 14px;
  line-height: 2.8;
}

footer .ywj-foot {
  margin-top: 15px;
  color: #FFFFFF;
  border-left: 1px solid #484d51;
  padding-left: 40px;
}

footer .ywj-foot p {
  font-size: 14px;
  line-height: 34px;
}

footer .links {
  padding: 10px 0;
}

footer .links span {
  color: #999999;
  font-size: 14px;
}

footer .links a {
  font-size: 14px;
  color: #999999;
  margin-left: 10px;
}

footer .foot {
  color: #999999;
  padding-top: 20px;
  padding-bottom: 1em;
  border-top: 1px solid #606467;
}

footer .foot b {
  font-weight: normal;
}

footer .foot span {
  float: right;
}

footer .foot span a {
  color: #999999;
  font-size: 14px;
}

@media (max-width: 767px) {
  .hxcyh-1, .hxcyh-2, .hxcyh-3, .hxcyh-4, .hxcyh-5, .hxcyh-6, .hxcyh-7, .tyzx-2, .tyzx-3, .wctg-4, .wctg-2, .wzjs-4 {
    padding: 2em 0;
  }
  .top-tel img {
    width: auto;
  }
  .row {
    margin: 0;
    padding: 0;
  }
  a, p {
    font-size: 12px;
  }
  .title {
    margin-bottom: 2em;
  }
  .title h4 {
    margin-bottom: 15px;
  }
  .title p {
    line-height: 25px;
  }
  .hxcyh-1 h2 {
    margin-top: 0;
  }
  .hxcyh-2 .col-sm-3 {
    margin-bottom: 20px;
  }
  .hxcyh-2 .col-sm-3 span {
    width: 150px;
    height: 150px;
  }
  .hxcyh-2 .col-sm-3 span i {
    width: 130px;
    line-height: 130px;
  }
  .hxcyh-2 .col-sm-3 p {
    display: none;
  }
  .hxcyh-3 {
    height: 1500px;
  }
  .hxcyh-4 .owl-carousel2 .owl-dots .owl-dot span {
    width: 70px;
  }
  .hxcyh-4 .col-md-3 img {
    height: 150px;
  }
  .hxcyh-6 .fw > div {
    height: 350px;
  }
  .hxcyh-8 .ywj-xr > div p {
    line-height: 30px;
  }
  .hxcyh-7 .form-group {
    margin: 0;
  }
  .hxcyh-7 .form-group div {
    margin-bottom: 15px;
  }
  footer {
    padding-bottom: 40px;
  }
  .ty-1 .col-sm-3 {
    width: 50%;
  }
  .tyzx-2 .col-md-3 {
    width: 48%;
    margin: 1%;
    float: left;
  }
  h4 {
    font-size: 14px !important;
  }
  p {
    font-size: 12px !important;
  }
  .wctg-1 {
    display: none;
  }
  .wctg-1 img {
    height: auto;
  }
  .wctg-4 img {
    margin-bottom: 20px;
  }
  .ywj-top .container {
    padding: 0;
  }
  .ywj-center2 .col-md-4 {
    width: 100% !important;
  }
  .wzjs-4 .col-md-4 {
    margin-bottom: 20px;
  }
  .hs-duct1 {
    padding: 0;
  }
  .col-md-12 {
    padding: 0;
  }
  .banner22 img {
    height: auto;
    width: 100%;
  }
  .news dl {
    background: #f5f5f5;
    display: block;
  }
  .news dl dt {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .news dl dd {
    padding-left: 10px;
  }
  footer .foot span, footer .foot b, footer .foot a {
    font-size: 12px !important;
  }
  footer .links {
    font-size: 12px !important;
    padding: 10px 0 !important;
  }
}