@import url("animate.min.css");
@import url("swiper.min.css");
@media screen and (max-width: 2000px) and (min-width: 1100px) {
  :root {
    font-size: calc(100vw / 192 * 2);
  }
}
body {
  min-width: 1200px;
  overflow-x: hidden;
}
/***************************************** index 首页 *******************************************/
header {
  overflow: hidden;
}
header .Top{
  width: 100%;
  z-index: 99999999;
  background-color: #fff;
  position: fixed;
}
header .commonHeaderTop {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
header .commonHeaderTop .commonHeaderTopWrap {
  width: 100%;
  margin: 1px 0 1px 0;
  display: flex;
  align-items: center;
}
header .commonHeaderTop .commonHeaderTopWrap .commonHeaderTopLogo {
  width: 240px;
}
header .commonHeaderTop .commonHeaderTopWrap .commonHeaderTopLogo a img {
  width: 100%;
  height: auto;
}
header .commonHeaderTop .commonHeaderTopWrap .commonHeaderTopJj {
  padding: 0 0 0 37px;
  border-left: 2px solid #1f2c5c;
  margin: 0 auto 0 47px;
}
header .commonHeaderTop .commonHeaderTopWrap .commonHeaderTopJj p {
  font-size: 24px;
  color: #f20814;
  font-weight: bold;
}
header .commonHeaderTop .commonHeaderTopWrap .commonHeaderTopJj p span {
  font-size: 24px;
  color: #0f5cae;
  font-weight:normal;
}
header .commonHeaderTop .commonHeaderTopWrap .commonHeaderTopTel {
  display: flex;
  align-items: center;
}
header .commonHeaderTop .commonHeaderTopWrap .commonHeaderTopTel .commonHeaderTopTelImg {
  width: 50px;
  height: 50px;
  margin: 0 13px 0 0;
}
header .commonHeaderTop .commonHeaderTopWrap .commonHeaderTopTel .commonHeaderTopTelImg img {
  width: 100%;
  height: 100%;
}
header .commonHeaderTop .commonHeaderTopWrap .commonHeaderTopTel .commonHeaderTopTelContent p {
  width: 200px;
  font-size: 24px;
  color: #f20814;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  text-align: justify;
  white-space: nowrap;
}
header .commonHeaderTop .commonHeaderTopWrap .commonHeaderTopTel .commonHeaderTopTelContent p span {
  font-size: 24px;
  color: #4c4c4c;
  display: block;
  margin: 0 auto 0 0;
}
header .commonHeaderNav {
  width: 100%;
  overflow: hidden;
}
header .commonHeaderNav .commonHeaderNavWrap {
  width: 100%;
  background-color: #0f5cae;
}
header .commonHeaderNav .commonHeaderNavWrap nav {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
header .commonHeaderNav .commonHeaderNavWrap nav ul {
  width: 100%;
  display: flex;
}
header .commonHeaderNav .commonHeaderNavWrap nav ul li {
  flex: 1;
}
header .commonHeaderNav .commonHeaderNavWrap nav ul li.active a {
  background-color: #d0111b;
}
header .commonHeaderNav .commonHeaderNavWrap nav ul li:hover a {
  background-color: #d0111b;
}
header .commonHeaderNav .commonHeaderNavWrap nav ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  transition-duration: 0.5s;
  transition-property: background-color;
}
header .commonHeaderNav .commonHeaderNavWrap nav ul li a p {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}
header .commonHeaderNav .commonHeaderNavWrap nav ul li a p:first-child {
  margin: 4px 0 4px 0;
}
header .commonTopMenuScreen {
  display: none;
}
header .commonNavScreen {
  display: none;
}
main .service {
  position: fixed;
  top: 50%;
  right: -80px;
  transform: translateY(-50%);
  z-index: 99999999;
  transition-duration: 0.5s;
  transition-property: right;
}
main .service li {
  width: 70px;
  height: 70px;
  cursor: pointer;
  position: relative;
  background-color: #fff;
}
main .service li:nth-child(n+2) .serviceImg {
  border-top: none;
}
main .service li:nth-child(n+2) .serviceImg:hover {
  border-top: none;
}
main .service li .serviceImg {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition-duration: 0.5s;
  transition-property: background-color, border;
  border: 1px solid #ddd;
}
main .service li .serviceImg:hover {
  background-color: #0f5cae;
  border: 1px solid #0f5cae;
}
main .service li .serviceImg:hover img {
  opacity: 0;
}
main .service li .serviceImg:hover img:last-child {
  opacity: 1;
}
main .service li .serviceImg img {
  width: 70%;
  height: auto;
  position: absolute;
  transition-duration: 0.5s;
  transition-property: opacity;
}
main .service li .serviceImg img:last-child {
  opacity: 0;
}
main .service li:hover a {
  right: 70px;
  opacity: 1;
}
main .service li > a {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  height: 70px;
  padding: 0 20px;
  right: 140px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #4d4d4d;
  opacity: 0;
  transition-duration: 0.5s;
  transition-property: opacity,right;
  border-right: none;
}
main .screenService {
  display: none;
}
main .indexMainCommonTitle {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
}
main .indexMainCommonTitle p {
  font-size: 36px;
  color: #191919;
}
main .indexMainCommonTitle span {
  color: #4c4c4c;
  font-size: 30px;
  display: block;
  margin: 9px 0 10px 0;
}
main .indexMainCommonTitle span:last-child {
  font-size: 18px;
  color: #808080;
  margin: 0;
}
main .commonBanner {
  max-width: 1920px;
  margin: 163px auto 0 auto;
  overflow: hidden;
}
main .commonBanner .commonBannerWrap {
  width: 100% !important;
  overflow: hidden;
  position: relative;
}
main .commonBanner .commonBannerWrap .swiper-wrapper,
main .commonBanner .commonBannerWrap ul {
  width: 100% !important;
  max-height: 660px !important;
}
main .commonBanner .commonBannerWrap .swiper-wrapper li,
main .commonBanner .commonBannerWrap ul li {
  width: 100%;
  height: 100%;
}
main .commonBanner .commonBannerWrap .swiper-wrapper li a img,
main .commonBanner .commonBannerWrap ul li a img {
  width: 100%;
  height: auto;
}
main .commonBanner .commonBannerWrap .swiper-pagination {
  bottom: 23px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
main .commonBanner .commonBannerWrap .swiper-pagination .swiper-pagination-bullet {
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important;
  background-color: transparent !important;
  border: 1px solid #fff;
  margin: 0 30px 0 0;
}
main .commonBanner .commonBannerWrap .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #fff !important;
}
main .commonBanner .commonBannerWrap .swiper-pagination .swiper-pagination-bullet-active {
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important;
  background-color: #fff !important;
}
main .search {
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 10px 10px #eee;
}
main .search .searchWrap {
  width: 1200px;
  margin: 0 auto;
  padding: 25px 0;
  display: flex;
  align-items: center;
}
main .search .searchWrap > p {
  font-weight: bold;
  color: #4d4d4d;
  font-size: 14px;
  white-space: nowrap;
}
main .search .searchWrap ul {
  display: flex;
  height: 100%;
  align-items: center;
  margin: -4px auto 0 30px;
}
main .search .searchWrap ul li {
  margin: 0 16px 0 0;
}
main .search .searchWrap ul li a {
  color: #666666;
  font-size: 14px;
  white-space: nowrap;
}
main .search .searchWrap ul li a:hover {
  color: #4d4d4d;
  font-weight: bold;
}
main .search .searchWrap form {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
main .search .searchWrap form input {
  width: 360px;
  font-size: 14px;
  padding: 12px 0 12px 16px;
  border: 2px solid #1590ce;
  border-radius: 4px;
}
main .search .searchWrap form button {
  width: 60px;
  height: 100%;
  background-color: #1590ce;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
main .search .searchWrap form button::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../images/common-search.png) no-repeat;
  background-size: 24px 24px;
  position: absolute;
  right: 25%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
}
main .cz {
  width: 1200px;
  margin: 50px auto 0 auto;
}
main .cz .czWrap {
  width: 100%;
}
main .cz .czWrap .czTitle {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
}
main .cz .czWrap .czTitle h3 {
  font-size: 40px;
  color: #404040;
  margin: 0 0 30px 0;
}
main .cz .czWrap .czTitle p {
  font-size: 32px;
  color: #2f9cd3;
}
main .cz .czWrap .czItems {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 45px 0 0 0;
}
main .cz .czWrap .czItems .czItem {
  width: 584px;
  height: 405px;
  border: 1px solid #d3d3d3;
  transition-duration: 1s;
  background-color: #fff;
  overflow: hidden;
  transition-property: box-shadow;
}
main .cz .czWrap .czItems .czItem:hover {
  box-shadow: 0 0 20px #777;
}
main .cz .czWrap .czItems .czItem a {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  height: 100%;
  padding: 20px 30px 20px 30px;
}
main .cz .czWrap .czItems .czItem a .top{
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 auto 0;
}
main .cz .czWrap .czItems .czItem a .top img{
  width: auto;
  height: 100%;
}

main .cz .czWrap .czItems .czItem a .top .content{
  margin: 0 0 0 60px;
  padding: 30px 0 0 0;
  height: 100%;
  overflow: hidden;
}
main .cz .czWrap .czItems .czItem a .top .content li{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 0 0 24px 0;
}
main .cz .czWrap .czItems .czItem a .top .content li strong{
  font-size: 22px;
  color: #2f9cd3;
  white-space: nowrap;
  display: block;
  width: 70px;
  text-align: left;
}
main .cz .czWrap .czItems .czItem a .top .content li p{
  margin: 0 0 0 10px;
  color: #fea136;
  font-size: 20px;
  line-height: 24px;
  white-space: nowrap;
  text-align: left;

}
main .cz .czWrap .czItems .czItem a .bottom{
  width: 100%;
    /* position: relative; 
  display: flex;*/
  flex-flow: row nowrap;
  align-items: center;
}
main .cz .czWrap .czItems .czItem a .bottom::before{
  content: "";
  position: absolute;
  width: 10px;
  height: 40px;
  background-color: #0f5cae;
  left: -10px;
  top: 0;
}
main .cz .czWrap .czItems .czItem a .bottom h5{
  font-size: 30px;
  color: #23527c;
  font-weight: bold;
 
  white-space: nowrap;
  text-align : center; /* align-items: center; */
}
main .cz .czWrap .czItems .czItem a .bottom .content{
  display: flex;
  flex-flow: row flex;
  margin: 0 0 0 40px;
}
main .cz .czWrap .czItems .czItem a .bottom .content p,
main .cz .czWrap .czItems .czItem a .bottom .content span,
main .cz .czWrap .czItems .czItem a .bottom .content a,
main .cz .czWrap .czItems .czItem a .bottom .content em{
  color: #2f9cd3;
  font-size: 20px;
  white-space: nowrap;
  margin: 0 18px 0 0;
}

main .cz .czWrap .czItems .czItem a .bottom .content p:last-child,
main .cz .czWrap .czItems .czItem a .bottom .content span:last-child,
main .cz .czWrap .czItems .czItem a .bottom .content a:last-child,
main .cz .czWrap .czItems .czItem a .bottom .content em:last-child{
  margin-right: 0;
}


main .cz .czWrap .czItems .czItem a .czItemLeftImg {
  margin: 0 60px 0 0;
  height: 100%;
}
main .cz .czWrap .czItems .czItem a .czItemLeftImg img {
  width: auto;
  height: 100%;
}
main .cz .czWrap .czItems .czItem a .czItemRight {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightTop {
  position: relative;
  padding: 0 0 0 15px;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightTop h5 {
  font-size: 20px;
  color: #23527c;
  font-weight: bold;
  margin: 0 0 8px 0;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightTop p {
  font-size: 14px;
  color: #545454;
  line-height: 25px;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightTop::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 30px;
  background-color: #0f5cae;
  left: -10px;
  top: 0;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightMain ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightMain ul li {
  display: flex;
  flex-flow: column;
  align-items: center;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightMain ul li > p {
  font-size: 24px;
  color: #2f9cd3;
  font-weight: bold;
  margin: 0 0 16px 0;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightMain ul li > p span {
  color: #4c4c4c;
  margin: 0 0 0 8px;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightMain ul li .img {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #e3e3e6;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightMain ul li .img img {
  width: auto;
  height: 24px;
  margin: 0 0 2px 0;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightMain ul li .img p {
  font-size: 12px;
  color: #4c4c4c;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightBottem {
  display: flex;
  align-items: flex-start;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightBottem strong {
  font-size: 22px;
  color: #fea136;
  margin: 0 4px 0 0;
  white-space: nowrap;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightBottem strong span {
  font-size: 18px;
  color: #706f6f;
  font-weight: bold;
}
main .cz .czWrap .czItems .czItem a .czItemRight .czItemRightBottem p {
  margin: 0 4px 0 0;
  color: #2f9cd3;
  font-size: 16px;
  line-height: 24px;
}
main .product {
  width: 1200px;

  margin: 30px auto 0 auto;
  overflow: hidden;
}
main .product .productWrap {
  width: 100%;
  overflow: hidden;
}
main .product .productWrap .productTitle h5 {
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  color: #737373;
}
main .product .productWrap .productContent {
  width: 100%;
  margin: 30px 0 0 0;
}
main .product .productWrap .productContent .productContentTitle p {
  font-size: 24px;
  color: #404040;
  padding: 0 0 0 16px;
  position: relative;
}
main .product .productWrap .productContent .productContentTitle p span {
  color: #737373;
  font-size: 14px;
  margin: 0 0 0 20px;
}
main .product .productWrap .productContent .productContentTitle p::before {
  content: "";
  width: 6px;
  height: 32px;
  background-color: #0f5cae;
  position: absolute;
  top: 0;
  left: 0;
}
main .product .productWrap .productContent .productItems {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 35px 0 0 0;
}
main .product .productWrap .productContent .productItems .productItem {
  width: 390px;
  margin: 5px 0 0 0;
}
main .product .productWrap .productContent .productItems .productItem:hover a .productItemMain {
  border-right: 1px solid #0f5cae;
  border-left: 1px solid #0f5cae;
}
main .product .productWrap .productContent .productItems .productItem:hover a .productItemMain img {
  transform: scale(1.01);
}
main .product .productWrap .productContent .productItems .productItem:hover a .productItemBottom {
  border-right: 1px solid #0f5cae;
  border-left: 1px solid #0f5cae;
  border-bottom: 1px solid #0f5cae;
}
main .product .productWrap .productContent .productItems .productItem a {
  width: 100%;
  display: block;
  background-color: #f5f5f5;
  border: 1px solid #fff;
}
main .product .productWrap .productContent .productItems .productItem a .productItemTop {
  width: 100%;min-height:40px;
  background-color: #0f5cae;
}
main .product .productWrap .productContent .productItems .productItem a .productItemTop ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 27px;
}
main .product .productWrap .productContent .productItems .productItem a .productItemTop ul li {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 10px 0 8px 0;
}
main .product .productWrap .productContent .productItems .productItem a .productItemTop ul li strong {
  font-size: 24px;
  color: #fff;
  white-space: nowrap;
  margin: 0 0 4px 0;
}
main .product .productWrap .productContent .productItems .productItem a .productItemTop ul li p {
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
}
main .product .productWrap .productContent .productItems .productItem a .productItemMain {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 0 10px 0;
  overflow: hidden;
  border-right: 1px solid #d7d4d4;
  border-left: 1px solid #d7d4d4;
}
main .product .productWrap .productContent .productItems .productItem a .productItemMain img {
  width: 100%;
  min-height: 220px;
  height: auto;
  transition-duration: 1s;
  transition-property: transform;
}
main .product .productWrap .productContent .productItems .productItem a .productItemBottom {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 10px 0 ;
  overflow: hidden;
  border-right: 1px solid #d7d4d4;
  border-left: 1px solid #d7d4d4;
  border-bottom: 1px solid #d7d4d4;
}
main .product .productWrap .productContent .productItems .productItem a .productItemBottom span {
  font-size: 18px;
  color: #191919;
}
main .product .productWrap .productContent .productItems .productItem a .productItemBottom div {
  display: flex;
  align-items: center;
}
main .product .productWrap .productContent .productItems .productItem a .productItemBottom div strong {
  font-size: 20px;
  color: #fe9917;
}
main .product .productWrap .productContent .productItems .productItem a .productItemBottom div strong span {
  font-size: 18px;
  color: #706f6f;
}
main .product .productWrap .productContent .productItems .productItem a .productItemBottom div p {
  font-size: 16px;
  color: #2f9cd3;
  margin: 0 0 0 26px;
}
main .product .productWrap .productContent .productMore {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 48px 0 0 0;
}
main .product .productWrap .productContent .productMore a {
  display: flex;
  width: 250px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border: 1px solid #0f5cae;
  color: #0f5cae;
  font-size: 18px;
  border-radius: 5px;
  transition-duration: 0.5s;
  transition-property: background-color, color;
}
main .product .productWrap .productContent .productMore a:hover {
  color: #fff;
  background-color: #0f5cae;
}
/* 产品列表页 */
main .seat{ max-width: 1920px;overflow: hidden;box-shadow: 0 10px 10px #eee; margin: 0 auto;}
main .seat .seatWrap {width: 1200px;margin: 0 auto;padding: 20px 0;display: flex;align-items: center;color: #666; height: 36px; line-height: 36px; font-size: 14px;}
main .seat a{ color:#FF9002;}
main .inside-tit{ text-align: center; font: 30px/30px "微软雅黑"; color: #333; padding: 30px 0px 0px 0px;}

main .inside-tit span{ color: #999999; font-family: "BellMT"; display:block; font-size: 20px;}
main .inside-left{ width: 900px;  padding-right: 40px; position: relative; display: block; min-height: 960px; height:auto; overflow: hidden;}
main .inside-left:after{ position: absolute; right: 0px; top: 0px; background: #FF9002; width: 1px; height: 100%; display:block; content: '';}
main .inside-right{ width: 240px; padding-left: 20px; }

main .classly{ text-align: center; margin: 20px auto 20px auto;}
main .classly li{ display: inline-block; height: 30px; line-height: 30px; text-align:center;   font-size: 14px; color: #fff; margin: 0px 5px; }
main .classly li a{ color: #666; border: #d9d9d9 1px solid; display: block; min-width: 90px; padding: 0px 10px;}
main .classly li a:hover{border: #d0111b 1px solid; color: #fff; background: #d0111b;}
main .classly li a.current{border: #d0111b 1px solid; color: #fff; background: #d0111b;}

main .clear { clear: both;}
main .wrap{width: 1240px;margin: 0px auto;}
main .mt60{ margin-top: 20px;}
main .right { float: right; }
main .left { float: left; }
main .project-left{ width: 800px;min-height:400px;}
main .project-right{ width: 400px; float: right;}
main .project-right .return{ background: #5a5a5a; height: 40px; width: 340px; font: 14px/40px "微软雅黑";  color: #fff; display: block; text-align: center;}
main .project-right .project-nav{ width: 340px; overflow: hidden; border-top: #ccc 1px solid; padding-top: 15px; margin-top: 20px;}
main .project-right .project-nav ul{ width: 360px;}
main .project-right .project-nav ul li{ float: left; margin-right: 20px; margin-bottom: 12px;}
main .project-right .project-nav ul li a{ width: 150px; height: 26px; line-height: 26px; background: #f3f3f3;float: left; text-align: center; display: inline-block; font-size: 14px; color: #999;}
main .project-right .project-nav ul li a:hover{ background: #ff8c02; color: #fff;}
main .project-right .project-nav ul li a.current{ background: #ff8c02; color: #fff;}
main .inside-project{overflow:hidden; zoom:1;  position:relative; width: 340px; margin-top: 20px; padding-top:15px;border-top: #ccc 1px solid;}
main .inside-project ul{overflow:hidden; width: 360px; }
main .inside-project ul li{ width: 165px; float: left;  margin-bottom: 10px; transition: all 0.3s linear; margin-right: 10px;}
main .inside-project ul li .pic{ width: 165px; height:97px; overflow: hidden;}
main .inside-project ul li .pic img{ display: block; 	transition: all 0.6s; width: 165px;height: 97px; }
main .inside-project ul li:hover .pic img{transform: scale(1.2, 1.2)}
main .inside-project ul li span{ display: block; text-align: center;  height: 30px; line-height: 30px; font-size: 14px; color: #333;}
main .inside-project ul li:hover {background: #ff9002; color: #fff; transform: rotateY(-5px); -webkit-transform: rotateY(-5px); -moz-transform: rotateY(-5px);}
main .inside-project ul li:hover span{ color: #fff;}
main .sigle-page{ font: 16px/36px "微软雅黑"; color: #666;}
main .sigle-page h1{ text-align: center; font-size: 16px; color: #FF9002; margin-bottom: 20px;}
main .sigle-page h1 .line{ border-bottom: #ccc 1px dashed; font-size: 14px; display: block; color: #999; margin-top: 10px; padding-bottom: 15px;}
main .sigle-page p{ margin-bottom: 20px;}
main .sigle-page p img{width:100%;max-width:700px; align:center; } 
main .sigle-page h4{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 20px;}
main .sigle-video{ width: 1200px; margin: 30px auto;}
main .sigle-video h4{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
main .other-content{ background: #f5f5f5; padding: 20px;}
main .related-page{ width: 100%; margin-top: 20px;}
main .related-page li{ width: 50%; float: left;}
main .related-page li a{ background: #fff; padding: 10px 30px; color: #333; font-size: 16px; display: block;}
main .related-page li a span{ width: 32px; height: 32px; line-height: 32px; display: inline-block; text-align: center; border: #ccc 1px solid; margin: 0px 5px;}
main .related-page li a:hover{ background: #FF9002; color: #fff;}
main .related-page li a:hover span{ border: #fff 1px solid; color: #fff;}
main .tar{ text-align:right;}


main .news-show{}
main .news-show li{ line-height: 50px; height: auto; overflow: hidden; padding: 0px 10px; border-bottom: #ccc 1px dashed; display: block; }
main .news-show li a{ float: left; font-size: 16px; display:block;}
main .news-show li a i{ border-left:5px solid #FF9002; display: inline-block; border-bottom: 5px solid transparent; border-top: 5px solid transparent; content: ''; margin-right: 5px;}
main .news-show li:hover{ background: #eee;}
main .news-show li span{ float: right; font-size: 14px; font-family: arial; color: #999;}
main .news-show li:hover a{ text-decoration: underline; color: #1a51ac;}

main .pages {  margin: 3px 3px 3px 0px ; TEXT-ALIGN:center;  font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top:20px; margin-bottom:20px; font-family:"微软雅黑"; display:block; clear:both;}
main .pages a {BORDER:#cccccc 1px solid; padding:5px 10px;color: #57585a; TEXT-DECORATION: none; background:#fff;height:32px; line-height: 22px;display:inline-block;}
main .pages a:hover {BORDER: #FF9002 1px solid;color: #fff; background-color: #FF9002; text-decoration:none;}
main .pages a:active {BORDER: #FF9002 1px solid; color: #fff; background-color: #FF9002;}
main .pages a.current {BORDER: #FF9002 1px solid; padding:5px 10px;font-weight: bold; margin: 4px; height:32px; line-height: 22px;color: #fff;  background-color: #FF9002}
main .pages a.disabled {BORDER: #eee 1px solid; padding:5px 10px; border-radius:3px;  margin: 4px; color: #ddd; cursor:default;}
main .pages a.disabled:hover{BORDER: #eee 1px solid; background:none; padding:5px 10px;  margin: 4px; color: #ddd; cursor:default;}
main .pages .point{padding:3px 10px; margin: 4px; color: #666; }
/*词库样式开始*/
main .ciku_item{}
main .ciku_item  ul li{ float:left;margin-right:15px; width:18%; display:block;margin-top:1px;}
main .web_tags{ width:320px; margin-bottom:32px;}
main .web_tags h2,.web_news h2{margin:0; font-weight:normal;}
main .web_tags h2 span,.web_news h2 span,.pro_news h2 span{ display:block; float:left; font-size:16px; color:#848485; margin-bottom:12px;}
main .web_tags h2 a {float:right; margin-right:15px;font-size:16px; color:#848485;}
main .web_tags h2 img,.web_news h2 img,.pro_news h2 img{ float:left; margin-left:10px; margin-top:10px; cursor:pointer;}
main .web_tags ul{ border: solid #ebebeb 1px;}
main .web_tags ul li{ border-bottom: solid #d7d7d7 1px;float:left;width: 140px; margin-left:10px;margin-bottom:10px; }
main .web_tags ul li a span{ display:block; float:left; font-size:15px; color:#848485; line-height:35px; margin-left:15px;}
main .web_tags ul li span{ display:block; float:left; font-size:12px; color:#ff6a00; line-height:25px; margin-left:2px;}
main .web_tags ul li img{ float:right; margin-right:15px; margin-top:8px;cursor:pointer;}
.web_list h1,.web_list h2,.web_list h3,.web_list h5,.web_list p{margin:0; font-weight:normal;}
.web_zuo{ float:left;}
.web_zuo span{ font-size:14px;color: #ff6a00;}
.web_you{ float:right; margin-bottom:60px;}
.web_list{ width:780px;  padding-left:30px; padding-right:30px; padding-top:10px; margin-bottom:20px;}
.web_list img { width:auto; max-width:780px;}
.web_list h1{ font-size:20px; color:#2c2c2c;}
.web_list span{ font-size:14px; color:#727171; line-height:30px;}
.web_list h2{ font-size:14px; color:#727171; margin-bottom:15px;}
.web_list h3{ font-size:22px; color:#7a7a7a; border-bottom:dashed #bdbdbd 1px; line-height:50px; margin-bottom:-5px;}
.web_list h3 strong{ font-weight:normal; font-size:14px;}
.web_list h3 span{ font-size:14px; color:#727171; line-height:30px;}
.web_list h3 span a{ color:#727171;}
.web_list .a{ font-size:16px; color:#727171; border-bottom:dashed #bdbdbd 1px; display:block; padding-bottom:15px; padding-top:5px; line-height:35px;}
.web_list .current,.web_list a:hover{ color:#0aa2cc;}
.web_list a p{ font-size:12px; color:#aaaaab; line-height:18px; padding-left:24px;}
.case_list  {float:left;width:780px;padding-left:30px; padding-right:30px; padding-top:10px; border: solid #d7d7d7 1px;margin-bottom:20px;}
.case_list ul li{ float:left; width:33%; display:block; margin-top:1px;}
.case_list ul li a { display:block; float:left; font-size:15px; color:#727171; line-height:20px;}
.case_list ul li a  span{float:left;font-size:18px; color:#2c2c2c;padding-bottom:15px;}
.case_list ul li a  p{float:left;width:95%;font-size:14px; color: #aaaaab;padding-bottom:15px;}
.case_list ul li a img {width: 165px;;height: 97px;}

main .mainBanner {
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
main .mainBanner .mainBannerWrap {
  width: 100%;
  height: 430px;
  margin: 45px 0 0 0;
}
main .mainBanner .mainBannerWrap a img {
  width: 100%;
  height: 100%;
}

main .mainBannerx {
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
main .mainBannerx .mainBannerWrap {
  width: 100%;
  text-align:center;
  height: 183px;
  margin: 45px 0 0 0;
}
main .companyJj {
  max-width: 1920px;
  min-height: 400px;
  margin: 0px auto;
}
main .companyJj .companyJjWrap {
  width: 100%;
  position: relative;
}
main .companyJj .companyJjWrap::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100px;
  background: url(../images/index-jj-bg.png) no-repeat;
  background-size: 100% 100%;
  z-index: 999;
}
main .companyJj .companyJjWrap .companyJjTitle {
  width: 1200px;
  height: 100px;
  position: relative;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
main .companyJj .companyJjWrap .companyJjTitle p {
  font-size: 32px;
  color: #fff;
}
main .companyJj .companyJjWrap .companyJjContent {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
main .companyJj .companyJjWrap .companyJjContent .companyJjItems {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
main .companyJj .companyJjWrap .companyJjContent .companyJjItems .companyJjItem {
  width: 590px;
  height: 370px;
  padding: 64px 40px 10px 40px;
  background-color: #fff;
  box-shadow: 0 5px 10px #999;
}
main .companyJj .companyJjWrap .companyJjContent .companyJjItems .companyJjItem img {
  width: auto;
  height: 100%;
}
main .companyJj .companyJjWrap .companyJjContent .companyJjItems .companyJjItem .companyJjItemTitle {
  width: 100%;
  margin: 70px 0 0 0;
  display: flex;
  flex-flow: column;
  align-items: center;
}
main .companyJj .companyJjWrap .companyJjContent .companyJjItems .companyJjItem .companyJjItemTitle p {
  font-size: 24px;
  color: #191919;
  text-align: center;
}
main .companyJj .companyJjWrap .companyJjContent .companyJjItems .companyJjItem .companyJjItemTitle span {
  font-size: 16px;
  color: #6d6d6d;
  margin: 16px 0 25px 0;
}
main .companyJj .companyJjWrap .companyJjContent .companyJjItems .companyJjItem p {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}
main .case {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
main .case .caseWrap {
  width: 100%;
}
main .case .caseWrap .caseItems {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  overflow: hidden;
  margin: 48px 0 0 0;
}
main .case .caseWrap .caseItems .caseItem {
  width: 260px;
  height: 161px;
}
main .case .caseWrap .caseItems .caseItem:nth-child(n+5) {
  margin: 40px 0 0 0;
}
main .case .caseWrap .caseItems .caseItem a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e6e6e6;
}
main .case .caseWrap .caseItems .caseItem a img {
  width: 100%;
  height: 100%;
}
main .case .caseWrap .caseItems .caseItem a:hover {
  border: 1px solid #0f5cae;
}
main .news {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
main .news .newsWrap {
  width: 100%;
  overflow: hidden;
  margin: 48px 0 45px 0;
}
main .news .newsWrap .newsChange {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: center;
  margin: 24px 0 48px 0;
}
main .news .newsWrap .newsChange li {
  margin: 0 26px 0 0;
}
main .news .newsWrap .newsChange li.active a {
  background-color: #0f5cae;
  color: #fff;
}
main .news .newsWrap .newsChange li:hover a {
  background-color: #0f5cae;
  color: #fff;
}
main .news .newsWrap .newsChange li a {
  display: flex;
  width: 160px;
  height: 35px;
  border: 1px solid #0f5cae;
  color: #0f5cae;
  font-size: 18px;
  align-items: center;
  justify-content: center;
}
main .news .newsWrap .newsContent {
  width: 100%;
  display: flex;
}
main .news .newsWrap .newsContent .newsContentLeft ul {
  display: flex;
  width: 520px;
  justify-content: space-between;
}
main .news .newsWrap .newsContent .newsContentLeft ul li {
  width: 230px;
}
main .news .newsWrap .newsContent .newsContentLeft ul li a {
  display: flex;
  flex-flow: column;
  width: 100%;
  position: relative;
}
main .news .newsWrap .newsContent .newsContentLeft ul li a .newsContentLeftImg {
  width: 100%;
  height: 146px;
  margin: 0 0 20px 0;
}
main .news .newsWrap .newsContent .newsContentLeft ul li a .newsContentLeftImg img {
  width: 100%;
  height: 100%;
}
main .news .newsWrap .newsContent .newsContentLeft ul li a p {
  font-size: 12px;
  color: #747474;
  line-height: 20px;
}
main .news .newsWrap .newsContent .newsContentLeft ul li a .jt {
  margin: 13px 0;
  line-height: 0;
  font-family: "宋体" !important;
}
main .news .newsWrap .newsContent .newsContentLeft ul li a .more {
  width: 126px;
  height: 30px;
  background-color: #0f5cae;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .news .newsWrap .newsContent .newsContentLeft ul li a .more span {
  font-family: "宋体" !important;
  margin: 0 0 0 8px;
}
main .news .newsWrap .newsContent .newsContentLeft ul li a .date {
  position: absolute;
  background-color: #0f5cae;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 10px;
}
main .news .newsWrap .newsContent .newsContentLeft ul li a .date p {
  color: #fff;
  white-space: nowrap;
  font-size: 28px;
  margin: 0 0 11px 0;
}
main .news .newsWrap .newsContent .newsContentLeft ul li a .date span {
  color: #fff;
  white-space: nowrap;
  font-size: 16px;
}
main .news .newsWrap .newsContent .newsContentRight {
  margin: 0 0 0 80px;
}
main .news .newsWrap .newsContent .newsContentRight ul li {
  margin: 20px 0 0 0;
}
main .news .newsWrap .newsContent .newsContentRight ul li:first-child {
  margin: 0 !important;
}
main .news .newsWrap .newsContent .newsContentRight ul li a {
  display: flex;
  flex-flow: row;
  padding: 0 0 10px 6px;
  align-items: center;
  border-bottom: 1px solid #d8dadb;
}
main .news .newsWrap .newsContent .newsContentRight ul li a .newsDate {
  margin: 0 42px 0 0;
}
main .news .newsWrap .newsContent .newsContentRight ul li a .newsDate p {
  white-space: nowrap;
  font-size: 18px;
  color: #d5d7d8;
}
main .news .newsWrap .newsContent .newsContentRight ul li a .newsContent {
  display: flex;
  flex-flow: column;
  width: 480px;
}
main .news .newsWrap .newsContent .newsContentRight ul li a .newsContent h5 {
  width: 100%;
  color: #5d5d5d;
  font-size: 16px;
  margin: 0 0 10px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
main .news .newsWrap .newsContent .newsContentRight ul li a .newsContent p {
  width: 100%;
  font-size: 12px;
  color: #8a8a8a;
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
main .news .newsWrap .newsContent .newsContentRight ul li a .newsContent p span {
  margin: 0 0 0 110px;
  font-family: "宋体" !important;
}
footer {
  overflow: hidden;
}
footer .footerWrap {
  max-width: 1920px;
  margin: 0 auto;
  background: url(../images/footer-bg.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
footer .footerWrap .footerTop {
  width: 1200px;
  margin: 0 auto;
  border-bottom: 1px solid #31aee1;
  padding: 30px 0 23px 0;
  display: flex;
  flex-flow: row;
}
footer .footerWrap .footerTop .footerCompany {
  width: 305px;
  position: relative;
  padding: 0 30px 0 0;
}
footer .footerWrap .footerTop .footerCompany::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 194px;
  background-color: #9dd8f1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
footer .footerWrap .footerTop .footerCompany .footerCompanyTitle p {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
footer .footerWrap .footerTop .footerCompany .footerCompanyTitle span {
  font-size: 8px;
  color: #fff;
  white-space: nowrap;
  margin: 15px 0 0 0;
}
footer .footerWrap .footerTop .footerCompany ul {
  width: 100%;
  height: 100px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  margin: 15px 0 0 0;
}
footer .footerWrap .footerTop .footerCompany ul li {
  width: 100%;
  display: flex;
  flex-flow: row;
}
footer .footerWrap .footerTop .footerCompany ul li p,
footer .footerWrap .footerTop .footerCompany ul li span {
  font-size: 14px;
  color: #fff;
  line-height: 25px;
}
footer .footerWrap .footerTop .footerCompany ul li p {
  white-space: nowrap;
}
footer .footerWrap .footerTop .footerCompanyDetails {
  display: flex;
  flex-flow: row;
  padding: 0 35px;
  flex: 1;
  justify-content: space-between;
}
footer .footerWrap .footerTop .footerCompanyDetails > li p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px 0;
}
footer .footerWrap .footerTop .footerCompanyDetails > li ul li a {
  font-size: 14px;
  color: #e1eff6;
  line-height: 25px;
}
footer .footerWrap .footerTop .footerCompanyDetails > li ul li a:hover {
  text-decoration: underline;
}
footer .footerWrap .footerTop .erweima {
  width: 140px;
  display: flex;
  flex-flow: column;
  align-items: center;
}
footer .footerWrap .footerTop .erweima p {
  font-size: 16px;
  color: #fff;
  margin: 0 0 15px 0;
}
footer .footerWrap .footerTop .erweima img {
  width: 100%;
  height: auto;
}
footer .footerWrap .footerBottom {
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 13px 0;
}
footer .footerWrap .footerBottom .copyright {
  width: 100%;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
}
footer .footerWrap .footerBottom .copyright p,
footer .footerWrap .footerBottom .copyright span,
footer .footerWrap .footerBottom .copyright a {
  font-size: 12px;
  color: #fff;
  display: flex;
  flex-flow: row;
  align-items: center;
  white-space: nowrap;
}
footer .footerWrap .footerBottom .copyright p:first-of-type {
  margin: 0 45px 0 0;
}
footer .footerWrap .footerBottom .copyright p:first-of-type img {
  width: 50px;
  height: 12px;
  margin: 0 20px 0 0;
}
footer .footerWrap .footerBottom .copyright p:nth-child(2) {
  margin: 0 15px 0 0;
}
footer .footerWrap .footerBottom .copyright p:nth-child(2) img {
  width: 18px;
  height: 18px;
  margin: 0 20px 0 0;
}
footer .footerWrap .footerBottom .copyright p a:hover {
  text-decoration: underline;
}
footer .footerWrap .footerBottom .about {
  display: flex;
  flex-flow: row;
  justify-content: center;
}
footer .footerWrap .footerBottom .about li a {
  font-size: 12px;
  color: #fff;
  padding: 0 5px;
  border-right: 1.5px solid #fff;
  display: flex;
  flex-flow: row;
  align-items: center;
  height: 13px;
}
footer .footerWrap .footerBottom .about li a:hover {
  text-decoration: underline;
}
footer .footerWrap .footerBottom .about li:last-of-type a {
  border: none;
}