@charset "utf-8";

/* CSS Document */
/*CSS reset*/
html {
  color: #000;
  background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
}

del,
ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

q:before,
q:after {
  content: '';
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

legend {
  color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input,
button,
textarea,
select {
  font-size: 100%;
}

.fl {
  float: left
}

.fr {
  float: right
}

.clear {
  clear: both
}

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

a:hover {
  color: #1D84DC
}

ul {
  padding: 0px;
  margin: 0px;
}

h1,
h2,
h3,
h4 {
  padding: 0px;
  margin: 0px;
}

p {
  padding: 0px;
  margin: 0px;
}

@font-face {
  font-family: Barlow Regular;
  src: url(../fonts/Barlow-Regular.ttf)
}

@font-face {
  font-family: Barlow-Bold;
  src: url(../fonts/Barlow-Bold.ttf)
}

table {
  width: 100% !important;
}

body {
  margin: 0 auto;
  padding: 0px;
  width: 100%;
  font-family: Barlow Regular;
  font-size: 17px !important;
  color: #646464;
  margin: 0px;
}

.pc_daohang {
  display: blcok
}

.wap_daohang {
  display: none
}

.wap_foot {
  display: none
}

.wap_fenlei {
  display: none
}

.xians {
  display: none
}

.head {
  width: 1300px;
  margin: 0 auto;
  padding-top: 10px;
}

.head h1 {
  float: left;
  width: 300px;
  font-size: 22px;
  /* letter-spacing: 5px; */
  font-weight: normal;
  padding-top: 30px;
  padding-bottom: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

.head h1 span {
  font-size: 33px;
  color: #010101;
  font-weight: 900;
  letter-spacing: 0px;
}


.head h1 a {
  color: #010101;
  width: 100%;
  height: 100%;
}

.head h1 img {
  float: left;
  padding-right: 20px;
  width: 100%;
}

/*导航*/
.nav {
  width: 942px;
  float: right;
  padding-top: 30px;
}


.nav li {
  float: left;
  list-style: none;
  font-size: 19px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}

.nav li a:hover:before {
  width: 100%;
}

.nav li:hover:after,
.nav li.cur:after {
  width: 100%;
}

.nav li a {
  margin-left: 15px;
  padding-right: 0px;
  z-index: 1;
  color: #252525;
  display: block;
  text-align: center;
  position: relative;
  height: 55px;
  line-height: 55px;
}

/* .nav li a:hover {}

.nav li.hover a,
.nav li:hover a {} */

.nav li .subnav {
  background: #fff;
  box-shadow: 0 5px 20px 8px rgba(0, 0, 0, 0.1);
  height: auto;
  left: 25%;
  overflow: hidden;
  position: absolute;
  top: 100%;
  margin: 0 auto;
  z-index: 99;
  border-top: 0px solid #3f7225;
  border-radius: 5px;
}

.nav li .subnav {
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease 0s;
  transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
}

.nav li:hover .subnav {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.nav li .subnav a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #fff;
  display: block;
  font-size: 17px;
  font-weight: 500;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 50px;
  height: 50px;
  padding: 0;
  transition: all 0.2s ease-in-out 0s;
  width: 100%;
  background: #1D84DC;
  color: #fff !important;
  border-bottom: #1D84DC solid 1px;
}

.nav li .subnav a:hover {
  color: #fff;
  background: #1D84DC;
}

header.bg .nav li a {
  color: #333;
}

.nav1 {
  width: 250px !important;
  float: left;
  margin-left: -90px !important;
}

.nav2 {
  width: 200px !important;
  float: left;
  margin-left: -23px !important;
}

/*标题公共样式*/
.wd1200 {
  padding-top: 70px;
  clear: both;
  padding-bottom: 70px;
  width: 1200px;
  margin: 0 auto
}

.wenzi {
  text-align: center;
  margin: 0 auto
}

.wenzi h2 {
  color: #000;
  font-size: 55px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: Barlow Regular;
}

.wenzi h3 {
  font-family: Barlow-bold;
  font-size: 35px;
  color: #000;
  margin-bottom: 10px;
  text-transform: uppercase
}

.wline {
  background: #000;
  height: 2px;
  margin: 0 auto;
  width: 70px;
}

/*首页公司简介*/
.abnr {
  margin: 0 auto;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  line-height: 26px;
  height: 156px;
  margin-top: 35px;
  color: #7a7a7a;
  text-align: center;
  width: 80%;
}

.abnr p {
  line-height: 28px;
  padding-top: 16px;
  font-size: 16px;
}

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

.more-btn a {
  padding: 7px 25px;
  transition: .3s all ease-out;
  display: inline-block;
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  position: relative;
  overflow: hidden;
  position: relative;
  z-index: 9;
  line-height: 28px;
  font-family: Barlow Regular;
}

.more-btn a:after {
  content: "";
  background: #fdb812;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transform: scaleX(0);
  transition-property: transform;
  transition-duration: .5s;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: .5s;
  -webkit-transition-property: transform;
  -webkit-transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  background: #1D84DC
}

.more-btn a:hover span {
  color: #fff !important;
}

.more-btn a span {
  display: inline-block;
  font-size: 15px;
  color: #7a7a7a;
  position: relative;
  z-index: 14;
}

.more-btn a:hover i {
  color: #FFF;
  border-color: #000
}

.more-btn a:hover:after {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -webkit-transform: scaleX(1)
}

.more-btn a i {
  display: inline-block;
  font-size: 20px;
  color: #7a7a7a;
  position: relative;
  z-index: 14;
  margin-left: 8px;
  margin-right: 8px;
}

.xuanc {
  width: 100%;
  float: left;
  background: url(../images/dd.jpg) no-repeat top center #1D84DC;
  text-align: center;
  color: #FFFFFF;
  line-height: 121px;
  font-family: Barlow Regular;
  font-size: 30px
}

/*首页产品*/
.index_pro {
  width: 100%;
  float: left;
  padding-top: 80px;
}

.pro_top .wenzi h2 {
  text-align: left;
  font-size: 18px;
}

.pro_top .wenzi h3 {
  text-align: left;
  text-transform: uppercase;
  font-size: 45px;
}

.pro_top .more-btn {
  float: left;
  margin-top: 15px;
}

.zdcp {
  width: 60%
}

/* .zdcp ul {} */

.zdcp ul li:nth-child(2n) {
  float: right
}

.zdcp ul li {
  width: 44%;
  background: url(../images/index_13.jpg) no-repeat left;
  padding-left: 40px;
  line-height: 43px;
  float: left
}

.zdcp ul li a {
  color: #858585;
  font-size: 18px;
}

.zdcp ul li a:hover {
  color: #1D84DC
}

.cpfl ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cpfl ul li {
  width: 31.5%;
  overflow: hidden;
  position: relative;
  margin-top: 40px;
}

.cpfl ul li h2 {
  font-family: Barlow;
  text-transform: uppercase;
  background: #fff;
  height: 66px;
  line-height: 66px;
  border-radius: 5px;
  text-align: center;
  z-index: 111111;
  font-weight: normal;
  color: #000000;
  font-size: 18px;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  bottom: 50px;
  left: 10%
}

.cptu {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 386px;
  overflow: hidden;
}

.cptu img {
  transition: all 0.8s;
  width: 100%
}

.cpfl ul li:hover img {
  transform: scale(1.08);
}

.cpfl ul li:hover h2 {
  background: #1D84DC;
  color: #fff;
}

/*news*/
.huibg {
  background: url(../images/nb.jpg) no-repeat;
  background-attachment: fixed;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 0px;
}

.huibg h2 {
  color: #000;
  font-size: 45px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: Barlow Regular;
  text-align: center
}

.huibg h3 {
  font-family: Barlow-bold;
  font-size: 45px;
  color: #000;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: center
}

/*单页头部开始*/
.students {
  margin: 0 auto;
  width: 100%;
  height: 230px;
  position: relative;
}

#four_flash {
  position: relative;
  width: 1200px;
  height: auto;
  margin: 0 auto;
  position: absolute;
}

#four_flash .flashBg {
  width: 1050px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: 400px;
}

#four_flash .flashBg ul.mobile {
  width: 2000%;
  height: 226px;
  position: absolute;
  left: 0;
  padding-top: 20px;
}

#four_flash .flashBg ul.mobile li {
  float: left;
  width: 320px;
  height: 200px;
  color: #6C6E85;
  transition: all 1s ease 0s;
  margin-left: 7px;
  margin-right: 7px;
}

#four_flash .flashBg ul.mobile li:hover {
  -webkit-box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, .1);
}

#four_flash .flashBg ul.mobile li img {
  width: 320px;
  height: 200px;
}

#four_flash .but_left {
  width: 50px;
  height: 100px;
  position: absolute;
  top: 70px;
  left: 0px;
}

#four_flash .but_right {
  width: 50px;
  height: 100px;
  position: absolute;
  top: 70px;
  right: 0px;
}

#four_flash .but_left:hover {
  background: url(../images/qianxleft1.png) no-repeat;
}

#four_flash .but_right:hover {
  background: url(../images/qianxr1.png) no-repeat;
}

/* .ewm {
  margin-top: 20px;
} */

.ewm img {
  /* border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd; */
  /* padding-top: 10px; */
  padding-bottom: 10px;
}

.flx {
  margin-top: 10px;
  width: 38%;
  margin-left: 150px;
}

.fadd {
  background: url(../images/index_42.jpg) no-repeat left;
  padding-left: 50px;
  color: #808080;
  font-size: 17px;
  line-height: 26px;
}

.ftel {
  background: url(../images/index_46.jpg) no-repeat left;
  padding-left: 50px;
  color: #808080;
  font-size: 17px;
  line-height: 26px;
  margin-top: 15px;
}

.fmail {
  background: url(../images/index_49.jpg) no-repeat left;
  padding-left: 50px;
  color: #808080;
  font-size: 17px;
  line-height: 46px;
  margin-top: 10px;
}

/*-------底部-----------*/
.foot {
  background: #1D84DC;
  width: 100%;
  margin: 0 auto;
  color: #fff
}

.foot .wd1200 {
  padding-bottom: 20px;
  padding-top: 20px;
  display: flex;
  justify-content: center;
}

.foot .fr {
  margin-top: 10px;
  text-align: right
}

.foot .fr img {
  width: 160px;
}

.banquan {
  width: 70%;
  line-height: 30px;
  text-align: center;
  color: #fff;
  padding-top: 20px;
}

a.zzb07link {
  font-size: 17px;
  text-decoration: none;
  color: #fff;
}

a.zzb07link:hover {
  text-decoration: underline;
  color: #fff;
}

.zzb07tail {
  font-size: 17px;
  color: #fff;
}

.beia {
  color: #fff;
  font-size: 15px;
  margin-top: 7px;
}

.beia a {
  color: #fff;
}

/*翻页*/
.contentPage {
  text-align: center;
  margin: 0px 3px;
  padding: 0px;
  padding-top: 15px;
  color: #1D84DC;
  line-height: 30px;
  text-decoration: none;
  clear: both;
}

.contentPage a:link {
  color: #1D84DC;
  text-decoration: none;
  font-size: 12px;
  margin: 0px 3px;
  padding: 4px 7px;
  border: 1px solid #1D84DC;
  font-weight: normal;
}

.contentPage a:visited {
  color: #1D84DC;
  text-decoration: none;
  font-size: 12px;
  margin: 0px 3px;
  border: 1px solid #1D84DC;
  padding: 4px 7px;
  font-weight: normal;
}

.contentPage a:hover {
  color: #FFF;
  margin: 0px 3px;
  font-size: 12px;
  text-decoration: none;
  padding: 4px 7px;
  background-color: #1D84DC;
  font-weight: normal;
}

.contentPage .current {
  color: #1D84DC;
  text-decoration: none;
  font-size: 12px;
  margin: 0px;
  border: 0px solid #1D84DC;
  padding: 4px 7px;
  font-weight: normal;
}

.contentPage .zi {
  font-size: 12px;
  font-weight: bold;
  float: none !important;
}

.contentPage .zi form {
  display: inline;
}

.contentPage .zi form input[type="text"] {
  border: 1px solid #CCC;
  line-height: 18px;
  width: 25px !important;
}

.contentPage .zi form input[type="submit"] {
  background-color: #CCC;
  border: 0px;
  line-height: 20px;
  color: #FFF;
  cursor: pointer;
}

/*内页*/
.neiye {
  background: #f9f9f9;
  width: 100%;
  margin: 0 auto;
}

.dingwei {
  background: #fafafa;
  width: 100%;
  margin: 0 auto
}

.ny_weizhi {
  font-size: 14px;
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ny_weizhi h2 {
  color: #000;
  font-size: 35px;
  text-transform: capitalize;
}

.weizhi span {
  padding-left: 5px;
  padding-right: 5px;
}

.weizhi {
  font-size: 15px;
}

.nymain {
  width: 1200px;
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 80px;
  line-height: 30px;
}

.nyabzuo {
  width: 50%;
}

.nyabzuo img {
  width: 100%
}

.nyabyou {
  width: 45%;
  margin-top: 40px;
}

/*内页*/
.inside_l {
  width: 20%;
  float: left;
  border-radius: 10px;
}

.inside_l h3 {
  font-size: 33px;
  width: 100% !important;
  color: #fff;
  background: #1D84DC;
  line-height: 120px;
  font-family: Barlow Regular;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  font-weight: normal;
  border-radius: 5px;
  text-align: center !important;
}

.inside_l ul li a {
  font-size: 16px;
  width: 100%;
  border-radius: 5px;
  background-color: #FFF;
  line-height: 40px;
  border: solid 1px #EBEBEB;
  margin: 0 0 10px 0;
  display: inline-block;
  text-align: center;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.inside_l ul li a.active {
  background: linear-gradient(90deg, #8fc744, #1D84DC);
  color: #fff;
}

.inside_l ul li a:before {
  border-radius: 5px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #8fc744, #1D84DC);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.inside_l ul li a:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.inside_l ul li a:hover {
  color: #fff;
}

.zz11 a {
  color: #FFFFFF;
  background: linear-gradient(90deg, #0954a3, #0a66c7);
}

.inside_r12 {
  background: #fff;
  width: 94%;
  float: right;
  line-height: 30px;
  box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.1);
  padding: 30px 3% 30px 3%;
  border-radius: 10px;
}

.inside_r {
  background: #fff;
  width: 70%;
  float: right;
  line-height: 30px;
  box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.1);
  padding: 30px 3% 30px 3%;
  border-radius: 10px;
}

.inside_r h3 {
  width: 100%;
  font-size: 30px;
  color: #000000;
  padding-bottom: 25px;
  font-weight: normal
}

.rytop {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.rytop h2 {
  padding: 0px;
  margin: 0px;
  font-weight: normal;
  font-size: 25px;
  color: #000;
}

.weiz span {
  padding-left: 5px;
  padding-right: 5px;
}

.neirong {
  padding-top: 30px;
  min-height: 350px;
}

.serfuwu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.serfuwu ul li {
  width: 40%;
  overflow: hidden;
}

.serfuwu ul li:nth-child(2) {
  width: 60%
}

.neixw ul li {
  line-height: 60px;
  border-bottom: 1px dotted #d8d8d8;
}

.neixw ul li a {
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
}

.neixw ul li span {
  padding-right: 20px;
}

.neixw ul li div {
  padding-right: 20px;
}

.neixw ul li:hover {
  background: #1D84DC
}

.neixw ul li:hover a {
  padding-left: 10px;
  color: #fff
}

.neixw ul li:hover span {
  color: #fff;
}

.neixw ul li:hover div {
  color: #fff
}

.neisj {
  text-align: center;
  font-size: 15px;
  margin-top: 5px;
}

.nyabout {
  width: 100%;
  background: url(../images/nyabout.jpg) no-repeat center top;
  margin: 0 auto;
  height: 350px;
}

.nycon {
  width: 100%;
  height: 350px;
  background: url(../images/nycon.jpg) no-repeat center top;
  margin: 0 auto
}

.nynews {
  width: 100%;
  height: 350px;
  background: url(../images/nynews.jpg) no-repeat center;
  margin: 0 auto
}

.nycase {
  width: 100%;
  height: 350px;
  background: url(../images/nycase.jpg) no-repeat center top;
  margin: 0 auto
}

.nypro {
  width: 100%;
  height: 350px;
  background: url(../images/nypro.jpg) no-repeat center;
  margin: 0 auto
}

.quzs {
  margin-top: 30px;
}

.quzs h2 {
  color: #1D84DC;
  font-size: 18px;
  margin-bottom: 30px;
}

.quzs ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.quzs ul li {
  width: 31%;
  overflow: hidden;
}

.zu11 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  background: #fafafa;
}

.zu11 img {
  max-width: 100%;
  transition: all 0.8s;
  max-height: 300px;
}

.quzs ul li:hover img {
  transform: scale(1.1);
}

.biaoti {
  text-align: center;
  padding-top: 15px;
}

.cco {
  background: #fff;
  border: 5px solid #1D84DC;
  border-top: 0px;
  padding: 20px;
  line-height: 25px;
  word-wrap: break-word;
}

.cco p {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}

.page_in {
  border-top: 5px solid #fafafa;
  margin-top: 40px;
}

.page_in ul {
  align-items: center;
  margin-top: 30px;
}

.page_in ul li {
  width: 33%;
  font-size: 15px;
  float: left
}

.page_in ul li:nth-child(2) {
  transition: all 0.3s ease 0s;
  width: 33%;
  margin: 0 auto;
}

.page_in ul li:nth-child(2) a {
  display: block;
  color: #fff;
  background: #0055a9;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  text-align: center
}

/* .page_in ul li:nth-child(2):hover {} */

.page_in ul li:nth-child(2):hover a {
  color: #fff;
  background: #000;
  border-radius: 50%;
}

.page_in ul li:nth-child(3) {
  text-align: right;
}

.cuti {
  width: 100%;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  color: #1D84DC;
}

.nyma {
  min-height: 150px;
}

.proxx {
  font-size: 15px;
  margin-top: 30px;
}

.proxx table {
  border-left: #d8d8d8 1px solid;
  border-top: #d8d8d8 1px solid;
  width: 100%;
  margin: 0 auto;
}

.proxx tr td {
  padding: 10px;
  line-height: 25px;
  border-bottom: #d8d8d8 1px solid;
  border-right: #d8d8d8 1px solid;
}

.proxx tr td:first-child {
  text-align: center;
  width: 25%;
}

/*内页新闻*/
.newsmid_2_1_mid_1 {
  overflow: hidden;
  width: 200px;
  border: 1px solid #f2f2f2;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px;
  background: #fff;
  margin-bottom: 40px;
}

.newsmid_2_1_mid_1 img {
  max-width: 200px;
  max-height: 130px;
  transition: all 0.8s;
}

.newsmid_2_1_mid_1 img:hover {
  transform: scale(1.4);
}

.newsmid_2_1_mid {
  position: relative;
  background-color: #fff;
  border: 1px #e4e4e4 solid;
  margin-bottom: 40px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .1);
  padding: 40px;
  height: 130px;
}

a:hover .newsmid_2_1_mid {
  background: #f8f8f8;
}

a:hover .newsmid_2_1_mid .newsmid_2_1_mid_1 img {
  transform: scale(1.07)
}

.newsmid_2_1_mid_2 {
  width: 79%;
  float: right;
}

.newsmid_2_1_mid_2_1 {
  margin-bottom: 0.35em;
  margin-top: 0.2em;
  text-align: left;
  color: #2c82cd;
  font-size: 0.875em;
  font-family: Arial, Helvetica, sans-serif;
}

.newsmid_2_1_mid_2_1 b {
  font-size: 44px;
  color: #2c82cd;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
}

.newsmid_2_1_mid_2_1 i {
  font-size: 15px;
  color: #2c82cd;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  display: block;
}

.newsmid_2_1_mid_2_2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  min-height: 3em;
}

.newsmid_2_1_mid_2_2 h3 {
  font-size: 24px;
  color: #000;
  line-height: 1.5;
  font-weight: 400;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}

.newsmid_2_1_mid_2_2 .fx {
  font-size: 13px;
  color: #999;
  line-height: 36px;
}

.newsmid_2_1_mid_2_2 .fx .em1 {
  background: url(../images/icon1.png) no-repeat left center;
  background-size: 15px auto;
  float: left;
  width: 130px;
  padding-left: 20px;
}

.newsmid_2_1_mid_2_2 .fx .em2 {
  background: url(../images/icon2.png) no-repeat left center;
  background-size: 13px auto;
  float: left;
  width: 70px;
  padding-left: 16px;
}

.newsmid_2_1_mid_2_2 p {
  font-size: 15px;
  color: #666;
  line-height: 25px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 50px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  padding: 0px;
  margin: 0px;
}

.newsmid_2_1_mid_3 {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px #d7d7d7 solid;
  width: 100%;
}

.newsmid_2_1_mid_3 div {
  padding: .8em 1.5625em;
}

.newsmid_2_1_mid_3 span {
  padding-right: 2.142857142857143em;
  font-size: 0.875em;
  color: #000;
  display: inline-block;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url(../images/index/img5.png);
}

.newsmid_2_1_mid_2_2_jj {
  margin-top: 2em;
  font-size: 0.875em;
  color: #333;
  line-height: 1.7;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.newsmid_2_2 {
  margin-top: 1em;
  text-align: center;
}

.newsmid_2_2 a {
  display: inline-block;
  background-color: #fff;
  padding: 0.5em 1.1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  margin: 0 0.2em;
  margin-bottom: 0.5em;
}

.newsmid_2_2 a.on,
.newsmid_2_2 a:hover {
  color: #fff;
  background-color: #2c82cd
}

.newsmid_2 {
  padding-top: 4em;
}

.news_da {
  background: none !important;
}

.news_da_nr {
  width: 68%;
  float: left;
}

.xwbt {
  font-size: 20px;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
}

.shijian {
  text-align: center;
  margin: 0 auto;
  font-size: 15px;
  color: #555;
  opacity: 0.6
}

.xxnr img {
  max-width: 100% !important;
  height: auto !important
}

.fanhui li {
  margin-top: 15px;
}

.fanhui {
  margin-top: 30px;
  border-top: 5px solid #f4f4f4
}

.ditu {
  width: 50%
}

.nylianxi {
  width: 45%
}

.rit-box .top-tit {
  border-bottom: 1px dotted #BBBBBB;
  padding-bottom: 20px;
}

.rit-box .top-tit h3 {
  font-size: 20px;
  font-weight: normal;
  color: #000;
  margin-bottom: 0px;
}

.rit-box .top-tit p {
  font-size: 15px;
  color: #999999;
}

.rit-box .top-tit p font {
  color: #0055a9;
  font-weight: bold;
  font-size: 25px;
}

.city li.on,
.city li:hover {
  background-color: #0055a9;
}

.city li {
  float: left;
  margin-right: 10px;
  width: 150px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  font-size: 15px;
  background-color: #0055a9;
}

.city li a {
  color: #fff
}

.city {
  display: table;
  margin-top: 15px;
}

.kbm {
  margin-top: 20px;
}

/*内页新闻*/
.nyxinwen ul li {
  float: left;
  width: 44%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  line-height: 30px;
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 25px;
}

.nyxinwen ul li:nth-child(2n) {
  float: right
}

.xwmiao {
  color: #555;
  opacity: 0.5;
  font-size: 15px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 44px;
  line-height: 22px;
  margin-top: 8px;
  margin-bottom: 10px;
}

.nyxinwen ul li {
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
}

.nyxinwen ul li:hover {
  transform: translate(0, -5px);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
}

.new_biaoti {
  color: #333;
  font-size: 18px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: normal;
  line-height: 23px;
  height: 46px;
}

.xline {
  background: #0055a9;
  height: 2px;
  width: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.riqi {
  color: #a3a3a3
}

.nybt {
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #0055a9;
  font-size: 20px;
  margin-bottom: 30px;
}

.new_nybt {
  color: #0055a9;
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
}

@media screen and (max-width:768px) {
  .pc_daohang {
    display: none
  }

  .wap_daohang {
    display: block !important
  }

  .wap_foot {
    display: block
  }

  .wap_fenlei {
    display: block !important
  }

  /*标题公共样式*/
  .wd1200 {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 95%;
    margin: 0 auto
  }

  .wenzi h2 {
    color: #1D84DC;
    font-size: 45px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Barlow Regular;
  }

  .wenzi h3 {
    font-family: Barlow-bold;
    font-size: 25px;
    color: #1D84DC;
    ;
    margin-bottom: 10px;
  }

  .wline {
    background: #1D84DC;
    height: 4px;
    margin: 0 auto;
    width: 70px;
  }

  .eanma img {
    max-width: 100% !important;
    height: auto !important
  }

  /*首页公司简介*/
  .abnr {
    margin: 0 auto;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    line-height: 26px;
    height: 156px;
    margin-top: 35px;
    color: #7a7a7a;
    text-align: center;
    width: 95%;
  }

  .more-btn {
    text-align: center;
    margin-top: 40px;
  }

  .xuanc {
    width: 100%;
    float: left;
    background: url(../images/dd.jpg) no-repeat top center #1D84DC;
    background-size: 10%;
    text-align: center;
    color: #FFFFFF;
    line-height: 70px;
    font-family: Barlow Regular;
    font-size: 18px
  }

  /*首页产品*/
  .pro_top .wenzi {
    float: none
  }

  .pro_top .wenzi h2 {
    text-align: center;
    font-size: 26px;
  }

  .pro_top .wenzi h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
  }

  .pro_top .more-btn {
    float: none;
    margin-top: 15px;
  }

  .zdcp {
    width: 100%;
    float: none;
    margin-top: 30px;
  }

  /* .zdcp ul {} */

  .zdcp ul li:nth-child(2n) {
    float: right
  }

  .zdcp ul li {
    width: 40%;
    background: url(../images/index_13.jpg) no-repeat left;
    padding-left: 40px;
    line-height: 43px;
    float: left;
  }

  .zdcp ul li a {
    color: #858585;
    font-size: 16px;
  }

  .zdcp ul li a:hover {
    color: #1D84DC
  }

  .cpfl ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .cpfl ul li {
    width: 48%;
    overflow: hidden;
    position: relative;
    margin-top: 30px;
  }

  .cpfl ul li h2 {
    font-family: Barlow;
    text-transform: uppercase;
    background: #fff;
    height: auto;
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    text-align: center;
    z-index: 111111;
    font-weight: normal;
    color: #000000;
    font-size: 17px;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    bottom: 50px;
    left: 10%
  }

  /*news*/
  .fwdd {
    margin: 0 auto;
    color: #252525;
    font-size: 23px;
    margin-left: 0px;
    margin-top: 10px;
    float: none;
    text-align: center;
  }

  .fwdd h2 {
    font-family: Barlow Regular;
    display: inline-block;
    font-size: 25px;
    color: #252525;
    position: relative;
    z-index: 14;
    font-weight: normal;
    text-transform: uppercase
  }

  .fwdd h3 {
    font-weight: normal
  }

  .fwtu {
    float: none;
    text-align: center
  }

  .service {
    float: none;
    width: 100%
  }

  .fwdd a {
    width: 80%;
    padding: 12px 0px;
    transition: .3s all ease-out;
    display: inline-block;
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    position: relative;
    overflow: hidden;
    position: relative;
    z-index: 9;
    line-height: 28px;
    font-family: Barlow Regular;
  }

  .news {
    width: 100% !important;
    float: none;
    margin-top: 40px;
  }

  .news h2 {
    font-size: 30px;
    color: #1D84DC;
    font-family: Barlow Regular;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center
  }

  .news ul {
    margin-top: 20px;
  }

  .news ul li {
    line-height: 35px;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
  }

  .news ul li span {
    padding-right: 20px;
  }

  .news ul li a {
    color: #424242;
    font-size: 15px;
  }

  .ewm {
    float: right;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
  }

  .ewm img {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .flx {
    width: 70% !important;
    float: left;
    margin-top: 40px;
    margin-left: 0px;
  }

  .fadd {
    background: url(../images/index_42.jpg) no-repeat left;
    color: #808080;
    font-size: 15px;
    line-height: 26px;
    padding-top: 00px;
    text-align: left;
    padding-left: 50px;
  }

  .ftel {
    background: url(../images/index_46.jpg) no-repeat left;
    color: #808080;
    font-size: 15px;
    line-height: 26px;
    margin-top: 30px;
    padding-left: 50px;
    text-align: left
  }

  .fmail {
    background: url(../images/index_49.jpg) no-repeat left;
    padding-left: 50px;
    color: #808080;
    font-size: 15px;
    line-height: 46px;
    margin-top: 30px;
    padding-top: 0px;
    text-align: left
  }

  /*-------底部-----------*/
  .foot {
    background: #1D84DC;
    width: 100%;
    margin: 0 auto;
    color: #fff
  }

  .foot .wd1200 {
    padding-bottom: 90px;
    padding-top: 40px;
  }

  .foot .fr {
    margin-top: 0px;
    float: none;
    text-align: center
  }

  .banquan {
    width: 100%;
    line-height: 30px;
    color: #fff;
    float: none;
  }

  .banquan p {
    text-align: center
  }

  a.zzb07link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
  }

  a.zzb07link:hover {
    text-decoration: underline;
    color: #fff;
  }

  .zzb07tail {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
  }

  .serfuwu ul {
    display: block;
    flex-wrap: none;
    justify-content: space-between;
  }

  .serfuwu ul li {
    width: 100%;
    overflow: hidden;
    float: none;
  }

  .serfuwu ul li:nth-child(2) {
    width: 100%;
    text-align: left;
    margin-top: 30px;
  }

  /* .serfuwu ul li:nth-child(2) img {} */

  .yincang {
    display: none
  }

  .neibiaoge table td {
    font-size: 14px;
  }

  /*内页*/
  .neiye {
    background: #f9f9f9;
    width: 100%;
    margin: 0 auto;
  }

  .dingwei {
    background: #fafafa;
    width: 100%;
    margin: 0 auto
  }

  .ny_weizhi {
    font-size: 14px;
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .ny_weizhi h2 {
    color: #000;
    font-size: 35px;
    text-transform: capitalize;
  }

  .weizhi span {
    padding-left: 5px;
    padding-right: 5px;
  }

  .weizhi {
    font-size: 15px;
    display: none
  }

  .nymain {
    width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 80px;
    line-height: 30px;
  }

  .neiye .wd1200 {
    padding-top: 0px;
    width: 100%;
    padding-bottom: 0px;
  }

  .nyabzuo {
    width: 50%;
  }

  .nyabzuo img {
    width: 100%
  }

  .nyabyou {
    width: 45%;
    margin-top: 40px;
  }

  /*内页*/
  .inside_l {
    display: none;
    width: 20%;
    float: left;
    border-radius: 10px;
  }

  .inside_r {
    margin: 0 auto;
    background: #fff;
    width: 90%;
    float: none;
    line-height: 30px;
    box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.1);
    padding: 3%;
    border-radius: 10px;
    margin-top: 40px;
  }

  .inside_r h3 {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #000000;
    padding-bottom: 25px;
    font-weight: normal
  }

  .rytop {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
    padding-top: 10px;
  }

  .rytop h2 {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 25px;
    color: #000;
  }

  .weiz span {
    padding-left: 5px;
    padding-right: 5px;
  }

  .rytop .fl {
    float: none;
    text-align: center
  }

  .neirong {
    padding-top: 30px;
    min-height: 350px;
  }

  .neixw ul li {
    line-height: 60px;
    border-bottom: 1px dotted #d8d8d8;
    padding-top: 20px;
  }

  .neixw ul li a {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    float: none;
    line-height: 25px;
  }

  .neixw ul li span {
    padding-right: 20px;
  }

  .neixw ul li a span {
    display: none
  }

  .neixw ul li .fr {
    float: none;
    width: 100%
  }

  .neixw ul li:hover {
    background: #1D84DC
  }

  .neixw ul li:hover a {
    padding-left: 10px;
    color: #fff
  }

  .neixw ul li:hover span {
    color: #fff;
  }

  .neisj {
    text-align: center;
    font-size: 15px;
    margin-top: 5px;
  }

  .nyabout {
    width: 100%;
    background-size: 200%;
    height: 250px;
  }

  .nycon {
    width: 100%;
    background-size: 200%;
    height: 250px;
  }

  .nynews {
    width: 100%;
    background-size: 200%;
    height: 250px;
  }

  .nycase {
    width: 100%;
    background-size: 200%;
    height: 250px;
  }

  .nypro {
    width: 100%;
    background-size: 200%;
    height: 250px;
  }

  .quzs {
    margin-top: 30px;
  }

  .quzs h2 {
    color: #1D84DC;
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center
  }

  .quzs ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .quzs ul li {
    width: 100%;
    overflow: hidden;
  }

  .zu11 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    background: #fafafa;
  }

  .zu11 img {
    max-width: 100%;
    transition: all 0.8s;
    max-height: 300px;
  }

  .quzs ul li:nth-child(2) {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .quzs ul li:hover img {
    transform: scale(1.1);
  }

  .biaoti {
    text-align: center;
    padding-top: 15px;
  }

  .cco {
    background: #fff;
    border: 5px solid #1D84DC;
    border-top: 0px;
    padding: 20px;
    line-height: 25px;
    word-wrap: break-word;
  }

  .cco p {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
  }

  .page_in {
    border-top: 5px solid #fafafa;
    margin-top: 40px;
  }

  .page_in ul {
    align-items: center;
    margin-top: 30px;
  }

  .page_in ul li {
    width: 33%;
    font-size: 15px;
    float: left
  }

  .page_in ul li:nth-child(2) {
    transition: all 0.3s ease 0s;
    width: 33%;
    margin: 0 auto;
  }

  .page_in ul li:nth-child(2) a {
    display: block;
    color: #fff;
    background: #0055a9;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center
  }

  /* .page_in ul li:nth-child(2):hover {} */

  .page_in ul li:nth-child(2):hover a {
    color: #fff;
    background: #000;
    border-radius: 50%;
  }

  .page_in ul li:nth-child(3) {
    text-align: right;
  }

  .cuti {
    width: 100%;
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    color: #1D84DC;
  }

  .nyma {
    min-height: 150px;
  }

  .proxx {
    font-size: 15px;
    margin-top: 30px;
  }

  .proxx table {
    border-left: #d8d8d8 1px solid;
    border-top: #d8d8d8 1px solid;
    width: 100%;
    margin: 0 auto;
  }

  .proxx tr td {
    padding: 10px;
    line-height: 25px;
    border-bottom: #d8d8d8 1px solid;
    border-right: #d8d8d8 1px solid;
  }

  .proxx tr td:first-child {
    text-align: center;
    width: 25%;
  }

  /*内页新闻*/
  .newsmid_2_1_mid_1 {
    overflow: hidden;
    width: 200px;
    border: 1px solid #f2f2f2;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    background: #fff;
    margin-bottom: 40px;
  }

  .newsmid_2_1_mid_1 img {
    max-width: 200px;
    max-height: 130px;
    transition: all 0.8s;
  }

  .newsmid_2_1_mid_1 img:hover {
    transform: scale(1.4);
  }

  .newsmid_2_1_mid {
    position: relative;
    background-color: #fff;
    border: 1px #e4e4e4 solid;
    margin-bottom: 40px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .1);
    padding: 40px;
    height: 130px;
  }

  a:hover .newsmid_2_1_mid {
    background: #f8f8f8;
  }

  a:hover .newsmid_2_1_mid .newsmid_2_1_mid_1 img {
    transform: scale(1.07)
  }

  .newsmid_2_1_mid_2 {
    width: 79%;
    float: right;
  }

  .newsmid_2_1_mid_2_1 {
    margin-bottom: 0.35em;
    margin-top: 0.2em;
    text-align: left;
    color: #2c82cd;
    font-size: 0.875em;
    font-family: Arial, Helvetica, sans-serif;
  }

  .newsmid_2_1_mid_2_1 b {
    font-size: 44px;
    color: #2c82cd;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
  }

  .newsmid_2_1_mid_2_1 i {
    font-size: 15px;
    color: #2c82cd;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    display: block;
  }

  .newsmid_2_1_mid_2_2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    min-height: 3em;
  }

  .newsmid_2_1_mid_2_2 h3 {
    font-size: 24px;
    color: #000;
    line-height: 1.5;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
  }

  .newsmid_2_1_mid_2_2 .fx {
    font-size: 13px;
    color: #999;
    line-height: 36px;
  }

  .newsmid_2_1_mid_2_2 .fx .em1 {
    background: url(../images/icon1.png) no-repeat left center;
    background-size: 15px auto;
    float: left;
    width: 130px;
    padding-left: 20px;
  }

  .newsmid_2_1_mid_2_2 .fx .em2 {
    background: url(../images/icon2.png) no-repeat left center;
    background-size: 13px auto;
    float: left;
    width: 70px;
    padding-left: 16px;
  }

  .newsmid_2_1_mid_2_2 p {
    font-size: 15px;
    color: #666;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 50px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    padding: 0px;
    margin: 0px;
  }

  .newsmid_2_1_mid_3 {
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px #d7d7d7 solid;
    width: 100%;
  }

  .newsmid_2_1_mid_3 div {
    padding: .8em 1.5625em;
  }

  .newsmid_2_1_mid_3 span {
    padding-right: 2.142857142857143em;
    font-size: 0.875em;
    color: #000;
    display: inline-block;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/index/img5.png);
  }

  .newsmid_2_1_mid_2_2_jj {
    margin-top: 2em;
    font-size: 0.875em;
    color: #333;
    line-height: 1.7;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
  }

  .newsmid_2_2 {
    margin-top: 1em;
    text-align: center;
  }

  .newsmid_2_2 a {
    display: inline-block;
    background-color: #fff;
    padding: 0.5em 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    margin: 0 0.2em;
    margin-bottom: 0.5em;
  }

  .newsmid_2_2 a.on,
  .newsmid_2_2 a:hover {
    color: #fff;
    background-color: #2c82cd
  }

  .newsmid_2 {
    padding-top: 4em;
  }

  .news_da {
    background: none !important;
  }

  .news_da_nr {
    width: 68%;
    float: left;
  }

  .xwbt {
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
  }

  .shijian {
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    color: #555;
    opacity: 0.6
  }

  .xxnr img {
    max-width: 100% !important;
    height: auto !important
  }

  .fanhui li {
    margin-top: 15px;
  }

  .fanhui {
    margin-top: 30px;
    border-top: 5px solid #f4f4f4
  }

  .ditu {
    width: 50%
  }

  .nylianxi {
    width: 45%
  }

  .rit-box .top-tit {
    border-bottom: 1px dotted #BBBBBB;
    padding-bottom: 20px;
  }

  .rit-box .top-tit h3 {
    font-size: 20px;
    font-weight: normal;
    color: #000;
    margin-bottom: 0px;
  }

  .rit-box .top-tit p {
    font-size: 15px;
    color: #999999;
  }

  .rit-box .top-tit p font {
    color: #0055a9;
    font-weight: bold;
    font-size: 25px;
  }

  .city li.on,
  .city li:hover {
    background-color: #0055a9;
  }

  .city li {
    float: left;
    margin-right: 10px;
    width: 150px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 15px;
    background-color: #0055a9;
  }

  .city li a {
    color: #fff
  }

  .city {
    display: table;
    margin-top: 15px;
  }

  .kbm {
    margin-top: 20px;
  }

  /*内页新闻*/
  .nyxinwen ul li {
    float: left;
    width: 44%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    line-height: 30px;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 25px;
  }

  .nyxinwen ul li:nth-child(2n) {
    float: right
  }

  .xwmiao {
    color: #555;
    opacity: 0.5;
    font-size: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 44px;
    line-height: 22px;
    margin-top: 8px;
    margin-bottom: 10px;
  }

  .nyxinwen ul li {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
  }

  .nyxinwen ul li:hover {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
  }

  .new_biaoti {
    color: #333;
    font-size: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: normal;
    line-height: 23px;
    height: 46px;
  }

  .xline {
    background: #0055a9;
    height: 2px;
    width: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .riqi {
    color: #a3a3a3
  }

  .nybt {
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #0055a9;
    font-size: 20px;
    margin-bottom: 30px;
  }

  .new_nybt {
    color: #0055a9;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
  }

  .clearfix {
    clear: both
  }

  .clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }

  /*.tbottom{ height:3.5rem;}*/
  #BottomNav {
    background-color: #333;
    bottom: 0;
    height: 3.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39;
    box-sizing: border-box;
  }

  #BottomNav ul li {
    float: left;
    box-sizing: border-box;
    text-align: center;
    width: 20%;
  }

  #BottomNav ul li a {
    color: #fff;
    display: block;
  }

  #BottomNav ul li a div {
    font-size: 14px;
    padding-bottom: 0.7rem;
  }

  #BottomNav .a {
    background-image: url(../images/shl-a.png);
  }

  #BottomNav .b {
    background-image: url(../images/shl-b.png);
  }

  #BottomNav .c {
    background-image: url(../images/shl-c.png);
  }

  #BottomNav .d {
    background-image: url(../images/vperson.png);
  }

  #BottomNav .e {
    background-image: url(../images/shl-e.png);
  }

  #BottomNav .f {
    background-image: url(../images/shl-f.png);
  }

  #BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.3em;
  }

  .m-header {
    height: 60px;
    width: 100%;
    background: #ffffff;
    z-index: 999999999
  }

  .sousuo {
    background: url(../images/wap_sea.png) no-repeat center;
    text-align: center;
    background-position: center center;
    background-size: auto 30px;
    height: 45px;
    margin-top: 7px;
  }

  .m-header.cur {
    position: absolute;
  }

  .ce-table .table-bot .item .i {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
  }

  .m-header .w-header.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
  }

  .m-header .w-header {
    position: relative;
    padding: 0 10px;
    padding-right: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 444444444444;
    height: 60px;
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
    background: #fff;
  }

  .glasslist-list .items .words .p span {
    font-size: 150%;
    color: #0aadb1;
  }

  .m-header .welcome-a {
    float: left;
    /* width: 50%;*/
    height: 100%;
    /* margin-top: 7px; */
    /*
  line-height: 48px;
  position: relative;*/
  }

  .m-header .welcome-a img {
    max-height: 100%;
    top: 10px;
    /*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
  }

  .m-header .search-cover {
    float: right;
    width: 50px;
    height: 48px;
    display: block;
    line-height: 48px;
  }

  .m-header .search-cover img {
    width: 100%;
    vertical-align: middle;
  }

  .m-header .uio {
    float: right;
    height: 100%;
    width: 65px;
    border-left: 0px solid #e1e1e1;
  }

  .m-header .search-bg {
    position: fixed;
    left: 0;
    top: 48px;
    width: 100%;
    height: 150px;
    z-index: 10;
    background: #ffffff;
    display: none;
  }

  .m-header .subsearch {
    padding-right: 15px;
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
  }

  .m-header .subsearch .sp {
    width: 35px;
    height: 35px;
    background-size: 80%;
  }

  .m-header .subsearch img {
    height: 100%;
  }

  .m-header .search-bg .m-close-search {
    display: block;
    width: 10px;
    height: 10px;
    background-size: 100% auto;
    position: fixed;
    right: 4%;
    top: 10px;
    cursor: pointer;
    z-index: 11;
  }

  .m-header .search-bg .m-search-box {
    width: 92%;
    margin: 0 auto;
    border-bottom: 1px solid #f2f2f2;
    position: absolute;
    left: 3%;
    top: 48px;
    height: 40px;
    z-index: 11;
  }

  .m-header .search-bg .m-search-box .tex {
    border: none;
    font-size: 14px;
    color: #a7a7a7;
    height: 41px;
    padding-left: 5px;
    box-sizing: border-box;
    width: 60%;
    background: none;
  }

  .m-header .search-bg .m-search-box .search-btn {
    border: none;
    width: 30px;
    height: 30px;
    background-size: 100%;
    margin-top: 6px;
  }

  .m-header .btn-na {
    margin-right: 15px;
  }

  .m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
  }

  .m-header .nav-btn .line {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #333333;
    left: 0;
    border-radius: 4px;
  }

  .m-header .nav-btn .line1 {
    top: 0px;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
  }

  .m-header .nav-btn .line2 {
    top: 7px;
  }

  .m-header .nav-btn .line3 {
    bottom: 0px;
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }

  .m-header .nav-btn.active {
    -webkit-animation: rotate 0.3s linear 0s;
    animation: rotate 0.3s linear 0s;
  }

  .m-header .nav-btn.hover .line {
    left: 6px;
  }

  .nav0 {
    position: relative;
    border-left: 1px solid #e1e1e1;
    cursor: pointer;
  }

  .nav0:hover .nav-btn .line {
    background: #059ea0;
    transition: .5s ease-in-out;
  }

  .nav0 .nav-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 12px;
    vertical-align: middle;
    cursor: pointer;
    bottom: 0;
    right: 0;
    margin: auto;
  }

  .nav0 .nav-btn .line {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: .5s ease-in-out;
    left: 0;
    border-radius: 4px;
  }

  .nav0 .nav-btn .line1 {
    top: 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
  }

  .nav0 .nav-btn .line2 {
    top: 5px;
  }

  .nav0 .nav-btn .line3 {
    bottom: 0;
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }

  .nav0 .nav-btn.active {
    -webkit-animation: rotate 0.3s linear 0s;
    animation: rotate 0.3s linear 0s;
  }

  .nav0 .nav-btn.hover .line {
    left: 6px;
  }

  .m-header .sub-menu {
    width: 100%;
    height: 100%;
    padding: 14px 0 0;
    display: none;
    position: fixed;
    left: 0;
    top: 45px;
    background-color: white;
    z-index: 1999999990;
    color: #666;
    overflow-y: auto;
  }

  .m-header .sub-menu li .sub-tit {
    padding: 0 3%;
    box-sizing: border-box;
  }

  .m-header .sub-menu li .sub-tit .tu-box {
    padding: 13px 0;
    border-bottom: 1px solid #dcdcdc;
    box-sizing: border-box;
    position: relative;
  }

  .m-header .sub-menu li .sub-tit .tu-box .imgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    bottom: 0;
    margin: auto;
  }

  .m-header .sub-menu li .sub-tit.on .tu-box {
    border-bottom-color: transparent;
  }

  .m-header .sub-menu li a {
    display: block;
  }

  .m-header .sub-menu .tit {
    display: block;
    width: 100%;
    padding: 10px 3%;
    box-sizing: border-box;
    line-height: 33px;
    color: #666;
    position: relative;
    font-size: 15px;
    line-height: 20px;
  }

  .m-header .sub-menu .tit a {
    color: #666;
  }

  .menu-text {
    text-align: center;
    margin-top: 35px;
  }

  .menu-text .li {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f2f2f2;
    line-height: 50px;
    margin: 0 15px;
  }

  .menu-text .li img {
    width: 23px;
    display: inline-block;
  }

  .case-ul.w1480 {
    line-height: 1;
    font-size: 1px;
    /*margin-top: -32px;*/
    margin-bottom: 52px;
  }

  .headsearch-box {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 150;
    top: 0;
    left: 0;
    display: none;
    touch-action: none;
  }

  .headsearch-box input[type="text"] {
    text-align: center;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
  }

  .headsearch-box input[type="submit"] {
    position: absolute;
    text-indent: -9999px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 35px;
    width: 35px;
    background: url(../images/ser-black.png) no-repeat center;
  }

  .headsearch-box input {
    border: none;
    background: none;
    outline: none;
  }

  .headsearch-box .x-box .x-o {
    position: absolute;
    right: 0;
    top: 10%;
    cursor: pointer;
  }

  .headsearch-box .x-box {
    /*height:960px;*/
    width: 1200px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

  .headsearch-box .x-p {
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    height: 110px;
    line-height: 110px;
    border-bottom: 1px solid #606060;
    font-size: 24px;
    color: #606060;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

  .m-header .sub-menu .tit1 {
    display: block;
    width: 100%;
    line-height: 33px;
    color: #666;
    position: relative;
    font-size: 15px;
    line-height: 18px;
    box-sizing: border-box;
  }

  .m-header .sub-menu .sub-tit.on.on .btn-v {
    background: url(../images/img6.png) center center no-repeat;
    background-size: 100%;
  }

  .m-header .sub-menu .btn-v {
    height: 20px;
    width: 20px;
    float: right;
    margin-right: 16px;
    margin-top: 0;
    background: url(../images/img5.png) center center no-repeat;
    background-size: 100%;
  }

  .m-header .sub-menu .sub-tit1.on {
    background-color: #ff0001;
    color: #fff;
  }

  .m-header .sub-menu .sub-tit.on:after {
    background-size: 100% auto;
  }

  .m-header .sub-menu .sec-list {
    line-height: 28px;
    padding: 1px 1.5%;
    display: none;
    background: #f2f2f2;
  }

  .m-header .sub-menu .sec-list p {
    background-size: 8px auto;
    height: 43px;
    line-height: 43px;
    font-size: 13px;
    border-top: 1px solid #e8e8e8;
    box-sizing: border-box;
  }

  .m-header .sub-menu .sec-list p:nth-child(1) {
    border-top: none;
  }

  .m-header .sub-menu .sec-list a {
    padding-left: 21px;
    color: #888;
    display: block;
  }

  .bocweb-header.ff {
    background: #ffffff;
  }

  .imgd {
    position: relative;
  }

  .imgd img {
    display: block;
    /* vertical-align: middle; */
  }

  .imgd .i1,
  .imgd .i2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }

  .nav-pro {
    position: relative;
  }

  .search-close.show {
    transform: scale(1);
    z-index: 3;
  }

  .header-search-wrap .submit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 36px;
    height: 43px;
    background: url(../images/ser-black.png) no-repeat center;
    border: none;
    box-sizing: border-box;
  }

  .hide1,
  .hide1.header.active {
    transform: scale(0) !important;
    opacity: 0;
    transition: .6s ease-in-out;
    transition-duration: .5s;
  }

  .search-close {
    position: absolute;
    z-index: -1;
    display: block;
    right: -1.5rem;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(../images/close2.png) no-repeat center;
    background-size: 24px !important;
    cursor: pointer;
    transition-duration: .5s;
    transform: scale(0);
  }

  .header-search-wrap {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 10px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    width: 600px;
    height: 44px;
    margin-left: -300px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #666;
    line-height: 44px;
    transition: all 0.5s;
    /*background: #fff;*/
    padding-right: 50px;
  }

  .header-search-wrap .submit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 36px;
    height: 43px;
    background: url(../images/ser-black.png) no-repeat center;
    border: none;
    box-sizing: border-box;
  }

  .header-search-wrap .ser-input {
    width: 100%;
    height: 43px;
    position: relative;
    border: none;
    background: none;
    box-sizing: border-box;
    text-indent: 20px;
  }

  .header {
    width: 100%;
    color: #4c4c4c;
    top: 0;
    left: 0;
    height: 70px;
    background: #ffffff;
    transition: .5s ease-in-out;
    line-height: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header .nav-btn .line {
    background: #353535;
  }

  .header.active {
    color: #fff;
    position: fixed;
    background: transparent;
  }

  .header.active .nav0 {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header.active a {
    color: #ffffff;
  }

  .header.active .icon-sousuo {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header.active .bocweb-logo .i0 {
    opacity: 1;
  }

  .header.active .bocweb-logo .i1 {
    opacity: 0;
  }

  .header.active .navleft-ul .li .imgd .i0 {
    opacity: 1;
  }

  .header.active .navleft-ul .li .imgd .i1,
  .header.active .navleft-ul .li .imgd .i2 {
    opacity: 0;
  }

  .header.active .navleft-ul .li:hover .imgd .i0,
  .header.active .navleft-ul .li.active .imgd .i0 {
    opacity: 0;
  }

  .header.active .navleft-ul .li:hover .imgd .i2,
  .header.active .navleft-ul .li.active .imgd .i2 {
    opacity: 0;
  }

  .header.active .navleft-ul .li:hover .imgd .i1,
  .header.active .navleft-ul .li.active .imgd .i1 {
    opacity: 1;
  }

  .header a {
    color: #4c4c4c;
  }

  .header .bocweb-logo {
    width: 165px;
    height: 70px;
    position: relative;
    margin-right: 60px;
  }

  .header .bocweb-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .header .bocweb-logo .i0 {
    opacity: 0;
  }

  .header .bocweb-logo .i1 {
    opacity: 1;
  }

  .header .bocweb-navleft {
    padding-left: 0px;
    box-sizing: border-box;
  }

  .header .navleft-ul .li {
    float: left;
    padding-left: 30px;
    box-sizing: border-box;
    position: relative;
  }

  .header .navleft-ul .li:nth-child(n+2) {
    margin-left: 40px;
  }

  .header .navleft-ul .li .imgd .i2 {
    opacity: 1;
  }

  .header .navleft-ul .li .imgd .i0 {
    opacity: 0;
  }

  .header .navleft-ul .li:hover,
  .header .navleft-ul .li.active {
    color: #059ea0;
    transition: .5s ease-in-out;
  }

  .header .navleft-ul .li:hover span,
  .header .navleft-ul .li.active span {
    color: #059ea0;
    transition: .5s ease-in-out;
  }

  .header .navleft-ul .li:hover .imgd img,
  .header .navleft-ul .li.active .imgd img {
    transition: .5s ease-in-out;
  }

  .header .navleft-ul .li:hover .imgd .i0,
  .header .navleft-ul .li.active .imgd .i0 {
    opacity: 0;
  }

  .header .navleft-ul .li:hover .imgd .i2,
  .header .navleft-ul .li.active .imgd .i2 {
    opacity: 0;
  }

  .header .navleft-ul .li:hover .imgd .i1,
  .header .navleft-ul .li.active .imgd .i1 {
    opacity: 1;
  }

  .header .navleft-ul .li .imgd {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
  }

  .header .navleft-ul .li.li2 .imgd {
    top: 4px;
  }

  .header .navleft-ul .li .imgd img {
    transition: .5s ease-in-out;
  }

  .header .bocweb-nav .nav-li {
    float: left;
  }

  .header .bocweb-nav .nav-li .li-top {
    transition: .5s ease-in-out;
  }

  .header .bocweb-nav .nav-li:hover .li-top,
  .header .bocweb-nav .nav-li.active .li-top {
    color: #059ea0;
    transition: .5s ease-in-out;
  }

  .header .bocweb-nav .nav-li:nth-child(n+2) {
    margin-left: 95px;
  }

  .header .bocweb-nav .nav0 {
    width: 80px;
    height: 70px;
  }

  .header.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    transition: .5s ease-in-out;
  }

  .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

  .mbox {
    display: block !important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .pc_daohang {
    display: blcok
  }

  .wap_daohang {
    display: none
  }

  .wap_foot {
    display: none
  }

  .wap_fenlei {
    display: none
  }

  .head {
    width: 95%;
  }

  .head_y {
    width: 33%;
  }

  /*导航*/
  .nav {
    width: 95%;
  }

  .nav li a {
    padding-left: 42px;
    padding-right: 42px;
  }

  /*标题公共样式*/
  .wd1200 {
    width: 95%;
  }

  .xuanc .wd1200 {
    width: 70%;
  }

  /*首页产品*/
  .zdcp ul li {
    width: 43%;
  }

  .cpfl ul li {
    margin-top: 15px;
  }

  .cpfl ul li h2 {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 30px;
  }

  .cptu {
    height: 280px;
  }

  /*news*/
  .news {
    width: 52%;
  }

  .flx {
    width: 45%;
    margin-left: 50px;
  }

  .fadd {
    background: url(../images/index_42.jpg) no-repeat left top;
  }

  .rytop h2 {
    font-size: 23px;
  }
}

@media screen and (max-width: 640px) {
  .yingc {
    display: none
  }

  .xians {
    display: block
  }

  .pc_daohang {
    display: none
  }

  .wap_daohang {
    display: block
  }

  .wap_foot {
    display: block
  }

  .wap_fenlei {
    display: block
  }

  .beia {
    width: 70%;
    margin: 0 auto
  }

  /*标题公共样式*/
  .wd1200 {
    padding-top: 30px;
    padding-bottom: 50px;
    width: 95%;
    margin: 0 auto
  }

  .wenzi h2 {
    color: #1D84DC;
    font-size: 45px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Barlow Regular;
  }

  .wenzi h3 {
    font-family: Barlow-bold;
    font-size: 25px;
    color: #1D84DC;
    ;
    margin-bottom: 10px;
  }

  .wline {
    background: #1D84DC;
    height: 4px;
    margin: 0 auto;
    width: 70px;
  }

  .eanma img {
    max-width: 100% !important;
    height: auto !important
  }

  /*首页公司简介*/
  .abnr {
    margin: 0 auto;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    line-height: 26px;
    height: 156px;
    margin-top: 35px;
    color: #7a7a7a;
    text-align: center;
    width: 95%;
  }

  .more-btn {
    text-align: center;
    margin-top: 40px;
  }

  /*首页产品*/
  .pro_top .wenzi {
    float: none
  }

  .pro_top .wenzi h2 {
    text-align: center;
    font-size: 26px;
  }

  .pro_top .wenzi h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
  }

  .pro_top .more-btn {
    float: none;
    margin-top: 15px;
  }

  .zdcp {
    width: 100%;
    float: none;
    margin-top: 30px;
  }

  /* .zdcp ul {} */

  .zdcp ul li:nth-child(2n) {
    float: none
  }

  .zdcp ul li {
    width: 92%;
    background: url(../images/index_13.jpg) no-repeat left;
    padding-left: 8%;
    line-height: 30px;
    float: none;
  }

  .zdcp ul li a {
    color: #858585;
    font-size: 16px;
  }

  .zdcp ul li a:hover {
    color: #1D84DC
  }

  .cpfl ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .cpfl ul li {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
  }

  .cpfl ul li h2 {
    font-family: Barlow;
    text-transform: uppercase;
    background: #fff;
    height: auto;
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    text-align: center;
    z-index: 1;
    font-weight: normal;
    color: #000000;
    font-size: 17px;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    bottom: 50px;
    left: 10%
  }

  /*news*/
  .fwdd {
    margin: 0 auto;
    color: #252525;
    font-size: 23px;
    margin-left: 0px;
    margin-top: 10px;
    float: none;
    text-align: center;
  }

  .fwdd h2 {
    font-family: Barlow Regular;
    display: inline-block;
    font-size: 25px;
    color: #252525;
    position: relative;
    z-index: 14;
    font-weight: normal;
    text-transform: uppercase
  }

  .fwdd h3 {
    font-weight: normal
  }

  .fwtu {
    float: none;
    text-align: center
  }

  .service {
    float: none;
    width: 100%
  }

  .fwdd a {
    width: 80%;
    padding: 12px 0px;
    transition: .3s all ease-out;
    display: inline-block;
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    position: relative;
    overflow: hidden;
    position: relative;
    z-index: 9;
    line-height: 28px;
    font-family: Barlow Regular;
  }

  .news {
    width: 100%;
    float: none;
    margin-top: 40px;
  }

  .news h2 {
    font-size: 30px;
    color: #1D84DC;
    font-family: Barlow Regular;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center
  }

  .news ul {
    margin-top: 20px;
  }

  .news ul li {
    line-height: 35px;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
  }

  .news ul li span {
    padding-right: 20px;
  }

  .news ul li a {
    color: #424242;
    font-size: 15px;
  }

  .ewm {
    float: none;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
  }

  .ewm img {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .flx {
    width: 100% !important;
    float: none !important;
    margin-top: 40px;
    margin-left: 0px;
  }

  .fadd {
    background: url(../images/index_42.jpg) no-repeat center top;
    padding-left: 0px;
    color: #808080;
    font-size: 15px;
    line-height: 26px;
    padding-top: 50px;
    text-align: center
  }

  .ftel {
    background: url(../images/index_46.jpg) no-repeat center top;
    padding-left: 0px;
    color: #808080;
    font-size: 15px;
    line-height: 26px;
    margin-top: 30px;
    padding-top: 50px;
    text-align: center
  }

  .fmail {
    background: url(../images/index_49.jpg) no-repeat center top;
    padding-left: 0px;
    color: #808080;
    font-size: 15px;
    line-height: 46px;
    margin-top: 30px;
    padding-top: 30px;
    text-align: center
  }

  .huibg {
    background: url(../images/nb.jpg) no-repeat;
    background-attachment: fixed;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px;
  }

  .huibg h2 {
    color: #1D84DC;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Barlow Regular;
    text-align: center
  }

  .huibg h3 {
    font-family: Barlow-bold;
    font-size: 25px;
    color: #1D84DC;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center
  }

  /*单页头部开始*/
  .students {
    margin: 0 auto;
    width: 100%;
    height: 150px;
    position: relative;
  }

  #four_flash {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: absolute;
  }

  #four_flash .flashBg {
    width: 70%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 400px;
  }

  #four_flash .flashBg ul.mobile {
    width: 2000%;
    height: auto;
    position: absolute;
    left: 0;
    padding-top: 20px;
  }

  #four_flash .flashBg ul.mobile li {
    float: left;
    width: 250px;
    height: 150px;
    color: #6C6E85;
    transition: all 1s ease 0s;
    margin-left: 7px;
    margin-right: 7px;
  }

  #four_flash .flashBg ul.mobile li:hover {
    -webkit-box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, .1);
  }

  #four_flash .flashBg ul.mobile li img {
    width: 250px;
    height: 150px;
  }

  #four_flash .but_left {
    width: 50px;
    height: 100px;
    position: absolute;
    top: 50px;
    left: 0px;
  }

  #four_flash .but_right {
    width: 50px;
    height: 100px;
    position: absolute;
    top: 50px;
    right: 0px;
  }

  #four_flash .but_left:hover {
    background: url(../images/qianxleft1.png) no-repeat;
  }

  #four_flash .but_right:hover {
    background: url(../images/qianxr1.png) no-repeat;
  }

  /*-------底部-----------*/
  .foot {
    background: #1D84DC;
    width: 100%;
    margin: 0 auto;
    color: #fff
  }

  .foot .wd1200 {
    padding-bottom: 70px;
    padding-top: 10px;
  }

  .foot .fr {
    display: none;
  }

  .banquan {
    width: 100%;
    line-height: 22px;
    color: #fff;
    float: none;
  }

  .banquan p {
    text-align: center
  }

  a.zzb07link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
  }

  a.zzb07link:hover {
    text-decoration: underline;
    color: #fff;
  }

  .zzb07tail {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
  }

  .serfuwu ul {
    display: block;
    flex-wrap: none;
    justify-content: space-between;
  }

  .serfuwu ul li {
    width: 100%;
    overflow: hidden;
    float: none;
  }

  .serfuwu ul li:nth-child(2) {
    width: 100%;
    text-align: left;
    margin-top: 30px;
  }

  /* .serfuwu ul li:nth-child(2) img {} */

  .yincang {
    display: none
  }

  .neibiaoge table td {
    font-size: 14px;
  }

  /*内页*/
  .neiye {
    background: #f9f9f9;
    width: 100%;
    margin: 0 auto;
  }

  .dingwei {
    background: #fafafa;
    width: 100%;
    margin: 0 auto
  }

  .ny_weizhi {
    font-size: 14px;
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .ny_weizhi h2 {
    color: #000;
    font-size: 35px;
    text-transform: capitalize;
  }

  .weizhi span {
    padding-left: 5px;
    padding-right: 5px;
  }

  .weizhi {
    font-size: 15px;
    display: none
  }

  .nymain {
    width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 80px;
    line-height: 30px;
  }

  .neiye .wd1200 {
    padding-top: 0px;
    width: 100%;
    padding-bottom: 0px;
  }

  .nyabzuo {
    width: 50%;
  }

  .nyabzuo img {
    width: 100%
  }

  .nyabyou {
    width: 45%;
    margin-top: 40px;
  }

  /*内页*/
  .inside_l {
    display: none;
    width: 20%;
    float: left;
    border-radius: 10px;
  }

  .inside_r {
    margin: 0 auto;
    background: #fff;
    width: 90%;
    float: none;
    line-height: 30px;
    box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.1);
    padding: 3%;
    border-radius: 10px;
    margin-top: 40px;
  }

  .inside_r h3 {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #000000;
    padding-bottom: 25px;
    font-weight: normal
  }

  .rytop {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
    padding-top: 10px;
  }

  .rytop h2 {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 25px;
    color: #000;
  }

  .weiz span {
    padding-left: 5px;
    padding-right: 5px;
  }

  .rytop .fl {
    float: none;
    text-align: center
  }

  .neirong {
    padding-top: 30px;
    min-height: 350px;
  }

  .neixw ul li {
    line-height: 60px;
    border-bottom: 1px dotted #d8d8d8;
    padding-top: 20px;
  }

  .neixw ul li a {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    float: none;
    line-height: 25px;
  }

  .neixw ul li span {
    padding-right: 20px;
  }

  .neixw ul li a span {
    display: none
  }

  .neixw ul li .fr {
    float: none;
    width: 100%
  }

  .neixw ul li:hover {
    background: #1D84DC
  }

  .neixw ul li:hover a {
    padding-left: 10px;
    color: #fff
  }

  .neixw ul li:hover span {
    color: #fff;
  }

  .neisj {
    text-align: center;
    font-size: 15px;
    margin-top: 5px;
  }

  .nyabout {
    width: 100%;
    background-size: 200%;
    height: 120px;
  }

  .nycon {
    width: 100%;
    background-size: 200%;
    height: 120px;
  }

  .nynews {
    width: 100%;
    background-size: 200%;
    height: 120px;
  }

  .nycase {
    width: 100%;
    background-size: 200%;
    height: 120px;
  }

  .nypro {
    width: 100%;
    background-size: 200%;
    height: 120px;
  }

  .quzs {
    margin-top: 30px;
  }

  .quzs h2 {
    color: #1D84DC;
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center
  }

  .quzs ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .quzs ul li {
    width: 100%;
    overflow: hidden;
  }

  .zu11 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    background: #fafafa;
  }

  .zu11 img {
    max-width: 100%;
    transition: all 0.8s;
    max-height: 300px;
  }

  .quzs ul li:nth-child(2) {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .quzs ul li:hover img {
    transform: scale(1.1);
  }

  .biaoti {
    text-align: center;
    padding-top: 15px;
  }

  .cco {
    background: #fff;
    border: 5px solid #1D84DC;
    border-top: 0px;
    padding: 20px;
    line-height: 25px;
    word-wrap: break-word;
  }

  .cco p {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
  }

  .page_in {
    border-top: 5px solid #fafafa;
    margin-top: 40px;
  }

  .page_in ul {
    align-items: center;
    margin-top: 30px;
  }

  .page_in ul li {
    width: 33%;
    font-size: 15px;
    float: left
  }

  .page_in ul li:nth-child(2) {
    transition: all 0.3s ease 0s;
    width: 33%;
    margin: 0 auto;
  }

  .page_in ul li:nth-child(2) a {
    display: block;
    color: #fff;
    background: #0055a9;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center
  }

  /* .page_in ul li:nth-child(2):hover {} */

  .page_in ul li:nth-child(2):hover a {
    color: #fff;
    background: #000;
    border-radius: 50%;
  }

  .page_in ul li:nth-child(3) {
    text-align: right;
  }

  .cuti {
    width: 100%;
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    color: #1D84DC;
  }

  .nyma {
    min-height: 150px;
  }

  .proxx {
    font-size: 15px;
    margin-top: 30px;
  }

  .proxx table {
    border-left: #d8d8d8 1px solid;
    border-top: #d8d8d8 1px solid;
    width: 100%;
    margin: 0 auto;
  }

  .proxx tr td {
    padding: 10px;
    line-height: 25px;
    border-bottom: #d8d8d8 1px solid;
    border-right: #d8d8d8 1px solid;
  }

  .proxx tr td:first-child {
    text-align: center;
    width: 25%;
  }

  /*内页新闻*/
  .newsmid_2_1_mid_1 {
    overflow: hidden;
    width: 200px;
    border: 1px solid #f2f2f2;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    background: #fff;
    margin-bottom: 40px;
  }

  .newsmid_2_1_mid_1 img {
    max-width: 200px;
    max-height: 130px;
    transition: all 0.8s;
  }

  .newsmid_2_1_mid_1 img:hover {
    transform: scale(1.4);
  }

  .newsmid_2_1_mid {
    position: relative;
    background-color: #fff;
    border: 1px #e4e4e4 solid;
    margin-bottom: 40px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .1);
    padding: 40px;
    height: 130px;
  }

  a:hover .newsmid_2_1_mid {
    background: #f8f8f8;
  }

  a:hover .newsmid_2_1_mid .newsmid_2_1_mid_1 img {
    transform: scale(1.07)
  }

  .newsmid_2_1_mid_2 {
    width: 79%;
    float: right;
  }

  .newsmid_2_1_mid_2_1 {
    margin-bottom: 0.35em;
    margin-top: 0.2em;
    text-align: left;
    color: #2c82cd;
    font-size: 0.875em;
    font-family: Arial, Helvetica, sans-serif;
  }

  .newsmid_2_1_mid_2_1 b {
    font-size: 44px;
    color: #2c82cd;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
  }

  .newsmid_2_1_mid_2_1 i {
    font-size: 15px;
    color: #2c82cd;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    display: block;
  }

  .newsmid_2_1_mid_2_2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    min-height: 3em;
  }

  .newsmid_2_1_mid_2_2 h3 {
    font-size: 24px;
    color: #000;
    line-height: 1.5;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
  }

  .newsmid_2_1_mid_2_2 .fx {
    font-size: 13px;
    color: #999;
    line-height: 36px;
  }

  .newsmid_2_1_mid_2_2 .fx .em1 {
    background: url(../images/icon1.png) no-repeat left center;
    background-size: 15px auto;
    float: left;
    width: 130px;
    padding-left: 20px;
  }

  .newsmid_2_1_mid_2_2 .fx .em2 {
    background: url(../images/icon2.png) no-repeat left center;
    background-size: 13px auto;
    float: left;
    width: 70px;
    padding-left: 16px;
  }

  .newsmid_2_1_mid_2_2 p {
    font-size: 15px;
    color: #666;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 50px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    padding: 0px;
    margin: 0px;
  }

  .newsmid_2_1_mid_3 {
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px #d7d7d7 solid;
    width: 100%;
  }

  .newsmid_2_1_mid_3 div {
    padding: .8em 1.5625em;
  }

  .newsmid_2_1_mid_3 span {
    padding-right: 2.142857142857143em;
    font-size: 0.875em;
    color: #000;
    display: inline-block;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/index/img5.png);
  }

  .newsmid_2_1_mid_2_2_jj {
    margin-top: 2em;
    font-size: 0.875em;
    color: #333;
    line-height: 1.7;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
  }

  .newsmid_2_2 {
    margin-top: 1em;
    text-align: center;
  }

  .newsmid_2_2 a {
    display: inline-block;
    background-color: #fff;
    padding: 0.5em 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    margin: 0 0.2em;
    margin-bottom: 0.5em;
  }

  .newsmid_2_2 a.on,
  .newsmid_2_2 a:hover {
    color: #fff;
    background-color: #2c82cd
  }

  .newsmid_2 {
    padding-top: 4em;
  }

  .news_da {
    background: none !important;
  }

  .news_da_nr {
    width: 68%;
    float: left;
  }

  .xwbt {
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
  }

  .shijian {
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    color: #555;
    opacity: 0.6
  }

  .xxnr img {
    max-width: 100% !important;
    height: auto !important
  }

  .fanhui li {
    margin-top: 15px;
  }

  .fanhui {
    margin-top: 30px;
    border-top: 5px solid #f4f4f4
  }

  .ditu {
    width: 50%
  }

  .nylianxi {
    width: 45%
  }

  .rit-box .top-tit {
    border-bottom: 1px dotted #BBBBBB;
    padding-bottom: 20px;
  }

  .rit-box .top-tit h3 {
    font-size: 20px;
    font-weight: normal;
    color: #000;
    margin-bottom: 0px;
  }

  .rit-box .top-tit p {
    font-size: 15px;
    color: #999999;
  }

  .rit-box .top-tit p font {
    color: #0055a9;
    font-weight: bold;
    font-size: 25px;
  }

  .city li.on,
  .city li:hover {
    background-color: #0055a9;
  }

  .city li {
    float: left;
    margin-right: 10px;
    width: 150px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 15px;
    background-color: #0055a9;
  }

  .city li a {
    color: #fff
  }

  .city {
    display: table;
    margin-top: 15px;
  }

  .kbm {
    margin-top: 20px;
  }

  /*内页新闻*/
  .nyxinwen ul li {
    float: left;
    width: 44%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    line-height: 30px;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 25px;
  }

  .nyxinwen ul li:nth-child(2n) {
    float: right
  }

  .xwmiao {
    color: #555;
    opacity: 0.5;
    font-size: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 44px;
    line-height: 22px;
    margin-top: 8px;
    margin-bottom: 10px;
  }

  .nyxinwen ul li {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
  }

  .nyxinwen ul li:hover {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
  }

  .new_biaoti {
    color: #333;
    font-size: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: normal;
    line-height: 23px;
    height: 46px;
  }

  .xline {
    background: #0055a9;
    height: 2px;
    width: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .riqi {
    color: #a3a3a3
  }

  .nybt {
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #0055a9;
    font-size: 20px;
    margin-bottom: 30px;
  }

  .new_nybt {
    color: #0055a9;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
  }

  .clearfix {
    clear: both
  }

  .clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }

  /*.tbottom{ height:3.5rem;}*/
  #BottomNav {
    background-color: #333;
    bottom: 0;
    height: 3.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39;
    box-sizing: border-box;
  }

  #BottomNav ul li {
    float: left;
    box-sizing: border-box;
    text-align: center;
    width: 20%;
  }

  #BottomNav ul li a {
    color: #fff;
    display: block;
  }

  #BottomNav ul li a div {
    font-size: 14px;
    padding-bottom: 0.7rem;
  }

  #BottomNav .a {
    background-image: url(../images/shl-a.png);
  }

  #BottomNav .b {
    background-image: url(../images/shl-b.png);
  }

  #BottomNav .c {
    background-image: url(../images/shl-c.png);
  }

  #BottomNav .d {
    background-image: url(../images/vperson.png);
  }

  #BottomNav .e {
    background-image: url(../images/shl-e.png);
  }

  #BottomNav .f {
    background-image: url(../images/shl-f.png);
  }

  #BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.3em;
  }

  .m-header {
    height: 60px;
    width: 100%;
    background: #ffffff;
    z-index: 999999999
  }

  .sousuo {
    background: url(../images/wap_sea.png) no-repeat center;
    text-align: center;
    background-position: center center;
    background-size: auto 30px;
    height: 45px;
    margin-top: 7px;
  }

  .m-header.cur {
    position: absolute;
  }

  .ce-table .table-bot .item .i {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
  }

  .m-header .w-header.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
  }

  .m-header .w-header {
    position: relative;
    padding: 0 10px;
    padding-right: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 444444444444;
    height: 60px;
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
    background: #fff;
  }

  .glasslist-list .items .words .p span {
    font-size: 150%;
    color: #0aadb1;
  }

  .m-header .welcome-a {
    float: left;
    /* width: 50%;*/
    height: 100%;
    /* margin-top: 7px; */
    /*
  line-height: 48px;
  position: relative;*/
  }

  .m-header .welcome-a img {
    max-height: 90%;
    top: 10px;
    margin-top: 2.5%;
    /*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
  }

  .m-header .search-cover {
    float: right;
    width: 50px;
    height: 48px;
    display: block;
    line-height: 48px;
  }

  .m-header .search-cover img {
    width: 100%;
    vertical-align: middle;
  }

  .m-header .uio {
    float: right;
    height: 100%;
    width: 65px;
    border-left: 0px solid #e1e1e1;
  }

  .m-header .search-bg {
    position: fixed;
    left: 0;
    top: 48px;
    width: 100%;
    height: 150px;
    z-index: 10;
    background: #ffffff;
    display: none;
  }

  .m-header .subsearch {
    padding-right: 15px;
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
  }

  .m-header .subsearch .sp {
    width: 35px;
    height: 35px;
    background-size: 80%;
  }

  .m-header .subsearch img {
    height: 100%;
  }

  .m-header .search-bg .m-close-search {
    display: block;
    width: 10px;
    height: 10px;
    background-size: 100% auto;
    position: fixed;
    right: 4%;
    top: 10px;
    cursor: pointer;
    z-index: 11;
  }

  .m-header .search-bg .m-search-box {
    width: 92%;
    margin: 0 auto;
    border-bottom: 1px solid #f2f2f2;
    position: absolute;
    left: 3%;
    top: 48px;
    height: 40px;
    z-index: 11;
  }

  .m-header .search-bg .m-search-box .tex {
    border: none;
    font-size: 14px;
    color: #a7a7a7;
    height: 41px;
    padding-left: 5px;
    box-sizing: border-box;
    width: 60%;
    background: none;
  }

  .m-header .search-bg .m-search-box .search-btn {
    border: none;
    width: 30px;
    height: 30px;
    background-size: 100%;
    margin-top: 6px;
  }

  .m-header .btn-na {
    margin-right: 15px;
  }

  .m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
  }

  .m-header .nav-btn .line {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #333333;
    left: 0;
    border-radius: 4px;
  }

  .m-header .nav-btn .line1 {
    top: 0px;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
  }

  .m-header .nav-btn .line2 {
    top: 7px;
  }

  .m-header .nav-btn .line3 {
    bottom: 0px;
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }

  .m-header .nav-btn.active {
    -webkit-animation: rotate 0.3s linear 0s;
    animation: rotate 0.3s linear 0s;
  }

  .m-header .nav-btn.hover .line {
    left: 6px;
  }

  .nav0 {
    position: relative;
    border-left: 1px solid #e1e1e1;
    cursor: pointer;
  }

  .nav0:hover .nav-btn .line {
    background: #059ea0;
    transition: .5s ease-in-out;
  }

  .nav0 .nav-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 12px;
    vertical-align: middle;
    cursor: pointer;
    bottom: 0;
    right: 0;
    margin: auto;
  }

  .nav0 .nav-btn .line {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: .5s ease-in-out;
    left: 0;
    border-radius: 4px;
  }

  .nav0 .nav-btn .line1 {
    top: 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
  }

  .nav0 .nav-btn .line2 {
    top: 5px;
  }

  .nav0 .nav-btn .line3 {
    bottom: 0;
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }

  .nav0 .nav-btn.active {
    -webkit-animation: rotate 0.3s linear 0s;
    animation: rotate 0.3s linear 0s;
  }

  .nav0 .nav-btn.hover .line {
    left: 6px;
  }

  .m-header .sub-menu {
    width: 100%;
    height: 100%;
    padding: 14px 0 0;
    display: none;
    position: fixed;
    left: 0;
    top: 45px;
    background-color: white;
    z-index: 1999999990;
    color: #666;
    overflow-y: auto;
  }

  .m-header .sub-menu li .sub-tit {
    padding: 0 3%;
    box-sizing: border-box;
  }

  .m-header .sub-menu li .sub-tit .tu-box {
    padding: 13px 0;
    border-bottom: 1px solid #dcdcdc;
    box-sizing: border-box;
    position: relative;
  }

  .m-header .sub-menu li .sub-tit .tu-box .imgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    bottom: 0;
    margin: auto;
  }

  .m-header .sub-menu li .sub-tit.on .tu-box {
    border-bottom-color: transparent;
  }

  .m-header .sub-menu li a {
    display: block;
  }

  .m-header .sub-menu .tit {
    display: block;
    width: 100%;
    padding: 10px 3%;
    box-sizing: border-box;
    line-height: 33px;
    color: #666;
    position: relative;
    font-size: 15px;
    line-height: 20px;
  }

  .m-header .sub-menu .tit a {
    color: #666;
  }

  .menu-text {
    text-align: center;
    margin-top: 35px;
  }

  .menu-text .li {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f2f2f2;
    line-height: 50px;
    margin: 0 15px;
  }

  .menu-text .li img {
    width: 23px;
    display: inline-block;
  }

  .case-ul.w1480 {
    line-height: 1;
    font-size: 1px;
    /*margin-top: -32px;*/
    margin-bottom: 52px;
  }

  .headsearch-box {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 150;
    top: 0;
    left: 0;
    display: none;
    touch-action: none;
  }

  .headsearch-box input[type="text"] {
    text-align: center;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
  }

  .headsearch-box input[type="submit"] {
    position: absolute;
    text-indent: -9999px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 35px;
    width: 35px;
    background: url(../images/ser-black.png) no-repeat center;
  }

  .headsearch-box input {
    border: none;
    background: none;
    outline: none;
  }

  .headsearch-box .x-box .x-o {
    position: absolute;
    right: 0;
    top: 10%;
    cursor: pointer;
  }

  .headsearch-box .x-box {
    /*height:960px;*/
    width: 1200px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

  .headsearch-box .x-p {
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    height: 110px;
    line-height: 110px;
    border-bottom: 1px solid #606060;
    font-size: 24px;
    color: #606060;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

  .m-header .sub-menu .tit1 {
    display: block;
    width: 100%;
    line-height: 33px;
    color: #666;
    position: relative;
    font-size: 15px;
    line-height: 18px;
    box-sizing: border-box;
  }

  .m-header .sub-menu .sub-tit.on.on .btn-v {
    background: url(../images/img6.png) center center no-repeat;
    background-size: 100%;
  }

  .m-header .sub-menu .btn-v {
    /* display: inline-block; */
    height: 20px;
    width: 20px;
    float: right;
    margin-right: 16px;
    margin-top: 0;
    background: url(../images/img5.png) center center no-repeat;
    background-size: 100%;
  }

  .m-header .sub-menu .sub-tit1.on {
    background-color: #ff0001;
    color: #fff;
  }

  .m-header .sub-menu .sub-tit.on:after {
    background-size: 100% auto;
  }

  .m-header .sub-menu .sec-list {
    line-height: 28px;
    padding: 1px 1.5%;
    display: none;
    background: #f2f2f2;
  }

  .m-header .sub-menu .sec-list p {
    background-size: 8px auto;
    height: 43px;
    line-height: 43px;
    font-size: 13px;
    border-top: 1px solid #e8e8e8;
    box-sizing: border-box;
  }

  .m-header .sub-menu .sec-list p:nth-child(1) {
    border-top: none;
  }

  .m-header .sub-menu .sec-list a {
    padding-left: 21px;
    color: #888;
    display: block;
  }

  .bocweb-header.ff {
    background: #ffffff;
  }

  .imgd {
    position: relative;
  }

  .imgd img {
    display: block;
    /* vertical-align: middle; */
  }

  .imgd .i1,
  .imgd .i2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }

  .nav-pro {
    position: relative;
  }

  .search-close.show {
    transform: scale(1);
    z-index: 3;
  }

  .header-search-wrap .submit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 36px;
    height: 43px;
    background: url(../images/ser-black.png) no-repeat center;
    border: none;
    box-sizing: border-box;
  }

  .hide1,
  .hide1.header.active {
    transform: scale(0) !important;
    opacity: 0;
    transition: .6s ease-in-out;
    transition-duration: .5s;
  }

  .search-close {
    position: absolute;
    z-index: -1;
    display: block;
    right: -1.5rem;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(../images/close2.png) no-repeat center;
    background-size: 24px !important;
    cursor: pointer;
    transition-duration: .5s;
    transform: scale(0);
  }

  .header-search-wrap {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 10px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    width: 600px;
    height: 44px;
    margin-left: -300px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #666;
    line-height: 44px;
    transition: all 0.5s;
    /*background: #fff;*/
    padding-right: 50px;
  }

  .header-search-wrap .submit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 36px;
    height: 43px;
    background: url(../images/ser-black.png) no-repeat center;
    border: none;
    box-sizing: border-box;
  }

  .header-search-wrap .ser-input {
    width: 100%;
    height: 43px;
    position: relative;
    border: none;
    background: none;
    box-sizing: border-box;
    text-indent: 20px;
  }

  .header {
    width: 100%;
    color: #4c4c4c;
    top: 0;
    left: 0;
    height: 70px;
    background: #ffffff;
    transition: .5s ease-in-out;
    line-height: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header .nav-btn .line {
    background: #353535;
  }

  .header.active {
    color: #fff;
    position: fixed;
    background: transparent;
  }

  .header.active .nav0 {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header.active a {
    color: #ffffff;
  }

  .header.active .icon-sousuo {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header.active .bocweb-logo .i0 {
    opacity: 1;
  }

  .header.active .bocweb-logo .i1 {
    opacity: 0;
  }

  .header.active .navleft-ul .li .imgd .i0 {
    opacity: 1;
  }

  .header.active .navleft-ul .li .imgd .i1,
  .header.active .navleft-ul .li .imgd .i2 {
    opacity: 0;
  }

  .header.active .navleft-ul .li:hover .imgd .i0,
  .header.active .navleft-ul .li.active .imgd .i0 {
    opacity: 0;
  }

  .header.active .navleft-ul .li:hover .imgd .i2,
  .header.active .navleft-ul .li.active .imgd .i2 {
    opacity: 0;
  }

  .header.active .navleft-ul .li:hover .imgd .i1,
  .header.active .navleft-ul .li.active .imgd .i1 {
    opacity: 1;
  }

  .header a {
    color: #4c4c4c;
  }

  .header .bocweb-logo {
    width: 165px;
    height: 70px;
    position: relative;
    margin-right: 60px;
  }

  .header .bocweb-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .header .bocweb-logo .i0 {
    opacity: 0;
  }

  .header .bocweb-logo .i1 {
    opacity: 1;
  }

  .header .bocweb-navleft {
    padding-left: 0px;
    box-sizing: border-box;
  }

  .header .navleft-ul .li {
    float: left;
    padding-left: 30px;
    box-sizing: border-box;
    position: relative;
  }

  .header .navleft-ul .li:nth-child(n+2) {
    margin-left: 40px;
  }

  .header .navleft-ul .li .imgd .i2 {
    opacity: 1;
  }

  .header .navleft-ul .li .imgd .i0 {
    opacity: 0;
  }

  .header .navleft-ul .li:hover,
  .header .navleft-ul .li.active {
    color: #059ea0;
    transition: .5s ease-in-out;
  }

  .header .navleft-ul .li:hover span,
  .header .navleft-ul .li.active span {
    color: #059ea0;
    transition: .5s ease-in-out;
  }

  .header .navleft-ul .li:hover .imgd img,
  .header .navleft-ul .li.active .imgd img {
    transition: .5s ease-in-out;
  }

  .header .navleft-ul .li:hover .imgd .i0,
  .header .navleft-ul .li.active .imgd .i0 {
    opacity: 0;
  }

  .header .navleft-ul .li:hover .imgd .i2,
  .header .navleft-ul .li.active .imgd .i2 {
    opacity: 0;
  }

  .header .navleft-ul .li:hover .imgd .i1,
  .header .navleft-ul .li.active .imgd .i1 {
    opacity: 1;
  }

  .header .navleft-ul .li .imgd {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
  }

  .header .navleft-ul .li.li2 .imgd {
    top: 4px;
  }

  .header .navleft-ul .li .imgd img {
    transition: .5s ease-in-out;
  }

  .header .bocweb-nav .nav-li {
    float: left;
  }

  .header .bocweb-nav .nav-li .li-top {
    transition: .5s ease-in-out;
  }

  .header .bocweb-nav .nav-li:hover .li-top,
  .header .bocweb-nav .nav-li.active .li-top {
    color: #059ea0;
    transition: .5s ease-in-out;
  }

  .header .bocweb-nav .nav-li:nth-child(n+2) {
    margin-left: 95px;
  }

  .header .bocweb-nav .nav0 {
    width: 80px;
    height: 70px;
  }

  .header.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    transition: .5s ease-in-out;
  }

  .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

  .mbox {
    display: block !important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

  .imglist5 ul li {
    text-align: center;
    float: left;
    display: inline;
    width: 48%;
    min-height: 100px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    overflow: hidden;
    border: #eaeaea solid 0px;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
  }

  .imglist5 ul li img {
    background: #FFF;
    max-width: 100%;
    max-height: 100%;
  }
}

.faq {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}

.product_list_row {
  width: 100%;
  display: flex;
}

.product_list_row a {
  display: block;
  width: 50%;
  margin: 5px 0;
}

.fixed_contacts {
  position: fixed;
  z-index: 1000;
  right: 0;
  top: 25%;
  transition: all 0.3s;
}

.fixed_contacts_default {
  width: 50px;
  height: 250px;
  background: #1D84DC;
}

.fixed_contacts_active {
  width: 280px;
  height: 380px;
  background: #1D84DC;
}

.fixed_contacts ul {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.fixed_contacts ul li:not(:last-child) {
  border-bottom: solid 1px #459CE7;
}

.fixed_contacts ul li:last-child {
  height: 130px;
  align-items: start;
}

.fixed_contacts ul li {
  display: flex;
  align-items: center;
  color: #FFF;
  font-size: 18px;
}

.fixed_contacts ul li a {
  color: inherit;
  display: none;
}

.fixed_contacts ul li a:hover {
  color: inherit !important;
}

.whatsapp_qrcode {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.whatsapp_qrcode a {
  height: 50px;
  line-height: 50px;
}

.whatsapp_qrcode img {
  display: none;
  width: 90px;
  /*	height: 75px;*/
}

.fixed_contact_forms_button {
  position: fixed;
  z-index: 1001;
  right: 5em;
  bottom: 0;
  transition: all 0.3s;
  width: 210px;
  height: 50px;
  background: #2486D4;
  text-align: center;
  line-height: 50px;
  font-size: 1.2em;
  color: #FFF;
  box-shadow: 0 0 10px #A3CCED;
}

.fixed_contact_forms_button:hover {
  cursor: pointer;
}

.fixed_contact_forms_box {
  width: 350px;
  min-height: 500px;
  position: fixed;
  bottom: 40px;
  right: 85px;
  background: #FFF;
  z-index: 15;
  border: solid 1px #A3CCED;
  border-radius: 5px;
  box-shadow: 0 0 10px #A3CCED;
}

.fixed_contact_forms_title {
  width: calc(100% - 40px);
  height: 55px;
  background: #2486D4;
  color: #FFF;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}

.fixed_contact_forms_off {
  font-size: 2em;
  transition: transform ease 0.5s;
}

.fixed_contact_forms_off:hover {
  cursor: pointer;
  transform: rotate(180deg);
}

.fixed_contact_forms_body {
  width: 90%;
  min-height: 400px;
  margin: 20px auto;
  color: #777777;
}

.fixed_contact_forms_body_text {
  font-size: 1em;
  line-height: 24px;
}

.fixed_contact_forms_area form {
  display: flex;
  flex-direction: column;
}

.fixed_contact_forms_area form input {
  width: calc(100% - 20px);
  height: 35px;
  line-height: 35px;
  margin-top: 10px;
  padding: 0 10px;
  border: none;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}

.fixed_contact_forms_area form textarea {
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  min-height: 100px;
  line-height: 24px;
  margin-top: 10px;
  padding: 0 10px;
  max-height: 300px;
  border: none;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}

.fixed_contact_forms_area form button {
  width: 120px;
  height: 42px;
  margin-top: 10px;
  background: #2486D4;
  border: none;
  color: #FFF;
}

.leave_a_message_container {
  width: 100%;
}

.form_row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form_row input {
  width: 49%;
}

.form_row textarea {
  min-width: calc(100% - 2px);
  max-width: calc(100% - 2px);
}

.form_row input {
  width: calc(49% - 20px);
  height: 35px;
  line-height: 35px;
  margin-top: 10px;
  padding: 0 10px;
  border: none;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}

.form_row textarea {
  min-width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  min-height: 100px;
  line-height: 24px;
  margin-top: 10px;
  padding: 0 10px;
  max-height: 300px;
  border: none;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}

.form_row button {
  width: 120px;
  height: 42px;
  margin-top: 10px;
  background: #2486D4;
  border: none;
  color: #FFF;
}

form button:hover {
  cursor: pointer;
}

.hide {
  display: none;
}

.g-recaptcha {
  margin-top: 10px;
}

.faq_q {
  color: #000;
  font-size: 18px !important;
  font-weight: bold;
  margin: 20px 0 10px 0;
}