@charset "utf-8";
body,.ios body{
  font-family: "思源黑体","PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif, Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif,"microsoft yahei";
}
  
.home-top-grid1 {
  background: rgba(11, 100, 143, 0.7);
  transition: 0.5s all;
}
.home-top-grid2 {
  background: rgba(226, 23, 55, 0.5);
  transition: 0.5s all;
}
.home-top-grid3 {
  background: rgba(11, 100, 143, 0.4);
  transition: 0.5s all;
}
.color-primary{ color: #0063b0;}
body {
  overflow-x: hidden;
}
.iconfont {
  font-family: 'iconfont';
}
img {
  max-width: 100%;
}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.case .vcenter {
  width: 100%;
  height: 100%;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.relative {
  position: relative;
}
.pic {
  position: relative;
  overflow: hidden;
}
.pic:after {
  content: "";
  display: block;
}
a {
  color: #666;
  text-decoration: none;
}
a:hover {
  color: #225ae8;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
.f18{font-size: 18px;}

/*-header-*/
.header {
  clear: both;
  position: fixed;
  left: 0;
  z-index: 30;
  color: white;
  width: 100%;
  top: 0;
}

/*-banner-*/
.banner { 
  margin: 0 auto;
  clear: both;
}
.banner .slick-dots {
  bottom: 40px;
}
.banner .slick-dots li button {
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 1px solid white; background: none;
}
.banner .slick-dots .slick-active button {
  width: 10px;
  height: 10px;
  border: none; background: white;
}
.home-banner img{ width: 100%;}
/*********nav start***********/
.navwrap .lwt-wrap {
  text-align: right;
}
.navwrap span {
  margin: 0 10px;
  cursor: pointer;
  position: relative;
}
.navwrap span .erweima {
  position: absolute;
  width: 140px;
  height: 140px;
  z-index: 22;
  left: 50%;
  margin-left: -82px;
  top: 30px;
  display: none;
}
.navwrap span:hover .erweima {
  display: block;
}
.navwrap .toptel {
  font-size: 18px;
  color: #225ae8;
  font-family: arial;
  line-height: 25px;
  text-decoration: none;
  font-weight: bold;
}
.navwrap .toptel img {
  margin-right: 10px;
}
.navwrap .nav{ display: flex; width: 100%;}
.navwrap .nav li {
  width: 140px;
  flex: 1;
  float: left;
  text-align: center;
  margin: 0px;
  position: relative;
  font-size: 16px;
}
.navwrap .nav li a {
	transition: 0.5s;
	line-height: 80px;
	padding: 0;
/* 	padding: 0 47px; */
	font-size: 16px;
}

.navwrap .nav li ul {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 2;
  display: none;
  top: 80px;
  background: #fff;
  padding: 10px 0;
}
.navwrap .nav li:hover .two{ display: block;}
.navwrap .nav li ul li {
  line-height: 30px;
  list-style: none;
  font-size: 13px;
  background: none;
}
.navwrap .nav li ul li ul {
  position: absolute;
  left: 100%;
  width: 100%;
  top: 0;
  display: none;
}
.navwrap .nav div a{ color: #333; display: block;}
.navwrap .nav .active div,.navwrap .nav li:hover div{	
  color: #225ae8;
  color: white;
  background: rgba(255,255,255,0.3);
  background: #292929;
  background: #0063b0;
  transition: all 0s;
  -webkit-transition: all 0s;
}
.navwrap .nav li.active ul li a {
  color: #666;
}
.navwrap .nav .active div a,.navwrap .nav li:hover div a{ color: white; transition:  none;}
.navwrap .nav li.active ul li a:hover {
  color: #2863af;
}
.ion-navicon-round{ width: 50px; height: 50px; display: inline-block;  background-size: 25px;}


.mm-clear:before, .mm-close:before {
    right: 14px;
}
.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before{
    width: 10px;
    height: 10px;
}
.mm-menu{ background: #333; color: #dcdcdc;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: #dcdcdc;
}
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu ,
.mm-listview>li:not(.mm-divider):after,.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after{
    border-color: rgb(255 255 255 / 10%);
}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before,.mm-menu .mm-listview>li .mm-next:after{ border-color: rgb(255 255 255 / 50%);}

.mm-listview .noSubMenu{  display: none;}
.mm-listview .noSubMenu+a{  margin-right: 0;}
#mmenu{  z-index: 100;}
.mm-menu.mm-pageshadow:after{ width: 1px;}
#mm-blocker{background: rgba(0,0,0,0.5);z-index: 99;}
/*-phone-nav-*/
.phone-nav {
  position: absolute;
  font-size: 24px;
  right: 5px;
  display: none;
  color: #0063b0;
  top: 0px;
  z-index: 9;
  padding: 0 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: no-repeat center url(../images/icon-menu.png);
  background-size: 45px;
}
.phone-nav:hover { 
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .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-lg-auto, .col-md, .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-md-auto, .col-sm, .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-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ float: left;}
.top{ height: 80px; background: white;box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.top .logo{padding-top: 19px;}
.top .pull-left{ float: left;}
.top .pull-right{ float: right;}
.top .logo img{ height: 40px;}
.navwrap{ display: flex; max-width: 900px; width: 80%; width: calc(100% - 200px);}
.navwrap .nav .two{padding: 15px 0 ;background: rgb(255 252 252 / 85%);box-shadow: 0 0 30px rgba(0,0,0,0.15);
	backdrop-filter: saturate(120%) blur(20px);
	-webkit-backdrop-filter: saturate(120%) blur(20px);
}
.navwrap .nav .two li{ position: relative; float: none; width: 100%;}
.navwrap .nav .two li a{padding: 0px 0;border-radius: 0;display: block;text-align: center;height: auto;line-height: 2.5;}
.navwrap .nav .two li:last-child a{ border:none;}
.navwrap .nav li:hover .two li a,.navwrap .nav li:hover .two li {background:none !important;}
.navwrap .nav li:hover .two li a{ color: #333;}
.navwrap .nav li:hover .two li a:hover{  color:#0063b0; }
.navwrap .nav .two li .arrow{ background:  rgba(0,0,0,0.9); width: 7px; height: 7px; position: absolute; left: 50%; margin-left: -4px; top: -4px; display: block; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
@media (min-width:992px) and (max-width:1230px) {
	.navwrap .nav .two li a{ font-size: 13px;}
}
.home-banner,.top-banner{ padding-top: 80px;}
.home-banner .li  a{ display: block;}
.home-banner .li { overflow: hidden;}
.home-banner .li img{ width: 100%;}
.top-banner{ overflow: hidden;}
.top-banner .container,.top-banner .row{ height: 100%; position: relative; z-index: 1;}
/* .top-banner .container::after{ top: 0px; content: "";position: absolute ; left: -20%; height: 400px; width: 150%; background: url(https://www.tianhengyun.com/images/dot.png);} */
.top-banner [class^="col"]{ height: 100%;}
.top-banner .bg{ height: 400px; color: white;}
.top-banner h1{ font-size: 54px; margin-bottom: 10px; font-weight: bold;}
.top-banner p{ font-size: 34px;}
.top-banner .content{ top: 50%; transform: translateY(-50%); position: relative; padding-bottom: 5px; display: inline-block; }
.top-banner .content::after{opacity: 0.7;left: 21px;bottom: 0px;margin-left: -20px;position: absolute;content: "";background:white;width: 30px;height: 2px;}

.swiper-button-next, .swiper-button-prev{
	width: 54px; height: 54px; border: 2px solid white; border-radius: 54px; margin-top: 27px;
}
.swiper-button-next{right: 90px;}
.swiper-button-prev{ left: 90px;}
.swiper-button-next::after, .swiper-button-prev::after{
    font-size: 27px;   color: white;
}
/* 我们的能力 */
.home-ability-warp{ padding-bottom: 80px;}
.home-ability-warp .col-xs-12{ position: relative;}
.home-ability-warp .row{ margin-bottom: 30px;}
.home-ability-warp .col-xs-12 img{ width: 100%;}
.home-ability-warp .ability-tit{ position: absolute; z-index: 1; left: 40px; bottom: 25px; font-size: 26px; color: white;}
.home-ability-warp .hide-warp{ position: relative;}
.home-ability-warp  .hide{  opacity: 0; transform: translateY(50px); position: absolute; transition: all 0.3s; box-sizing: border-box; padding: 20px 25px; background: #0063b0; color: white; z-index: 2; left: 0;    bottom: 0;}
.home-ability-warp  .hide .tit{ font-size: 26px; margin-bottom: 10px;}
.home-ability-warp  .hide p{ font-size: 14px;}
.home-ability-warp .row a{ display:block; overflow: hidden; }
.home-ability-warp .row a:hover img{ transform: scale(1.1); transform-origin: center; }
.home-ability-warp .row a:hover .hide{  transform: translateY(0px); opacity: 1; }
.home-ability-warp .row a:hover  .ability-tit{ display: none;}
.home-common-tit,.innerpage-common-tit{ text-align: center; position: relative; padding: 80px 0px 20px 0; margin-bottom: 50px; }
.home-common-tit::after,.innerpage-common-tit::after{ left: 50%; bottom: 0px; border-bottom: -2px; margin-left: -20px; position: absolute; content: ""; background:#0063b0; width: 40px; height: 2px;}
.innerpage-common-tit::after{ width: 20px; margin-left: -10px;}
.home-common-tit h2,.innerpage-common-tit h2{ font-size: 36px; font-weight: bold;}
.home-common-tit .disc{ font-size: 30px; color: #555;}
.innerpage-common-tit .disc{ font-size: 18px;color: #555; padding-top: 5px;}
.innerpage-common-tit h2{ font-size: 32px;}
.home-app{ background:#f2f2f2; padding-bottom: 80px;}
.button-more{ border: 1px solid #0063b0; color: #0063b0 !important; line-height: 50px; width: 120px; height: 50px; text-align: center; display: inline-block;}
.button-more:hover{ background:#0063b0 ; color: white !important;}
/* 深耕应用 */
.home-app .dis-tab{ height: 100%;}
.home-app-ul{ margin-right: -30px; }
.home-app-ul li{ background: white;  margin-right: 30px;}
.home-app-ul li:nth-child(1) .tit{ border-left: none; width: 120px; min-width: 120px;}
.home-app-ul div{ height: 100%;}
.home-app-ul .content{ display: none; }
.home-app-ul .li-warp{ }
.home-app-ul .dis-tab{ height: 100%; min-height: 433px;}
.home-app-ul .tit{width: 150px; min-width: 150px; border-left: 30px solid #f2f2f2; background: no-repeat center bottom  url(../images/icon-add.png) #ddd;font-size: 26px;padding: 35px;text-align: center;line-height: 1.1;box-sizing: border-box;}
.home-app-ul .active .tit,.home-app-ul .tit:hover,.home-app-md li.active{ background:no-repeat center bottom  url(../images/icon-del.png) #0063b0; color: white;}
.home-app-ul .active .content{ display: block; }
.home-app-ul .content{ padding: 50px 30px;   vertical-align: middle;}
.home-app-ul .content img{ float: left; margin-right: 20px;}
.home-app-ul .content p{color: #666;margin-top: 15px;line-height: 2;}
.home-app-ul .content .more{ text-align: right;}
.home-app-ul .content .more a{}
.home-app-md{ background: #dddddd; margin-bottom: 15px; display: none;}
.home-app-md li{ font-weight: bold;  cursor: pointer; display: block; text-align: center;  background:#dddddd;   line-height: 20px; padding: 25px 10px !important; }
.home-app-md li span{ display: inline-block;}
 /* 我们的数字 */
 .home-mynumber{ padding-bottom: 80px; color: white; background: no-repeat center url(../images/my-number-bg.jpg) #0b62b3; background-size: cover;}
 .home-mynumber .row{justify-content: center; text-align: center; }
 .home-mynumber .home-common-tit::after{ background: white;}
 .home-mynumber .row .num{font-size: 36px; }
 .home-mynumber .row .num span{  font-weight: bold; font-size: 72px;}
 .home-mynumber .row .disc{  font-size: 20px;}  
  /* 新闻资讯 */
.home-news{ padding-bottom: 80px;}
.news-list{}
.news-list .col-12,.news-list .col-6{ margin-bottom: 30px;}
.news-list .item{ border: 1px solid #ececec; }
.news-list .item:hover{ box-shadow: 0 0 30px rgba(0,0,0,0.15);}
.news-list .pic{ }
.news-list .pic .wrap{ display: block; padding-top:56%; overflow: hidden;}
.news-list a:hover .pic img{ transform: scale(1.1);-webkit-transform: scale(1.1); transform-origin: center;}
.news-list a:hover .button-more{  } 
.news-list .pic img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.news-list .content{ padding: 15px 20px 20px 20px;}
.news-list .content p{ font-size: 18px; overflow: hidden;  margin-bottom: 5px; display: block; white-space: nowrap; text-overflow: ellipsis; display: block;}
.news-list .content span{ display: block; margin-bottom: 15px; font-size: 14px; color: #999;}
.news-list .content a{}
.enterprise-pic .content p{ margin-bottom: 0;}
.home-news-more{ text-align: center; padding-top: 30px; display: none;}
.home-news-more a{ margin: 0 auto;}
/* 友情链接 */
.home-bottom{ background: #ececec; padding: 60px 0 ; font-size: 14px;} 
.home-bottom .address{}
.home-bottom .address .logo{ margin-bottom: 20px;}
.home-bottom .address .logo img{ height: 35px;}
.home-bottom .address dt{ font-weight: bold; margin-bottom: 10px; font-size: 18px;}
.home-bottom .address dd{ margin-bottom: 5px;  color: #666; }
.home-bottom .address dd a{ display: inline-block;}
.home-bottom .qrcode{ text-align: center;}
.home-bottom .qrcode img{ width: 100px;display: inline-block; margin-bottom: 10px;}
.home-bottom .text-r{ text-align: right;} 
.home-bottom .friendlink{text-align: left; display: inline-block;}
.home-bottom .friendlink dt{font-size: 18px; margin-bottom: 10px; font-weight: normal;}
.home-bottom .friendlink dd{ margin-bottom: 2px;}
.home-bottom .col-lg-4{ border-right: 1px solid #0063b0;}

.home-bottom .certification{ text-align: center; padding-top: 30px;}
.home-bottom .certification .tit{ margin-bottom: 20px;}
.home-bottom .certification .tit b{ font-size: 18px; }
.home-bottom .certification ul{ display: flex; justify-content: space-between;}
.home-bottom .certification li{ float: left; width: 20% \9\0; text-align: center;}
.home-bottom  .visible-xs{ display: none;}
/* 右边工具栏 */
.sidebar{ position: fixed; right: 10px;bottom: 0px; z-index: 10;}
.sidebar ul{}
.sidebar li{ text-align: center; margin-bottom: 10px; height: 70px; position: relative;}
.sidebar .content{white-space: nowrap; display: none; font-weight: bold; background: #3691d8; color: white; font-size: 16px; line-height: 70px; padding: 0 20px; position: absolute; height: 70px; right: 70px; top: 0;}
.sidebar .content a{ color: white;}
.sidebar [class^="icon"]{transition: none; -webkit-transition:none; border: 1px solid #e5e5e5; width: 70px; height: 70px; display: inline-block; background:#ececec url(../images/icon-contact.png);}
.sidebar li:hover [class^="icon"]{    background-color: #0063B0; border-color: #0063B0; color: white;}
.sidebar li:hover .mail,.sidebar li:hover .hide-md{ display: block;}
.sidebar li .hide-md a{  cursor: default;}
.sidebar .top{padding-top: 35px;display: inline-block; height: auto;  box-shadow: none; background: none;}
.sidebar .back{ padding-top:40px; font-size: 12px; display: inline-block;}
.sidebar .icon-tel{ background-position: 0 0;}
.sidebar li:hover .icon-tel{background-position: 70px 0;}
.sidebar .icon-mail{background-position:  0 -71px;}
.sidebar  li:hover  .icon-mail{background-position: -71px -71px;}
.sidebar .icon-top{background-position: 0px -142px;}
.sidebar  li:hover  .icon-top{background-position: -71px -142px ;}
.sidebar .icon-back{background-position: 0px -213px ;}
.sidebar  li:hover  .icon-back{background-position: -71px -213px ;}
.sidebar li .hide-sm{ display: none;}


@media (min-width: 577px) {	
	.icon-mail,.icon-tel{ cursor: default;}	
}
@media (min-width: 993px) {	
	.home-mynumber .col-lg-2{ width: 24%; max-width: 24%;  flex: 1;}
	.home-bottom .col-lg-4:nth-child(3){ border: none;}
}
@media (max-width: 992px) {
  .top{ height: 50px;}
  .top .logo{ padding-top: 10px;}
  .top .logo img{ height: 28px;}
  .home-banner,.top-banner{ padding-top: 50px;}
  .phone-nav{ color: #0063af !important;}
  .navwrap{ display: none;}
  .phone-nav {  display: block; }  
}
@media (max-width:1200px) {
	.swiper-button-next, .swiper-button-prev{display: none;}
	.home-mynumber .row .num span{ font-size: 50px;}
	.home-mynumber .row .disc{ font-size: 16px;}
}
@media (max-width:1024px) {
	.slick-prev, .slick-next{ display: none !important;}	
	.home-app-md{ display: block;}
	.home-app-md li{ background-image: none !important;}
	.home-app-ul .tit{ display: none;}

	.home-mynumber .row .num span{ font-size: 50px;}
	.home-mynumber .row .disc{ font-size: 16px;}
}
@media (max-width: 992px) {	
	.home-banner li(not .slick-dots){ width: 100%; overflow: hidden; position:relative;}
	.banner .slick-dots{ bottom: 20px;}
	.home-banner li a{ display: block;}
	.home-banner li img{ width: 140%; margin-left: -20%; max-width:inherit;}	
	.banner .slick-dots li button,.banner .slick-dots .slick-active button{ width: 7px; height: 7px;}
	.slick-dots li{ margin: 0 4px;}
	.home-ability-warp .row a:hover .hide-warp{ display: none;}
	.home-ability-warp .row a,.home-ability-warp .row a:hover{position: relative;overflow: hidden;padding-top: 60%;}
    .home-ability-warp .row   a:hover .ability-tit{ display: block !important;}

	.home-ability-warp .row img{position: absolute;margin: 0 auto;z-index: 1;top: 0;height: 100%;width: 100%;}
	.home-ability-warp .row .ability-tit{ position: relative; z-index: 2; display: block;}
	.home-ability-warp .row{ margin-bottom: 0;}
	.home-ability-warp .row .col-sm-12{ margin-bottom: 30px;}
	.home-mynumber{ padding-bottom: 20px;}
	.home-mynumber .row{  justify-content: left;}
	.home-mynumber .row .num{font-size: 30px; } 
	.home-mynumber .row .col-sm-6{ margin-bottom: 20px;}
	.news-list .col-md-6{ margin-bottom: 20px;}
	.button-more{ width: 100px; height: 45px; line-height: 43px; font-size: 16px;}
	.home-bottom .text-r{ text-align: left;}
	.home-bottom .col-lg-4{ margin-bottom: 20px;}
	.sidebar{ transform: scale(0.7); bottom: 10px; transform-origin: bottom; right: 18px;}
	.top-banner .bg{ height: 300px;}
	.top-banner h1{ font-size: 40px;}
	.top-banner p{ font-size: 30px;}
	.top-banner .col-md-0{ display: none;}
	.enterprise-pic .content{ padding: 10px 10px;}
	.enterprise-pic .content p{ font-size: 14px; margin-bottom: 0;}
	.enterprise-pic .content p{ margin-bottom: 0;white-space: normal;}
	.enterprise-pic .item{ height: 100%;}
	
}
@media (max-width:768px) {
	.home-app-ul .content img{ float: none; margin-right: 0; margin: 0 auto; display: block;}
	.home-app-ul .content{ padding:30px;}
	.home-common-tit h2,.innerpage-common-tit h2{ font-size: 28px;}
	.home-common-tit .disc,.innerpage-common-tit .disc{ font-size: 18px; margin-top: 5px;}
	.home-common-tit,.innerpage-common-tit{ padding: 50px 0px 10px 0; margin-bottom: 30px;}
	.home-ability-warp .row .ability-tit{ font-size:20px;}
	.home-bottom .col-lg-4{ border-right: none;}
	.home-bottom .qrcode{background: #cdcdcd;text-align: left;padding: 10px 10px 0px 10px;}
	.home-bottom .qrcode img{ float: left; margin-right: 15px;}
	.home-bottom .qrcode .desc{ margin-top: 25px;}	
	.top-banner h1{ font-size:35px;}
	.top-banner p{ font-size: 25px;}	
	.header{  }
	.home-bottom .visible-md{ display: none;}
	.home-bottom .visible-xs{ display: block;}
	.news-list.news-md .content p{ font-size: 16px;}
	.news-list.news-md .pic{ width: 33%; height: 56%; margin-right: 5px; float: left; left: 10px; top: 0px;}
	.news-list.news-md .content{ flex: 1; padding: 0px 0px 0px 20px; }
	.news-list.news-md .content p{ white-space: normal;}
	.news-list.news-md .col-md-6{ margin-bottom: 0px; clear: both;}
	.news-list.news-md .item{padding-top: 10px;    padding-bottom: 10px; clear: both;  display: flex; border: none;border-bottom: 1px solid #ddd;}
	.news-list.news-md .content .button-more{ display: none;}
	.news-list.news-md .content span{ margin-bottom: 0;}
	.home-news-more{ display: block;}
	.news-list.news-md .content span{ font-size: 10px;}
	.news-list.news-md .item a{ display:block;}
	.news-list.news-md .item:hover{ box-shadow: none;}

}
@media (max-width:576px) {
	.home-app-ul .content img{  width: 100%;}
	.home-app-ul .content{ padding: 15px;}
	.home-ability-warp .row .col-sm-12{ margin-bottom: 15px;}
	.home-common-tit h2,.innerpage-common-tit h2{ font-size: 23px;}
	.home-common-tit .disc,.innerpage-common-tit .disc{ font-size: 14px; margin-top: 5px;}
	.home-mynumber .row .num{font-size: 30px; }
	.home-mynumber .row .num span{  font-weight: bold; font-size: 35px;}
	.home-mynumber .row .disc{  font-size: 12px;} 
	.home-mynumber .row .col-sm-6{ margin-bottom: 15px;}
	
	.home-bottom .certification{ padding-top: 0px;}
	.home-bottom .certification .tit{ text-align: left;}
	.sidebar{ right: 4px;}
	.sidebar li:hover .hide-md{ display: none;}	
	.sidebar li:hover .hide-sm{ display: block;}
	.top-banner .bg{ height: 200px;}
	.top-banner h1{ font-size:25px;}
	.top-banner p{ font-size: 16px;}
	.button-more{ width: 90px; height: 40px; line-height: 38px; font-size: 14px;}
}

@media (min-width: 768px){
	.container {width: 750px;width: 90%;}
	
}
@media (min-width: 992px){
	.container {width: 970px;width: 90%;}
}
@media (min-width: 1024px){
	.container {width: 90%;}	
}
@media (min-width: 1366px)
{
	.container {width: 1336px;width: calc(100% - 200px);}
}
@media (min-width: 1430px)
{
	.container {width: 1430px; max-width: 1430px;}
}


.top-banner img{ }
.main-container{ padding-top: 80px; padding-bottom: 80px;}
.main-container .f18{line-height: 2;}
/* 关键能力 */
.ability-three{ }
.ability-three .item{ border: 1px solid #dddddd;}
.ability-three strong{ font-size: 22px; display: block; margin-bottom: 3px;}
.ability-three img{ display: block; width: 100%;}
.ability-three p{ color: #666; margin-bottom: 0;}
.ability-three .padd{ padding: 15px 20px;}
.ability-three .col-12{ margin-bottom: 15px;}
.ability-article-top img{ margin-bottom: 15px; }
.ability-article-top .subtit{ padding-top: 10px;}
.ability-article-list{ padding-top: 15px;}
.ability-article-list .item{ border: 1px solid #ddd; height: 100%; border-left: 6px #0063b0 solid; padding:12px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ability-article-list .col-12{ margin-bottom: 20px;}
.ability-article-list  [id$="_success"] ,.about-culture [id$="_success"] { display: block !important; width: 100%;}

/* 解决方案 */
.solution-tab{ font-size: 18px; }
.solution-tab a{ text-align: center; padding: 20px 5px; display: block;}
.solution-tab .active ,.solution-tab a:hover{ color: #0063B0; position: relative; font-weight: bold;}

.solution-tab .active::after,.solution-tab a:hover::after{ content: "";   background: #0063B0; height: 2px; width: 100%; left: 0; position: absolute; bottom: 0;}
.solution-summary-bg { border-top: 1px solid #ddd; background: #f2f2f2; }
.solution-summary-bg .main-container{ padding-top: 0;}
.solution-article-summary [class^="col"]{ height: 297px;}
.solution-article-summary img{ top: 50%;  transform: translateY(-50%); position: relative; }
.solution-article-summary .txt{top: 50%;  transform: translateY(-50%); position: relative; font-size: 18px; line-height: 2;}
.solution-article-tit h2{ font-weight: bold; text-align: center; font-size: 24px; margin-bottom: 20px;}
.solution-article-content{}
.solution-article-content img{ max-width: 100%;}
.solution-main{ padding-top: 80px;}
.solution-main .main-container{ padding-top: 0;}
.solution-main:nth-child(2n){ background: #f2f2f2;}

/* 产品中心  */
.pro-thz-warp{ padding-top: 40px;}
.pro-thz{}
.pro-thz .item{ border: 1px solid #ddd;}
.pro-thz .col-6{ margin-bottom: 30px;}
.pro-thz .item .pic{ position: relative; padding-top: 56%;}
.pro-thz .item .pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pro-thz .item p{ white-space: nowrap; margin-bottom: 0; background: #0063b0; color: white; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; line-height: 60px;}
.page{ padding:30px 0 80px 0; text-align: center; }
.page ul{ display: inline-block;}
.page a,.page li{ vertical-align: middle; display: inline-block;  padding: 0 15px; min-width: 50px; height: 50px; line-height: 50px; border: 1px solid #DDD; text-align: center; }
.page a:hover,.page li:hover{ color:#0063b0; border-color: #0063b0; background-color: #dcecf9;}
.page .btn-prv,.page .btn-next{ margin: 0 10px; border-color: #0063b0; width: 45px; height: 45px; border-radius: 45px; border-radius: 45px; display: inline-block;}
.page .btn-prv{ background: no-repeat -2px -0.5px url(../images/page-prv2.png); background-size: 90px auto;}
.page .btn-next{ background: no-repeat -2px -0.5px url(../images/page-next2.png); background-size: 90px auto;}
.page .gray.btn-prv,.page .gray.btn-next{ border-color: #c2c2c2; background-position: right;}
.page .gray.btn-prv:hover,.page .gray.btn-next:hover{cursor: default;background-color: transparent; }
.page .padd{ margin-right:6px;}
.page .padd:last-child{ margin-right:0px;}
.page .num-list{ }
.page .num-list a{ margin-right: 5px;}
.page .num-list a:last-child { margin-right: 0 !important;}
.page-phone{ display: none;}
.page-phone .total{ padding: 0 20px;}

.pro-page a.active,.page a.active,.page .active{ border-color: #0063b0; background-color: #0063b0; color: white;}
.pro-page a,.page li{ height: 40px; line-height: 38px;  min-width: 35px;}
.page .pagecount{ display:none;}
.thz-graybg{ background: #f2f2f2;}
.pro-thc-warp{	}
.pro-thc .col-12 div{ color: #666; background: white; box-shadow: 0 0 15px rgba(0,0,0,0.08); padding: 13px 15px;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap;	}
.pro-thc .col-12{ margin-bottom: 20px;}
.article-content{}
.article-content p{ margin-bottom:auto;}
.article-content img{ max-width: 100%;}
.pro-mapping{ padding-bottom: 80px;}
.news-tab{ border-bottom: 1px solid #ddd;}
@media (max-width:1400px) {	
	.solution-article-summary [class^="col"]{ height: 250px;}
}
@media (max-width:1200px) {	
}
@media (max-width:1024px) {	
}
@media (max-width:992px) { 	
	.pro-thz-warp{ padding-top: 20px;}	
	.main-container .f18,.pro-thz-warp .f18{ font-size: 16px; line-height: 1.8;}
	.solution-article-summary img{ margin-bottom: 15px; display: block;}
	.solution-article-summary [class^="col"]{ height: auto;}
	.pro-thz .item p{ line-height: 50px;}	
}
@media (max-width:768px) {	
	.ability-three p{ font-size: 12px;}
	.ability-article-list .col-12{ margin-bottom: 5px;}		
	.ability-article-list .item{ border-left-width: 3px; white-space: normal; text-overflow:  inherit;}
	.solution-main{ padding-top: 40px;}
	.main-container{ padding-top: 20px; padding-bottom: 40px;}
	.solution-article-tit h2{ font-size: 20px;}
	.pro-thz .item p{ line-height: 45px; font-size: 14px;}
	
}
@media (max-width:576px) {	
	.ability-three strong{ font-size: 18px;}
	.ability-three .padd{ padding: 10px 0 10px 0;}
	.ability-three p{ margin-bottom: 0;}
	.ability-three img{ float: left; height: 70px; margin-right: 15px; width: 30%;}
	.solution-tab a{ font-size: 16px; line-height: 1.5;}
	.pro-thz .item p{ line-height: 35px;}
	.pro-thz{ padding: 10px;}
	.pro-thz .col-6{ padding: 0 5px; margin-bottom: 10px;}	
	.page .pagecount{display: inline-block;padding: 0 15px;border: 1px #0063b0 solid;height: 35px;line-height: 32px;border-left: none;border-right: none;vertical-align: middle;}
	.pro-thc .col-12{margin-bottom: 10px;}
	.page{ font-size: 14px;}
	.page a, .page li{ background: white; border: none;   height: 35px; line-height: 35px; padding: 0 10px; min-width: 35px;}
	.page a{background: white;border: 1px #ddd solid;height: 35px;line-height: 32px;vertical-align: middle;}
	.page-phone{ display: block;}
	.page-pc{ display: none;}
}
@media (max-width:375px) {	
}
@media (max-width:320px) {	
	.ability-three img{ width: 28%; margin-right: 5px;}
	.solution-tab [class^="col"]{padding-left: 10px; padding-right: 10px;}
}

.video-list .video-iframe{ width: 100%; padding-top: 56%; position: relative;}
.video-list .video-iframe iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.video-list .col-12{ margin-bottom: 30px;}
.news-detail{}
.news-detail .detail-tit{ border-bottom: 1px solid #ddd; padding: 80px 0 40px 0; text-align: center;}
.news-detail .detail-tit .tit{ font-weight: bold; font-size: 30px; margin-bottom: 10px;}
.news-detail .detail-tit .date{ font-size:14px ; color: #999;}
.news-detail .detail-tit .date span{ margin: 0 5px;}
.news-detail .detail-content{ padding: 40px 0 40px 0;}
.news-detail .detail-content img{ max-width: 100%;}
.news-detail .turnPages{padding-top: 40px; vertical-align: middle;	border-top: 1px solid #ddd;	 padding-bottom: 80px;}
.news-detail .turnPages	.return {width: 120px;height: 40px;display: inline-block;	margin-top: 10px; text-align: center;line-height: 40px;	align-items: center;		border: 1px solid #ddd;		justify-content: center;	}
.news-detail .turnPages .col-md-4{ text-align: right; }
.about-culture .col-lg-4{ position: relative;}
.about-culture .row{ margin-bottom: 30px;}
.about-culture .col-lg-4 img{ width: 100%;}
.about-culture .culture-tit{ position: absolute; z-index: 1; left: 40px; bottom: 25px; font-size: 26px; color: white;}
.about-culture .hide-warp{ position: relative;}
.about-culture  .hide{ width: 100%;  opacity: 0; position: absolute; transition: all 0.3s; box-sizing: border-box; padding: 20px 25px; background: #0963a9; color: white; z-index: 2; left: 0;    bottom: 0px; transform: translateY(50px);}
.about-culture  .hide .tit{ font-size: 24px; margin-bottom: 10px;}
.about-culture  .hide p{ font-size: 16px;}
.about-culture .row a{ cursor: default; display:block; overflow: hidden; }
.about-culture .row a:hover img{ transform: scale(1.05); -webkit-transform:  scale(1.05);  transform-origin: center; }
.about-culture .row a:hover .hide{  transform: translateY(0px);  -webkit-transform: translateY(0px);  opacity: 1; }
.about-culture .row a:hover .culture-tit{ display: none;}
.about-honner{ background: no-repeat url(../images/about/about-honor.jpg) #005cb0; background-size: cover;}
.about-honner .row .num{ font-size: 20px;}
.about-honner .subtitle,.about-subtitle{ font-weight: bold; margin-bottom: 30px; text-align: center;font-size: 24px; padding-top: 80px;}

.about-authentication{}
.about-authentication .item{ }
.about-authentication .col-6{ margin-bottom: 30px;}
.about-authentication .item .pic{ margin-bottom: 10px; border: 1px solid #ddd; position: relative; padding-top: 74%;}
.about-authentication .item .pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.about-authentication .item p{font-size: 18px; white-space: nowrap; margin-bottom: 0;  text-align: center; overflow: hidden; text-overflow: ellipsis; padding: 0 0px; }
.about-gray-bg{ background: #f2f2f2;}
.about-gray-bg  .about-authentication .item .pic{ border: none; box-shadow: 0 0 7px rgba(0,0,0,0.05);}
.about-development{  padding-top: 30px;}
.about-development .dis-cell{ padding: 14px 0; font-size: 18px;}
.about-development .dis-cell:nth-child(1){ position: relative; width: 115px; font-weight: bold; line-height: 1.3;}
.about-development .dis-cell:nth-child(1) span{ text-align: left; display: block; }
.about-development .dis-cell:nth-child(1)::before{ z-index: 1; right: -8px; top: 18px;background: white; position: absolute; content: ""; width: 18px;  height: 18px; border-radius: 10px; border: 4px solid #0063b0;}
.about-development .dis-cell:nth-child(1)::after{ z-index: 0;width: 1px; height: 100%; content: ""; position: absolute; top: 0; background: #ddd; right: 1px;}
.about-development .dis-cell:nth-child(2){ padding-left: 42px;  color: #666;}
.about-development p{ margin-bottom: auto;}
.about-development-wrap{ background: no-repeat right 50px url(../images/about/development-history.jpg); padding-bottom: 80px;}

.about-join-top{ text-align: center; height: 300px; width: 100%; background: no-repeat center url(../images/about/about-join.jpg); background-size: cover;}
.about-join-top .dis-cell{ vertical-align: middle; font-size: 18px;}
.about-join-top .color-primary{ font-size: 26px; display: block; margin-bottom: 10px; margin-top: 20px;}
.about-join-top .dis-cell b{ font-size: 22px; }
.about-join-list{ padding: 60px 0 0px 0; text-align: center;}

.about-join-list .col-6{ margin-bottom: 40px; text-align: center;}
.about-join-list .circular{ position: relative; line-height: 1.3; padding-top: 40px; border: 12px solid #61a4d8; width: 200px; margin: 0 auto; height: 200px; text-align: center; font-size: 36px; border-radius: 100px;}
.about-join-list .circular::after{ display: block;    width: 12px;    height: 30%;    background: white;    content: "";    transform: rotate(-46deg);    position: absolute;    right: 20px;}
.about-join-list .content{ color: #666;font-size: 18px; line-height: 2; padding-top: 20px;}
.about-join-list .col-6:nth-child(2)  .circular{  border-color: #3691d8;}
.about-join-list .col-6:nth-child(3)  .circular{  border-color: #0064b0;}
.about-join-list .col-6:nth-child(4)  .circular{  border-color: #20567f;}
.about-job-list{  margin-bottom: 30px; border: 1px solid #ddd;}
.about-job-list .tit{ cursor: pointer; font-size: 24px; padding: 12px 80px  12px 30px ; position: relative;}
.about-job-list .icon-fold{ width: 60px;  height: 60px; display: inline-block; position: absolute; right: 15px; top: 0; background: no-repeat center url(../images/about/icon-about-unfold.png);}
.about-job-list .active .icon-fold{  background-image: url(../images/about/icon-about-fold.png);}
.about-job-list .active { background: #f2f2f2;}
.about-job-list .content{border-top: 1px solid #ddd; display: none; color: #666; padding: 30px;}
.about-job-list .content p{ margin-bottom: 0px; line-height: 2;}
.about-job-list .more{ text-align: right; padding-top: 10px;}
.about-job-list .more a{ display: inline-block; width: 120px; height: 40px; text-align: center; line-height: 40px; color: white; background: #0064b0;}
.about-job-wrap{}
.about-job-wrap  .about-subtitle{ padding-top: 0px;}
.about-contact{ padding-bottom: 80px;}
.about-contact-content{	font-size: 18px;}
.about-contact-content .map{}
.about-contact-content .intro{ border: 1px solid #ddd; border-bottom: none; line-height: 80px; text-align: center;}
.about-contact-content .map iframe{ display: block; border: none;}
.about-contact-content .dis-tab{color: #666; line-height: 80px; border: 1px #ddd solid; border-collapse: collapse;}
.about-contact-content .dis-cell{min-width: 300px; border: 1px #ddd solid; text-align: center;  }

@media (max-width:1440px) {	
	.about-development-wrap{ background-position: 128% 50px;}
}
@media (max-width:1200px) {	
	.about-contact-content{	font-size: 16px;}
	.about-contact-content .intro{ line-height: 1.5;padding: 15px 10px; }
	.about-contact-content .dis-tab{line-height: 1.5;}
	.about-contact-content .dis-cell{min-width: auto;  padding: 15px 10px; }
	.about-development-wrap{ background: none;}
}
@media (max-width:1024px) {	
}
@media (max-width:992px) { 
	.about-development{ padding-top: 0;}
	.about-culture .row{  margin-bottom: 0; }
	.about-culture .row .col-6{ margin-bottom: 30px; }
	.about-culture  .hide{padding:20px 15px 10px 15px;}
	.about-culture  .hide .tit{ font-size: 20px; margin-bottom: 10px;}
	.about-culture .culture-tit{font-size: 20px; }
	.about-culture  .hide p{ font-size: 12px;}
	.about-honner{ padding-bottom: 40px; background-position-x: -503px;}
	.about-honner .row .num{ font-size: 16px;}
	.about-honner .subtitle{ padding-top: 60px;}	
	.about-authentication .item p{ font-size: 16px;}
	.about-job-list .tit{ font-size: 20px; padding: 10px 80px  10px 30px ; }
	.about-job-list .icon-fold{ line-height: 50px; height: 50px; background-size: 20px; right: 0; }
	

	.about-contact-content .intro{ padding: 7px 10px; text-align: left; border-bottom: 1px solid #ddd; }
	.about-contact-content .dis-tab{display: block; border: none;}
	.about-contact-content .dis-row{ display: block;width: 100%;}
	.about-contact-content .dis-cell{padding: 7px 10px; display: block; text-align: left; border-top: none;}
}
@media (max-width:768px) {	
	.about-development .dis-cell{ padding: 10px 0;  font-size: 14px;}
	.about-development .dis-cell:nth-child(1){  width: 76px; font-size: 15px; }
	.about-development .dis-cell:nth-child(1)::before{ top: 11px;}
	.about-development .dis-cell:nth-child(1)::after{}
	.about-development .dis-cell:nth-child(2){ padding-left: 22px; }
	.about-join-list .circular{  width: 150px; height: 150px; border-width: 8px; font-size: 24px;}
	.about-join-list .circular::after{  }
	.about-join-list .content{ font-size: 14px; }
	.about-join-top{ height: 200px; }
	.about-join-top .dis-cell{ font-size: 16px;}
	.about-join-top .color-primary{ font-size: 18px;}
	.about-join-top b{font-size: 16px;}
	.news-detail .turnPages{ font-size: 14px;}
	.news-detail .turnPages .col-md-4{ text-align: left; margin-top: 10px;}
	
}
@media (max-width:576px) {	
	.news-detail .detail-tit{ text-align: left;  padding-top: 40px; padding-bottom: 30px;}
	.news-detail .detail-tit .tit{font-size: 25px;}
	.news-detail .detail-tit .date{ font-size:12px ; }
	.news-detail .detail-content{ padding: 30px 0  40px 0;}
	.about-culture .row{ padding: 0 10px;}
	.about-culture .row .col-6{ margin-bottom: 10px; padding-left: 5px; padding-right: 5px;}
	.about-honner .subtitle,.about-subtitle{ font-size: 20px;}
	.about-authentication .item .pic{ margin-bottom: 5px;}
	.about-authentication .item p{ font-size: 14px;}
	.about-authentication .col-6{ margin-bottom: 15px;}
	.about-join-list .circular{  width: 115px; height: 115px; padding-top: 25px; border-width: 6px; font-size: 20px;}
	.about-join-list .circular::after{ width: 6px;}
	.about-join-list .content{ padding-top: 10px; line-height: 1.5; font-size: 14px; }
	.about-join-list .col-6{ margin-bottom: 25px;}
	.about-join-top .dis-cell b{ font-size: 16px;}
	.about-join-list{ padding: 30px 0;}
	.about-authentication + .page{ padding: 00px 0 30px 0;}
	.about-subtitle{ padding-top: 30px;}
	.about-job-list{ margin-bottom: 20px;}
	.about-job-list .tit{ font-weight: bold; font-size: 16px; padding: 10px 44px  10px 10px ; }
	.about-job-list .icon-fold{ width: 44px;  line-height: 44px; height: 44px; background-size: 16px;  }
	.about-job-list .content{ font-size: 14px; padding: 15px 10px ;}
	.about-contact-content .map iframe{ height: 302px !important;}
}
@media (max-width:375px) {	
}
@media (max-width:320px) {	
}




@media (max-width:1200px) {	
}
@media (max-width:1024px) {	
}
@media (max-width:992px) { 
}
@media (max-width:768px) {	
}
@media (max-width:576px) {	 
}
@media (max-width:375px) {	
}
@media (max-width:320px) {	
}