@charset "utf-8";
*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none; color:#00c1de}
a:focus{ outline:none;}
ol, ul{ margin:0;}
p{ margin:0;}
em,i{font-style:normal;}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0;}
.cor_red{ color:#fe0000;}
.cor_yellow{ color:#fdd000;}
.cor_green{ color:#008e2b;}
.f22{ font-size:22px;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.shows{ display:block;}
.showsIn{ display:inline-block;}
.hides{ display:none;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html,body { font-family:-ms-touch-action: none; height:100%;}
body { font-family:-apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; position: relative; height:100%; *cursor: default; color:#333333; overflow-x:hidden;}
@font-face {
    font-family:'CONTEXT';
	src:url(../fonts/CONTEXT.TTF);
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'iconfont';  /* project id 911779 */
  src: url('//at.alicdn.com/t/font_911779_t51jbqwjgoj.eot');
  src: url('//at.alicdn.com/t/font_911779_t51jbqwjgoj.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_911779_t51jbqwjgoj.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_911779_t51jbqwjgoj.woff') format('woff'),
  url('//at.alicdn.com/t/font_911779_t51jbqwjgoj.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_911779_t51jbqwjgoj.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
     -moz-osx-font-smoothing: grayscale;

	}

.line_height_base{line-height: 24px;}


/*新增代码*/

/* tabbox */



.tabcon_bg{background:#eee; padding:30px 0 50px;   height:318px;  overflow:hidden; }
.tabcon ul{list-style:none;}
.tabcon ul li{width:33%; float:left; padding:15px 10px 0 0;}
.tabcon ul li a{color:#000; padding:10px 0 0 0;}
.tabcon ul li:hover a{color:#00c1de;}
.tabcon ul li i{ display:inline-block; float:left; margin:-5px 15px 0 15px; font-size:55px; color:#00c1de;}
.tabcon ul li h1{font-size:18px; line-height:24px; float:left; padding:10px 0;}
.tabcon ul li h1 span{display:block;font-size:14px; color:#999;}



.swiper-wrapper01{width:100%;}
 .swiper-wrapper01 .swiper-slide01{width:25%; float:left; text-align:center;}
 .swiper-wrapper01 .swiper-slide01 i{font-size:50px;}
  .swiper-wrapper01 .swiper-slide01 a em{height:3px; background:#fff; width:20px; display:block; margin:20px auto;}
  .swiper-wrapper01 .swiper-slide01 a h4{font-weight:normal; font-size:14px;}
  
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}  
.news_center{width:49%; background:#fff; border:1px solid #ddd;  float:left;}
.news_center:hover{box-shadow:0 5px 10px #ddd;}
  .news_center h1{font-size:18px;}
  .news_center p{color:#666; margin:6px 0 6px; line-height:22px;  overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
	.news_center p a{color:#00c1de;}
	 .date_hits img{vertical-align:middle; margin:-3px 8px 0 0;}
	 
.news_center_list{width:49%;height: 366px; float:right;}
   .news_center_list ul{list-style:none; height: 366px;}
     .news_center_list li{background:#fff; padding:17px 25px; margin:0 0 10px 0; border:1px solid #ddd;}
	 .news_center_list li:hover{box-shadow:0 0 1px #00c1de;}
	   .news_center_list li:hover a,.news_center:hover a{color:#00c1de;}
	   .news_center_list li a{font-size:16px; color:#000;}
	  /*  .news_center_list li h1{margin:0 0 0 -6px;} */
	     .news_center_list li p a{font-size:14px;}
	   .news_center_list li p{margin:6px 0 0 0; color:#666;}
	   .news_center_list li a span{color:#00c1de;}
	   
.ad_service{
    padding: 30px 0;
    position: relative;
    background:url(../images/ad_bg.png) center 750px #00c1de;
    background-size: 150%;
}

.ad_service i{font-size:50px; color:#fff; -webkit-text-stroke: 0.3px #00c1de;}
.ad_service ul{text-align:center;}
.ad_service li img{display:inline-block; vertical-align:top;}
.ad_service li{ margin:0 2%; display:inline-block;}
.ad_service h1{display:inline-block; color:#fff; font-size:22px; line-height:24px; margin:8px 0 0 10px; text-align:left;}
.ad_service h1 span{display:block; font-size:14px; font-weight:normal;}

.footer_ewm img{width:100px;}

.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}
.headerBg{height:90px; border-bottom:1px solid hsla(0,0%,100%,.15); background: #fff;position: relative;z-index: 999;}
.fixed_headerBg{height:90px; border-bottom:1px solid hsla(0,0%,100%,.15); background: #fff;position: fixed;width: 100%; z-index: 999;}

.logo{ position:absolute; left:10%; width: 253px; height: 53px; margin-top: 18px;}
.logo01{display:none;}
.logo a{ display:block;}
.hdRig{ position:absolute; right:10%; top:0; color:#00c1de;}
.hdRig a{ color:#00c1de; display:inline-block; }
.hdRig span{font-size:16px;}
.hdRigList{ font-size:0;}
.hdRigList li{ display:inline-block; vertical-align:middle; font-size:18px; padding-left:8px; line-height:90px;}
.hdWx{ position:absolute; right:-10px; top:54px; width:120px; padding:10px; text-align:center;  font-size:12px; color:#666666; line-height:26px; display:none;}
.hdWx img{ margin:0 auto;}
.hdRigList li:hover .hdWx{ display:block;}
.hdTel{ font-size:20px; margin-top:-2px; margin-right:5px;}
.hdShare{ margin-top:-18px; font-size:16px; width:18px; height:18px;  border-radius:50%; text-align:center; line-height:30px;}
.hdShare:hover{color:#00c1de;}
/*navList*/
.navList{display:table; margin:0 0 0 25%;}
.navLi{float:left; position:relative;}
.navLi h3 a{ display:block; font-size:16px; color:#000;}
.navLi h3 a span{display:block; border-bottom:2px solid transparent; height:90px;  line-height:90px;  margin:0 30px; transition:all 0.4s ease 0s;}
.navLi.on h3 a span,.navLi h3 a:hover span{ border-color:#00c1de; color:#00c1de;}

.navSub{ position:absolute;z-index: 9999; left:50%; margin-left:-100px; width:150px; margin-left:-75px; top:64px; padding-top:23px; display:none;}
.navSub:before{ display:block; content:""; position:absolute; left:50%; margin-left:-11px; top:10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent rgba(0,0,0,0.75) transparent;
}
.navSubList{z-index: 99; background:rgba(0,0,0,0.75); padding:15px 15px; /* border-radius:5px; */}
.navSubLi h4{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navSubLi h4 a{ display:block; color:#fff; font-size:14px; line-height:35px; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;}
.navSubLi.has h4 a:after{content:'\e610';display:inline-block; float:right;  font-family: "iconfont"; transform:rotate(90deg);}
.navSubLi a:hover{ color:#00c1de;}

.navThrList{ padding-left:15px; display:none;}
.navThrLi h5{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navThrLi h5 a{ display:block; color:#FFFFFF; font-size:14px; line-height:46px; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;}
.navThrLi.has h5 a{ background-image:url(../images/navLiBg.png);}

.navFouList{ padding:15px 0 15px 15px; border-bottom:1px solid rgba(255,255,255,0.2); display:none;}
.navFouLi{ font-size:12px; color:#dddddd; line-height:24px;} 
.navFouLi a{ display:block; color:#dddddd;}

.navBoxm{ display:none;}
.navListm{ list-style:none; overflow:hidden;}

.nav009 {width: 100%;position: relative;}
.nav009 a {display: block;width: 40px;height: 120px;opacity: .5;z-index: 9;}
.nav009 a.prev {position: absolute;left: 10%;top: -300px;margin-top: -58px;background: url(../images/ban_pre.png) no-repeat;}
.nav009 a.btn_next {position: absolute;right: 10%;top: -300px;margin-top: -58px;background: url(../images/ban_next.png) no-repeat;}
.navListBox {position: absolute;left: 50%;bottom: 36px;z-index: 99;}
.navListBox li {width: 12px;height: 12px;float: left;margin-left: 5px;border-radius: 50%;overflow: hidden;}
.navListBox li:first-child {margin-left: 0;}
.navListBox li a {display: block;width: 100%;height: 100%;border-radius: 50%;background-color: #fff;}
.navListBox li a.active {background-color: #00c1de;}
.slides *,
.slides *:before,
.slides *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0s;
  transition: 0s; 
}

.ban1Bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; overflow:hidden;}
.ban1Bg1{ background:url(../images/ban1Bg1.png) center center repeat; animation: star 1s infinite linear;}
.ban1Bg2{ background:url(../images/ban1Bg2.png) center center repeat; animation: star 3s infinite linear;}
@keyframes star {
  0% {
	  opacity:0;
  }
  50% {
	  opacity:1;
  }
  100% {
	  opacity:0;
  }
}
.ban1Con{ width:100%;}
.ban1Img{ width:60%; float:left; max-width:651px; height:379px; position:relative;}
.ban1Logo{ width:119px; height:57px; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-49px; opacity:0; transition:all 0.4s ease 0.3s;}
.ban1Cir{ width:379px; height:379px; position:absolute; left:50%; top:0; margin-left:-190px; background-position:center center; background-repeat:no-repeat; opacity:0; transition:all 0.4s ease 0.3s;}
.ban1Cir1{ background-image:url(../images/ban1Cir1.png); animation: circle 200s infinite linear;}
.ban1Cir2{ background-image:url(../images/ban1Cir2.png); animation: circleF 200s infinite linear;}
.ban1Cir3{ background-image:url(../images/ban1Cir3.png); animation: circle 200s infinite linear;}
.ban1Line{ width:509px; height:379px; position:absolute; left:50%; top:0; margin-left:-254px; background:url(../images/ban1Line.png) center center no-repeat;}
.ban1IcoItem{}
.ban1IcoItem li{ display:inline-block; position:absolute; text-align:center; font-size:14px; line-height:34px;}
.ban1IcoItem li a{ display:block; color:#FFFFFF;}
.ban1Ico{ width:71px; height:71px; border-radius:50%; display:flex; justify-content:center; align-items:center; position:relative;}
.ban1Ico i{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ban1IcoBg.png) center center no-repeat; animation:circle 150s infinite linear;}
.ban1IcoLi1{ left:50px; top:0;}
.ban1IcoLi2{ left:0; top:156px;}
.ban1IcoLi3{ left:50px; bottom:-30px;}
.ban1IcoLi4{ right:50px; top:0;}
.ban1IcoLi5{ right:0; top:156px;}
.ban1IcoLi6{ right:50px; bottom:-30px;}
.ban1IcoItem li a:hover .ban1Ico img{ animation:pulse 0.3s linear 2;}
@keyframes circle{
  0% {
	  transform:rotate(0);
  }
  50% {
	  transform:rotate(360deg);
  }
  100% {
	  transform:rotate(0);
  }
}
@keyframes circleF{
  0% {
	  transform:rotate(360deg);
  }
  50% {
	  transform:rotate(0);
  }
  100% {
	  transform:rotate(360deg);
  }
}
.swiper-slide-active .ban1Logo{ opacity:0;}
.swiper-slide-active .ban1Cir{ opacity:1;}
.swiper-slide-active .ban1Cir1{ transition-delay:0.3s}
.swiper-slide-active .ban1Cir2{ transition-delay:0.7s}
.swiper-slide-active .ban1Cir3{ transition-delay:1.1s}

.ban1Text{ width:40%; float:right;/*  max-width:382px; */ padding-top:10%;}
.banLink{ display:block; color:#FFFFFF; font-weight:bold; font-size:15px; text-align:center; width:144px; height:40px; line-height:38px; margin:25px 0 0; border:1px solid rgba(255,255,255,0.65); background:url(../images/banLinkBg.png) center center no-repeat; background-size:100% 100%;}
.banLink img{ margin-left:5px; transition:all 0.3s ease 0s;}
.banLink:hover{ color:#FFFFFF;}
.banLink:hover img{ margin-left:15px;}

.banPc{ display:block;}
.banMob{ display:none; position:relative; z-index:1;}
.banMob a{ display:block;}

.banBtn{ position:absolute; left:50%; margin-left:-12px; bottom:6%; display:block; width:24px; height:42px; border:2px solid #FFFFFF; border-radius:12px; z-index:1; overflow:hidden;}
.banBtn:after{ display:block; content:""; position:absolute; left:50%; margin-left:-2px; top:21px; width:4px; height:4px; background:#FFFFFF; border-radius:50%; animation:bounce 2s infinite;}

.box1Bg{ padding:2% 0 0 0;}
.box1Num{ font-size:24px; color:#969696; line-height:200%;}
.box1Num span{ color:#e80b11; font-family:'CONTEXT'; font-size:50px; padding:0 10px; line-height:200%;}
.title01{ padding:20px 0; position:relative;}
.title01 h2{ font-size:4rem; color:#fff; line-height:120%; padding:20px 0;}
.titleBrief{ max-width:980px; margin:0 auto; /* color:#a6a5a5; */ line-height:24px; padding:20px 0; font-size:15px;}

.box1CenBg{ background:url(../images/box1CenBg.png) center top no-repeat; background-size:cover; min-height:607px; overflow:hidden; position:relative;}
.wavesBg{ position:absolute; left:0; top:0; width:100%; height:100%; padding-bottom:300px;}
#waves{}
.box1Cen{ margin:100px 0 0; position:relative;}
.box1CenPrev,.box1CenNext{ position:absolute; width:29px; height:51px; top:100px; cursor:pointer;}
.box1CenPrev{ left:-150px; background:url(../images/box1CenPrev.png) left center no-repeat; background-size:cover;}
.box1CenNext{ right:-150px; background:url(../images/box1CenNext.png) right center no-repeat; background-size:cover;}
.box1CenImgBg{ float:left; width:58%; padding-right:3%;}
.box1CenText{ float:right; width:42%; max-width:450px; color:#FFFFFF;}
.box1CenH3{ font-size:30px; line-height:30px;}
.box1CenBrief{ font-size:16px; line-height:30px; margin:10px 0;}
.box1CenItem{ padding:0px 0 15px;}
.box1CenItem li a{ color:#FFFFFF; display:inline-block; line-height:26px; padding:0 10px; border-radius:10px; transition:all 0.4s ease 0s;}
.box1CenItem li a:before{ display:inline-block; content:""; vertical-align:middle; width:4px; height:4px; border-radius:50%; background:#FFFFFF; margin:-2px 5px 0 0;}
.box1CenItem li a:hover{ background:#00c1de;}
.box1CenText .box1BotMore{ margin:0; border:1px solid #FFFFFF; text-align:center;}
.box1CenText .box1BotMore:hover{ background:#df292e; border-color:#df292e;}
.box1BotMore a,.box1BotMore a:hover{ display:block; color:#FFFFFF;}

.box1Bot{ margin:0 -42px; padding:40px 0 0 0;}
.box1Bot li{ padding:10px 42px 0;}
/* .box1Bot li:after{ display:block; content:""; display:block; width:190px; height:1px; font-size:0; background:#e6e6e6; position:absolute; top:100px; right:-95px;} */
.box1Bot li:last-child:after{ display:none;}
.box1Bot li a{ display:block; height:100%;}
.box1BotImgBg{ width:174px; height:174px; border:1px solid #dbdbdb; border-radius:50%; margin:0 auto; position:relative; display:flex; justify-content:center; align-items:center;}
/* .box1BotImgBg:after{ display:block; content:""; position:absolute; top:29px; right:15px; width:7px; height:7px; background:#00c1de; border-radius:50%;} */
.box1BotCir{ position:absolute; left:50%; top:50%; width:144px; height:144px; margin-left:-72px; margin-top:-72px; background:url(../images/box1BotCir.png) center center no-repeat; background-size:cover;}
.box1BotImg{ width:84px; height:84px; background:#00c1de; display:flex; justify-content:center; align-items:center; border-radius:50%; transition:all 0.4s ease 0s;}
.box1BotH3{ font-size:20px; color:#222222; line-height:150%; padding:10px 0;}
.box1BotBrief{ font-size:14px; color:#999999; line-height:26px; height:52px; margin:0 0 20px; overflow:hidden;}
.box1BotMore{ display:block; margin:0 auto; width:120px; height:40px; line-height:38px; border:1px solid #324e9e; border-radius:20px; color:#324e9e; transition:all 0.4s ease 0s;}
.box1Bot li a:hover .box1BotImg{ width:120px; height:120px;}
.box1Bot li a:hover .box1BotMore{ border-color:#df292e; background:#df292e; color:#FFFFFF;}
.box1Bot li a:hover .box1BotMore img.showsIn{ display:none;}
.box1Bot li a:hover .box1BotMore img.hides{ display:inline-block;}
.box1Bot li a:hover .box1BotCir{ animation:Cir 20s infinite;}

	.friend_link{ width:100%;}
.current .box1BotImg{ background:#00c1de; color:#FFFFFF; width:120px; height:120px; border:1px solid #dbdbdb; border-radius:50%;   }
.box1BotImg i{font-size:40px; color:#fff; font-weight:lighter;}
.current .arrow{
width:18px;
height:18px;
border:20px solid #fff;
border-left-color:#eee;
transform:rotate(-90deg);
 margin:0 auto;
}

@keyframes Cir
{
from { transform:rotate(0);}
to { transform:rotate(360deg);}
}
/* .box1Bot li:nth-child(2) .box1BotImgBg:after{ top:auto; bottom:29px;}
.box1Bot li:nth-child(3) .box1BotImgBg:after{ right:auto; left:-4px; top:74px;}
.box1Bot li:nth-child(4) .box1BotImgBg:after{ left:auto; top:90px;}
.box1Bot li:nth-child(5) .box1BotImgBg:after{ right:auto;  top:-4px;} */
 

 .sb-search {
	position:absolute;
	width: 0%;
	right:102%;
	min-width: 50px;
	  background:none;
	height: 60px;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;

}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
  background:#00c1de;
	width: 70%;
	
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;

	font-size: 15px;
	color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
	color: #fff;
}

.sb-search-input:-moz-placeholder {
	color: #fff;
}

.sb-search-input::-moz-placeholder {
	color: #fff;
}

.sb-search-input:-ms-input-placeholder {
	color: #fff;
}

.sb-icon-search,
.sb-search-submit  {
	width: 50px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	z-index: 90;
	font-size: 22px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\e60f";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {

	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

 
 
 
 .navbar.main {
  position: fixed;

  left: 10px;
  z-index: 9;
    height: 60px;
    width: 50px;
    border-radius: 0;
	    border-right: 1px solid hsla(0,0%,100%,.15);

}
.navbar.main::after {
  content: "";
  display: table;
  clear: both;
}

.navbar.main * {
  display: inline-block;
}

.navbar.main a {
  text-decoration: none; 

}

.navbar.main .icon {
  padding: 0 8px;
  cursor: pointer;
  position:absolute;
  z-index:999999;
}

.navbar.main .icon span{height:2px; background:#fff; width:18px; margin:5px 0; display:block;}
.navbar.main .icon span:nth-child(2){width:22px;}
/* .navbar.main .icon:hover{transform:rotate(90deg);} */

.sidebar {
  position: fixed;
  top: 60px;
  bottom: 0;
  width: 240px;
  background-color: #fafafa;
}

#sidebar-main {
  top: 60px;
}

.sidebar.right {
  right: -240px;
  text-align: right;
}

.sidebar.left {
  left: -240px;
}

.sidebar a {
  text-decoration: none;
  display: block;
    color:#fff;
}

.sidebar a i:after{content:'\e610'; float:right; margin:0 20px 0 0;}

.sidebar a:hover{color:#00c1de;}
.sidebar .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 1em 0 1em 2em;
  padding-top: 1.5em;
  overflow-y: auto;

  -webkit-box-sizig: border-box
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background:#222;
}

.sidebar nav {
  margin-bottom: 24px;
}

.sidebar nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
}

.sidebar nav ul li {
  padding: 5px 0;
}

.sidebar nav ul li.title {
  font-weight: bold;
}

.float-right {
  float: right;
}
.float-left {
  float: left;
}
.sidebar_tel{position:fixed; bottom:0; background:#222; padding:10px 0; z-index:10px; color:#fff; margin:0 0 0 -5px;}
.sidebar_tel span{margin:0 0 0 5px;}
 
/*
 *  STYLE 8
 */


 
 

 
 
 
 
.box2Bg{background-size:cover; padding:2% 0;}
/* .box2Bg .title h2,.box2Bg .titleBrief{ color:#FFFFFF;} */
.box2List{ margin:0 -30px;}
.box2List li{ padding:0 30px 30px;}
.box2Con{ position:relative; overflow:hidden;}
.box2Img{ overflow:hidden;}
.box2Img img{ width:100%; max-height:289px; min-height:289px; transition:all 0.4s ease 0s;}
.box2Tit{padding:20px 30px;}
.box2Tit a{color:#000;}
.box2Tit a span{color:#00c1de;}
.box2Tit h1{margin:0 0 12px;}
#box2Tit01{color:#00c1de; margin:0 0 0 -10px;}
.box2Tit span:before{content:'\e611'; font-family:"iconfont"; padding:0 5px 0 0; display:inline-block;}
.box2Tit span i:before{content:'\e636'; font-family:"iconfont"; padding:0 5px 0 15px; display:inline-block;}
/* .box2HovBg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#184091; background:rgba(24,64,145,0.9); padding:35px; color:#FFFFFF; opacity:0; transform:translateY(-100%); transition:all 0.4s ease 0s;} */
/* .box2Hov a{ color:#FFFFFF; color:rgba(255,255,255,0.65); transition:all 0.4s ease 0s;}
.box2Hov h4{ text-align:center; font-size:18px; padding:20px 0; opacity:0; transform:translateY(-50%); transition:all 0.4s ease 0s;} */
/* .box2Item{ overflow:hidden; margin:0 -5px; font-size:12px; line-height:26px; opacity:0; transform:translateY(50%); transition:all 0.4s ease 0s;}
.box2Item p{ float:left; width:50%; padding:0 5px;}
.box2Hov a:hover{ color:#FFFFFF;}
.box2Con:hover .box2Tit{ transform:translateY(100%);}
.box2Con:hover .box2HovBg{ opacity:1; transform:translateY(0%);}
.box2Con:hover .box2Hov h4,.box2Con:hover .box2Item{ opacity:1; transform:translateY(0%); transition:all 0.4s ease 0.3s;} */

.box3Bg{background:url(../images/img_index_customer.jpg) center center no-repeat; padding-bottom: 4%;}
.box3List .swiper-container{ padding-bottom:15px;}
.box3List .swiper-slide{ padding:20px 0;}
.box3List a{ display:block; height:100%; position:relative; overflow:hidden;}
.box3List img{ margin:0 auto;}
.box3Hov{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transform:scale(2); transition:all 0.4s ease 0s;}
.box3List a:hover .box3Hov{ opacity:1; transform:scale(1);}
.box3List .swiper-pagination{ position:static; width:100%; display:block;}
.box3List .swiper-pagination-bullet{ width:34px; height:3px; border-radius:0; background:#e5e5e5; opacity:1; margin:0 5px;}
.box3List .swiper-pagination-bullet-active{ background:#ee353a;}

.box4Bg{padding:100px 0; position:relative; background:url(../images/img_index_fwbg.jpg) center center no-repeat; background-size:cover;}
#box4BgId{ position:absolute; left:0; top:0; width:100%; height:100%;}
.box4Bg .title h2,.box4Bg .titleBrief{ color:#FFFFFF;}
.box4List .swiper-slide{ text-align:center; padding:20px 10px; color:#fbfbfb;}
.box4List a{ display:block; color:#FFFFFF; height:100%; color:#fbfbfb; }
.box4List img{ margin:10px auto;}
.box4Img img{ max-width:50%;}
.box4Num{ font-size:45px; /* font-family:Arial, sans-serif; */ font-weight:lighter}
.box4Tit{ font-size:16px; font-weight:bold; opacity:0.6; transition:all 0.3s ease 0s;color: #fff;}
.box4List .swiper-container{ padding-bottom:25px;}
.box4List .swiper-pagination{ position:static; width:100%; display:block;}
.box4List .swiper-pagination-bullet{ width:34px; height:3px; border-radius:0; background:rgba(255,255,255,0.2); opacity:1; margin:0 5px;}
.box4List .swiper-pagination-bullet-active{ background:#ee353a;}
.box4List a:hover .box4Tit{ opacity:1;}
.box4List a:hover .box4Img img{ animation:swing 2s infinite;}

.online{ position:fixed; right:10px; top:75%; transform:translateY(-50%); z-index:8;}
.online li{ margin:5px 0; width:35px; height:35px; position:relative;}
.onlineIco{ float:right; display:block; text-align:center; width:35px; height:35px; border-radius:5px; background:#b5b5b5; color:#FFFFFF; overflow:hidden; transition:all 0.3s ease-in 0s;}
.onlineIco i{ width:35px; height:35px; line-height:35px; font-size:16px; text-align:center;}
.onlineCon{ font-size:15px; font-weight:bold; color:#FFFFFF; line-height:35px; display:inline;}
.onlineIco:hover{ color:#FFFFFF; background:#00c1de; width:144px;}
.onlineIco:focus{ color:#FFFFFF;}
.onlineIco:hover i{ text-align:right; width:auto;}
.onlineWx{ position:absolute; right:38px; top:40px; width:150px; height:150px; border:1px solid #666666; transform:scale(1,0); transition:all 0.1s ease-in 0.1s;}
.online li:hover .onlineWx{ transform:scale(1,1);}
.online li.online_top .onlineIco{ background:#00c1de;}

.bannerN{ height:450px; position:relative; text-align:center; display:flex; justify-content:left; align-items:center;}
.bannerN .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banH2{ position:relative; color:#FFFFFF; font-size:36px; text-align:left; margin:10px 20% 0; max-width:1200px;}
.banH2 span{display:block; font-size:16px; margin:10px 0 0 0; line-height:160%;}
.bannerN .box1Num,.bannerN .box1Num span{ color:#FFFFFF;}
.bannerN .box1Num{ position:relative; top:-20%;}

.mainBg{ position:relative; overflow:hidden; min-height:198px; font-size:14px; color:#777777; line-height:32px;}
.mainBgImg{ position:absolute; left:0; top:0; width:100%; height:185px; background:url(../images/mainBg.png) center top no-repeat; animation:mainBg 80s infinite; z-index:-1;}
@keyframes mainBg{
	0%{ transform:skewX(0deg); transform-origin:center top;}
	25%{ transform:skewX(45deg); transform-origin:center top;}
	50%{ transform:skewX(0deg); transform-origin:center top;}
	75%{ transform:skewX(-45deg); transform-origin:center top;}
	100%{ transform:skewX(0deg); transform-origin:center top;}
}






.main_content{ height:100%; position:absolute; z-index:1; top:0; }
.fixed_bg{ width:100%; background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; padding:6% 0; z-index:2; font-size:16px;  line-height:160%;}
.fixed_bg01{ width:100%; background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; padding:6% 0; z-index:2; }
.bg_1{ background-image:url(../images/zy-back.png); padding:12% 0 7%; }
.bg_2{ background-image:url(../images/about-p3.png);}
.bg_3{ background-image:url(../images/003.jpg);}
.bg_4{ background-image:url(../images/002.jpg);}
.scroll_bg{ position:relative; z-index:3; font-size:16px;  line-height:160%; }
.color_1,.color_2{padding:6% 0;}
.color_3{ background-color:#0c0c0c;padding:0 0 60px 0;color:#828282; }
.about-p1{width:1200px;margin:0 auto;}
.about-p1 img{margin:18% 0 1% 24%;}
.about-p1 h1{font-size:24px;color:#FFF;text-align:center;line-height:40px;font-weight:normal;}
.about-p1 span{display:block;width:882px;height:164px;margin:80px 0 0 135px;background:url(../img/about-p2.png) no-repeat center;padding:14px 24px 0 24px;}
.about-p1 span h2{font-size:20px;color:#FFF;text-align:center;font-weight:normal;margin:10px 0;}
.about-p1 span p{font-size:16px;color:#00c0ff;line-height:30px;text-align:center;}
.about-p2{max-width:1230px;margin:0 auto; padding:0 4%;}
/* .about-p2 h1{font-size:40px;color:#474747;font-weight:normal;text-align:center;margin:0 0 12px 0;} */
.about-p2 h2{font-size:14px;color:#747474;font-weight:normal;text-align:center;}
.about-p2 a{display:block;width:170px;height:40px;border:1px solid #747474;border-radius:999px;line-height:40px;text-align:center;color:#595959;float:left;margin:0 50px 0 0;}
.about-p3{width:50%;float:right;padding:0% 4%;color:#FFF;}
.about-p3 h1{font-size:32px;color:#FFF;font-weight:normal;}
.about-p3 h2{font-size:20px;color:#FFF;font-weight:normal;margin:10px 0 4px 0;}
.about-p3 span{display:block;width:188px;height:28px;line-height:28px;text-align:center;color:#FFF;background:#00c1de;font-size:14px;}
.about-p3 h3{font-size:12px;color:#FFF;font-weight:normal;font-family:Arial;margin:58px 0 20px 0;}

.about-p4{padding:0 4%; max-width:1230px; margin:0 auto;}
.about-p3 .about_tc_mr{display:none;}

.about_tc_mr02 h1{text-align:center;font-size:32px;color:#000;font-weight:normal;}
.about_tc_mr02 h2{text-align:center;font-size:14px;color:#000;font-weight:normal;line-height:36px;}
.about_tc_mr02 span{width:62px;height:2px;background:#00c1de;display:block;margin: 10px auto;}

.about_tc_mr h1{font-size:32px;color:#595959;font-weight:normal;}
.about_tc_mr h2{font-size:20px;color:#595959;font-weight:normal;margin:10px 0 4px 0;}
.about_tc_mr span{display:block; margin:0 auto 30px; width:188px; height:28px;line-height:28px;text-align:center;color:#FFF;background:#00c1de;font-size:14px;}
.about_tc_mr h3{font-size:12px;color:#595959;font-weight:normal;margin:58px 0 20px 0;float:right;}


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



.menu_main01 ul{display:table; margin:-30px auto 0; width:100%; text-align:center;}
.case_title01{text-align:center; font-size:16px;}
.menu_main01 ul li{display:inline-block;  margin:0 5px; padding:10px 0; width:12%; background:#00c1de; font-size:16px; position:relative; z-index:1;}
 .menu_main01 ul li a{display:block;   color:#fff;}
.menu_main01 ul li a span{display:block; width:0px;}
 .menu_main01 ul li a:hover span{background:#048396; display:block; height:100%; position:absolute; z-index:-1; width:100%; top:0; }
#menu_main01{background:#048396;}
 
 .menu_main01 *,
 .menu_main01 *:before,
 .menu_main01 *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}

.owl-carousel{max-width:1200px;margin:0 auto;}
.owl-carousel .owl-wrapper-outer{margin:0 auto;}
.owl-carousel .item{position:relative;    box-shadow:0px 0px 20px rgba(136, 159, 229, 0.25); background:#fff;  width:93%; margin:0 auto; height:100%;}
.owl-carousel .item:hover{ box-shadow:0px 0px 20px rgba(136, 159, 229, 0.9);-webkit-transition: all .5s;transition: all .5s; }
.owl-carousel .item:hover a,.owl-carousel .txt h3 a em {color:#00c1de;}
.owl-carousel .item img{ width:100%;}




.owl-carousel .txt{padding:30px 15px;}
.owl-carousel .txt p{line-height:22px;}
.owl-carousel .txt span{margin:8px 0; display:block;}
.owl-carousel .txt span:before{content:'\e611'; font-family:"iconfont"; padding:0 5px 0 0;}
.owl-carousel .txt span i:before{content:'\e636'; font-family:"iconfont"; padding:0 5px 0 15px;}
.owl-carousel h3{ font-weight: normal; font-size:16px;text-align: center; }
.owl-carousel h4{color: #999; font-weight: normal;}
.owl-carousel h3 a{color:#333;text-decoration:none;}



.owl-carousel01{max-width:1200px;margin:0 auto;}
.owl-carousel01 .owl-wrapper-outer{margin:0 auto;}

.owl-carousel01 .item:hover{ box-shadow:0px 0px 20px rgba(136, 159, 229, 0.9);-webkit-transition: all .5s;transition: all .5s; }
.owl-carousel01 .item:hover a{color:#00c1de;}
.owl-carousel01 .item img{ width:100%;  min-height:240px;}
.owl-carousel01 .txt{padding:15px 15px;}




.n_news01{margin:0 auto;}
.owl-carousel .owl-wrapper-outer{margin:0 auto;}
.n_news01{ text-align:center;}
.n_news01 .item{position:relative;    box-shadow:0px 0px 20px rgba(136, 159, 229, 0.5); background:#fff;  width:22%; display:inline-block; margin:0 1% 2%;}
.n_news01 .item:hover{ box-shadow:0px 0px 20px rgba(136, 159, 229, 0.9);-webkit-transition: all .5s;transition: all .5s; }
.n_news01 .item:hover a,.owl-carousel .txt h3 a em,.n_news01 .txt a em{color:#00c1de;}
.n_news01 .item img{ width:100%; max-height:280px; min-height:280px;}
.n_news01 .txt{padding:30px 15px; text-align:left;}
.n_news01 .txt p{line-height:22px;}
.n_news01 .txt span{margin:8px 0; display:block;}
.n_news01 .txt span:before{content:'\e611'; font-family:"iconfont"; padding:0 5px 0 0;}
.n_news01 .txt span i:before{content:'\e636'; font-family:"iconfont"; padding:0 5px 0 15px;}
.n_news01 h3{ font-weight: normal; font-size:16px; }
.n_news01 h4{color: #999; font-weight: normal;}
.n_news01 h3 a{color:#333;text-decoration:none;}


#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;background-color:transparent;overflow:hidden;display:none;}
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
/* padding:20px 0; */
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	display:inline-block;
	margin:0 auto;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	display: none;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#999;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background:#00c1de;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}





#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 50%;
	height: auto;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-container-image img{max-width:100%; width:100%}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-loading img{width:auto;}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	/* width: 49%;
	padding:0 10px; */
	
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	/* width: 70%;  */
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 0.7em;	
}			
#lightbox-secNav-btnClose {
	/* width: 66px;  */
	float: right;
	padding-bottom: 0.4em;	
}

/*团队展示*/
#wrapper{position:relative;padding:5% 0 0 0;}
.caroufredsel_wrapper{margin-top:-25px!important;padding:20px 0;}
#carousel div{float:left; height:330px; overflow:hidden;}
#carousel img{border:none;position:relative;box-shadow:0 0 10px #000;}
#nav{width:520px;margin-left:-230px;position:absolute;bottom:-50px;left:50%;}
#next{float:right;}
#prev, #next{text-decoration:none;color:#fff; font-size:16px;}
#prev:hover, #next:hover{text-decoration:none;color:#00c1de;}
#prev.disabled, #next.disabled{color:#fff;cursor:default;}


.about-p2 img{float:right; margin:10px;}

.zy-business{ max-width:1200px; margin:0 auto;}
.zy-business h1{text-align:center;font-size:32px;color:#FFF;font-weight:normal;}
.zy-business h2{text-align:center;font-size:14px;color:#FFF;font-weight:normal;line-height:36px;}
.zy-business h3{text-align:center;font-size:14px;color:#FFF;font-family:Arial;font-weight:normal;}
.zy-business h4{color:#fff; text-align:center; font-weight:normal; font-size:20px; margin:10px 0 0 0;}
.zy-business p{color:#ccc; text-align:center; margin:20px 0 0 0; padding:0 3%;}
.zy-business ul{padding:5% 0 2%; margin:0 auto; display:table; text-align:center;}
.zy-business li{ display:inline-block; color:#fff; width:18%; position:relative;overflow:hidden;position:relative; padding:0 10px; margin:0 3%; text-align:center;}
.zy-business li p{ font-size:18px; margin-top:10px;color:#FFF;}
.zy-business li a{ color:#FFF;}
.zy-business li a:hover{text-decoration:none;}
#dbRoWrap{position:relative; width:100%;}
#dbRoWrap img{width:100%; height:100%; }	



.about-p6{width:1200px;margin:0 auto;}
.about-p6 h1{display:block;color:#FFF;font-size:24px;padding:70px 0 20px 0; border-bottom:1px solid #333; font-weight:normal; margin:0 0 55px 0;}
.about-p6 h1 span{font-family:Arial;font-size:16px;}
.add-z{line-height:26px;float:left;margin:0 98px 0 0;}
.add-z p img{vertical-align:top; margin:0 0 0 13px; width:15px;}
.link{float:right; font-size:14px; font-weight:normal;color:#828282;}

.bq select{background:none;border:1px solid #fff;color:#fff; width:124px; height:24px; text-align:center; float:left;}
.bq select option{color:#fff;}
.bq{height:35px; line-height:22px; padding:20px 0; text-align:center; background:#000; color:#828282}






.onepage{ padding:80px 0;}
.onepage img{ max-width:100% !important; height:auto;}
.oneTop{ padding-bottom:35px; text-align:center;}
.oneTop img{ margin:0 auto;}
.oneText{ padding-bottom:50px; word-break:break-all;}
.oneText strong{ font-size:18px; color:#00c1de;}
.oneList li{ padding-left:14px; position:relative;}
.oneList li:before{ display:block; content:""; position:absolute; left:0; top:15px; width:4px; height:4px; border-radius:50%; background:#00c1de;}
.oneBtn a{ display:inline-block; margin:0 auto; width:200px; height:52px; line-height:48px; color:#2946a5; border:2px solid #2946a5; border-radius:5px; transition:all 0.4s ease 0s;}
.oneBtn a:hover{ background:#2946a5; color:#FFFFFF;}

.hisBg{ background:url(../images/img_about5.jpg) center center no-repeat; padding:75px 0 50px; background-attachment:fixed; background-size:cover; color:#FFF;}
.hisTit{ font-size:32px;line-height:120%; padding-bottom:15px; text-align:center;}
.hisBox{ background:url(../images/hisBoxBg.jpg) center center repeat-x; padding:20px 0;}
.history{ position:relative;}
.history .swiper-slide{ height:460px;}
.hisTextBg{ height:140px; position:relative; font-size:14px; line-height:20px;}
.hisText p{color:#000; margin:0 8px 0 0;}
.hisText span{color:#00c1de; margin:0 8px 0 0;}
.hisText{ position:absolute; left:0; bottom:20px; width:100%;}
.hisText p.text-center strong{ font-size:26px;}
.hisIco{ height:90px; position:relative;}
.hisIco:after,.hisIco:before{ display:block; content:""; position:absolute;}
.hisIco:before{ width:13px; height:13px; border:2px solid #00c1de; border-radius:50%; left:50%; top:0; margin-left:-6px;}
.hisIco:after{ width:1px; height:77px; background:#00c1de; left:50%; top:13px;}
.hisYear{color:#000; font-size:22px; font-weight:bold; line-height:30px; padding:20px 0; text-align:center;}
.history .swiper-slide.odd{ padding-top:160px;}
.history .swiper-slide.odd .hisText{ position:static; padding-top:20px;}
.history .swiper-slide.odd .hisIco:before{ top:auto; bottom:0;}
.history .swiper-slide.odd .hisIco:after{ top:auto; bottom:13px;}
.hisPrev,.hisNext{ display:block; position:absolute; top:50%; transform:translateY(-50%); width:27px; height:52px; cursor:pointer;}
.hisPrev{ left:-90px; background:url(../images/hisPrev.png) left center no-repeat;}
.hisNext{ right:-90px; background:url(../images/hisNext.png) right center no-repeat;}

.honour{ padding:70px 0; overflow:hidden;}
.honTab{ font-size:0; margin:0 -10px;}
.honTab li{ padding:0 10px;}
.honTab li a{ display:block; font-size:15px; color:#555555; min-width:120px; height:40px; line-height:38px; border:1px solid #aaaaaa; border-radius:3px; transition:all 0.4s ease 0s;}
.honTab li.active a,.honTab li a:hover{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}
.honList{ margin:0 -16px; padding:30px 0;}
.honList li{ padding:19px 16px;}
.honList li a{ display:block; height:100%; padding:10px; border:1px solid #d9d9d9; transition:all 0.4s ease 0s;}
.honImg{ overflow:hidden; margin-bottom:10px;}
.honImg img{ width:100%; transition:all 0.4s ease 0s;}
.honTit{ font-size:13px; color:#666666; line-height:26px; transition:all 0.4s ease 0s;}
.honList li a:hover{ border-color:#3855aa;}
.honList li a:hover .honTit{ font-weight:bold; color:#3855aa;}
.honMore{ display:block; width:378px; height:50px; line-height:50px; background:#f2f2f2; font-size:16px; color:#666666; text-align:center; border-radius:25px; margin:0 auto; transition:all 0.4s ease 0s;}
.honMore i{ font-size:14px;}
.honMore:hover,.honMore:focus:hover{ color:#FFFFFF; background:#3855aa;}
.honMore:focus{ color:#666666;}

.artlistBox{ padding:80px 0;}
.artlist{ padding:0 0 10px;}
.artlist li{ border-bottom:1px solid #e8e8e8; padding:0 0 38px; margin-bottom:38px;}
.artlist li a{ display:block; height:100%; font-size:14px; color:#8e8e8e; line-height:26px;}
.arImg{ position:relative; float:left; width:300px;}
.arImg img{ width:100%;}
.arTime{ position:absolute; left:15px; top:0; width:46px; height:70px; background:#00c1de; font-size:12px; color:#FFFFFF; line-height:20px; text-align:center; padding-top:25px;transition:all 0.4s ease 0s;}
.date{ font-size:18px; font-weight:bold;}
.arText{ margin-left:360px;}
.arTit{ font-size:22px; color:#444444; line-height:28px; padding:10px 0; transition:all 0.4s ease 0s;}
.arBrief{ height:104px; margin:5px 0 10px; overflow:hidden;}
.arBot{ font-size:13px; color:#b1b1b1;}
.arBot .pull-right{ font-size:14px; transition:all 0.4s ease 0s;}
.arBot .pull-right i{ width:22px; height:22px; border:1px solid #999999; border-radius:50%; line-height:20px; text-align:center; transition:all 0.4s ease 0s;}
.artlist li a:hover .arTime{ background:#e7141a;}
.artlist li a:hover .arTit,.artlist li a:hover .arBot .pull-right{ color:#00c1de;}
.artlist li a:hover .arBot .pull-right{ font-weight:bold;}
.artlist li a:hover .arBot .pull-right i{ background:#00c1de; border-color:#00c1de; color:#FFFFFF;}

.page{ text-align:center;}
.page img{ margin:0 auto; max-width:100%;}

.article{ position:relative; padding-right:170px;}
.arLef{ border-right:1px solid #dddddd; padding-bottom:70px;}
.arTop{ border-bottom:1px solid #dddddd; font-size:13px; color:#999999; line-height:22px; padding:60px 40px 30px 0;}
.arTopTit{ font-size:26px; color:#222222; line-height:150%;}
.arTop p{ padding:10px 0; margin:0 -5px;}
.arTop p span{ padding:0 5px;}
.arCon{ font-size:14px; color:#666666; line-height:200%; padding:10px 40px 10px 0; min-height:200px;}
.arCon p{ text-indent:2em; margin:20px 0;}
.arCon img{ max-width:100% !important; height:auto !important; margin:20px auto;}
.reList{ display:block; background:#e7141a; width:120px; height:40px; line-height:40px; color:#FFFFFF; text-align:center; border-radius:5px;}
.reList:hover,.reList:focus{ color:#FFFFFF;}

.arRig{ position:absolute; right:0; top:0; width:130px; padding:50px 0;}
.pager{ font-size:13px; color:#888888; line-height:24px; text-align:left; margin:0;}
.pager li{ display:block; padding-bottom:30px; font-size:14px; color:#999999; line-height:22px;}
.pager li p{ padding:0 0 5px;}
.pager li > a{ display:block; border:none; border-radius:0; color:#888888; padding:0; font-size:13px; line-height:24px; transition:all 0.4s ease 0s;}
.pager li > a:hover{ background:none; color:#00c1de;}
.share span{ font-size:14px; color:#999999; line-height:22px;}
.shareList li a{ display:inline-block; font-size:14px; color:#666666; line-height:36px; padding-left:25px; background-position:left center; background-repeat:no-repeat; transition:all 0.4s ease 0s;}
.shareIco1{ background-image:url(../images/shareIco1.png);}
.shareIco2{ background-image:url(../images/shareIco2.png);}
.shareIco3{ background-image:url(../images/shareIco3.png);}
.shareIco4{ background-image:url(../images/shareIco4.png);}
.shareList li a:hover{ color:#00c1de;}

.parTit{ padding-bottom:40px;}
.parTit h3{ font-size:28px; color:#222222; line-height:150%; padding-bottom:20px;}
.parBrief{ font-size:14px; color:#aaaaaa; line-height:200%; max-width:815px; margin:0 auto;}
.parList{ margin:0 -5px;}
.parList li{ padding:0 5px;}
.parList li a{ display:block; padding:15px 0;}
.parList li a img{ display:block; margin:0 auto; max-height:100%;}

.proTit{ font-size:36px; color:#00c1de; line-height:150%; padding:50px 0;}
.proBox1Bg{ border-top:1px solid #d9d9d9;}
.proBox1{ position:relative;}
.proBox1:after{ display:block; content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#d9d9d9;}

.proBox1List{ margin:0; font-size:0;}
.proBox1Item{ padding:50px; width:50%; font-size:14px; display:inline-block; vertical-align:top;}
.proBox1Img{ float:left; width:50px;}
.proBox1Text{ margin-left:70px; color:#888888}
.proBox1H3{ font-size:22px; color:#111111;}
.proBox1Brief{ line-height:25px; margin:10px 0;}
.proBox1Text .box1CenItem li a{ color:#666666;}
.proBox1Text .box1CenItem li a:before{ background:#00c1de;}
.proBox1Text .box1CenItem li a:hover{ color:#FFFFFF;}
.proBox1Text .box1CenItem li a:hover:before{ background:#FFFFFF;}

.proBox2ItemBg:nth-child(2n+1){ background:#f3f3f3;}
.proBox2Img,.proBox2Text{ width:50%;}
.proBox2Item{ padding:110px 0;}
.proBox2Img{ float:right;}
.proBox2Img img{ max-height:100%; margin:0 auto;}
.proBox2Text{ float:left; color:#888888; padding:50px 50px 0;}
.proBox2Text .proBox1H3{ font-size:36px; color:#00c1de; line-height:150%; padding-bottom:10px;}
.proBox2Text .box1CenItem li a{ color:#555555; font-size:16px; line-height:36px; border-radius:18px;}
.proBox2Text .box1CenItem li a:before{ background:#00c1de;}
.proBox2Text .box1CenItem li a:hover{ color:#FFFFFF;}
.proBox2Text .box1CenItem li a:hover:before{ background:#FFFFFF;}
.proBox2Text .box1BotMore{ margin:20px 0 0; background:#324e9e; text-align:center;}
.proBox2ItemBg:nth-child(2n) .proBox2Img{ float:left;}
.proBox2ItemBg:nth-child(2n) .proBox2Text{ float:right;}

.soluBg .proBox2ItemBg:nth-child(2n+1){ background:#FFFFFF;}
.soluBg .proBox2ItemBg:nth-child(2n){ background:#f3f3f3;}

.case{ overflow:hidden; padding:0 0 70px;}
.caseTop{ padding:50px 0; margin:0 -5px;}
.caseTop li{ padding:5px;}
.caseTop li a{ display:block; height:36px; line-height:34px; border:1px solid #d5d5d5; padding:0 11px; color:#777777; border-radius:3px; transition:all 0.4s ease 0s;}
.caseTop li.active a,.caseTop li a:hover{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}
.caseBot{ padding-bottom:30px;}
.caseBot li{ padding:0 7px 20px;}
.caseBot li a{ display:block; height:100%; border:1px solid #dcdcdc; border-radius:4px; font-size:13px; color:#8d8d8d; line-height:26px; padding:20px 100px 20px 0; position:relative; transition:all 0.3s ease 0s;}
.caseImg{ float:left; width:260px; height:84px; display:flex; justify-content:center; align-items:center;}
.caseImg img{ margin:0 auto; max-width:100%; max-height:100%;}
.caseTit{ font-size:18px; color:#555555; line-height:32px;}
.caseBrief{ height:52px; overflow:hidden;}
.caseIco{ width:36px; height:36px; border:1px solid #d3d3d3; text-align:center; line-height:32px; font-size:22px; color:#3855aa; border-radius:50%; position:absolute; right:30px; top:50%; transform:translateY(-50%); transition:all 0.3s ease 0s;}
.caseBot li a:hover{ border-color:#FFFFFF; box-shadow:0 0 7px rgba(0,0,0,0.14);}
.caseBot li a:hover .caseIco{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}

.contact{ padding:85px 0 50px; background:url(../images/contactBotBg.png) no-repeat;}
.contactWay{ font-size:15px; color:#777777; line-height:36px; }
.contactWay h3{ font-size:20px; color:#222222; padding-bottom:15px;}
.contact_line{border-left:1px solid #eee; padding:0 0 0 100px ;}

.contactWay h1{font-size:30px; color:#00c1de; margin:0 0 2rem;}

.contactShare{ background:url(../images/contactImg.png) center center no-repeat; width:493px; height:283px; color:#FFFFFF; text-align:center; padding-top:90px; background-size:cover;}
.contactShare li{ padding:0 15px; position:relative;}
.conShIco{ display:block; height:100%; color:#FFFFFF;}
.conShIco:hover{ color:#FFFFFF; opacity:0.8;}
.conShIco i{ display:block; width:58px; height:58px; border:1px solid #FFFFFF; border-radius:50%; text-align:center; line-height:56px; font-size:24px;}
.conWx{ position:absolute; left:50%; bottom:100px; transform:translateX(-50%); width:100px; height:0; overflow:hidden; transition:all 0.4s ease 0s;}
.contactShare li:hover .conWx{ height:100px;}

.contact_map{ height:500px;}

.contactBot{ padding:80px 0; background:url(../images/contactBotBg.png) center bottom no-repeat; background-size:contain;}
.conBotTit{ font-size:26px; color:#333333; line-height:36px; padding:15px 0;}
.conBotList{ font-size:0; margin:0; text-align:center; padding:0 60px;}
.conBotList li{ padding:25px; width:50%; font-size:14px; color:#777777; line-height:28px; text-align:left;}
.conBotList li .media{ padding:25px; border:1px solid #d2d2d2; border-radius:5px; background:#FFFFFF;}
.conBotList .media-left{ padding-right:25px;}
.conBotList .media-left img{ width:150px;}
.conBotList .media-body{ color:#777777; line-height:28px;}
.conBotList .media-body h3{ font-size:18px; color:#333333; line-height:28px;}



	/* Basic Grey */
.basic-grey {
padding: 0 0 25px 0;
color: #888;
text-shadow: 1px 1px 1px #FFF;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #666;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
width:100%;
margin: 0px;
}

.basic-grey label:nth-child(1):after,.basic-grey label:nth-child(2):after,.basic-grey label:nth-child(3):after{content:'\e613'; font-family:"iconfont"; color:#00c1de}

.basic-grey label>span {
float: left;
/* width: 20%; */
text-align: right;
padding-right: 10px;
color: #666;
font-weight:normal;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
 border: 1px solid #dadada;
border-radius: 3px;
padding: 2px 5px;
color: #666;
height: 28px;
font-weight:normal;
line-height:22px;
margin-bottom: 12px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
width: 70%;
font-size: 14px;
box-shadow: inset 2px 2px 3px #ededed;
-moz-box-shadow: inset 2px 2px 3px #ededed;
-webkit-box-shadow: inset 2px 2px 3px #ededed;
}
.basic-grey .o-time {
color: #666;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 14px;
line-height:30px;
text-align: left;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 50%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}

.basic-grey label .error {
    color: red;
    float: none;
    font-weight: normal;
    line-height: 1.4;
    border: 1px solid red;
}
.basic-grey > label > span .error{
	border: none;
}

.message01{height:35px; line-height:35px; width:200px; border-radius:5px; background:#00c1de; border:0; color:#fff; font-size:15px; cursor:pointer;}




.proNavBg{ background:#FFFFFF;}
.proNavBg.proFixed{ position:fixed; left:0; top:0; width:100%; z-index:2; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.proNav{ padding:45px 0; transition:all 0.4s ease 0s;}
.proNavBg.proFixed .proNav{ padding:15px 0;}
.proNavTit{ float:left; font-size:28px; color:#111111; line-height:40px; max-width:400px;}
.proNavItem{ float:right; margin:0;}
.proNavItem li{ padding:1px;}
.proNavItem li a{ display:block; font-size:15px; color:#333333; line-height:36px; border:2px solid transparent; padding:0 15px; border-radius:20px; transition:all 0.4s ease 0s;}
.proNavItem li.active a,.proNavItem li a:hover{ border-color:#00c1de; color:#00c1de;}
.proWinLinke,.reProlist{ margin-left:10px; color:#FFFFFF !important; border-color:transparent !important;}
.proWinLinke{ background:#df292e;}
.reProlist{ background:#00c1de;}

.proBg1{ background:#f5f5f5; padding:70px 0;}
.pro1{}
.proText{ color:#666666; line-height:32px;}
.proText strong{ color:#00c1de;}
.proH3{ font-size:28px; color:#111111; line-height:36px; padding-left:20px; position:relative; margin-bottom:10px;}
.proH3:after,.proH3:before{ display:block; content:""; position:absolute; left:0; width:3px;}
.proH3:before{ height:3px; background:#df292e; top:5px;}
.proH3:after{ height:21px; background:#00c1de; top:10px;}
.probrief{ margin:30px 0; color:#666666; line-height:32px;}
.proText .proWinLinke{ display:block; width:108px; border:1px solid #00c1de !important; border-radius:20px; background:none; color:#00c1de !important; text-align:center; margin:10px 0 0;}
.proImg img{ max-width:100%; margin:0 auto;}

.proBg2{ padding:70px 0; position:relative;}
.proBg2Img{ position:absolute; left:0; top:0; width:100%; height:111px; background:url(../images/productBg2.png) center top no-repeat; animation:mainBg 80s infinite; z-index:-1;}
.pro2{ overflow:hidden; padding:30px 0 0;}
.pro2 li{ border-right:1px solid #e8e8e8;}
.proText2{ font-size:14px; color:#777777; line-height:26px; padding:0 25px;}
.proText2 h4{ margin:0; font-size:18px; color:#00c1de; line-height:200%; margin:10px 0;}
.pro2 li:last-child{ border-right:none;}
.pro2 li:first-child .proText2{ padding-left:0;}

.proBg3{ padding:0 0 70px; position:relative;}
.pro3Top{ background:url(../images/pro3TopBg.jpg) center center no-repeat; background-size:cover; padding:70px 0 0;}
.pro3Top .proH3{ color:#FFFFFF;}
.pro3Top .proH3:after,.pro3Top .proH3:before{ background:#FFFFFF;}
.proTab3{ padding:30px 0 0; margin:0 -3px;}
.proTab3 li{ padding:0 3px;}
.proTab3 li a{ display:block; color:#FFFFFF; font-size:15px; line-height:44px; padding:0 15px; border:1px solid #FFFFFF; border-bottom:none; border-radius:4px 4px 0 0; transition:all 0.4s ease 0s;}
.proTab3 li.active a,.proTab3 li a:hover{ background:#FFFFFF; color:#00c1de; font-weight:bold;}

.pro3Bot .swiper-slide{ overflow:hidden;}
.proH4{ font-size:24px; color:#333333; line-height:32px;}
.pro3{ padding:70px 0 0;}
.pro3 .probrief{ margin:15px 0 0;}

.proBg4{ background:#f5f5f5; padding:70px 0;}
.pro4{ margin:0 -22px;}
.pro4 li{ padding:0 22px 10px;}
.pro4 li a{ display:block; height:100%; font-size:15px; color:#555555; line-height:36px;}
.pro4 li a img{ margin:0 auto; max-width:100%;}

.winBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1031; display:none;}
.winBox{ position:fixed; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.3); max-width:590px; background:#FFFFFF; padding:20px 70px 40px; z-index:1032; display:none;}
.winClose{ display:block; width:20px; height:20px; position:absolute; right:20px; top:20px; background:url(../images/close.png) center center no-repeat; background-size:cover; cursor:pointer;}
.winTit{ font-size:22px; color:#444444; line-height:36px; padding:25px 0;}
.winTit i{ font-size:24px; color:#3855aa;}
.winList{}
.winList li{ position:relative; margin-bottom:20px;}
.winList li span{ position:absolute; right:-10px; top:0; line-height:42px;}
.winList li i{ display:block; position:absolute; left:15px; top:0; width:25px; font-size:14px; color:#b8b8b8; text-align:center; line-height:42px;}
.winList li input{ width:100%; height:42px; border:1px solid #d5d5d5; border-radius:20px; background:#FFFFFF; padding:5px 10px 5px 40px; line-height:30px; appearance:none; -webkit-appearance:none;}
.winList li input[type="submit"]{ background:#e7141a; color:#FFFFFF; border-color:#e7141a; padding:0; line-height:40px;}
.winTip{ font-size:12px; color:#999999; line-height:36px;}


.soluBg3{ background:url(../images/soluBg3.jpg) repeat; padding:70px 0;}
.soluBg4{ padding:0 0 70px; position:relative;}
.soluBg5{ padding:70px 0;}

.solu2{ padding:15px 0 0;}
.solu2 li{ padding:25px;}
.solu2Img{ float:left; width:74px; height:74px; border-radius:3px; background:#00c1de;}
.solu2Text{ margin-left:110px;}
.solu2Tit{ font-size:16px; color:#00c1de; line-height:26px; padding-bottom:5px;}
.solu2Brief{ font-size:14px; color:#7e7e7e; line-height:24px; max-height:48px; overflow:hidden;}

.soluBg3 .proH3{ color:#FFFFFF;}
.soluBg3 .proH3:after,.soluBg3 .proH3:before{ background:#FFFFFF;}
.soluBg3 .proText2,.soluBg3 .proText2 h4{ color:#FFFFFF;}
.soluBg3 .proText2{ padding:0 10px;}

.soluBg4 .proBg2Img{ z-index:0;}
.soluBg4 .pro3Top{ background:#FFFFFF;}
.soluBg4 .pro3Top .proH3{ color:#111111;}
.soluBg4 .pro3Top .proH3:after{ background:#00c1de;}
.soluBg4 .pro3Top .proH3:before{ background:#df292e;}
.soluBg4 .proTab3 li a{ color:#2a49a4; border-color:#00c1de;}
.soluBg4 .proTab3 li.active a,.soluBg4 .proTab3 li a:hover{ background:#00c1de; color:#FFFFFF; border-color:#00c1de;}

.solu5Text{ border-top:1px solid #d7d7d7; margin-top:25px; padding:20px 0 0;}
.solu5Text h4{ font-size:22px; color:#00c1de; padding:30px 0; font-weight:bold; text-align:center;}
.solu5Text img{ display:inline-block; margin:0 auto; max-width:100% !important; height:auto !important;}

@media (min-width:1275px){
	.container{ width:1230px;}
	.parList li{ width:20%;}
	
}
@media (max-width:1600px){
	.logo{  left:5%;}
	.logo img{width:80%;}
	.navLi{ height:60px;}
	/* .navLi h3 a{ padding:19px 0;} */
	.hdRigList li{ line-height:60px;}
	.hdWx,.navSub{ top:60px;}
	.navLi h3 a span{margin:0 7px;}
	    .navList{margin: 0 0 0 25%;}
	.title h2{ font-size:32px; padding:15px 0;}
	.navLi:nth-child(2):after, .navLi:nth-child(5):after, .navLi:nth-child(6):after, .navLi:nth-child(7):after{top:15px; right:5px;}
	
	.box2Bg{ padding:50px 0;}
	.box3Bg{ padding:50px 0;}
	.box4Bg{ padding:50px 0;}
	
	.box1CenPrev{ left:-100px;}
	.box1CenNext{ right:-100px;}
	
	.bannerN{ height:400px;}
	.banH2{ font-size:30px;}
	.onepage{ padding:60px 0;}
	.hisPrev{ left:-50px;}
	.hisNext{ right:-50px;}
	
	.honour{ padding:50px 0;}
	
	.proTit{ font-size:32px; padding:30px 0;}
	.proBox2Item{ padding:80px 0;}
	.proBox2Text .proBox1H3{ font-size:32px;}
	
}
@media (max-width:1400px){	
	.box1Cen{ padding:0 30px;}
	.box1CenPrev{ left:-10px;}
	.box1CenNext{ right:-10px;}
	.bannerN{ height:350px;}
	.hdRig span em{display:none;}
	.onepage{ padding:40px 0;}
	.hisTit{ font-size:24px; padding-bottom:10px;}
	.hisBg{ padding:45px 0 25px;}
	.history{ padding:0 35px;}
	.hisTextBg{ height:160px;}
	.hisIco{ height:70px;}
	.hisIco:after{ height:57px;}
	.hisYear{ font-size:20px;}
	.hisPrev{ left:0px;}
	.hisNext{ right:0px;}
	
	.caseTop{ padding:30px 0; margin:0 -3px;}
	.caseTop li{ padding:3px;}
	
}
@media (max-width:1200px){	
	.box3Img{margin: 5px 5px 0 0;}
	.box3Img img{width: 140px; height: 67px;}
	.slides {
		height: 200px;
	}
	
	.navList{ position:relative; /* left:-40px; */}
	.navLi{ height:100px;}
	.navLi h3 a{font-size:14px; }
	.navLi h3 a span{ margin:0 5px;}
	.hdRigList li{ line-height:64px;}
	.navSubList{padding:0 7px;}
	.hdWx,.navSub{ top:60px;}
	.navSub{left:100%; margin-left:-65px;}
	.navSubLi h4 a{height:30px; line-height:30px; font-size:14px;}
	.ban1Img{ width:70%; transform:scale(0.8);}
	.ban1Text{ width:30%;}
	.banLink{ height:34px; line-height:32px; width:120px;}
	.hdRig span em{display:none;}
	.title h2{ font-size:28px; padding:10px 0;}
	.titleBrief{ padding:10px 0;}
	.navLi:nth-child(2):after, .navLi:nth-child(5):after, .navLi:nth-child(6):after, .navLi:nth-child(7):after{top:15px; right:5px;}
	.navList{margin:0 0 0 25%;}
	.n_news01 .item{width:45%;}
	.footBot .footBot_fr{float:left;}
	/* .box1Bg{ padding:30px 0;} */
	.box1CenBg{ min-height:400px;}
	.wavesBg{ padding-bottom:100px;}
	.box1Cen{ margin:50px 0 0;}
	.box1CenH3{ font-size:24px;}
	.box1CenBrief{ font-size:14px; margin:5px 0;}
	.box1Bot{ margin:0 -22px; /* padding:20px 0; */}
	.box1Bot li{ padding:0 22px;/*  padding:10px 22px; */}
	.box1Bot li:after{ width:100px; right:-50px;}
	.box1BotH3{ font-size:18px;}

	.box2Bg{ padding:2% 0;}
	.box2List{ margin:0 -15px;}
	.box2List li{ padding:0 15px 15px;}
	.box2Tit{ font-size:16px; line-height:24px;}
	.box2HovBg{ padding:25px 15px;}
	.box2Hov h4{ padding:10px 0;}
		
	.tabcon ul li i{font-size:38px; margin-top:2px;}
	.box3Bg{ padding-bottom: 2%;}
	.box3List .swiper-slide{ padding:10px;}
		
	.box4Bg{ padding:30px 0;}
	.box4List .swiper-slide{ padding:10px;}
	.box4Num{ font-size:32px;}
	
	.footTop{ padding:20px 0;}
	.footLink li{ margin-right:20px;}
	.footLink  a{ font-size:14px;}
	.footSub{ padding:10px 0 0;}
	.fTel{ font-size:30px;}
	.footBot{ padding:25px 0 0;}
	
	.bannerN{ height:300px;}
	
	.oneTop{ padding-bottom:15px;}
	.oneTop img{ max-width:50% !important;}
	.oneText{ padding-bottom:30px;}
	.oneBtn a{ width:170px; height:44px; line-height:40px;}
	.hisText p.text-center strong{ font-size:20px;}
	.hisPrev, .hisNext{ width:20px; height:39px;}
	
	.ad_service li{ margin:2% 0; display:inline-block;}
	
	
	.honour{ padding:30px 0;}
	.honList{ margin:0 -10px; padding:15px 0;}
	.honList li{ padding:10px;}
	.honList li a{ padding:5px;}
	.honImg{ margin-bottom:5px;}
	.honMore{ width:300px; height:46px; line-height:44px;}
	
	.artlist li{ padding-bottom:25px; margin-bottom:25px;}
	.arImg{ width:270px;}
	.arText{ margin-left:300px;}
	.arTit{ font-size:18px; padding:5px 0;}
	
	.arTop{ padding:40px 40px 20px 0;}
	.arTopTit{ font-size:24px;}
	
	.proTit{ font-size:28px;}
	.proBox1Item{ padding:50px 25px;}
	.proBox1Img{ width:35px;}
	.proBox1Text{ margin-left:45px;}
	.proBox1H3{ font-size:20px;}
	
	.proBox2Item{ padding:50px 0;}
	.proBox2Text{ padding:25px 25px 0;}
	.proBox2Text .proBox1H3{ font-size:20px; padding-bottom:0;}
	.proBox2Text .box1CenItem li a{ font-size:14px; line-height:26px;}
	
	.caseBot li a{ padding:20px 70px 20px 0;}
	.caseImg{ width:200px;}
	.caseIco{ right:20px; width:32px; height:32px; line-height:28px;}
	
	.contact{ padding:70px 0;}
	.contactWay{ padding-left:0;}
	.contactWay h3{ font-size:20px;}
	.contactShare{ width:430px; height:247px; padding-top:70px;}	
	.contact_map{ height:350px;}
	.conBotList{ padding:0;}
	.conBotList li{ padding:15px;}
	
	.proBg1,.proBg2,.proBg4{ padding:50px 0;}
	.proBg3{ padding:0 0 50px;}
	.pro3Top,.pro3{ padding:50px 0 0;}
	.proH3{ font-size:24px;}
	.proH3:before{ top:10px;}
	.proH3:after{ top:15px; height:18px;}
	.proText2 h4{ margin:5px 0; font-size:16px;}
	.proText2{ padding:0 15px;}
	
	.proTab3 li a{ line-height:38px; font-size:14px;}
	
	.pro4{ margin:0 -10px;}
	.pro4 li{ padding:0 10px 10px;}
	.pro4 li a{ font-size:14px;}
	
	.proNav{ padding:25px 0;}
	.proNavTit{ font-size:22px; max-width:320px; line-height:30px;}
	.proNavItem li a{ font-size:14px; padding:0 10px; line-height:30px;}
	
	.winBox{ padding:15px 30px; max-width:500px;}
	.winTit{ padding:15px 0; font-size:18px;}
	.winTit i{ font-size:20px;}
	.winList li{ margin-bottom:15px;}
	
	.soluBg3{ padding:50px 0;}
	.soluBg4{ padding:0 0 50px;}
	.soluBg5{ padding:50px 0;}
	.solu2 li{ padding:20px;}
	.solu2Text{ margin-left:90px;}
	
	
	.news_center{width:95%; margin:0 auto; float:none}
    .news_center_list{width:95%; margin:10px auto 0;float:none}
}

@media (max-width:1200px){
	
	.logo img{width:65%;}
	.navList{margin:0 0 0 25%;}
}
@media (max-width:1024px){
	.wrapper001{padding:10% 0 15%;}
	.hisBox{    background: url(../images/hisBoxBg.jpg) center 44.2% repeat-x;}
	.hisPrev, .hisNext{top:47%;}
	.headerBg{ background:rgba(0,0,0,0.8); margin-top:0; }
	.logo{ display:none;}
	.navbar{display:none;}
	.logo01{ left:15px; width:110px; top:9px; display:block; position:absolute;}
	.logo{ float:left; position:static; padding:10px 0;}
	.hdRig{ float:right; position:static;}
	.hdRigList li{ line-height:40px; height:40px; padding-left:0;}
	.bg_2{background-image:url(../images/about-p3_1.jpg); }
	.fixed_bg,.hisBg{background-attachment:inherit;}
	.zy-business li{width:24%;   margin: 0 8% 30px;}
	.navLi:nth-child(2):after, .navLi:nth-child(3):after, .navLi:nth-child(4):after, .navLi:nth-child(7):after,.navLi:nth-child(8):after,.navLi:nth-child(10):after{display:none;}
	#lightbox-container-image-box{width: 96%;} 
	#lightbox-container-image{padding:5px;}
	#jquery-lightbox a img{width:35px;}
	.hdRigList li:last-child{display:none;}
	.hdShare{ margin-top:0;}
	.hdWx{ top:54px; right:0;}
	.navBoxm{ padding:10px 0 20px; height:100%; display:none;}
	.navLi h3{ border-bottom:1px solid rgba(255,255,255,0.25);}
	.navLi h3 a{ padding:0;}
	.navLi h3 a span{ padding:0; border:none; background-position:right center; background-repeat:no-repeat;height:30px; line-height:30px;}
	.navLi.has h3 a span:after{content:'\e610';  font-family:"iconfont" !important; transform:rotate(90deg); display:inline-block; float:right;}
	.ad_service li{ margin:2% 0; display:inline-block; width:30%;}
	.hidden-sm {
    display: none!important;}
	.menuBtn{ float:right; width:30px; /* height:50px; */  z-index:3; cursor:pointer; overflow:hidden;}
	.menuBtn span{ display:block; background:#FFFFFF; width:18px; height:2px; font-size:0; margin:12px auto 0; transition:all 0.3s ease 0s;}
	.menuBtn span:first-child + span{ margin-top:5px;}
	.menuBtn span:first-child + span + span{ margin-top:5px;}
	.menuBtn.active span:first-child + span{ transform:translateX(-40px);}
	.menuBtn.active span:first-child{ width:20px; transform:rotate(45deg) translate(6px,6px);}
	.menuBtn.active span:first-child + span + span{ width:20px; transform:rotate(-45deg) translate(3px,-4px);}
	.navLi{ float:none; height:auto; width:100%;}
	.navlistm .navLi h3 a{ padding:0;}
	.navSub{ position:static; left:0; width:100%; margin-left:0; padding:0;}
	.navSub:before{ display:none;}
	.navSubList{ border-radius:0; background:none; padding:0 0 0 15px;}
	.navSubLi h4 a{ line-height:38px;}
	.navThrList{ padding:0 0 0 15px;}
	.navThrLi h5 a{ line-height:38px;}
		.tabcon_bg{padding-bottom:30px; height:280px;}
	.menuBtn{ float:right; width:30px; /* height:50px; */  z-index:3; cursor:pointer; overflow:hidden;}
	.n_news01 .item img{max-height:220px; min-height:220px;}
	.menu_main01 ul li{width:18%;}
	.banPc{ display:none;}
	.banMob{ display:block;}
}

@media (max-width:992px){
	.headerBg{height:40px; background:rgba(0,0,0,0.8); margin-top:0; }
	.logo{ display:none;}
	.navbar{display:none;}
	.logo01{ left:15px; width:110px; top:9px; display:block; position:absolute;}
	.logo{ float:left; position:static; padding:10px 0;}
	.hdRig{ float:right; position:static;}
	.hdRigList li{ line-height:40px; height:40px; padding-left:0;}
	
	.zy-business li{width:24%;   margin: 0 8% 30px;}
	.navLi:nth-child(2):after, .navLi:nth-child(5):after, .navLi:nth-child(6):after, .navLi:nth-child(7):after{display:none;}
	#lightbox-container-image-box{width: 96%;} 
	#lightbox-container-image{padding:5px;}
	#jquery-lightbox a img{width:35px;}
	.hdRigList li:last-child{display:none;}
	.hdShare{ margin-top:0;}
	.hdWx{ top:54px; right:0;}
	.navBoxm{ padding:10px 0 20px; height:100%; display:none;}
	.navLi h3{ border-bottom:1px solid #fff;}
	.navLi h3 a{ padding:10px; }
	.navLi h3 a span{ padding:0; border:none; background-position:right center; background-repeat:no-repeat;height:30px; line-height:30px;}
	.navLi.has h3 a span:after{content:'\e610';  font-family:"iconfont" !important; transform:rotate(90deg); display:inline-block; float:right;}
	.ad_service li{ margin:2% 0; display:inline-block; width:30%;}
	
	.navLi{ float:none; height:auto; width:100%;}
	.navlistm .navLi h3 a{ padding:0;}
	.navSub{ position:static; left:0; width:100%; margin-left:0; padding:0;}
	.navSub:before{ display:none;}
	.navSubList{ border-radius:0; background:none; padding:0 0 0 15px;}
	.navSubLi h4 a{ line-height:38px;}
	.navThrList{ padding:0 0 0 15px;}
	.navThrLi h5 a{ line-height:38px;}
		.tabcon_bg{padding-bottom:30px; height:280px;}
	.menuBtn{ float:right; width:30px; /* height:50px; */  z-index:3; cursor:pointer; overflow:hidden;}
	
	.hdTel{margin:3px 0 0 0;}
	.menuBtn span{ display:block; background:#FFFFFF; width:18px; height:2px; font-size:0; margin:12px auto 0; transition:all 0.3s ease 0s;}
	.menuBtn span:first-child + span{ margin-top:5px;}
	.menuBtn span:first-child + span + span{ margin-top:5px;}
	.menuBtn.active span:first-child + span{ transform:translateX(-40px);}
	.menuBtn.active span:first-child{ width:20px; transform:rotate(45deg) translate(6px,6px);}
	.menuBtn.active span:first-child + span + span{ width:20px; transform:rotate(-45deg) translate(3px,-4px);}
	
	.banPc{ display:none;}
	.banMob{ display:block;}
		
	.box1CenBg{ height:auto;}
	.box1CenText,.box1CenImgBg{ float:none; width:100%; max-width:none;}
	.box1CenText{ padding-bottom:20px;}
	
	.box1BotImgBg{ width:115px; height:115px;}
	.box1BotCir{ width:94px; height:94px; margin-left:-47px; margin-top:-47px;}
	.box1Bot li a:hover .box1BotImg{ width:70px; height:70px;}
	
	.box1BotImg{width:60px; height:60px;}
	.current .box1BotImg{width:80px; height:80px;}
	.box1BotImg img{max-width:40%;}
	
	.tabcon ul li img{width:35px; height:35px;}
	.tabcon ul li h1{font-size:16px; line-height:20px;}
	.tabcon ul li h1 span{font-size:12px;}
	
	.hdRig a{margin:0 7px 0 0;}
	.box2List{ margin:0 -5px;}
	.box2List li{ padding:0 5px 10px;}
	.box2Tit{ font-size:14px; line-height:22px; padding:10px;}
	.box2HovBg{ padding:15px 10px;}
	.box2Hov h4{ font-size:16px; padding:5px 0;}
	
	.footTopR{ float:none; padding-bottom:15px; border-left:0; padding-left:30px;}
    .footBot span{display:block;}
	.footBot i span:first-child{display:none;}
	.footBot i em{display:block;}
	.footer_ewm{margin:0 auto; display:table;}
    
	.ad_service{padding:20px 0;}
	.ad_service li{margin:0;}
	.ad_service h1{line-height:20px;}
	.kefu{ float:none; margin:0 auto 10px;}
	.footBot{ padding:20px 0 0px; text-align:center;}
	.fx_share{display:none;}
	.footBot .footBot_fr{float:none; margin:15px auto 0;  clear:both;}
	.footBot .footBot_fl{float:none;}
	
	.footLogo{ float:none; padding-left:0; margin:0 auto 15px;}
	.footBot p{ line-height:24px; padding:9px 0;}
	
	.online{ top:auto; bottom:3%; transform:translateY(0);}
	.online li{ display:none;}
	.online li.online_top{ display:block; opacity:0.7;}
	.onlineIco:hover{ color:#FFFFFF; background:#3351a8; width:35px;}
	.onlineIco:hover i{ text-align:center; width:35px;}
	
	.artlist li{ padding-bottom:25px; margin-bottom:25px;}
	.arImg{ width:200px;}
	.arText{ margin-left:220px;}
	.arTit{ font-size:16px;}
	.arBrief{ height:52px; margin:0 0 10px;}
	
	.article{ padding-right:150px;}
	.arLef{ padding-bottom:35px;}
	.arCon{ padding:10px 20px 10px 0;}
	.arTop{ padding:30px 20px 15px 0;}
	.arTopTit{ font-size:20px;}
	
	.parTit{ padding-bottom:20px;}
	.parTit h3{ font-size:22px; padding-bottom:10px;}
	
	.proTit{ font-size:24px; padding:25px 0;}
	.proBox1:after{ display:none;}
	.proBox1Item{ width:100%; border-bottom:1px solid #d9d9d9; padding:25px 0;}
	.proBox1Item:last-child{ border:none;}
	
	.proBox2Item{ padding:25px 0;}
	.proBox2Img,.proBox2Text{ float:none !important; width:100%;}
	.proBox2Text{ padding:25px 0 0;}
	
	.case{ padding-bottom:40px;}
	.caseTop{ padding:20px 0;}
	.caseBot{ padding-bottom:15px;}
	.caseBot li a{ padding:15px 50px 15px 0;}
	.caseImg{ width:160px;}
	.caseTit{ font-size:16px;}
	.caseIco{ right:10px; width:28px; height:28px; line-height:24px; font-size:18px;}
	
	.contact{ padding:40px 0;}
	.contactWay{ font-size:14px;}
	.contactWay h3{ padding-bottom:10px;}
	.contactShare{ margin:0 auto;}
	
	.contactBot{ padding:40px 0;}
	
	.conBotTit{ font-size:22px;}
	.conBotList li{ padding:0 0 10px; width:100%;}
	.conBotList li .media{ padding:10px;}
	.conBotList .media-left{ padding-right:10px;}
	.conBotList .media-left img{ width:100px;}
	.conBotList .media-body h3{ font-size:16px;}
	
	.proNav{ padding:15px 0;}
	.proNavTit{ float:none; max-width:none; font-size:20px;}
	.proNavItem{ float:none; text-align:left; padding:10px 0 0;}
	.proNavBg.proFixed .proNav{ padding:5px 0;}
	.proWinLinke,.reProlist{ margin-left:0;}
	
	.proText{ padding-bottom:25px;}
	.probrief{ margin:15px 0;}
	.proImg img{ float:none !important;}
	
	.pro2 li{ margin:0 0 20px; text-align:center;}
	.pro2 li:nth-child(2n){ border:none;}
	.pro2 li img{ margin:0 auto;}
	.proText2{ padding:15px !important;}
	.contact_line{padding:30px 15px 0; border:0;}
	.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select{width:80%;}
	.proTab3{ margin:0;}
	.proTab3 li{ padding:0;}
	.pro3 .proText{ padding:25px 0 0;}
}
@media (max-width:767px){	
	.slideInner { height: 180px;}
	.slideInner a { height: 200px;width: auto;background-repeat:no-repeat!important;background-size:auto 100%!important;}
	.box3Img{margin: 5px 5px 0 0;}
	.box3Img img{width: 140px; height: 67px;}
	.title01 h2{font-size:2.5rem}
	.headerBg{height:40px; transform:translateY(0) !important; }
	.box1Num{ font-size:18px;}
	.box1Num span{ font-size:30px;}
	.contactWay{line-height:26px; }
	.zy-business h1{font-size:26px;}
	.bg_1{padding:18% 0 5%;}
	.bg_2{background:url(../images/about-p3.png) 450px}
	.n_news01 .item{width:95%;     margin: 0 1% 3%;}
	.menu_main01 ul li{width:40%; margin:5px; padding:5px 0; font-size:14px;}
	.menu_main01 ul{margin:10px auto;}
	.about-p3 .about_tc_mr{display:block;}
	.about-p3 .about_tc_mr01{display:none;}
	.about_tc_mr h2{margin:0 0 10px 0; font-size:12px;}
	.about_tc_mr h1{font-size:22px; margin:0 0 5px 0}
	.about-p3 .about_tc_mr h1,.about-p3 .about_tc_mr h2{color:#fff;}
	.about_tc_mr02 h1{font-size:22px;}
	.about_tc_mr02 h2{font-size:12px;}
    .about-p3{width:100%; padding:0 3%; float:none; margin:0 auto;}	
	.owl-carousel .item{margin:0 auto 3%;  box-shadow:0px 0px 15px rgba(136, 159, 229, 0.25)}
	.news_center_list li{padding:13px;}
	.contact_line{padding:20px 15px 0; border:0;}
.onepage{padding:20px 0;}
.n_news01 .txt{padding:20px 15px;}
.n_news01 .txt span{margin:5px 0;}
.contactWay h1{font-size:22px;}
.contactWay h3{font-size:16px;}
	.fTel{font-size:20px; line-height:110%}
	.footer_ewm h1{display:none;}
	.ad_service li{margin:1% 0; width:48%; text-align:left;}
	.news_ziti{display:none;}
	.bounceIn span,.basic_bg{display:none;}
	.ad_service li i{font-size:40px;}
	.ad_service li h1{font-size:16px;}
	.about-p2 img{ margin:0 0 10px; width:100%; float:none;}
	.xgyuedu p{height:25px; line-height:25px;}
	.box2Img img{min-height:auto;}
	.box1Bot{ margin:0 -15px;}
	.box1Bot li{ padding:10px 15px;}
	.box1Bot li:after{ display:none;}
	.box1BotBrief{ height:auto; max-height:52px;}
	
	.box2HovBg{ display:flex; justify-content:center; align-items:center;}
	.box2Item{ text-align:center;}
	.scroll_bg,.fixed_bg{font-size:14px; line-height:150%;}
	.bannerN{ height:250px;}
	.banH2{ font-size:20px;}
	.banH2 span{font-size:14px; line-height:150%;}
	
	.hisTit{ font-size:20px;}
	.history{ padding:0 10px;}
	.history .swiper-slide{ height:100%;}
	.history .swiper-slide.odd{ padding:0;}
	.hisBox{ background-position:center 80px;}
	.hisYear{ padding:12px 0; font-size:18px;}
	.hisIco:before{ background:#FFFFFF; top:0 !important; bottom:auto !important;}
	.hisIco:after{ top:13px !important; bottom:auto !important;}
	.hisTextBg{ height:auto;}
	.hisText{ position:static; text-align:center; padding:10px !important;}
	.hisPrev,.hisNext{ top:40px; transform:translateY(0%);}
	.hisPrev{ left:-10px;}
	.hisNext{ right:-10px;}
	#dbRoWrap img{width:100px; height:100px; }	
	.honTab{ margin:0 -5px;}
	.honTab li{ padding:0 5px;}
	.honTab li a{ min-width:100px; height:34px; line-height:32px;}
	
	.article{ padding-right:0;}
	.arLef{ min-height:200px !important; border:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
	.arTop{ padding:20px 0 10px;}
	.arCon{ padding:10px;}
	.arCon p,.arCon img{ margin:10px 0;}
	.arRig{ position:static; width:100%; padding:0 0 20px;}
	.pager li{ padding-bottom:15px;}
	.news_description{padding:10px 20px;}
	.mainSpace{ display:none !important;}
	.proNavBg.proFixed{ position:static;}
	.proNavBg.proFixed .proNav{ padding:15px 0;}
	.pro2 li{ margin:0; padding:10px 0; border-bottom:1px solid #e8e8e8 !important; height:auto !important;}
	.pro2 li:last-child{ border:none !important;}
	.owl-theme .owl-controls .owl-page span{width:8px; height:8px; margin:5px;}
	.proTab3 li{ padding:4px 0 0;}
	.proH4{ font-size:20px;}
}
@media (max-width:640px){
	.box3Img{margin: 5px 5px 0 0;}
	.box3Img img{width: 140px; height: 67px;}
	.logo{ width:110px; padding:13px 0;}
	.xgyuedu p em{display:none;}
	.tittle02 h4{font-size:22px; font-weight:600;}
	.box1Cen{ padding:0 15px;}
	.box1CenH3{ font-size:20px;}
	.box1CenPrev,.box1CenNext{ width:20px; height:35px; top:50px;}
	.box1CenPrev{ left:-10px;}
	.box1CenNext{ right:-10px;}
	.footBot em{display:block;}
	.zy-business li{width:35%;   margin: 0 4% 30px; }
	.zy-business li p{font-size:14px;}	
	.honTab li a{ min-width:0;  padding:0 20px;}
	.news_time em{display:none;}
	.news_hits em{display:none;}
	.artlist li{ padding-bottom:15px; margin-bottom:15px;}
	.arImg{ width:150px;}
	.arTime{ position:static; height:30px; line-height:30px; padding:0; width:100%; overflow:hidden;}
	.arTime p{ display:inline-block; vertical-align:middle;}
	.date{ font-size:16px;}
	.arText{ margin-left:160px;}
	.arTit{ font-size:16px; padding:0;}
	.arBrief{ height:52px; margin:0 0 5px;}
	
	.parTit h3{ font-size:18px;}
	
	.caseBot li{ padding:0 7px 10px;}
	.caseBot li a{ padding:15px 15px 15px 0;}
	.caseImg{ width:160px;}
	.caseTit{ font-size:16px;}
	.caseIco{ display:none;}
	
	.contact_map{ height:300px;}
	
	.winBox{ max-width:none; width:90%; margin:0 auto; padding:15px 20px 15px 10px;}
	.winClose{ background-size:15px; right:10px; top:10px;}
	.winTit{ font-size:16px; padding:10px 0;}
	.winTit i{ font-size:18px;}
	.winList li{ margin-bottom:10px;}
	.winList li input{ height:36px; padding:3px 5px 3px 25px; line-height:28px;}
	.winList li span{ line-height:36px;}
	.winList li i{ line-height:36px; left:5px; width:20px;}
	.winList li input[type="submit"]{ line-height:36px;}
	.winTip{ line-height:22px;}
	
	.solu5Text h4{ font-size:18px; padding:20px 0;}
}


@media (max-width:460px){	
	.box3Img{margin: 5px 5px 0 0;}
	.box3Img img{width: 140px; height: 67px;}
    body{font-family: Optima-Regular, PingFangTC-light;}
	.hdRigList li span{ display:none;}
	.hdTel{ margin-top:0;}
	
	.banBtn{ width:18px; height:28px; border:1px solid #FFFFFF;}
	
	.box1Num{ font-size:14px;}
	.box1Num span{ font-size:24px;}
	
	.title h2{ font-size:24px; padding:5px 0;}
	.titleBrief{ padding:5px 0; line-height:24px;}
	
	.container01{width:30%; float:left; padding-bottom:30px;}
	.tabcon_bg{width:70%; float:right; overflow:visible; background:none; height:auto; padding:10px 0 0 0;;}
	.tabcon ul li i{font-size:34px; float:left; display:inline-block; margin:0 10px 0 0; font-weight:lighter}
	.tabcon ul li{padding:11px 0 0 0; width:93%;}
	.tabcon ul li h1{font-size:14px; float:left; padding:7px 0 0 0; line-height:18px; width:78%;}
	
	.box1BotImgBg{ width:50px; height:50px;}
	.box1BotCir{ width:40px; height:40px; margin-left:-20px; margin-top:-20px;}
	.box1Bot li a:hover .box1BotImg{ width:50px; height:50px;}
	
	.title{padding:0;}
	.box1Bot{padding:20px 0 0 0;}
	.box1Bot li{padding:3px 15px;}
	.box1BotImg{width:35px; height:35px;}
	.current .box1BotImg{width:50px; height:48px; border:0; }
	.box1BotImg img{max-width:40%;}
	.box1BotH3{font-size:12px; padding:5px 0;}
	.box4Img img{width:40%;}
	.box4Img img{width:40%;}
	
	.current .arrow{ position:absolute; top:20px; right:0; transform:rotate(0deg); border: 10px solid #fff;     border-left-color: #00c1de;}
	
	
	.box3List .swiper-pagination-bullet,.box4List .swiper-pagination-bullet{ width:24px; margin:0 3px;}
     .swiper-wrapper01 .swiper-slide01 a h4{font-size:10px;}	
	.box4List .swiper-container{ padding-bottom:10px;}
	.box4Num{ font-size:18px;}
	.box4Tit{ font-size:9px;}
	
	.bannerN{ height:220px;}
	
	.honList li{ width:100%;}
	.honMore{ width:100%;}
	
	.artlist li{ padding-bottom:10px; margin-bottom:10px;}
	.arImg{ width:100px;}
	.arText{ margin-left:110px;}
	.arBrief{ line-height:20px; height:40px;}
	.arBot .pull-right{ font-size:12px;}
	.arBot .pull-right i{ width:18px; height:18px; line-height:16px;}
	
	.reList{ height:36px; line-height:34px;}
	
	.proBox1H3{ font-size:16px;}
	.proBox1Brief{ margin:5px 0;}
	
	.proBox2Text .proBox1H3{ font-size:16px;}
	
	.caseBot li a{ padding:15px;}
	.caseImg{ float:none; width:100%; margin-bottom:10px;}
	.caseBrief{ height:auto; max-height:52px;}
	
	.contactShare{ width:290px; height:166px; padding-top:50px;}
	.contactShare li{ padding:0 5px; font-size:12px;}
	.conShIco i{ width:40px; height:40px; margin:0 auto; line-height:38px; font-size:18px;}
	.conWx{ bottom:75px;}
	.contact_map{ height:250px;}
	.contactBot{ padding:20px 0;}
	.conBotTit{ font-size:19px;}
	
	.proH4{ font-size:18px;}
}
@media (max-width:360px){
	.headerBg .container-fluid{ padding:0 10px;}
	.title h2{ font-size:20px;}
	.tabcon ul li h1{ width:75%}
	.box1Num span{ display:block; line-height:28px;}
	
	.ad_service li i{font-size:28px;}
	.ad_service h1 span,.ad_service li h1{font-size:12px; line-height:18px;}
	.bannerN{ height:180px;}
	.banH2{ font-size:18px;}
	.box3List .swiper-slide{ padding:10px 0;}
	.box4Num{font-size:16px;}
	.bannerN .box1Num{ top:0;}
	.footBot p{font-size:12px;}
	.parList li a{ padding:10px 0;}
	.hdRigList li{padding-left:0;}
	.contact_map{ height:200px;}
	.winBox{ width:100%;}
	.winList li input{ font-size:12px;}
	
}	
@media (max-height:414px){
	.navBoxm{ max-height:240px;}		
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}



/* 新增样式 */
.about{width:100%;margin:0 auto;}
.about_center{width:1200px;display: flex; height: 300px;margin:0 auto;}
.about-main{font-size:14px;line-height:28px;color:#a9a6a6;padding: 25px;background:#f9f7f7;}
.about-main span{width:60px;height:2px;background:#000;display:block;margin: 0 auto;}
.about a{display:block;width:150px;height:40px;border:1px solid #535353;text-align: center; 
	margin: 20px auto; padding-top: 5px; border-radius: 5px;color: #535353;}
.ys-back{width:100%;margin:0 auto;background:#00c1de;height:126px;}
.ys{width:1200px;margin:0 auto;}
.ys01{float:left;font-size:20px;color:#FFF;text-align:center;padding-top:40px;}
.ys01 b{font-size:60px;}
.ys span{float:left;margin:12px 120px;}


.date{width:70px;height:100%; display:block; float: left; text-align: center; font-weight: normal;margin-right: 15px;}
.date .em01{font-size:40px; line-height:30px; color: #00c1de;}
.date .em02{font-size:14px; color: #00c1de;}
.date_line{width:1px;height:100%;background:#ddd;display:block;margin: 0 auto;}

.foot_container{width: 1200px;margin: 0 auto;}

.inner-banner {width:100%;}
.inner-banner img {width:100%;}


.APP_bg{width:100%;}
.APP_bg span{display: flex; justify-content: center;}
.APP_content{width: 800px; margin: 50px auto;}
.APP_content ul{display: flex; justify-content: space-around; }
.APP_content ul li{margin: 0 auto;text-align: center; }

.APP_bg1{width:100%;height: 845px; margin:0 0 60px 0; background-image: url(../images/img_app_bg1.jpg);}
.APP_bg1 span{display: flex; justify-content: center;}

.APP_bg2{width:100%; margin:0 auto;}
.APP_bg2_center{display: flex;justify-content: space-evenly;width: 1300px; margin: 0 auto;}
.APP_bg2_box{padding: 15px;height: 200px;text-align: center;margin-bottom: 100px;}
.APP_bg2_box h4{font-size: 20px; text-align: center; margin-top: 40px;} 
.APP_bg2_box h5{font-size: 14px; margin: 15px auto;color: #908f8f;line-height: 24px;} 
.APP_bg2_center_img{width: 26px; height: 12px; margin-top: 40px;}

.xcx_top_bg{background-image: url(../images/img_xiaochengxu1.jpg);width: 100%; height: 432px;}
.xcx_top_bg_content{float:left; position:relative; top: 47%; left: 50%;}
.xcx_top_bg_content h5{color:#fff;display:block;}
.xcx_top_bg_content span{width:30px;height:2px;background:#fff;display:block;margin: 0 auto;}


.wangzhan_bg{width:100%; margin:0 0 40px 0;}
.wangzhan span{display: flex; justify-content: center;}
.wangzhan_con{width: 1280px;margin: 40px auto;}
.wangzhan_con ul{display: flex; justify-content: space-around;}
.wangzhan_con ul li{width: 400px; border: 1px solid #ccc; padding: 30px;}
.wangzhan_con ul li span{margin-top: 20px;float: left;line-height: 24px;}
.wangzhan_content{display: flex;align-items: center;}
.wangzhan_content h3{align-self: center; margin-left: 15px; line-height: 30px;}
.wangzhan_content h6{align-self: center; margin: 10px 0 0 15px;}

.about_us1{width:100%; margin:0 auto;text-align: center;}
.about_us1 img{position: relative; margin:0 auto;text-align: center;}
.about_us1_span{width: 1200px; margin: 0 auto;line-height: 24px;margin-top: 40px;}

.about_us2{width:100%; margin:0 0 40px 0;}
.about_us2_content{width: 1203px;margin-top: 20px; margin: 40px auto;}
.about_us2_content ul{display: flex; justify-content: space-around; }
.about_us2_content ul li{width: 400px; margin: 0 auto;text-align: center; }
.about_us2_content ul li h3{margin-top: 40px; }
.about_us2_content ul li p{margin: 20px 20px 0 20px; }

.g_zs {
	width: 100%;
	height: 845px;
	padding: 70px 0 120px;
	background: url(../images/img_app_bg1.jpg) top center no-repeat;
	background-size: cover;
}

.center h2 {
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 20px;
}

.center {
	text-align: center;
	padding-bottom: 55px;
}

.slideGroup {
	width: 100%;
	text-align: left;
}

.slideGroup .slideBox {
	position: relative;
	width: 100%;
	float: left;
}

.slideGroup .parBd ul li {
	float: left;
	_display: inline;
	text-align: center;
}

.slideGroup .parBd ul li {
	margin-top: 50px;
	display: block;
	float: left;
}
.sPrev,
.sNext {
	display: block;
	width: 50px;
	top: 0;
	height: 100%;
	z-index: 999;
	position: absolute;
}

.sPrev {
	left: -100px;
	background: url(../images/img_left_arrow.png) center center no-repeat;
}

.sNext {
	right: -100px;
	background: url(../images/img_right_arrow.png) center center no-repeat;
}


.pic{
	width: 400px;
	position: relative;
	margin: 10px;
	background: #fff;
}
.pic h4{margin-top: 15px;}
.pic p{font-size: 15px; margin: 5px 10px 0px 10px;}


.pic img {
	width: 100%;
	height: 300px;
}

.app_service1_scrolls {
	margin:20px auto;
	width: 1360px;
	display:flex;justify-content:center;align-items:center;
}
/* 图片滚动开始 */
#wrap { width: 90%; margin: 0 40px 0 40px; overflow: hidden; font-size: 12px;}
#a ul, #b ul { float: left; display: block; margin: 0 30px 0 0; list-style:none;}
#scrolls { width: 1000%; float: left;}
#a, #b {float: left;}
.left,
.right { cursor: pointer; float: center;;}
/* 图片滚动结束 */

.app_service1{width:100%;height: 845px;padding: 0 0 80px;background-image: url(../images/img_app_bg1.jpg);margin: 0 auto;text-align: center;}
.app_service1 li{list-style:none; }
.app_service1 li span{overflow:hidden}
.app_service1 li img,.app_service1 li span{width: 300px; height: 300px; display:block}
.app_service1 li{float: left; margin: 0 10px 0 0; line-height: 30px;}
.img_02 img {-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
transition: transform .3s ease;}
.img_02 img:hover{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.img_02 span{ overflow:hidden; display:block;}


.xcx_youshi{margin-bottom:60px;}
.xcx_youshi  li{width:100%; height: 340px;display: flex; align-items: center; justify-content: center;}
.xcx_youshi  li img{width:660px;height: 340px;}
.xcx_youshi  li .xcx_youshi_content{width:660px;height: 340px; background:#fafafa;display: flex; align-items: center; justify-content: center;}
.xcx_youshi  li .xcx_youshi_content h3{margin-bottom:10px;}
.xcx_youshi  li .xcx_youshi_content span{width:62px;height:2px;background:#b6b6b6;display:block;margin: 15px auto;}
.xcx_youshi  li .xcx_youshi_content p{margin: 30px 25px 0 25px; line-height: 24px;}


.wz_anli{width:100%;height: 845px;padding: 0 0 80px;background-image: url(../images/img_app_bg1.jpg);margin: 0 auto;text-align: center;}
.wz_anli li{list-style:none; }
.wz_anli li span{overflow:hidden}
.wz_anli li{float: left; margin: 0 10px 0 0; line-height: 30px;}

.wz_lc_img{width: 26px; height: 12px; margin-top: 80px;}

.lxwm_ryzz{width:100%;height: 500px;margin: 0 auto;text-align: center;}
.lxwm_ryzz li{list-style:none; }
.lxwm_ryzz li span{overflow:hidden}
.lxwm_ryzz li{float: left; margin: 0 10px 0 0; line-height: 30px;}

.lxwm_qyfc{width:100%;}


.yqb_pro_anli{width:100%;padding: 0 0 80px;}
.yqb_pro_anli ul{width: 1200px; height: 400px; margin: 0 auto;}
.yqb_pro_anli li{float: left; margin: 0 20px 0 0; line-height: 30px;}
.yqb_pro_anli_content{width: 580px; height: 180px; list-style:none;display: flex;  align-items: center;}
.yqb_pro_anli_content img{width: 150px;height: 150px; margin-left: 15px;}
.yqb_pro_anli_content h4{font-weight: bold; margin: 0 15px 0 15px; line-height: 30px;}
.yqb_pro_anli_content h5{ margin: 10px 15px 0 15px;}


.wbk_sys_youshi{width:100%; margin:0 auto;padding-bottom: 60px;}
.wbk_sys_youshi_center{display: flex;justify-content: space-evenly;}
.wbk_sys_youshi_box{padding: 15px;width: 300px;height: 200px;text-align: center;}
.wbk_sys_youshi_box span{width: 40px;height: 2px;background:#00c1de;display:block;margin: 10px auto;}
.wbk_sys_youshi_box h4{font-size: 20px; text-align: center; margin-top: 40px;} 
.wbk_sys_youshi_box h5{font-size: 15px; margin: 15px auto;color: #908f8f;} 
.wbk_sys_youshi_center_img{width: 26px; height: 12px; margin-top: 40px;}

.wbk_saas{width:100%; height: 1100px; margin:0 auto;background-image: url(../images/img_wbk_bg1.jpg);}
.wbk_saas li{float:left; border:1px solid #eee; background:#fff; box-sizing:border-box; margin:10px 10px 0 0;}
.wbk_saas li img{width:255px;height: 255px;}
.wbk_saas li h3{font-size:20px; margin:20px auto;text-align: center; padding:0 10px;font-weight: bold;}
.wbk_saas_container{max-width: 1380px;}
.wbk_saas_container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

.wbk_bottom1{width:100%; margin:0 auto;}
.wbk_bottom1_center{display: flex;justify-content: space-evenly;}
.wbk_bottom1_box{padding: 15px;width: 180px;height: 200px;text-align: center;margin-bottom: 100px;}
.wbk_bottom1_box h4{font-size: 16px; text-align: center; margin-top: 40px;} 
.wbk_bottom1_center_img{width: 26px; height: 12px; margin-top: 50px;}

.wbk_bottom2{width:100%; height: 480px; margin:0 auto;}
.wbk_bottom2 .questions{width: 800px;height: 45px; margin:0 auto;}
.wbk_bottom2 .questions input{
	outline-style: none ;
	border: 1px solid #ccc; 
	border-radius: 3px;
	padding: 13px 14px;
	width: 640px;
	height: 45px;
	font-size: 14px;
	font-weight: normal;
	border-radius: 2em;
	display:inline-block;
}

.wbk_bottom2 .questions .submit_button{
	padding:10px 0; width:150px; background:#00c1de; border:0; color:#fff; font-size:16px;
	border-radius: 2em;
	display:inline-block;
}
.wbk_bottom2_phone{width: 350px; display: flex;align-items: center; margin: 40px auto;}
.wbk_bottom2 img{margin: 0 auto;text-align: center;}
.wbk_bottom2 p{margin: 0 auto;text-align: center; font-size:24px; margin-left:10px;color: #00c1de;font-weight: bold;}

.wbk_top_bg{width:100%; margin:0 0 40px 0;}
.wbk_top{width: 1350px; margin: 50px auto;}
.wbk_top ul{display: flex; justify-content: space-around; }
.wbk_top ul li{margin: 0 8px 0 0;text-align: center; }

.module-title{padding:80px 0 50px 0;}
.module-title h1{text-align:center;font-size:34px;color:#000;font-weight:normal; }
.module-title h2{text-align:center;font-size:15px;color:#515353;font-weight:normal; line-height:48px;}
.module-title span{width:62px;height:2px;background:#00c1de;display:block;margin:6px auto;}


.fwxm{width:1200px;margin:0px auto; margin-bottom: 50px;}
.fwxm_center{width:1200px;height: 300px;}
.fwxm_center li{float: left; border: 1px solid #ccc; width: 19%; background: #fff; text-align: center;
	box-sizing: border-box; margin: 0 0.5% 40px 0.5%;}
.fwxm_box{height: 300px;padding:0 10px; text-align: center;}
.fwxm_box img{margin-top: 30px;}
.fwxm_box h4{margin-top: 20px; font-weight: 500;}
.fwxm_box h5{margin-top: 20px;font-size: 14sp;color: #898989; line-height: 24px;}
.fwxm_box span{width:30px;height:2px;background:#000;display:block;margin: 20px auto;}
.fwxm_box_arrow{margin-top: 15px;display: none;}
.fwxm_box:hover {
	/* 修改背景颜 */
	border:1px solid #00c1de;
	color: #00c1de;
}
.fwxm_box:hover h5{color: #00c1de;}
.fwxm_box:hover img{margin: 20px auto; display: block;}

.fwxm_top_bg{background-image: url(../images/img_index_fwbg.jpg);width: 100%; height: 500px;}
.fwxm_top_bg_content{position:relative; margin: 0 auto;text-align: center;}
.fwxm_top_bg_content h2{color:#fff;display:block;margin-bottom: 15px;padding-top: 120px;}
.fwxm_top_bg_content h5{color:#fff;display:block;margin-top: 20px;}
.fwxm_top_bg_content span{width:30px;height:2px;background:#fff;display:block;margin: 0 auto;}

.needsBg{width:100%; height: 480px; margin:0 auto;background-image: url(../images/img_index_needs.jpg);}
.needsBg .needs ul{float:left; margin:0 35px 0 0;}
.needsBg .needs li{margin:10px 0 0}
.needsBg .needs li input{ outline-style: none ; border: 1px solid #ccc;  border-radius: 3px; padding: 13px 14px;
	width: 280px; height: 50px; font-size: 14px; font-weight: normal;}
.needsBg .needs li textarea{ outline-style: none ; border: 1px solid #ccc; border-radius: 3px; padding: 13px 14px;
	width: 550px; height: 110px; font-size: 14px; font-weight: normal;}
.needsBg .needs .submit_button{ padding:10px 0; width:200px; background:#00c1de; border:0; color:#fff; font-size:16px; 
	border-radius: 2em;}
.needs_hdTel{ font-size:35px; color:#00c1de;}
.needs span{font-size:30px; color:#000; font-weight: normal;margin-left: 5px;}

.footerBg{width: 100%; background:#0d60a1;  color:#fff; line-height:26px; padding:20px 0;}
.footTop{ padding:40px 0;}
.footTopR{ float:right;}
.kefu{ display:block;  width:126px; height:35px; line-height:38px; margin-bottom:20px; background:#00c1de; color:#FFFFFF; /* border-radius:5px; */ text-align:center;}
.kefu img{ animation:swing 2s infinite;}
.kefu:hover{ color:#FFFFFF;}
.fTel{ font-size:18px; color:#d7d8d9; line-height:150%;}
.fTel a{color:#fff;}
.fTel span{font-size:30px;}
.footLink{ font-size:0;}
.footLink li{ vertical-align:top;  margin-right:40px; max-width:150px;}
.footLink li:last-child{ margin-right:0;}
.footLink a{ font-size:15px; font-weight:500; line-height:200%; color:#d7d8d9;}
.footSub{ padding:10px 0 0;}
.footSub a{ font-size:14px; color:#fff; line-height:18px;}
.footSub a:hover{ color:#00c1de; transition:all 0.3s ease 0s;}

.footBot{ color:#fff; padding:20px 0; border-top:1px solid rgba(255,255,255,0.1);}
.footBot a{ color:#fff;}
.footBot a:hover{color:#00c1de;}
.footLogo{ float:right; padding-left:10px;}
.footBot { line-height:24px; padding:9px 0;}
.footBot i{display:block;}

.footBot .footBot_fr{float:right;}
 
.friend_link{margin-top:10px; width:100%;display: flex;justify-content: center;} 
.friend_link h1{font-size:16px; color:#fff;text-align:center;}
.friend_link a{color:#fff; padding:0 8px 0 0; display:block; float:left;}
	  .friend_link a:hover{color:#00c1de;}

.company_news_list{width: 600px; height: 183px; display: flex;}
.company_news_list img{width: 50%;}
.company_news_list div{width: 50%;padding: 20px;}
.wbk_top_text{width: 50%;margin: 0 auto;text-align: center;line-height: 24px;}
@media (max-width:1200px){
	.fwxm{width:100%;}
	.fwxm_center{width:100%;height: auto;}
	.about{width:100%;}
	.about_center{width:100%;}
}

@media (max-width:1300px){
	.needsBg .needs li input{width: 280px; height: 40px;}
	.needsBg .needs li textarea{width: 280px; height: 100px;margin: 0 auto;}
	.needsBg .needs .submit_button{width:180px; font-size:14px;margin: 0 auto;}
	.needs_hdTel{font-size:24px; color:#00c1de;text-align: center;}
	.needs span{text-align: center;}
}

@media (max-width:1024px){
	.about_center img{display: none;}
}


#banner .swiper-pagination-bullet-active{background:#00c1de}
.swiper-slide>a{width:100%;display:flex;display:-webkit-flex;align-items:center;justify-content:center;overflow:hidden}

@media (min-width:992px){	
	.banner_imgsty{width: 100% !important;}
	#banner img{display:block}
	.banner-btn>div{background:#00c1de url(../images/banner-btn.png) no-repeat center;width:53px;height:112px;margin-top:-56px;left:-53px;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}
	.banner-btn>div:hover{background-color:#fff}
	.banner-btn .swiper-button-next{left:auto;right:-53px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
	#banner:hover .banner-btn>div{left:0;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}
	#banner:hover .banner-btn .swiper-button-next{right:0;left:auto}
	#banner .swiper-pagination-bullet{background:#00c1de;width:30px;border-radius:4px}

}
@media (max-width:991px){
	.banner-btn{display:none}

	.APP_content{width: 100%; margin: 40px auto;}
	.APP_content ul li{flex: 1; }

	.pic{width: 100%; height:100%;}
	.pic img {width: 200px; height: 200px; }
	.wz_anli{height: auto;}
	.wbk_top_text{width: 100%;}
	.about_us1_span{width: 100%;}
}



@media(max-width:768px){
	#wrap {margin: 0 10px 0 10px;}
	.app_service1{height: auto;}
	.app_service1 li img,.app_service1 li span{width: 150px; height: 150px; display:block}
	.app_service1_scrolls {width: 100%;}

	.APP_bg2_center{display:block;word-break: break-all;word-wrap: break-word;width: 100%;}
	.APP_bg2_box{padding: 10px;height: auto;margin-bottom: 40px;width: 100%;float: left;}
	.APP_bg2_box h4{font-size: 16px;  margin-top: 30px;} 
	.APP_bg2_box h5{margin: 15px 40px 0 40px;} 
	.APP_bg2_center_img{display: none;}
	.left img{width: 10px !important; height: 25px !important;margin-left: 10px;}
	.right img{width: 10px !important; height: 25px !important;margin-right: 10px;}

	.fwxm_top_bg_content h5{padding: 0 10px;}

	.xcx_youshi{margin-bottom:50px;}
	.xcx_youshi  li{height: auto;}
	.xcx_youshi  li img{width:50%;height: auto;}
	.xcx_youshi  li .xcx_youshi_content{width:50%;height: auto;}
	.xcx_youshi  li .xcx_youshi_content h3{font-size: 14px;}
	.xcx_youshi  li .xcx_youshi_content p{display: none;}
	.xcx_youshi  li .xcx_youshi_content span{display: none;}

	.wangzhan_con{width: 100%;margin: 40px auto;}
	.wangzhan_con ul{float: left;display: block;}
	.wangzhan_con ul li{width: 100%;height: 100%; border: 0.5px solid #ccc;padding: 15px;margin-top: 8px;}
	.wangzhan_con ul li span{margin-top: 15px;float: none;line-height: 24px;}

	.pic img {width: 150px; height: 150px; }
	.wz_lc_img{display: none;}
	.wbk_top_text{width: 100%; padding: 0 10px;}

	.wbk_top{width: 100%; margin: 50px auto;}
	.wbk_top ul{width: 100%; }
	.wbk_top ul li img{width:100% !important;}

	.wbk_sys_youshi_center{width: 100%; display: block;overflow: hidden;}
	.wbk_sys_youshi_box{width: 49%;height: auto;white-space:nowrap; display:block; float:left;}
	.wbk_sys_youshi_box h4{font-size: 15px;} 
	.wbk_sys_youshi_box h5{font-size: 14px;} 

	.wbk_saas_container{max-width: none;width: 100%;}
	.wbk_saas_container {padding-right: 10px;padding-left: 10px;}
	.wbk_saas{height: auto;}
	.wbk_saas li{width: 47%;white-space:nowrap; display:block; float:left;}
	.wbk_saas li img{width:100%;height: 80%;}
	.wbk_saas li h3{font-size:14px; margin:10px auto;text-align: center;font-weight: 500;}

	.wbk_bottom1_center{width: 100%; display: block;}
	.wbk_bottom1_box{width: 49%;height: auto;margin-bottom: 50px;white-space:nowrap; display:block; float:left;}
	.wbk_bottom1_box h4{font-size: 14px;} 
	.wbk_bottom1_center_img{display: none;}

	.wbk_bottom2{height: auto;}
	.wbk_bottom2 .questions{width: 80%; margin: 0 auto;}
	.wbk_bottom2 .questions input{width: 100%; margin: 0 10px;}
	.wbk_bottom2 .questions .submit_button{width:100%; font-size:14px; margin-top: 15px;}
	.wbk_bottom2_phone{width: 100%; margin: 80px auto;}
	.wbk_bottom2 p{font-size:20px; }

	.about_us2_content{width: 100%;}
	.about_us2_content ul{display: block;}
	.about_us2_content ul li{width: 100%; height: auto; margin-top: 40px;}
	.about_us2_content ul li h3{margin-top: 30px; }
	.about_us2_content ul li p{margin: 20px 50px 0 50px; }

}

@media (max-width:540px){
	.navSubLi h4 a{color:#000;}

	.pic h4{margin-top: 5px;font-size: 15px;}

	.module-title{padding:50px 0 20px 0;}
	.module-title h1{font-size:28px;}
	.module-title h2{font-size:14px;}
	.about_center img{display: none;}

	.fwxm_center{width:100%;height: auto;}
	.fwxm_center li{width: 48%;margin: 1%;}
	.fwxm_box{padding: 10px; width: auto;}
	.fwxm_box img{margin-top: 25px;}
	.fwxm_box h4{margin-top: 15px; font-weight: 500;}
	.fwxm_box h5{margin-top: 15px;font-size: 14sp;color: #898989; line-height: 24px;}
	.fwxm_box span{width:30px;height:2px;background:#000;display:block;margin: 20px auto;}

	.needsBg .needs ul{float: none; margin:0 auto;text-align: center;}
	.needsBg .needs li{margin: 10px auto;}
	.needsBg .needs li input{width: 280px; height: 40px;}
	.needsBg .needs li textarea{width: 280px; height: 80px;margin: 0 auto;}
	.needsBg .needs .submit_button{width:180px; font-size:14px;margin: 0 auto;}
	.needs_hdTel{font-size:24px; color:#00c1de;text-align: center;}
	.needs span{text-align: center;font-size:24px;}

	

	.foot_container{width: 100%;}
	.footTopR{ float:none; margin: 0 auto;padding:0;}
	.footLink li{ display:block; width:100% !important; max-width:none; border-bottom:1px dashed rgba(255,255,255,0.1); 
		padding:5px 0;}
	.footLink li:last-child{ border:none; padding-bottom:0;}
	.footSub{ overflow:hidden; margin:0 -5px; padding:0;}
	.footSub p{ float:left; padding:0 5px;}
	.footLink  a{padding-left: 20px; font-weight:500;width: 100%;}
	.footLink  a span{width: 300px;}
	.footSub{ padding:10px 0 0 30px;}
	.footBot{margin: 0 auto; }
	.footBot a{ color:#fff;}
	.footBot a:hover{color:#00c1de;}
	.footBot { line-height:24px; padding:9px 0;}
	.footBot i{display:block;}
	.footBot .footBot_fl{width: 100%;float:none;}
	.footBot .footBot_fl span{text-align: center;}
	  
	.friend_link{margin-top:10px;width:100%} 
	.friend_link a{ float:none;}

	.company_news_list{width: 100%; }
	.company_news_list img{width: 48%;}
	.company_news_list div{width: 48%;padding: 10px;}

	.headerBg .container-fluid{padding:0;}
	.navListm{background-color: rgba(244, 244, 244, 0.8)};

	.banner-btn>div{display: none;}
	.banner_imgsty{width: 100% !important;}

	.APP_bg span{padding: 0 15px;}

	.about_us1_span{padding: 0 10px;}
}


.cate_right{margin: 0 !important;}
.cate_right li { width: auto;overflow: hidden;height: auto;position: relative;}
.cate_right li a {display: inline-block;color: #fff;padding: 5px 12px;border: 2px solid #fff;margin-top: 20px;
	transition: all .6s}
.cate_right li a:hover {background: #fff;color: #3ed4ba;}
/* .cate_right li:hover .mid_content {opacity: 1;-webkit-transform: scale3d(1, 1, 1);t.d(1, 1, 1)} */
.cate_right li img {width: 300px;display: block;height: 300px;object-fit: cover;}
.cate_right {width: 100%;height: 100%;left: 0;top: 0}
.cate_border {position: absolute;width: 100%;height: 100%;text-align: -webkit-center;z-index: 100}
.mid_content {position: absolute;width: 100%;top: -50%;margin-top: -42px;}
.mid_content_img{width: 80px !important; height: 80px !important;}
.mask {position: absolute;width: 100%;height: 100%;top: 0;background: #000;z-index: 99; transition: all .5s;transform: scale(0)}
/* .cate_right li:hover .mask { opacity: .6;transform: scale(1)} */
.cate_border .cate_title,
.cate_border h3 {white-space: nowrap;overflow: hidden;color: #fff}
.mid_content p{font-size: 16px;}

@media (max-width:991px){
	.cate_right li img {width: 200px;height: 200px;}
}

@media (max-width:768px){
	.cate_right li img {width: 150px;height: 150px;}
	.mid_content_img{width: 50px !important; height: 50px !important;}
	.mid_content {top: -35%;}
	.mid_content p{font-size: 14px;}
}

@media (max-width:540px){
	.cate_right li img {width: 100px;height: 100px;}
	.mid_content_img{width: 30px !important; height: 30px !important;}
	.mid_content {top: -28%;}
}


.yqb_company{width:100%;min-width:1200px;height:600px;}
.yqb_content{width:1200px;margin:0 auto;}
.yqb_center{width:1200px;display: flex; height: 300px;}
.yqb_center img{width:300;height: 300px;margin-right: 10px;}
.yqb_main{flex: 1; margin-right: 10px; font-size:14px;line-height:28px;padding: 25px; border: 1px solid #ccc; }
.yqb_main span{width:45px;height:2px;background:#000;display:block;}

.yqb_pro_youshi{width:100%;height: 845px;padding: 0 0 80px;background-image: url(../images/img_app_bg1.jpg);}
.yqb_pro_youshi ul{width: 1360px; margin: 0 auto;}
.yqb_pro_youshi li{float: left; margin: 0 20px 0 0; line-height: 30px;}
.yqb_pro_youshi_content{width: 420px; height: 200px; list-style:none; margin-top: 10px;background: #fff;
	display: flex;  align-items: center;}
.yqb_pro_youshi_content img{margin-left: 15px;}
.yqb_pro_youshi_content h4{font-weight: bold; margin: 0 15px 0 15px; line-height: 24px;}
.yqb_pro_youshi_content h5{font-size: 14px; margin: 10px 15px 0 15px; line-height: 24px;}
.yqb_pro_youshi_content:hover {border:1px solid #00c1de;}

.yqb_pro_anli{width:100%;padding: 0 0 80px;}
.yqb_pro_anli ul{width: 1200px; height: 400px; margin: 0 auto;}
.yqb_pro_anli li{float: left; margin: 0 20px 0 0; line-height: 30px;}
.yqb_pro_anli_content{width: 580px; height: 180px; list-style:none;display: flex;  align-items: center;}
.yqb_pro_anli_content img{width: 150px;height: 150px; margin-left: 15px;}
.yqb_pro_anli_content h4{font-weight: bold; margin: 0 15px 0 15px; line-height: 30px;}
.yqb_pro_anli_content h5{ margin: 10px 15px 0 15px;}

.yqb_pro_td{width:100%; height: 610px; margin:0 auto;background-image: url(../images/img_yqb_bg1.jpg);}
.yqb_pro_td_center{display: flex;justify-content: space-evenly;}
.yqb_pro_td_box{padding: 15px;width: 300px;height: 200px;text-align: center;}
.yqb_pro_td_box span{width: 40px;height: 2px;background:#00c1de;display:block;margin: 10px auto;}
.yqb_pro_td_box h4{font-size: 20px; text-align: center; margin-top: 40px;} 
.yqb_pro_td_box h5{font-size: 15px; margin: 15px auto;color: #908f8f; line-height: 24px;} 
.yqb_pro_td_center_img{width: 26px; height: 12px; margin-top: 40px;}

.index_fwxm{width: 1200px;margin:0px auto; margin-bottom: 50px;}
.oneinfo {width:100%;background:#fff;}
.oneinfo .oneinfo-con {margin:20px 0 80px 0;position:relative;}
.oneinfo .center-img {width:400px;height:400px;border-radius:200px;margin:0 auto;}
.oneinfo .center-img img {display:block;margin:0 auto;border-radius:200px;}
.oneinfo ul li {position:absolute;}
.oneinfo ul li h3, .oneinfo ul li h6 {font-weight:bold;font-size:16px;line-height:40px;}
.oneinfo ul li p {color:#666;font-size:14px;}
.oneinfo ul .txt-box1 {right:120px;top:-20px;width:422px;height:100px;text-align:left;}
.oneinfo ul .txt-box2 {right:20px;top:151px;width:422px;height:100px;text-align:left;}
.oneinfo ul .txt-box3 {right:120px;bottom:-20px;width:422px;height:100px;text-align:left;}
.oneinfo ul .txt-box4 {left:120px;bottom:-20px;width:422px;height:100px;text-align:right;}
.oneinfo ul .txt-box5 {left:20px;top:151px;width:422px;height:100px;text-align:right;}
.oneinfo ul .txt-box6 {left:120px;top:-20px;width:422px;height:100px;text-align:right;}
.oneinfo ul .circle-left {position:absolute;left:0;top:0;width:90px;height:90px;}
.oneinfo ul .circle-right {position:absolute;right:0;top:0;width:90px;height:90px;}
.oneinfo ul .txt-con1 {position:absolute;right:0;top:0;width:286px;width:286px;}
.oneinfo ul .txt-con2 {position:absolute;left:0;top:0;width:286px;}
.oneinfo ul .txt-circle1 {background-image: url(../images/img_fwxm1.png);background-size: 100%;}
.oneinfo ul .txt-circle2 {background-image: url(../images/img_fwxm2.png);background-size: 100%;}
.oneinfo ul .txt-circle3 {background-image: url(../images/img_fwxm3.png);background-size: 100%;}
.oneinfo ul .txt-circle4 {background-image: url(../images/img_fwxm4.png);background-size: 100%;}
.oneinfo ul .txt-circle5 {background-image: url(../images/img_fwxm5.png);background-size: 100%;}
.oneinfo ul .txt-circle6 {background-image: url(../images/img_fwxm6.png);background-size: 100%;}

@media (max-width:1200px){
	.index_fwxm{width: 100%; height: auto;}
	.yqb_company{width:100%;min-width:0;height:auto;}
	.yqb_center{width:100%; height: 100%;display: block;}
	.yqb_main{margin-right: 0;}
	.yqb_pro_anli ul{width: 100%; height: auto;}
	.yqb_pro_td{height: auto;background-image: none;}
}

@media (max-width:768px){
	.yqb_pro_td_center{display: block;}
	.yqb_pro_td_box{float: left;width: 100%;height: 100%;}
	.yqb_pro_td_box h5{font-size: 15px; margin: 15px auto;color: #908f8f; line-height: 24px;} 
	.yqb_pro_td_center_img{width: 26px; height: 12px; margin-top: 40px;}

	.index_fwxm{height: auto;}
	.oneinfo {width:100%; height: 100%;}
	.oneinfo .center-img {display: none;}
	.oneinfo ul li {position:relative;float: left; margin: 15px 10px 0 10px;}
	.oneinfo ul li h3, .oneinfo ul li h6 {font-weight:500;}
	.oneinfo ul .txt-box1 {right:unset;top:unset;width:95%;height:100px;text-align:left;}
	.oneinfo ul .txt-box2 {right:unset;top:unset;width:95%;height:100px;text-align:left;}
	.oneinfo ul .txt-box3 {right:unset;bottom:unset;width:95%;height:100px;text-align:left;}
	.oneinfo ul .txt-box4 {left:unset;bottom:unset;width:95%;height:100px;text-align:left;}
	.oneinfo ul .txt-box5 {left:unset;top:unset;width:95%;height:100px;text-align:left;}
	.oneinfo ul .txt-box6 {left:unset;top:unset;width:95%;height:100px;text-align:left;}

	.oneinfo ul .circle-left {position:absolute;left:0;width:24%;height:90px;}
	.oneinfo ul .circle-right {position:absolute;left:0;width:24%;height:90px;}
	.oneinfo ul .txt-con1 {position:absolute;right:0;width:74%;margin-left: 2%;}
	.oneinfo ul .txt-con2 {position:absolute;right:0;left: unset;width:74%;margin-left: 2%;}
	.oneinfo ul .txt-circle1 {background-image: url(../images/img_fwxm1.png);background-repeat: no-repeat;}
	.oneinfo ul .txt-circle2 {background-image: url(../images/img_fwxm2.png);background-repeat: no-repeat;}
	.oneinfo ul .txt-circle3 {background-image: url(../images/img_fwxm3.png);background-repeat: no-repeat;}
	.oneinfo ul .txt-circle4 {background-image: url(../images/img_fwxm4.png);background-repeat: no-repeat;}
	.oneinfo ul .txt-circle5 {background-image: url(../images/img_fwxm5.png);background-repeat: no-repeat;}
	.oneinfo ul .txt-circle6 {background-image: url(../images/img_fwxm6.png);background-repeat: no-repeat;}

	.yqb_pro_anli li{margin: 20px 0;}
}

@media (max-width:540px){
	.yqb_content{width:100%;}
	.yqb_center img{display: none;}
	.yqb_main span{margin: 0 auto;}
	.yqb_main h3{text-align: center;}

	.yqb_pro_youshi{height: auto;padding: 0 0 80px;}
	.yqb_pro_youshi ul{width: 100%;}
	.yqb_pro_youshi li{margin: 0 auto;}
	.yqb_pro_youshi_content{width: 100%; height: auto;margin: 5px auto;padding: 20px 0;}

	.yqb_pro_anli{width:100%;padding: 0 0 80px;}
	.yqb_pro_anli_content{width: 100%; height: auto;}
	.yqb_pro_anli_content img{width: 100px;height: 100px;}
	.yqb_pro_anli_content h4{font-weight: 500; }

	.oneinfo ul .circle-left {width:20%;height:70px;}
	.oneinfo ul .circle-right {width:20%;height:70px;}
	.oneinfo ul .txt-con1 {width:79%;margin-left: 1%;}
	.oneinfo ul .txt-con2 {width:79%;margin-left: 1%;}

	.oneinfo ul .txt-circle1 {background-size: 90%;}
	.oneinfo ul .txt-circle2 {background-size: 90%;}
	.oneinfo ul .txt-circle3 {background-size: 90%;}
	.oneinfo ul .txt-circle4 {background-size: 90%;}
	.oneinfo ul .txt-circle5 {background-size: 90%;}
	.oneinfo ul .txt-circle6 {background-size: 90%;}
}

.footer_ewm{float: right;margin-left: 15px;}
.footer_info_con{float: left;}
.footer_info span{margin-top: 20px;}
.footTopL{float: left;}
.footBot_fl{text-align: center;}

@media (max-width:1200px){
	.foot_container{width: 100%;}
	.footer_ewm{float: none;margin: 0 auto;}
}

@media (max-width:991px){
	.footer_info_con{float: none;text-align: center;}
	.footTopL{float: none;text-align: center;}
	.footTopR{ float:none;}
	.footBot_fl{text-align: unset;}
	.footLink li{margin-right:20px; max-width:none;width: auto;}
	.friend_link{display: block;}
}

@media (max-width:768px){
	.footer_info_con{margin-top: 20px;}
	
}

@media (max-width:540px){

}