@font-face {

  font-family: "Arial";

  src: url(../fonts/zzh.ttf);

  font-weight: normal;

  font-style: normal;

}



.container-fluid {

  max-width: 1200px !important;

  margin: 0 auto;

  padding: 0;

}

.row {

  margin: 0;

}

.col-lg-1,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-md-1,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-sm-1,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-xs-1,

.col-xs-10,

.col-xs-11,

.col-xs-12,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9 {

  padding: 0;

  margin: 0;

}

.lt {

  float: left;

}

.rt {

  float: right;

}

a {

  text-decoration: none;

}

ul,

li {

  margin: 0;

  padding: 0;

  list-style: none;

}

.topbar {

  height: 40px;

  line-height: 40px;

  color: #676767;

  font-size: 1.2rem;

  border-bottom: 1px solid #e7e7e7;

}

.topbar .trt .iconbox a {

  width: 70px;

  float: left;

  border-left: 1px solid #e7e7e7;

  text-align: center;

}

.topbar .trt .iconbox a:hover {

  background: #ffca09;

}

.topbar .trt .sbox {

  float: left;

  border-left: 1px solid #e7e7e7;

}

.topbar .trt .sbox .searchtxt {

  float: left;

  width: 130px;

  height: 39px;

  background: #fff;

  font-size: 1.2rem;

  color: #333;

  border: none;

  padding: 0 10px;

  outline: none;

}

.topbar .trt .sbox .submitbtn {

  float: left;

  width: 35px;

  height: 39px;

  background: #007db8 url(../images/topbar-searchbtn.png) no-repeat center center;

  border: none;

  border-left: 1px solid #fff;

  outline: none;

}

.header-wrap .header {

  position: relative;

}

.header-wrap .header .logo {

  line-height: 65px;

}

.header-wrap .header .stxt {

  margin-top: 35px;

  border-left: 1px solid #ccc;

  padding-left: 10px;

  margin-left: 10px;

}

.header-wrap .header .stxt .stit {

  font-size: 1.8rem;

  font-weight: bold;

  color: #3b3b3b;

  margin-bottom: 5px;

}

.header-wrap .header .stxt .btit {

  font-size: 1.2rem;

  color: #343434;

}

.header-wrap .header .phonetxt {

  margin-top: 30px;

  float: right;

}

.header-wrap .header .phonetxt .icon {

  float: left;

  margin-right: 10px;

  margin-top: 5px;

}

.header-wrap .header .phonetxt .ptxt {

  float: left;

  font-size: 1.4rem;

  color: #696969;

}

.header-wrap .header .phonetxt .ptxt span {

  margin-top: 0px;

  display: block;

  font-size: 2.8rem;

  color: #007db8;


}

.header-wrap .header .menu {

  line-height: 65px;

  float: right;

}

.header-wrap .header .menu img {

  max-width: 100%;

}

.header-wrap .header .menulist {

  position: absolute;

  top: 65px;

  right: -7px;

  width: 100px;

  display: none;

  z-index: 10;

  background: rgba(0, 0, 0, 0.8);

}

.header-wrap .header .menulist a {

  font-size: 1.4rem;

  font-family: "Arial";

  text-decoration: none;

  color: #fff;

  display: block;

  text-align: center;

  height: 30px;

  line-height: 30px;

}

.header-wrap .header .menulist a:hover {

  background: #000;

}

.nav-wrap {

  height: 40px;

  background: #007db8;

}

.nav-wrap .nav-ul .navlist {

  position: relative;

  display: inline-block;

  float: left;

  width: 14.28%;

}

.nav-wrap .nav-ul .navlist a.listh1 {

  line-height: 40px;

  text-decoration: none;

  display: block;

  color: #fff;

  text-align: center;

  font-size: 16px;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.nav-wrap .nav-ul .navlist a.listh1:hover,

.nav-wrap .nav-ul .navlist a.listh1.on {

  background: #0074e1;

}

.nav-wrap .nav-ul .navlist .list2-ul {

  position: absolute;

  left: 0;

  top: 40px;

  display: none;

  z-index: 10;

  background: rgba(255, 255, 255, 1) !important;

  background: #fff;

  filter: alpha(opacity=80);

  width: 171px;

}

.nav-wrap .nav-ul .navlist .list2-ul .list {

  position: relative;

}

.nav-wrap .nav-ul .navlist .list2-ul .list .listh2 {

  text-align: center;

  padding-left: 0px;

  line-height: 35px;

  color: #007db8;

  display: block;

  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 4px; margin-right: 4px;

}

.nav-wrap .nav-ul .navlist .list2-ul .list .listh2:hover,

.nav-wrap .nav-ul .navlist .list2-ul .list .listh2.on {

  background: #fff;

}

.nav-wrap .nav-ul .navlist .list2-ul .list .list3-ul {

  display: none;

  position: absolute;

  left: 100%;

  top: 0;

  width: 100%;

  background: rgba(255, 255, 255, 1) !important;

  background: #fff;

  filter: alpha(opacity=80);

}

.nav-wrap .nav-ul .navlist .list2-ul .list .list3-ul .list2 {

  text-align: center;

}

.nav-wrap .nav-ul .navlist .list2-ul .list .list3-ul .list2 a {

  display: block;

  line-height: 35px;

  color: #007db8;

}

.banner-wrap {

  position: relative;

}

.banner-wrap #owl-demo {

  width: 100% !important;

  margin-left: auto;

  margin-right: auto;

}

.banner-wrap #owl-demo .item {

  display: block;

}

.banner-wrap #owl-demo img {

  display: block;

  width: 100%;

}

.banner-wrap .owl-theme .owl-controls {

  position: absolute;

  bottom: 20px;

  width: 100%;

  text-align: center;

}

.banner-wrap .owl-theme .owl-controls.clickable .owl-page span {

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.banner-wrap .owl-theme .owl-controls.clickable .owl-page:hover span {

  background: #fff;

}

.banner-wrap .owl-theme .owl-controls .owl-page.active span {

  background: #fff;

}

.banner-wrap .banner .swiper-wrapper .swiper-slide img {

  width: 100%;

}

.searchbox-wrap {

  background: #f4f4f4;

  border-bottom: 1px dashed #ccc;

  padding: 10px 0;

}

.searchbox-wrap .slt .tit {

  display: inline-block;

  font-size: 1.2rem;

  font-weight: bold;

  color: #2e2e2e;

  float: left;

}

.searchbox-wrap .slt .con {

  margin-left: 10px;

  float: left;

  display: inline-block;

  font-size: 1.2rem;

}

.searchbox-wrap .slt .con a {

  display: inline-block;

  color: #2e2e2e;

  margin-right: 20px;

}

.searchbox-wrap .srt {

  margin-top: 10px;

}

.searchbox-wrap .srt .searchtxt {

  float: left;

  width: 200px;

  height: 25px;

  border: 1px solid #ccc;

  padding: 3px 5px 3px 20px;

  font-size: 1.2rem;

  color: #333;

  background: #f4f4f4 url(../images/searchbox-icon1.png) no-repeat 5px 7px;

  outline: none;

}

.searchbox-wrap .srt .submitbtn {

  float: left;

  width: 50px;

  height: 25px;

  border: none;

  background: #414342;

  color: #fff;

  font-size: 1.2rem;

  outline: none;

}

.content-wrap .about-wrap {

  padding: 45px 0;

  background: #fff;

}

.content-wrap .about-wrap .title-line {

  text-align: center;

}

.content-wrap .about-wrap .title-line .title {

  font-size: 2.4rem;

  font-weight: bold;

}

.content-wrap .about-wrap .title-line .title span {

  margin: 0 5px;

}

.content-wrap .about-wrap .title-line .title span:nth-child(2) {

  color: #999999;

}

.content-wrap .about-wrap .title-line .title span:nth-child(3) {

  color: #007db8;

}

.content-wrap .about-wrap .title-line .line-wrap {

  margin: 10px 0;

  background: #ccc;

  width: 100%;

  height: 1px;

}

.content-wrap .about-wrap .title-line .line-wrap .line {

  width: 190px;

  height: 3px;

  background: #007db8;

  margin: 0 auto;

}

.content-wrap .about-wrap .title-line .stxt {

  margin-top: 5px;

  font-size: 1.4rem;

  color: #999;

}

.content-wrap .about-wrap .about-con {

  margin-top: 45px;

}

.content-wrap .about-wrap .about-con .abox {

  border: 1px solid #ccc;

}

.content-wrap .about-wrap .about-con .abox a {

  text-decoration: none;

  display: none;

  background: #fff;

}

.content-wrap .about-wrap .about-con .abox a:first-child {

  display: block;

}

.content-wrap .about-wrap .about-con .abox a:hover .conbox .morebtn {

  background: #852300;

}

.content-wrap .about-wrap .about-con .abox a .picbox img {

  max-width: 100%;

}

.content-wrap .about-wrap .about-con .abox a .conbox {

  padding: 20px;

}

.content-wrap .about-wrap .about-con .abox a .conbox .tit {

  font-size: 2.4rem;

  color: #292929;

  font-weight: bold;

}

.content-wrap .about-wrap .about-con .abox a .conbox .tit span {

  display: block;

  font-weight: normal;

  font-size: 1.2rem;

  color: #999;

  text-transform: uppercase;

  letter-spacing:-1px;

}

.content-wrap .about-wrap .about-con .abox a .conbox .line {

  height: 2px;

  width: 130px;

  background: #ffca09;

  margin: 15px 0;

}

.content-wrap .about-wrap .about-con .abox a .conbox .con {

  margin-top: 10px;

  font-size: 1.4rem;

  color: #292929;

  line-height: 25px;

  height: 175px;

  overflow: hidden;

}

.content-wrap .about-wrap .about-con .abox a .conbox .morebtn {

  margin-top: 20px;

  width: 135px;

  height: 40px;

  color: #fff;

  background: #007db8;

  line-height: 40px;

  text-align: center;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .about-wrap .about-con .iconbox {

  margin-top: 30px;

  background: #fff;

  padding: 15px 0;

  border: 1px solid #eee;

}

.content-wrap .about-wrap .about-con .iconbox .ilist a {

  text-decoration: none;

  display: block;

  height: 65px;

  line-height: 65px;

  color: #292929;

  font-size: 1.6rem;

  font-weight: bold;

  border-right: 1px solid #eee;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .about-wrap .about-con .iconbox .ilist a:hover,

.content-wrap .about-wrap .about-con .iconbox .ilist a.on {

  color: #007db8;

}

.content-wrap .about-wrap .about-con .iconbox .ilist a:hover .icon img,

.content-wrap .about-wrap .about-con .iconbox .ilist a.on .icon img {

  -webkit-filter: grayscale(0);

}

.content-wrap .about-wrap .about-con .iconbox .ilist a:hover .tit span,

.content-wrap .about-wrap .about-con .iconbox .ilist a.on .tit span {

  opacity: 1;

}

.content-wrap .about-wrap .about-con .iconbox .ilist a .icon {

  display: inline-block;

  width: 30%;

  text-align: center;

}

.content-wrap .about-wrap .about-con .iconbox .ilist a .icon img {

  max-width: 100%;

  -webkit-filter: grayscale(1);

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .about-wrap .about-con .iconbox .ilist a .tit {

  width: 70%;

  display: inline-block;

  position: relative;
  font-size:14px;
  line-height: 60px;

}

.content-wrap .about-wrap .about-con .iconbox .ilist a .tit span {

  display: block;

  line-height: 0;

  background: url(../images/about-iconbox-arrow.png) no-repeat;

  width: 9px;

  height: 4px;

  position: absolute;

  left: 30px;

  margin-left: -4px;

  top: 10px;

  opacity: 0;

}

.content-wrap .product-wrap {

  padding: 55px 0;

  background: url(../images/productbg.jpg) no-repeat center center fixed;

  background-size: cover;

}

.content-wrap .product-wrap .title-line {

  text-align: center;

  margin-bottom: 45px;

}

.content-wrap .product-wrap .title-line .title {

  font-size: 2.4rem;

  font-weight: bold;

  color: #fff;

}

.content-wrap .product-wrap .title-line .title span {

  margin: 0 5px;

}

.content-wrap .product-wrap .title-line .title span:nth-child(2) {

  color: #999999;

}

.content-wrap .product-wrap .title-line .title span:nth-child(3) {

  color: #007db8;

}

.content-wrap .product-wrap .title-line .line-wrap {

  margin: 10px 0;

  background: #ccc;

  width: 100%;

  height: 1px;

}

.content-wrap .product-wrap .title-line .line-wrap .line {

  width: 190px;

  height: 3px;

  background: #007db8;

  margin: 0 auto;

}

.content-wrap .product-wrap .title-line .stxt {

  margin-top: 5px;

  font-size: 1.4rem;

  color: #999;

}

.content-wrap .product-wrap .w-ltside .mb {

  margin-bottom: 20px;

}

.content-wrap .product-wrap .w-ltside .mb .tit-show .title {

  display: block;

  height: 45px;

  line-height: 45px;

  background: #007db8;

  background-size: cover;

  overflow: hidden;

  font-family: 'Arial';

  font-size: 16px;

  color: #fff;

  text-indent: 1em;

  cursor: pointer;

}

.content-wrap .product-wrap .w-ltside .mb .tit-show .title .arrow {

  float: right;

  margin-right: 15px;

}

.content-wrap .product-wrap .w-ltside .mb .tit-show .title .icon {

  margin-right: 10px;

}

.content-wrap .product-wrap .w-ltside .show-hide {

  display: none;

  overflow: hidden;

  width: 100%;

}

.content-wrap .product-wrap .w-ltside .show-hide .div2 {

  display: block;

  height: 35px;

  line-height: 35px;

  cursor: pointer;

  background: #eee;

  color: #707070;

  font-size: 14px;

  text-align: center;

  border-bottom: 1px solid #fff;

}

.content-wrap .product-wrap .w-ltside .show-hide .div2 a {

  display: block;

  color: #707070;

  text-decoration: none;

}

.content-wrap .product-wrap .w-ltside .show-hide .div2:hover a {

  background: #ffca09;

  color: #fff;

}

.content-wrap .product-wrap .w-ltside .show-hide .div3 {

  display: none;

}

.content-wrap .product-wrap .w-ltside .show-hide .div3 ul {

  margin: 0;

  padding: 0;

}

.content-wrap .product-wrap .w-ltside .show-hide .div3 ul li {

  display: block;

  height: 34px;

  line-height: 34px;

  list-style: none;

  text-align: center;

  background: #fff;

  overflow: hidden;

  border-bottom: 1px solid #eee;

}

.content-wrap .product-wrap .w-ltside .show-hide .div3 ul li a {

  text-decoration: none;

  display: block;

  overflow: hidden;

  color: #666;

}

.content-wrap .product-wrap .w-ltside .show-hide .div3 ul li a:hover {

  color: #ffca09;

}

.content-wrap .product-wrap .ltside {

  padding-right: 20px;

}

.content-wrap .product-wrap .ltside .linkbox .title-arrow .tit {

  background: #1982ff;

  height: 50px;

  line-height: 50px;

  border-left: 5px solid #ffc805;

  color: #fff;

  font-size: 1.8rem;

  font-weight: bold;

  padding: 0 30px;

}

.content-wrap .product-wrap .ltside .linkbox .title-arrow .tit span {

  display: inline-block;

  float: left;

}

.content-wrap .product-wrap .ltside .linkbox .title-arrow .tit .arrow {

  float: right;

  display: inline-block;

  font-style: normal;

  transform: rotate(90deg);

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap {

  margin-top: 5px;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox {

  margin-bottom: 8px;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list {

  border-left: 5px solid #ffca09;

  display: block;

  height: 50px;

  line-height: 50px;

  text-align: left;

  font-size: 1.6rem;

  text-decoration: none;

  color: #fff;

  padding-left: 30px;

  padding-right: 30px;

  overflow: hidden;

  background: #007db8;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list:hover {

  border-left-color: #393939;

  background: #ffca09;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list.on1 {

  border-left-color: #393939;

  background: #ffca09;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list.on1 .arrow img {

  transform: rotate(90deg);

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list .tit {

  width: 80%;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list .icon {

  font-style: normal;

  width: 7%;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list2 {

  margin-top: 5px;

  display: none;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list2 ul {

  background: #fff;

  padding: 0 15px;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list2 ul li {

  margin-bottom: 5px;

  border-bottom: 1px dashed #ccc;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list2 ul li:last-child {

  border-bottom: none;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list2 ul li a {

  padding-left: 40px;

  display: block;

  height: 50px;

  text-align: left;

  color: #292929;

  line-height: 50px;

  font-size: 1.4rem;

  text-decoration: none;

  overflow: hidden;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list2 ul li a:hover {

  color: #ffca09;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list2 ul li a i {

  float: left;

  width: 10%;

  font-style: normal;

}

.content-wrap .product-wrap .ltside .linkbox .link-wrap .lbox .list2 ul li a span {

  float: left;

  width: 80%;

}

.content-wrap .product-wrap .ltside .contactbox {

  margin-top: 10px;

}

.content-wrap .product-wrap .ltside .contactbox .pic {

  border: 1px solid #ccc;

}

.content-wrap .product-wrap .ltside .contactbox .pic img {

  border: 3px solid #fff;

  width: 100%;

}

.content-wrap .product-wrap .product-con .plist {

  padding: 0 10px 20px;

}

.content-wrap .product-wrap .product-con .plist .pbox {

  background: #fff;

  padding: 10px 10px 0;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .product-wrap .product-con .plist .pbox:hover {

  background: #007db8;

}

.content-wrap .product-wrap .product-con .plist .pbox:hover .conbox .tit {

  color: #fff;

}

.content-wrap .product-wrap .product-con .plist .pbox:hover .conbox .btnbox .b1 a {

  border-color: #fff;

  color: #fff;

  background: none;

}

.content-wrap .product-wrap .product-con .plist .pbox:hover .conbox .btnbox .b2 a {

  border-color: #fff;

  background: #fff;

  color: #292929;

}

.content-wrap .product-wrap .product-con .plist .pbox .picbox {

  border: 1px solid #ccc;

}

.content-wrap .product-wrap .product-con .plist .pbox .conbox {

  padding: 10px;

}

.content-wrap .product-wrap .product-con .plist .pbox .conbox .tit {

  font-size: 1.4rem;

  color: #292929;

  text-align: center;

  line-height: 30px;

  height: 30px;

  overflow: hidden;

}

.content-wrap .product-wrap .product-con .plist .pbox .conbox .btnbox {

  margin-top: 5px;

}

.content-wrap .product-wrap .product-con .plist .pbox .conbox .btnbox .b1 {

  display: inline-block;

  margin-right: 10px;

  margin-bottom: 10px;

}

.content-wrap .product-wrap .product-con .plist .pbox .conbox .btnbox .b1 a {

  text-decoration: none;

  display: block;

  height: 30px;

  line-height: 30px;

  padding: 0 15px;

  background: #acacac;

  border: 1px solid #acacac;

  color: #fff;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .product-wrap .product-con .plist .pbox .conbox .btnbox .b1 a:hover {

  background: #fff;

  color: #292929;

}

.content-wrap .product-wrap .product-con .plist .pbox .conbox .btnbox .b2 {

  display: inline-block;

}

.content-wrap .product-wrap .product-con .plist .pbox .conbox .btnbox .b2 a {

  text-decoration: none;

  display: block;

  height: 30px;

  line-height: 30px;

  padding: 0 15px;

  background: #007db8;

  border: 1px solid #007db8;

  color: #fff;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .product-wrap .product-con .plist .pbox .conbox .btnbox .b2 a:hover {

  background: #b83000;

  color: #fff;

}

.content-wrap .adbox-wrap {

  background: url(../images/adboxbg1.jpg) no-repeat center center;

  background-size: cover;

  padding: 30px 0;

}

.content-wrap .adbox-wrap .pic img {

  max-width: 100%;

}

.content-wrap .service-wrap {

  padding: 45px 0 0;

}

.content-wrap .service-wrap .title-line {

  text-align: center;

}

.content-wrap .service-wrap .title-line .btit {

  font-size: 3.6rem;

  font-weight: bold;

  color: #007db8;

  padding-top: 10px;

}

.content-wrap .service-wrap .title-line .btit span {

  display: block;

  font-size: 2.2rem;

  color: #292929;

  font-weight: normal;

}

.content-wrap .service-wrap .title-line .stit {

  margin-top: 25px;

  font-size: 1.6rem;

  color: #696969;

}

.content-wrap .service-wrap .service-con {

  margin-top: 45px;

}

.content-wrap .service-wrap .service-con .picbox .pic img {

  max-width: 100%;

}

.content-wrap .service-wrap .service-con .conbox {

  margin-top: 20px;

}

.content-wrap .service-wrap .service-con .conbox .clist {

  margin-bottom: 20px;

}

.content-wrap .service-wrap .service-con .conbox .clist .num {

  padding-top: 12px;

  width: 13%;

  height: 85px;

  background: #007db8;

  font-size: 3rem;

  color: #fff;

  font-weight: bold;

  text-align: center;

}

.content-wrap .service-wrap .service-con .conbox .clist .num span {

  padding-bottom: 10px;

  display: inline-block;

  border-bottom: 2px solid #fff;

}

.content-wrap .service-wrap .service-con .conbox .clist .con {

  width: 83%;

}

.content-wrap .service-wrap .service-con .conbox .clist .con .tit {

  font-size: 2.4rem;

  font-weight: bold;

  color: #292929;

  border-bottom: 1px dashed #666;

  padding-bottom: 10px;

  margin-bottom: 10px;

}

.content-wrap .service-wrap .service-con .conbox .clist .con .cn {

  font-size: 1.4rem;

  color: #696969;

  line-height: 30px;

}

.content-wrap .service-wrap .sbox {

  margin-top: 35px;

  background: url(../images/servicebg.jpg) no-repeat center center;

  background-size: cover;

  padding: 35px 0;

}

.content-wrap .service-wrap .sbox img {

  max-width: 100%;

}

.content-wrap .service-wrap .sbox .picbox {

  text-align: center;

}

.content-wrap .service-wrap .sbox .conbox {

  margin-top: 20px;

}

.content-wrap .service-wrap .sbox .conbox .clist {

  margin-bottom: 20px;

}

.content-wrap .service-wrap .sbox .conbox .clist .num {

  padding-top: 12px;

  width: 13%;

  height: 85px;

  background: #ffca09;

  font-size: 3rem;

  color: #fff;

  font-weight: bold;

  text-align: center;

}

.content-wrap .service-wrap .sbox .conbox .clist .num span {

  padding-bottom: 10px;

  display: inline-block;

  border-bottom: 2px solid #fff;

}

.content-wrap .service-wrap .sbox .conbox .clist .con {

  width: 83%;

}

.content-wrap .service-wrap .sbox .conbox .clist .con .tit {

  font-size: 2.4rem;

  font-weight: bold;

  color: #fff;

  border-bottom: 1px dashed #fff;

  padding-bottom: 10px;

  margin-bottom: 10px;

}

.content-wrap .service-wrap .sbox .conbox .clist .con .cn {

  font-size: 1.4rem;

  color: #fff;

  line-height: 30px;

}

.content-wrap .case-wrap {

  padding: 55px 0;

  overflow: hidden;

}

.content-wrap .case-wrap .title-line {

  text-align: center;

}

.content-wrap .case-wrap .title-line .title {

  font-size: 2.4rem;

  font-weight: bold;

}

.content-wrap .case-wrap .title-line .title span {

  margin: 0 5px;

}

.content-wrap .case-wrap .title-line .title span:nth-child(2) {

  color: #999999;

}

.content-wrap .case-wrap .title-line .title span:nth-child(3) {

  color: #007db8;

}

.content-wrap .case-wrap .title-line .line-wrap {

  margin: 10px 0;

  background: #ccc;

  width: 100%;

  height: 1px;

}

.content-wrap .case-wrap .title-line .line-wrap .line {

  width: 190px;

  height: 3px;

  background: #007db8;

  margin: 0 auto;

}

.content-wrap .case-wrap .title-line .stxt {

  margin-top: 5px;

  font-size: 1.4rem;

  color: #999;

}

.content-wrap .case-wrap .case-con {

  margin-top: 45px;

}

.content-wrap .case-wrap .case-con .case-carousel {

  width: 100% !important;

  margin-left: auto;

  margin-right: auto;

  overflow: visible;

}

.content-wrap .case-wrap .case-con .case-carousel .item {

  display: block;

  text-decoration: none;

  margin: 0 10px;

}

.content-wrap .case-wrap .case-con .case-carousel .item:hover .btit {

  background: #007db8;

  border-bottom-color: #0074e1;

  color: #fff;

}

.content-wrap .case-wrap .case-con .case-carousel .item .btit {

  text-align: center;

  height: 45px;

  line-height: 45px;

  padding: 0 10px;

  overflow: hidden;

  font-size: 1.4rem;

  color: #696969;

  background: #eee;

  border-bottom: 1px solid #dedede;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .case-wrap .case-con .owl-theme .owl-controls .owl-buttons .owl-prev {

  position: absolute;

  left: -60px;

  top: 40%;

  background: #007db8;

  font-size: 1.8rem;

  color: #fff;

  font-family: "Arial";

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  padding: 0;

  margin: 0;

  opacity: 1;

  font-weight: bold;

  border-radius: 0;

}

.content-wrap .case-wrap .case-con .owl-theme .owl-controls .owl-buttons .owl-prev:hover {

  background: #ffca09;

}

.content-wrap .case-wrap .case-con .owl-theme .owl-controls .owl-buttons .owl-next {

  position: absolute;

  right: -60px;

  top: 40%;

  background: #007db8;

  font-size: 1.8rem;

  color: #fff;

  font-family: "Arial";

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  padding: 0;

  margin: 0;

  opacity: 1;

  font-weight: bold;

  border-radius: 0;

}

.content-wrap .case-wrap .case-con .owl-theme .owl-controls .owl-buttons .owl-next:hover {

  background: #ffca09;

}

.content-wrap .case-wrap .case-con .morebtn {

  margin-top: 40px;

}

.content-wrap .case-wrap .case-con .morebtn a {

  margin: 0 auto;

  text-decoration: none;

  display: block;

  width: 130px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  border: 1px solid #ccc;

  color: #292929;

  font-size: 1.2rem;

  font-weight: bold;

  border-bottom: 3px solid #ccc;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .case-wrap .case-con .morebtn a:hover {

  background: #007db8;

  border-color: #007db8;

  border-bottom-color: #0074e1;

  color: #fff;

}

.content-wrap .news-wrap {

  background: #f5f5f5;

  padding-bottom: 45px;

}

.content-wrap .news-wrap .title-line {

  background: url(../images/newsbg.jpg) no-repeat center top;

  background-size: cover;

  text-align: center;

  overflow: hidden;

  padding: 60px 0 240px;

}

.content-wrap .news-wrap .title-line .title {

  font-size: 2.4rem;

  font-weight: bold;

  color: #fff;

}

.content-wrap .news-wrap .title-line .title span {

  margin: 0 5px;

}

.content-wrap .news-wrap .title-line .title span:nth-child(2) {

  color: #fff;

}

.content-wrap .news-wrap .title-line .title span:nth-child(3) {

  color: #fff;

}

.content-wrap .news-wrap .title-line .line-wrap {

  margin: 10px 0;

  background: #ccc;

  width: 100%;

  height: 1px;

}

.content-wrap .news-wrap .title-line .line-wrap .line {

  width: 190px;

  height: 3px;

  background: #007db8;

  margin: 0 auto;

}

.content-wrap .news-wrap .title-line .stxt {

  margin-top: 5px;

  font-size: 1.4rem;

  color: #fff;

  opacity: .6;

}

.content-wrap .news-wrap .news-con {

  margin-top: -162px;

}

.content-wrap .news-wrap .news-con .nlist {

  padding: 0 5px 10px;

}

.content-wrap .news-wrap .news-con .nlist a {

  text-decoration: none;

  display: block;

  background: #fff;

  padding: 5px;

  border-bottom: 2px solid #e3e3e3;

}

.content-wrap .news-wrap .news-con .nlist a:hover .conbox .morebtn {

  background: #007db8;

}

.content-wrap .news-wrap .news-con .nlist a .conbox .icon {

  margin-top: -60px;

  text-align: center;

}

.content-wrap .news-wrap .news-con .nlist a .conbox .icon img {

  max-width: 100%;

}

.content-wrap .news-wrap .news-con .nlist a .conbox .con {

  padding: 30px 20px 10px;

}

.content-wrap .news-wrap .news-con .nlist a .conbox .con .tit {

  font-size: 1.4rem;

  color: #292929;

  font-weight: bold;

  text-align: center;

  line-height: 20px;

  height: 20px;

  overflow: hidden;

}

.content-wrap .news-wrap .news-con .nlist a .conbox .con .cn {

  margin-top: 8px;

  font-size: 1.2rem;

  color: #696969;

  line-height: 21px;

  height: 63px;

  overflow: hidden;

}

.content-wrap .news-wrap .news-con .nlist a .conbox .morebtn {

  margin: 10px auto 30px;

  width: 125px;

  height: 35px;

  background: #666;

  color: #fff;

  line-height: 35px;

  text-align: center;

  border-radius: 35px;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contact-wrap {

  padding: 45px 0;

}

.content-wrap .contact-wrap .title-line {

  text-align: center;

}

.content-wrap .contact-wrap .title-line .title {

  font-size: 2.4rem;

  font-weight: bold;

}

.content-wrap .contact-wrap .title-line .title span {

  margin: 0 5px;

}

.content-wrap .contact-wrap .title-line .title span:nth-child(2) {

  color: #999999;

}

.content-wrap .contact-wrap .title-line .title span:nth-child(3) {

  color: #007db8;

}

.content-wrap .contact-wrap .title-line .line-wrap {

  margin: 10px 0;

  background: #ccc;

  width: 100%;

  height: 1px;

}

.content-wrap .contact-wrap .title-line .line-wrap .line {

  width: 190px;

  height: 3px;

  background: #007db8;

  margin: 0 auto;

}

.content-wrap .contact-wrap .title-line .stxt {

  margin-top: 5px;

  font-size: 1.4rem;

  color: #999;

}

.content-wrap .contact-wrap .contact-con {

  margin-top: 55px;

}

.content-wrap .contact-wrap .contact-con .ccon .con p {

  color: #505050;

  font-size: 1.2rem;

  line-height: 25px;

  margin-bottom: 10px;

}



.content-wrap .contact-wrap .contact-con .ccon .con .iconbox {

  margin-top: 20px;

}

.content-wrap .contact-wrap .contact-con .ccon .con .iconbox .ilist {

  margin-bottom: 10px;

  font-size: 1.2rem;

  color: #484848;

}

.content-wrap .contact-wrap .contact-con .ccon .con .iconbox .ilist span {

  display: inline-block;

}

.content-wrap .contact-wrap .contact-con .ccon .con .morebtn {

  margin-top: 30px;

  background: #202020;

  width: 130px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #fff;

  font-size: 1.2rem;

  display: block;

  text-decoration: none;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contact-wrap .contact-con .ccon .con .morebtn:hover {

  background: #007db8;

}

.content-wrap .contact-wrap .contact-con .messagecon .mbox .mlist {

  margin-bottom: 10px;

}

.content-wrap .contact-wrap .contact-con .messagecon .mbox .mlist .textbox1 {

  width: 49%;

  height: 35px;

  padding: 5px;

  font-size: 1.4rem;

  color: #333;

  border: 1px solid #dfdfe0;

}

.content-wrap .contact-wrap .contact-con .messagecon .mbox .mlist .textbox2 {

  width: 100%;

  height: 35px;

  padding: 5px;

  font-size: 1.4rem;

  color: #333;

  border: 1px solid #dfdfe0;

}

.content-wrap .contact-wrap .contact-con .messagecon .mbox .mlist .textbox3 {

  width: 100%;

  height: 130px;

  padding: 5px;

  font-size: 1.4rem;

  color: #333;

  border: 1px solid #dfdfe0;

}

.content-wrap .contact-wrap .contact-con .messagecon .mbox .mlist .submitbtn {

  background: #007db8;

  height: 40px;

  width: 100%;

  border: none;

  color: #fff;

  font-size: 1.6rem;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contact-wrap .contact-con .messagecon .mbox .mlist .submitbtn:hover {

  background: #b83000;

}

.content-wrap .contentbox {

  margin-top: 20px;

}

.content-wrap .contentbox .tit-line {

  text-align: center;

  margin-bottom: 20px;

}

.content-wrap .contentbox .tit-line h2 {

  font-family: "Arial";

  color: #383838;

  font-size: 3.2rem;

  text-transform: uppercase;

  margin: 0 0 15px;

}

.content-wrap .contentbox .tit-line h2 span {

  font-family: "Arial";

  display: block;

  font-size: 2rem;

}

.content-wrap .contentbox .tit-line .line-wrap {

  width: 100%;

  height: 1px;

  background: #ccc;

}

.content-wrap .contentbox .tit-line .line-wrap .line {

  position: relative;

  top: -1px;

  height: 3px;

  background: #007db8;

  width: 80px;

  margin: 0 auto;

}

.content-wrap .contentbox .w-ltside .mb {

  margin-bottom: 20px;

}

.content-wrap .contentbox .w-ltside .mb .tit-show .title {

  display: block;

  height: 45px;

  line-height: 45px;

  background: #007db8;

  background-size: cover;

  overflow: hidden;

  font-family: 'Arial';

  font-size: 16px;

  color: #fff;

  text-indent: 1em;

  cursor: pointer;

}

.content-wrap .contentbox .w-ltside .mb .tit-show .title .arrow {

  float: right;

  margin-right: 15px;

}

.content-wrap .contentbox .w-ltside .mb .tit-show .title .icon {

  margin-right: 10px;

}

.content-wrap .contentbox .w-ltside .show-hide {

  display: none;

  overflow: hidden;

  width: 100%;

}

.content-wrap .contentbox .w-ltside .show-hide .div2 {

  display: block;

  height: 35px;

  line-height: 35px;

  cursor: pointer;

  background: #eee;

  color: #707070;

  font-size: 14px;

  text-align: center;

  border-bottom: 1px solid #fff;

}

.content-wrap .contentbox .w-ltside .show-hide .div2 a {

  display: block;

  color: #707070;

  text-decoration: none;

}

.content-wrap .contentbox .w-ltside .show-hide .div2:hover a {

  background: #ffca09;

  color: #fff;

}

.content-wrap .contentbox .w-ltside .show-hide .div3 {

  display: none;

}

.content-wrap .contentbox .w-ltside .show-hide .div3 ul {

  margin: 0;

  padding: 0;

}

.content-wrap .contentbox .w-ltside .show-hide .div3 ul li {

  display: block;

  height: 34px;

  line-height: 34px;

  list-style: none;

  text-align: center;

  background: #fff;

  overflow: hidden;

  border-bottom: 1px solid #eee;

}

.content-wrap .contentbox .w-ltside .show-hide .div3 ul li a {

  text-decoration: none;

  display: block;

  overflow: hidden;

  color: #666;

}

.content-wrap .contentbox .w-ltside .show-hide .div3 ul li a:hover {

  color: #ffca09;

}

.content-wrap .contentbox .ltside {

  padding-right: 20px;

  margin-bottom: 80px;

}

.content-wrap .contentbox .ltside .linkbox .title-arrow {

  color: #007db8;

}

.content-wrap .contentbox .ltside .linkbox .title-arrow .tit {

  font-size: 1.8rem;

  font-weight: bold;

}

.content-wrap .contentbox .ltside .linkbox .title-arrow .tit span {

  color: #acacac;

  position: relative;

  top: 3px;

  margin-left: 10px;

  font-size: 1.2rem;

  font-weight: normal;

  text-transform: uppercase;
  display: none;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap {

  margin-top: 5px;

  border: 1px solid #ccc;

  padding: 5px 0;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox {

  border-bottom: 1px dashed #ccc;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list {

  display: block;

  height: 42px;

  line-height: 42px;

  text-align: left;

  font-size: 1.6rem;

  text-decoration: none;

  color: #2f2f2f;

  padding-left: 15px;

  padding-right: 15px;

  overflow: hidden;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list:hover {

  background: #007db8;

  color: #fff !important;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list:hover .tit span {

  color: #fff;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list.on1 {

  background: #007db8;

  color: #fff !important;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list.on1 .tit span {

  color: #fff;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list .tit {

  width: 80%;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list .tit span {

  display: block;

  font-size: 1.2rem;

  color: #787878;

  text-transform: uppercase;

  font-family: "Arial";

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list .arrow {

  font-style: normal;

  color: #fff;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list2 {

  display: none;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list2 ul {

  background: #ededed;

  padding: 5px 10px 0;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list2 ul li {

  border-bottom: 1px dashed #ccc;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list2 ul li a {

  padding-left: 20px;

  display: block;

  height: 50px;

  text-align: left;

  color: #696969;

  line-height: 50px;

  font-size: 1.4rem;

  text-decoration: none;

  overflow: hidden;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list2 ul li a:hover {

  color: #007db8;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list2 ul li a i {

  font-style: normal;

  float: left;

  width: 10%;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .lbox .list2 ul li a span {

  float: left;

  width: 80%;

}

.content-wrap .contentbox .ltside .btnbox {

  margin-top: 25px;

}

.content-wrap .contentbox .ltside .btnbox .b2 {

  margin-top: 20px;

}

.content-wrap .contentbox .ltside .btnbox .b2 a {

  text-decoration: none;

  display: block;

  width: 100%;

  height: 50px;

  line-height: 50px;

  text-align: center;

  border: 1px solid #ccc;

  font-size: 1.4rem;

  color: #333;

}

.content-wrap .contentbox .ltside .btnbox .b2 a:hover {

  border-color: #007db8;

}

.content-wrap .contentbox .ltside .btnbox .b2 a i {

  margin: 0 30px;

  font-style: normal;

  font-weight: bold;

  color: #000;

}

.content-wrap .contentbox .main-wrap {

  padding-bottom: 30px;

}

.content-wrap .contentbox .main-wrap .title-posit {

  margin-bottom: 15px;

  line-height: 30px;

}

.content-wrap .contentbox .main-wrap .title-posit .tp .title {

  color: #060607;

  font-size: 1.8rem;

  text-transform: uppercase;

  font-weight: bold;

}

.content-wrap .contentbox .main-wrap .title-posit .tp .title span {

  color: #acacac;

  margin-left: 8px;

  display: inline-block;

  font-size: 1.2rem;

  text-transform: uppercase;

  font-weight: normal;

}

.content-wrap .contentbox .main-wrap .title-posit .tp .posit {

  color: #343434;

  font-size: 1.2rem;

}

.content-wrap .contentbox .main-wrap .title-posit .tp .posit span {

  font-weight: bold;

}

.content-wrap .contentbox .main-wrap .title-posit .tp .posit a {

  color: #616161;

}

.content-wrap .contentbox .main-wrap .title-posit .tp .back a {

  color: #343434;

  font-size: 1.2rem;

}

.content-wrap .contentbox .main-wrap .title-posit .line {

  border-top: 1px solid #ccc;

}

.content-wrap .contentbox .main-wrap .about-con {

  margin-bottom: 20px;

}

.content-wrap .contentbox .main-wrap .about-con img {

  max-width: 100%;

  margin: 10px 0;

}

.content-wrap .contentbox .main-wrap .about-con .con {

  font-size: 1.4rem;

  color: #0d0d0d;

  line-height: 30px;

  margin-bottom: 0;

}

.content-wrap .contentbox .main-wrap .news-con .nlist {

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px dashed #ccc;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a {

  display: block;

  text-decoration: none;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a:hover .picbox {

  opacity: .5;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a:hover .conbox .morebtn {

  background: #852300;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a .picbox {

  width: 20%;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a .conbox {

  width: 78%;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a .conbox .tit {

  margin-top: 10px;

  font-size: 1.6rem;

  line-height: 20px;

  height: 20px;

  overflow: hidden;

  color: #2b2b2b;

  font-weight: bold;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a .conbox .con {

  margin-top: 10px;

  font-size: 1.2rem;

  color: #878787;

  line-height: 20px;

  height: 40px;

  overflow: hidden;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a .conbox .morebtn {

  float: right;

  margin-top: 10px;

  width: 80px;

  height: 30px;

  border-radius: 3px;

  background: #007db8;

  color: #fff;

  font-size: 1.2rem;

  line-height: 30px;

  text-align: center;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contentbox .main-wrap .product-con .plist {

  padding: 0 10px 20px;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox {

  background: #fff;

  padding: 10px 10px 0;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox:hover {

  background: #007db8;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox:hover .conbox .tit {

  color: #fff;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox:hover .conbox .btnbox .b1 a {

  border-color: #fff;

  color: #fff;

  background: none;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox:hover .conbox .btnbox .b2 a {

  border-color: #fff;

  background: #fff;

  color: #292929;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox .picbox {

  border: 1px solid #ccc;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox .conbox {

  padding: 10px;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox .conbox .tit {

  font-size: 1.4rem;

  color: #292929;

  text-align: center;

  line-height: 30px;

  height: 30px;

  overflow: hidden;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox .conbox .btnbox {

  margin-top: 5px;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox .conbox .btnbox .b1 {

  display: inline-block;

  margin-right: 10px;

  margin-bottom: 10px;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox .conbox .btnbox .b1 a {

  text-decoration: none;

  display: block;

  height: 30px;

  line-height: 30px;

  padding: 0 15px;

  background: #acacac;

  border: 1px solid #acacac;

  color: #fff;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox .conbox .btnbox .b1 a:hover {

  background: #fff;

  color: #292929;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox .conbox .btnbox .b2 {

  display: inline-block;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox .conbox .btnbox .b2 a {

  text-decoration: none;

  display: block;

  height: 30px;

  line-height: 30px;

  padding: 0 15px;

  background: #007db8;

  border: 1px solid #007db8;

  color: #fff;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contentbox .main-wrap .product-con .plist .pbox .conbox .btnbox .b2 a:hover {

  background: #b83000;

  color: #fff;

}

.content-wrap .contentbox .main-wrap .case-con .clist {

  padding: 0 10px 20px;

}

.content-wrap .contentbox .main-wrap .case-con .clist a {

  text-decoration: none;

  display: block;

}

.content-wrap .contentbox .main-wrap .case-con .clist a:hover .btit {

  background: #007db8;

  border-bottom-color: #0074e1;

  color: #fff;

}

.content-wrap .contentbox .main-wrap .case-con .clist a .btit {

  text-align: center;

  height: 45px;

  line-height: 45px;

  padding: 0 10px;

  overflow: hidden;

  font-size: 1.4rem;

  color: #696969;

  background: #eee;

  border-bottom: 2px solid #dedede;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contentbox .main-wrap .partner-con .plist {

  padding: 0 5px 10px;

}

.content-wrap .contentbox .main-wrap .partner-con .plist a {

  text-decoration: none;

  display: block;

  border: 1px solid #ccc;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contentbox .main-wrap .partner-con .plist a:hover {

  opacity: .5;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist {

  margin-bottom: 10px;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist label {

  font-weight: normal;

  font-size: 1.4rem;

  width: 22%;

  float: left;

  height: 30px;

  line-height: 30px;

  color: #696969;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox1 {

  float: right;

  width: 77%;

  border: 1px solid #ccc;

  line-height: 30px;

  height: 30px;

  padding: 5px;

  font-size: 1.4rem;

  color: #696969;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox2 {

  float: right;

  width: 77%;

  border: 1px solid #ccc;

  line-height: 30px;

  height: 130px;

  padding: 5px;

  font-size: 1.4rem;

  color: #696969;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox3 {

  margin-left: 2%;

  float: left;

  width: 15%;

  border: 1px solid #ccc;

  line-height: 30px;

  height: 30px;

  padding: 5px;

  font-size: 1.4rem;

  color: #696969;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .pic {

  float: left;

  margin-left: 5px;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .pic img {

  height: 30px;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .sbtn {

  margin-top: 10px;

  width: 100px;

  height: 30px;

  color: #292929;

  border: none;

  background: #d1d1d1;

  font-size: 1.4rem;

  margin-right: 5px;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .sbtn:hover {

  background: #007db8;

  color: #fff;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .sbtn.submitbtn {

  margin-left: 23%;

}

.content-wrap .contentbox .main-wrap .messages-con .picbox {

  padding-left: 20px;

}

.content-wrap .contentbox .main-wrap .messages-con .picbox .pbox {

  border: 1px solid #ccc;

  padding: 5px;

}

.content-wrap .contentbox .main-wrap .contact-con .mappic {

  margin-top: 20px;

  border: 1px solid #ccc;

  padding: 5px;

}



.content-wrap .contentbox .main-wrap .contact-con .ccon .tit {

  font-size: 1.8rem;

  margin-bottom: 5px;

}

.content-wrap .contentbox .main-wrap .contact-con .ccon .cn {

  font-size: 1.3rem;

  color: #696969;

  line-height: 26px;

}

.content-wrap .contentbox .main-wrap .contact-con .ccon .cn img { max-width:100% !important; height:auto !important;}



.content-wrap .contentbox .main-wrap .news-details-con .tit {

  text-align: center;

  margin-bottom: 15px;

}

.content-wrap .contentbox .main-wrap .news-details-con .tit span {

  font-size: 2.4rem;

  border-bottom: 1px solid #0196dc;

  padding-bottom: 5px;

  color: #292929;

}

.content-wrap .contentbox .main-wrap .news-details-con .pic {

  margin: 10px 0;

  text-align: center;

}

.content-wrap .contentbox .main-wrap .news-details-con .pic img {

  max-width: 100%;

}

.content-wrap .contentbox .main-wrap .news-details-con .con  {

  color: #636363;

  font-size: 1.4rem;

  margin-bottom: 0;

  line-height: 28px;

}

.content-wrap .contentbox .main-wrap .news-details-con .con  img {

  max-width: 100% !important; height:auto !important;

}

.content-wrap .contentbox .main-wrap .product-details-con img {

  max-width: 100% !important; height:auto !important;

}

.content-wrap .contentbox .main-wrap .product-details-con .picbox {

  margin-bottom: 20px;

  text-align: center;

}

.content-wrap .contentbox .main-wrap .product-details-con .picbox img {

  border: 1px solid #ccc;

  max-width: 100%;

}

.content-wrap .contentbox .main-wrap .product-details-con .dcon .tit {

  font-size: 1.8rem;

  font-weight: bold;

  color: #2d2d2d;

  border-bottom: 1px solid #ccc;

  padding-bottom: 10px;

  margin-bottom: 10px;

}

.content-wrap .contentbox .main-wrap .product-details-con .dcon .cn {

  font-size: 1.4rem;

  color: #636363;

  line-height: 30px;

}

.footer-wrap .footer {

  background: url(../images/footerbg.jpg) no-repeat center center;

  background-size: cover;

}

.footer-wrap .footer .f1box {

  padding: 35px 0;

}

.footer-wrap .footer .f1box .ewmbox .pic img {

  max-width: 100%;

}

.footer-wrap .footer .f1box .cconbox .link-ul {

  border-bottom: 1px solid #fff;

  padding-bottom: 15px;

}

.footer-wrap .footer .f1box .cconbox .link-ul .list {

  width: 12.5%;

  display: inline-block;

  float: left;

  color: #fff;

  font-size: 1.4rem;

  text-align: center;

}

.footer-wrap .footer .f1box .cconbox .link-ul .list a {

  color: #fff;

}

.footer-wrap .footer .f1box .cconbox .link-ul .list span {

  float: right;

}

.footer-wrap .footer .f1box .cconbox .cbox {

  margin-top: 30px;

}

.footer-wrap .footer .f1box .cconbox .cbox .clt {

  float: left;

  color: #fff;

  line-height: 28px;

  font-size: 1.4rem;

}

.footer-wrap .footer .f1box .cconbox .cbox .clt span {

  display: block;

  font-size: 3rem;

  font-family: "Arial";

  font-weight: bold;

  margin-bottom: 10px;

}

.footer-wrap .footer .f1box .cconbox .cbox .crt {

  float: right;

  margin-top: 20px;

}

.footer-wrap .footer .f2box {

  background: rgba(0, 0, 0, 0.5) !important;

  background: #000;

  filter: alpha(opacity=50);

  font-size: 1.2rem;

  color: #fff;

  line-height: 20px;

  overflow: hidden;

  padding: 10px 0;

  text-align: center;

}

.hot-wrap {

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 75px;

  background: #007db8;

  z-index: 999;

}

.hot-wrap .list {

  height: 75px;

  width: 25%;

  float: left;

  display: block;

}

.hot-wrap .list:hover {

  background: #d03600;

}

.hot-wrap .list a {

  text-decoration: none;

  display: block;

  text-align: center;

}

.hot-wrap .list a i {

  display: block;

  padding-bottom: .2em;

  padding-top: .5em;

}

.hot-wrap .list a span {

  font-size: 1rem;

  color: #fff;

}

@media (min-width: 992px) {

  .col-md-13 {

    width: 20%;

    float: left;

  }

  .col-md-14 {

    width: 11.11%;

    float: left;

  }

  .header-wrap .header {

    height: 120px;

  }

  .header-wrap .header .logo {

    line-height: 120px;

  }

  .header-wrap .header .logo img {

  max-width:400px;

  }

  .searchbox-wrap .slt {

    margin-top: 5px;

    float: left;

    line-height: 16px;

    height: 16px;

    overflow: hidden;

    width: 70%;

  }

  .searchbox-wrap .slt .tit {

    width: 16%;

  }

  .searchbox-wrap .slt .con {

    margin-left: 0;

    width: 84%;

  }

  .searchbox-wrap .srt {

    margin-top: 0;

    float: right;

  }

  .content-wrap .product-wrap .product-con .plist .pbox .conbox .btnbox {

    text-align: center;

  }

  .content-wrap .about-wrap .about-con .abox a .picbox {

    float: left;

    width: 60%;

  }

  .content-wrap .about-wrap .about-con .abox a .picbox img {

    width: 100%;

    height: 420px;

  }

  .content-wrap .about-wrap .about-con .abox a .conbox {

    float: right;

    width: 40%;

    padding: 40px 40px 0;

  }

  .content-wrap .about-wrap .about-con .abox a .conbox .line {

    margin: 25px 0;

    position: relative;

    left: -70px;

  }

  .content-wrap .service-wrap .title-line .btit {

    background: url(../images/index-titleline3.png) no-repeat center top;

    height: 76px;

  }

  .content-wrap .service-wrap .title-line .stit {

    margin-top: 25px;

  }

  .content-wrap .service-wrap .service-con .picbox {

    padding-left: 20px;

  }

  .content-wrap .service-wrap .service-con .conbox {

    padding-right: 50px;

  }

  .content-wrap .service-wrap .service-con .conbox .clist {

    margin-bottom: 50px;

  }

  .content-wrap .service-wrap .sbox .picbox {

    padding-right: 20px;

  }

  .content-wrap .service-wrap .sbox .conbox {

    padding-left: 50px;

  }

  .content-wrap .news-wrap .news-con .nbox {

    padding-right: 30px;

  }

  .content-wrap .contact-wrap .contact-con .ccon {

    padding-right: 20px;

  }

  .content-wrap .contentbox .main-wrap {

    padding-left: 20px;

  }

  .content-wrap .contentbox .main-wrap .product-con .plist .pbox .conbox .btnbox {

    text-align: center;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mconbox {

    width: 890px;

    margin: 0 auto;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist label {

    width: 12%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox1 {

    width: 86%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox2 {

    width: 86%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .sbtn.submitbtn {

    margin-left: 14%;

  }

  .content-wrap .contentbox .main-wrap .product-details-con .showcn {

    padding-left: 35px;

  }

  .content-wrap .contentbox .main-wrap .product-details-con .showcn .zxbox {

    float: right;

  }

  .content-wrap .contentbox .main-wrap .product-details-con .showcn .zxbox .z2 {

    margin-top: 0;

    margin-left: 15px;

  }

}

@media (max-width: 990px) {

  .container-fluid {

    padding-left: .5em;

    padding-right: .5em;

  }

  .content-wrap .contact-wrap .contact-con .messagecon {

    margin-top: 20px;

  }

  .footer-wrap {

    margin-bottom: 75px;

  }

  .footer-wrap .footer .f2box {

    background: #292929;

    color: #fff;

  }

}

@media (max-width: 480px) {

  .logo img {

    max-width: 80%;

  }

  .content-wrap .contact-wrap .contact-con .messagecon .mbox .mlist .textbox1 {

    width: 100%;

    margin-bottom: 10px;

  }

  .content-wrap .contentbox .main-wrap .news-con .nlist a .picbox {

    width: 35%;

  }

  .content-wrap .contentbox .main-wrap .news-con .nlist a .conbox {

    width: 63%;

  }

}

@media (max-width: 375px) {

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist label {

    width: 28%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox1 {

    width: 71%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox2 {

    width: 71%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .sbtn.submitbtn {

    margin-left: 28%;

  }

}