@charset "utf-8";







/*-----------------------------------------------------------*/







/*copyright by 动力无限  www.btoe.cn*/







/*邮箱 btoe@btoe.cn*/







/*合作电话 400-0599-360*/







/*版权所有违者必究*/







/*-----------------------------------------------------------*/







/*Generated by wjdhcms 3.0 */







* {







  padding: 0;







  margin: 0;







  font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;







}







body {







  font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;







  color: #333;







  margin: 0;







  line-height: 1.5;







  width: 100%;







  overflow-x: hidden;







}







*:before,







*:after {







  box-sizing: content-box;







}







:focus {







  outline: 1;







}







article,







aside,







canvas,







details,







figcaption,







figure,







footer,







header,







hgroup,







menu,







nav,







section,







summary {







  display: block;







}







a {







  color: #333;







  text-decoration: none;







}







a:link,







a:hover,







a:active,







a:visited {







  text-decoration: none;







}







ins {







  background-color: #ff9;







  color: #000;







  text-decoration: none;







}







mark {







  background-color: #ff9;







  color: #000;







  font-style: italic;







  font-weight: bold;







}







del {







  text-decoration: line-through;







}







table {







  border-collapse: collapse;







  border-spacing: 0;







}







hr {







  display: block;







  height: 1px;







  border: 0;







  border-top: 1px solid #cccccc;







  margin: 1em 0;







  padding: 0;







}







input,







select {







  vertical-align: middle;







}







li,







ul {







  list-style-type: none;







}







img {







  border: none;







}







input,







textarea {







  outline: 0;







  border: 0;







  resize: none;







}







h1,







h2,







h3,







h4,







h5,







h6,







dl,







dd,







dt,







i,







em {







  font-weight: normal;







  font-style: normal;







}







.yc {







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







}







.gd {







  -webkit-transition: 0.5s;







  transition: 0.5s;







}







.dx {







  text-transform: uppercase;







}







.pr {







  position: relative;







}







.pa {







  position: absolute;







}







.left {







  float: left;







}







.right {







  float: right;







}







.clearboth {







  clear: both;







}







.juzhong {







  top: 0;







  right: 0;







  left: 0;







  bottom: 0;







  margin: auto;







}







.textdq {







  text-align: justify;







}







.left {







  float: left;







}







.right {







  float: right;







}







.clearboth {







  clear: both;







}







.dq {







  text-align: center;







}







.flex {







  display: flex;







  justify-content: space-between;







  flex-wrap: wrap;







}







* {







  box-sizing: border-box;







}







.clerboth {







  clear: both;







}







.dl-container {







  padding-left: 0.3125rem;







  padding-right: 0.3125rem;







}







body {







  -webkit-transition: 0.5s;







  transition: 0.5s;







}







.header {





height: 2.671875rem;





position: relative;





z-index: 2;

}







.header .headerBox {





position: relative;





overflow: hidden;





height: 2.671875rem;





width: 100%;

}







.header .headerBox .headerBoxBg {





width: 200%;





height: 5.375rem;





position: absolute;





left: -50%;





bottom: 0;





background: #1a6988;





border-radius: 50%;

}







.header .headerBox .headerBoxText {







  position: relative;







  z-index: 2;







}







.header .headerBox .headerBoxText h1 {





height: 1.03125rem;





text-align: center;





margin-top: 0.625rem;





display: none;

}







.header .headerBox .headerBoxText h1 img {







  width: auto;







  height: 100%;







  margin: 0 auto;







  display: block;







  font-size: 0.3125rem;







  color: #fff;







}







.header .headerBox .headerBoxText h3 {





font-size: 0.7rem;





text-align: center;





color: #fff;





margin-top: 0.3125rem;





line-height: 1.5;

}







.header .headerTel {







  height: 0.9375rem;







  background-color: #ffffff;







  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);







  border-radius: 10px;







  border: solid 1px #eeeeee;







  text-align: center;







  position: absolute;







  bottom: -0.46875rem;







  left: 23%;







  width: 54%;







  box-sizing: content-box;







}







.header .headerTel a {







  display: flex;







  justify-content: space-between;







  flex-wrap: wrap;







}







.header .headerTel a img {







  display: inline-block;







  width: 0.5rem;







  height: 0.9375rem;







  line-height: 0.9375rem;







  object-fit: contain;







  border-right: 1px solid #ccc;







  padding-left: 0.3125rem;







  padding-right: 0.3125rem;







  box-sizing: content-box;







  vertical-align: super;







}







.header .headerTel a p {







  padding-right: 0.3125rem;







  font-size: 0.46875rem;







  padding-left: 0.3125rem;







  line-height: 0.9375rem;







  display: inline-block;







  vertical-align: top;







}







.nav {







  margin-top: 1.25rem;







  padding-bottom: 0.3125rem;







  border-bottom: 7px solid #f8f8f8;







}







.nav ul {







  display: flex;







  justify-content: space-between;







  flex-wrap: wrap;







}







.nav ul li {







  width: 24%;







  float: left;







  flex-direction: column;







  flex: 0 0 24%;







  margin-bottom: 0.15625rem;







}







.nav ul li a {







  display: block;







  border-radius: 5px;







  background: #1a6988;







  font-size: 0.375rem;







  text-align: center;







  height: 0.9375rem;







  line-height: 0.9375rem;







  color: #fff;







  padding-left: 0.15625rem;







  padding-right: 0.15625rem;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







}







.banner {







  margin-top: 0.3125rem;







}







.banner .bannerBox ul li {







  width: 80%;







  transform: scale(1);







}







.banner .bannerBox ul li img {







  width: 98%;







  display: block;







  height: auto;







  margin-top: 0.03125rem;







}







.banner .bannerBox ul li.swiper-slide-active {







  transform: scale(1);







}







.banner .bannerBox ul li.swiper-slide-active img {







  width: 100%;







  border-radius: 10px;







  margin-top: 0;







}







.banner .bannerBox .swiper-pagination-bullet {







  background: #fff;







  border: 1px solid #fff;







  opacity: 1;







  width: 0.4375rem;







  height: 0.046875rem;







}







.banner .bannerBox .swiper-pagination-bullet.swiper-pagination-bullet-active {







  background-color: #1a6988;







  border: 1px solid #1a6988;







}







.menu {







  margin-top: 0.625rem;







}







.menu ul li {







  background-color: #ffffff;







  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.02);







  border-radius: 10px;







  border: solid 1px #eeeeee;







  height: 1.71875rem;







  position: relative;







}







.menu ul li a {







  display: block;







  padding-left: 0.15625rem;







  padding-right: 0.15625rem;







  position: relative;







}







.menu ul li a b {







  padding-top: 0.234375rem;







  font-size: 0.34375rem;







  font-weight: bold;







  line-height: 2;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







}







.menu ul li a span {







  font-size: 0.21875rem;







  display: block;







  color: #666;







}







.menu ul li em {







  position: absolute;







  bottom: 0.3125rem;







  right: 0;







  font-size: 0.28125rem;







  height: 0.546875rem;







  opacity: 0.3;







  overflow: hidden;







  font-weight: bold;







  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;







}







.menu ul li em i {







  font-size: 0.65625rem;







  font-weight: bold;







  color: #999;







  line-height: 1;







}







.title {







  text-align: center;







  font-size: 0.5625rem;







  padding-top: 0.625rem;







  letter-spacing: 2px;







  padding-bottom: 0.3125rem;







  border-bottom: 1px solid #ddd;







}







.title i {







  font-family: 'kaiti';







  font-size: 0.625rem;







  font-weight: bold;







}







.product .productBox {







  padding-bottom: 0.5125rem;







  border-bottom: 7px solid #f8f8f8;







}







.product .productBox ul {







  display: flex;







  justify-content: space-between;







  flex-wrap: wrap;







  margin-top: 0.3125rem;







}







.product .productBox ul li {







  margin-top: 0.3125rem;







  width: 48%;







  float: left;







  flex-direction: column;







  flex: 0 0 48%;







}







.product .productBox ul li .productBoxImg {







  border: 1px solid #eeeeee;







  width: 100%;







  height: 3.75rem;







  display: block;







  border-radius: 10px;







  background-color: #ffffff;







  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.02);







}







.product .productBox ul li .productBoxImg i {







  padding: 0.15625rem;







  height: 3.75rem;







  width: 100%;







  display: block;







  border-radius: 10px;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







}







.product .productBox ul li .productBoxImg i img {







  width: 100%;







  height: 100%;







  border-radius: 10px;







  display: block;







  object-fit: cover;







}







.product .productBox ul li .productBoxText {







  display: block;







  font-size: 0.4375rem;







  text-align: center;







  line-height: 2.5;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







}







.reason {







  position: relative;







  margin-bottom: 0.46875rem;







}







.reason .reasontitle {







  width: 100%;







  height: 2.6875rem;







  background: url(../images/reasonTitle.png) no-repeat bottom left;







  background-size: cover;







  position: absolute;







  top: -1px;







  left: 0;







  font-size: 0.5625rem;







  z-index: 2;







  line-height: 2.21875rem;







  letter-spacing: 2px;







  padding-bottom: 0.3125rem;







  border-bottom: 1px solid #ddd;







}







.reason .reasontitle i {







  font-family: 'kaiti';







  font-size: 0.625rem;







  font-weight: bold;







}







.reason .reasonBox {







  position: absolute;







  width: 100%;







  padding-bottom: 0.5125rem;







  border-bottom: 7px solid #f8f8f8;







}







.reason .reasonBox ul li img {







  width: 100%;







  display: block;







  height: 6.4375rem;







  object-fit: cover;







}







.reason .reasonBox ul li .reasonBg {







  width: 96%;







  margin: 0 auto;







  position: relative;







  background: #fff;







  margin-top: -1.875rem;







  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.1);







  margin-bottom: 0.625rem;







  padding-left: 0.3125rem;







  padding-right: 0.3125rem;







  border-radius: 10px;







  padding-top: 0.15625rem;







}







.reason .reasonBox ul li .reasonBg h4 {







  position: relative;







  height: 1.5625rem;







  border-bottom: 1px solid #ccc;







}







.reason .reasonBox ul li .reasonBg h4::before {







  content: "“";







  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;







  font-weight: bold;







  position: absolute;







  font-size: 3.125rem;







  top: -100%;







  line-height: 1;







  transform: rotateX(180deg);







  -webkit-transform: rotateX(180deg);







  color: #f0f0f0;







  letter-spacing: -3px;







}







.reason .reasonBox ul li .reasonBg h4 b {







  position: absolute;







  display: block;







  font-size: 0.5rem;







  font-weight: normal;







  padding-top: 0.46875rem;







}







.reason .reasonBox ul li .reasonBg p {







  font-size: 0.375rem;







  line-height: 2;







  padding-top: 0.3125rem;







  padding-bottom: 0.3125rem;







  color: #666666;







}







.reason .reasonBox .reasonL {







  width: 0.25rem;







  height: 0.4375rem;







  background: url(../images/reasonL.png) no-repeat center;







  background-size: contain;







  position: absolute;







  top: 5.3125rem;







  right: 13%;







  z-index: 9999;







}







.reason .reasonBox .reasonR {







  width: 0.25rem;







  height: 0.4375rem;







  background: url(../images/reasonR.png) no-repeat center;







  background-size: contain;







  position: absolute;







  top: 5.3125rem;







  right: 5%;







  z-index: 9999;







}







.reason .reasonBoxC {







  position: relative;







}







.case .caseTop {







  margin-top: 0.625rem;







  position: relative;







}







.case .caseTop ul li .caseTopImg {







  height: 6.25rem;







  width: 100%;







  display: block;







  border-radius: 10px;







  overflow: hidden;







}







.case .caseTop ul li .caseTopImg img {







  display: block;







  width: 100%;







  height: 6.25rem;







  object-fit: cover;







}







.case .caseTop ul li .caseTopText {







  width: 70%;







  font-size: 0.4375rem;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







  height: 1.09375rem;







  line-height: 1.09375rem;







}







.case .caseTop .swiper-pagination {







  position: absolute;







  right: 0;







  bottom: 0;







  background: #fff;







  height: 1.09375rem;







}







.case .caseTop .swiper-pagination span {







  display: inline-block;







  margin-left: 0.15625rem;







  vertical-align: super;







}







.case .productBox {







  padding-bottom: 0.5125rem;







  border-bottom: 7px solid #f8f8f8;







}







.case .productBox ul {







  display: flex;







  justify-content: space-between;







  flex-wrap: wrap;







  margin-top: 0.3125rem;







}







.case .productBox ul li {







  margin-top: 0.3125rem;







  width: 48%;







  float: left;







  flex-direction: column;







  flex: 0 0 48%;







}







.case .productBox ul li .productBoxImg {







  border: 1px solid #eeeeee;







  width: 100%;







  height: 3.75rem;







  display: block;







  border-radius: 10px;







  background-color: #ffffff;







  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.02);







}







.case .productBox ul li .productBoxImg i {







  padding: 0.15625rem;







  height: 3.75rem;







  width: 100%;







  display: block;







  border-radius: 10px;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







}







.case .productBox ul li .productBoxImg i img {







  width: 100%;







  height: 100%;







  border-radius: 10px;







  display: block;







  object-fit: cover;







}







.case .productBox ul li .productBoxText {







  display: block;







  font-size: 0.4375rem;







  text-align: center;







  line-height: 2.5;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







}







.about {







  background: #f8f8f8;







  padding-bottom: 1.25rem;







}







.about p {







  font-size: 0.4375rem;







  text-align: center;







  color: #666666;







  line-height: 2;







  padding-top: 0.5rem;







}







.about .aboutMenu {







  padding: 0 5%;







  background: url(../images/aboutBg.png) no-repeat 30% center;







  background-size: 75%;







  padding-bottom: 3.125rem;







  margin-top: 0.78125rem;







}







.about .aboutMenu ul {







  display: flex;







  justify-content: space-between;







  flex-wrap: wrap;







  width: 100%;







}







.about .aboutMenu ul li {







  width: 70px;







  float: left;







  flex-direction: column;







  flex: 0 0 70px;







  position: relative;







  margin-top: 0.625rem;







}







.about .aboutMenu ul li a {







  display: block;







  width: 100%;







}







.about .aboutMenu ul li a b {







  font-size: 0.4rem;







  display: block;







  font-weight: normal;







}







.about .aboutMenu ul li a i {







  width: 0.375rem;







  height: 0.375rem;







  border: solid 6px #5e5e5e;







  display: block;







  border-radius: 50%;







  border-width: 0.09375rem;







  margin: 0 auto;







  margin-top: 0.15625rem;







}







.about .aboutMenu ul li a span {







  display: block;







  font-size: 0.1875rem;







  position: absolute;







  white-space: nowrap;







  transform: rotate(90deg);







  top: 2.5rem;







  width: 20em;







  text-align: left;







  left: -0.9375rem;







  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;







  text-transform: uppercase;







  margin-top: 0.46875rem;







  color: #999999;







}







.about .aboutMenu ul li:nth-child(2) {







  margin-top: 0;







}







.about .aboutMenu ul li:nth-child(3) {







  margin-top: 1.09375rem;







}







.news .newsTitle ul li {







  display: inline-block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







  padding-left: 0.3125rem;







  padding-right: 0.3125rem;







  color: #333;







  font-weight: normal;







}







.news .newsTitle ul li a {







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







  display: block;







  font-size: 0.44375rem;







  font-weight: normal;







  line-height: 2;







}







.news .newsTitle ul li.on {







  background: #1a6988;







  border-radius: 5px;







  margin-top: 0.625rem;







}







.news .newsTitle ul li.on a {







  color: #fff;







}







.news .newsBox ul li .newsBoxCenter {







  padding-bottom: 10px;







  border-bottom: 1px solid #ccc;







}







.news .newsBox ul li .newsBoxCenter .newsImg {







  width: 100%;







  height: 4.6875rem;







}







.news .newsBox ul li .newsBoxCenter .newsImg img {







  width: 100%;







  height: 100%;







  display: block;







  object-fit: cover;







}







.news .newsBox ul li .newsBoxCenter .newsText {







  margin-top: 0.4125rem;







  display: block;







}







.news .newsBox ul li .newsBoxCenter .newsText b {







  float: left;







  font-size: 0.4125rem;







  width: 80%;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







}







.news .newsBox ul li .newsBoxCenter .newsText span {







  display: block;







  float: right;







  font-size: 0.4125rem;







}







.news .newsBox ul li .newsBoxCenter .newsText i {







  display: block;







  margin-top: 0.15625rem;







  font-size: 0.21875rem;







}







.news .newsBox ul li .newsBoxCenter .newsText p {







  display: block;







  font-size: 0.35rem;







  color: #868585;







  margin-top: 0.15625rem;







  line-height: 2;







}







.news .newsBox ul li .newsCenter .newsCenterList {







  margin-top: 10px;







  padding-bottom: 10px;







  border-bottom: 1px dashed #dddddd;







}







.news .newsBox ul li .newsCenter .newsCenterList .newsCenterListL {







  width: 30%;







  height: 2.34375rem;







  float: right;







  display: block;







  object-fit: cover;







}







.news .newsBox ul li .newsCenter .newsCenterList .newsCenterListL img {







  display: block;







  width: 100%;







  height: 100%;







  object-fit: cover;







  border-radius: 10px;







}







.news .newsBox ul li .newsCenter .newsCenterList .newsCenterListR {







  display: block;







  width: 68%;







  float: left;







}







.news .newsBox ul li .newsCenter .newsCenterList .newsCenterListR b {







  font-size: 0.38125rem;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







  font-weight: normal;







}







.news .newsBox ul li .newsCenter .newsCenterList .newsCenterListR span {







  float: left;







  display: inline-block;







  font-size: 0.21875rem;







  line-height: 1;







  margin-top: 0.15625rem;







  line-height: 1.5;







  color: #999;







}







.news .newsBox ul li .newsCenter .newsCenterList .newsCenterListR span i {







  margin: 0px 0 0px;







  display: block;







  margin-top: 0.15625rem;







  padding-bottom: 0.09375rem;







}







.news .newsBox ul li .newsCenter .newsCenterList .newsCenterListR p {







  font-size: 0.35rem;







  color: #868585;







  line-height: 0.47875rem;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







  height: 0.4375rem;







  margin-top: 0.15625rem;







}







.footer {



  margin-top: 1.25rem;



  background: #f8f8f8;



  /*padding-bottom: 2.5rem;*/



}







.footer .footerTelBox {







  top: -0.5rem;







  position: relative;







}







.footer .footerTelBox .footerTel {







  width: 1.015625rem;







  height: 1.015625rem;







  display: block;







  margin: 0 auto;







}







.footer .footerTelBox .footerTel img {







  display: block;







  width: 100%;







  height: 100%;







}







.footer .footerTelBox h5 {







  font-size: 0.375rem;







  display: block;







  line-height: 1;







  text-align: center;







  padding-top: 0.15625rem;







  padding-bottom: 0.15625rem;







}







.footer .footerTelBox .footerTelNum {







  display: block;







  color: #1a6988;







  text-align: center;







  font-size: 0.75rem;







  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;







}







.footer p {







  font-size: 0.375rem;







  text-align: center;







  line-height: 2;







  font-weight: 100;







  color: #444444;







  padding-bottom: 0.15625rem;







}







.footer p img {







  height: 0.375rem;







  display: inline-block;







  margin: 0 10px;







}