
.clear{clear:both;}
.index {
  width: 100%;
  overflow: hidden;
}
.pointer{
	cursor: pointer;
}
.top-20 {
  margin-top: 20px;
  
}
.col-1200 {
  width: 1200px;
  margin: 0 auto;
}

.relative {
  position: relative;
}
.tittle-font {
  font-size: 30px;
  color: #191919;
  font-weight: 100;
}
/*标题文字*/
.sub-font {
  color: #a9a9a9;
  font-size: 1em;
  font-weight: 100;
}
.white-font {
  color: white;
}
/*白色字体*/
.bg-warp {
  width: 100%;
  height: 750px;
  position: relative;
  animation-delay: 0.1s ;
}
.banner-list {
  width: 100%;
  margin: 0 auto;
  height: 750px;
}
.prev{
	position: absolute;
	right: 60px;
	top: 50%;
	margin-top: -35.5px;
	width: 71px;
	height: 71px;
	background-color: rgba(0,0,0,0.15);
	border-radius: 5px;
	z-index: 10;
}
.prev:hover{
	background-color: rgba(0,0,0,0.25);
}
.prev:hover i{
	background: url('../img/index/banner_right2.png') center center no-repeat;
}
.next{
	position: absolute;
	left: 60px;
	top: 50%;
	margin-top: -35.5px;
	width: 71px;
	height: 71px;
	background-color: rgba(0,0,0,0.15);
	border-radius: 5px;
	z-index: 10;
}
.next:hover{
	background-color: rgba(0,0,0,0.25);
}
.next:hover i{
	background: url('../img/index/banner_left2.png') center center no-repeat;
}
.carousel_right i{
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	width: 22px;
	height: 40px;
	background: url('../img/index/banner_right1.png') center center no-repeat;
	background-size:100% 100%;
}
.carousel_left i{
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	width: 22px;
	height: 40px;
	background: url('../img/index/banner_left1.png') center center no-repeat;
}
.dzd{
	background:url("../img/carousel/dzd_bj.jpg");
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.dsj{
	background:url("../img/carousel/d_dsj.jpg");
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.jeecms{
	background:url("../img/carousel/jeecmsx1-bg.jpg");
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.w100{
  width:100%;
}
.bd{
  width:100%;
  margin:0 auto;
}
.bannerBox{
 width: 1200px;
  margin: 0 auto;
  height: 750px;
  position:relative;
}
.jeecms-three {
  position: absolute;
  bottom:20px;
  right: 0;
  z-index: 2;
  animation-delay:0.1s;
 }
 .dzd .jeecms-three{
	  right: -100px;
 }
.jeecms .jeecms-btn{
position: absolute;		
z-index: 3;
left:0;
top:515px;
animation-delay:2s;
width:480px;
height:30px;
}
.jeecms .jeecms-btn a{
width:120px;
height:30px;
display:block;
text-align:center;
line-height:30px;
color:#2251f8;
font-size:14px;
background:none;
border-radius:20px;
border:1px solid #60784e;
position: relative;
}
.jeecms .jeecms-btn a:hover{
color:#fff;
background:#60784e;
}
.jeecms-btn{
position: absolute;		
z-index: 3;
left:0;
top:410px;
animation-delay:2s;
width:120px;
height:30px;
}
.dzd .jeecms-btn a{
width:214px;
height:46px;
display:block;
text-align:center;
line-height:45px;
color:#086ed7;
font-size:20px;
background:#fff;
border-radius:50px;
float:left;
margin-right:20px;
box-sizing:border-box;
}
.jeecms .jeecms-btn a{
	width:214px;
	height:46px;
	display:block;
	text-align:center;
	line-height:44px;
	color:#086ed7;
	font-size:20px;
	background:#fff;
	border-radius:50px;
	float:left;
	margin-right:20px;
	box-sizing:border-box;
	position: relative;
}
.jeecms .jeecms-btn a:hover{
	background:none !important;
	color:#fff !important;
	border:1px solid #fff !important;
	
}
.jeecms .jeecms-btn .up-btn-hover{
	float: left;
	position: relative;
}
.jeecms .jeecms-btn .up-btn-hover:hover .btn-hover{
	display: block;
}
.jeecms .jeecms-btn .up-btn-hover:hover a{
	background:none !important;
	color:#fff !important;
	border:1px solid #fff !important;
}
.jeecms .jeecms-btn .up-btn-hover a:hover{
	background:none !important;
	color:#fff !important;
	border:1px solid #fff !important;
}
.jeecms .jeecms-btn a:hover{
	background:none !important;
	color:#fff !important;
	border:1px solid #fff !important;
}
.jeecms .jeecms-btn .btn-hover{
	display: none;
	position: absolute;
	left: 26px;
	top: 46px;
	padding-top: 10px;
}
.jeecms .jeecms-btn .btn-hover div{
	height: 100px;
	background-color: #FFF;
	border-radius: 5px;
	padding: 0 20px;
	box-sizing: border-box;
}
.jeecms .jeecms-btn .btn-hover div p{
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #086ed7;
	font-weight: 200;
}
.jeecms .jeecms-btn .btn-hover div p:hover{
	color: rgba(8,110,215,0.7);
}
.jeecms .jeecms-btn .btn-hover div p:first-child{
	border-bottom: 1px solid #e5e5e5;
}
.jeecms .jeecms-btn a:hover .btn-hover{
	display: block;
}
.dzd-btn-hover{
	background:none !important;
	color:#fff !important;
	border:1px solid #fff !important;
}
.download_btn:hover{
	background:none !important;
	color:#fff !important;
	border:1px solid #fff !important;
}
.know_btn:hover{
	background:#fff !important;
	color:#086ed7 !important;
	border:none !important;
}
.dzd .jeecms-btn{
width:auto;
top:410px;
}
.trade2-bg {
position: absolute;
  bottom: 100px;
  right: 48px;
  z-index: 2;
  animation-delay:0.1s;
 }
.trade7-bg{
 position: absolute;
  z-index: 2;
  top:21px;
  left:23px;
}			
.trade3-bg {
position: absolute;
text-align: center;
z-index: 3;
left:0;
top:235px;
animation-delay:1s;
}
.trade4-bg{
position: absolute;		
z-index: 3;
left:13px;
top:223px;
animation-delay:1.5s;
}
.trade5-bg{
position: absolute;		
z-index: 3;
left:23px;
top:276px;
animation-delay:2s;
width:120px;
height:38px;
}
.trade5-bg a{
width:120px;
height:38px;
display:block;
border:2px solid #f4b27e;
text-align:center;
line-height:38px;
color:#f4b27e;
font-size:16px;
}
.trade5-bg a:hover{
width:120px;
height:38px;
display:block;
border:2px solid #f4b27e;
color:#fff;
background:#f4b27e;
}
.trade-name {
  float: left;
  width: 470px;
  padding-top: 80px;
  padding-left: 20px;
  position: relative;
  top: 0px;
  opacity: 1;
}
.trade-img {
  float: right;
  width: 588px;
  height: 390px;
  position: relative;
  opacity: 1;
}
.bbs-img{
 position: absolute;
  bottom: 90px;
  right: 96px;
  z-index: 2;
  animation-delay:0.1s;  
  transition: 1s linear;
}
.bbs-text{
 position: absolute;
  top: 82px;
  left: 26px;
  z-index: 2;
  animation-delay:1s;  
}
.bbs-btn{
position: absolute;		
z-index: 3;
left:30px;
bottom:90px;
animation-delay:2.3s;
width:120px;
height:38px;
}
.bbs-btn a{
width:120px;
height:38px;
display:block;
border:2px solid #fff;
border-radius:38px;
color:#fff;
background:none;
text-align:center;
line-height:38px;
}
.jeecms .jeecms-three{
right:-200px;
bottom:-29px;
}
.jeecms .trade3-bg{
bottom:275px;
}
.i5s {
  position: absolute;
  top: 280px;
  left: 304px;
  z-index: 3;
  animation-delay: 1.7s;
}
.air {
  position: absolute;
  top: 88px;
  left: -20px;
  z-index: 2;
  animation-delay: 1s;
}
.mac {
  position: absolute;
  bottom: 0;
  right: 94px;
  z-index: 1;
  animation-delay: .5s;
}
.download-con{
  height:40px; margin:20px 0 0 10px;
}
.download {
  display: block;
  width: 130px;
  height: 40px;
  text-align:center;
  line-height:40px;
  cursor:pointer;
  border: none;
  border-radius: 5px;
  background: #27b3e1;
  color: #fff;
  float:left;
  animation-delay: 2s;
}
.wx-download{
  color:#fff;
  background:#27b3e1;
  margin-left:10px;
  animation-delay: 2.5s;
}
.download:hover{
  color:#fff;
  background: #fc7f42;
}
.fimg {
  animation-delay: 1.5s;
}
.hd{
  width:100%;
  text-align:center;
}
.buttons-group {
  width:100%;
  position: relative;
  bottom: 40px;
  z-index:99;
}
.buttonsBox{
  width:186px;
  height: 4px;
  margin:0 auto;
}
.bg-buttons {
  float: left;
  margin: 0 5px;
  width: 52px;
  height: 4px;
  background:#999;
  cursor:pointer;
}
.btn-active {
  background:#fff;
}

/* 公司产品 */
.company_product{
	width: 1200px;
	margin: 0 auto;
}
.company_product h3{
	color: #333333;
	font-size: 40px;
	text-align: center;
	padding-top: 55px;
}
.company_product .wo15{
	color: #999999;
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
}
.products{
	width: 1200px;
	margin: 0 auto;
	height: 520px;
}
.products_left{
	float: left;
	width: 770px;
	margin-left: -43px;
}
.products_left img{
	width: 100%;
}
.products_right{
	width: 473px;
	padding-top: 50px;
	position: relative;
	float: right;
}
.products_right .big_tit{
	color: #555555;
	font-size: 28px;
	font-weight: 600;
}
.products_right .big_title{
	color: #555555;
	font-size: 22px;
}
.products_right .small_tit{
	color: #999999;
	font-size: 18px;
	margin-top: 10px;
	font-weight: 200;
}
.transfer{
	padding-top: 30px;
}

.transfer a{
	float: left;
	color: #555555;
	font-size: 14px;
	padding: 8px 15px;
	border: 1px solid #e1e1e1;
	margin-right: 7px;
	margin-bottom: 10px;
	cursor:default;
	border-radius:30px;
	behavior:url(/css/PIE.htc);
}
.go_to{
	padding-top: 25px;
	width: 480px;
}
.go_to a{
	float: left;
	width: 145px;
	height: 46px;
	border-radius:50px ;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	line-height: 46px;
	margin-right: 14px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.go_to .go_green{
	float: left;
	width: 145px;
	height: 46px;
	border-radius:50px ;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	line-height: 46px;
	margin-right: 14px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.go_to .go_green .go_download p a{
	width: 120px;
}
.go_to .go_green .go_download p:first-child{
	margin-top: 14px !important;
}
.go_to :nth-child(3n+3) {
  margin-right:0;
}
.go_to .go_blue{
	background-color: #2569e6;
}
.go_to .go_blue:hover{
	background-color: #FFFFFF;
	border: 1px solid #2569e6;
	color: #2569e6;
}
.go_to .go_green{
	background-color: #00ccbb;
	position: relative;
}
.go_to .go_green:hover{
	background-color: #FFFFFF;
	border: 1px solid #00ccbb;
	color: #00ccbb;
}
.go_to .go_white{
	background-color: #FFFFFF;
	border: 1px solid #6a7787;
	color: #333333;
	position: relative;
}
.go_to .go_white:hover{
	background-color: #6a7787;
	border:none;
	color: #FFFFFF;
	text-decoration: none;
	transition-duration:0ms;
	-moz-transition-duration:0ms;
	-webkit-transition-duration: 0ms;
	-o-transition-duration: 0ms;
}
.products_right .details{
	display: block;
	width: 100%;
	text-align: right;
	margin-top: 30px;
}
.products_right .details a{
	font-size: 16px;
	color: #555555;
}
.products_right a:hover{
	color: #2569e6;
}
.transfer a:hover{
	color: #555555;
}
.go_green:hover .go_download{
	display: block;
}
.go_download{
	display: none;
	position: absolute;
	left: 145px;
	margin-top: -78px;
	width: 180px;
	height: 114px;
	background: url('../img/index/download.png') center center no-repeat;
	z-index: 2;
}
.go_download2{
	left: -2px !important;
  margin-top: 0 !important;
	background: url('../img/index/download_2.png') center center no-repeat;
	width: 153px !important;
	padding-top: 10px;
}
.go_download2 p:first-child{
	margin-top: 14px !important;
}
.go_download2 p{
	font-size: 16px;
}

.go_download2 p a{
	margin-bottom: 0 !important;
}
.go_download3{
	position: absolute;
	left: 10px;
	padding-top: 10px;
	display: none;
}
.go_green:hover .go_download3{
	display: block;
}
.go_download3 div{
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	padding: 0 10px 0px 10px;
	font-size: 14px;
	border-radius: 5px;
	left: 10px;
}
.go_download3 p:hover{
	color: rgba(0,204,187,0.6);
}
.go_download3 p{
	font-size: 14px;
	font-weight: 200;
}
.go_download3 p:first-child{
	border-bottom: 1px solid #e5e5e5;
}
.go_download:hover{
	display: block;
}
.go_download a{
	/* height: 50px !important; */
	border: none !important;
}
.go_download p{
	height: 38px !important;
	line-height: 40px !important;
	padding-top: 3px !important;
	width: 125px !important;
	margin: 0 auto !important;
}
.go_download p:first-child{
	margin-top: 10px !important;
	border-bottom: 1px solid #f2f3f3;
}
.go_download2 p:first-child{
	margin-top: 14px !important;
}
.go_download p i.installs{
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
	margin-bottom: -5px !important;
	background: url('../img/index/icon_002.png');
	background-size: 100% 100%;
}
.go_download p i.source{
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
	margin-bottom: -5px !important;
	background: url('../img/index/icon_001.png');
	background-size: 100% 100%;
}
.go_download p:hover i.installs{
	display: inline-block;
	background: url('../img/index/icon_0021.png');
	background-size: 100% 100%;
}
.go_download p:hover i.source{
	display: inline-block;
	background: url('../img/index/icon_0011.png');
	background-size: 100% 100%;
}
.go_download p span{
	display: inline !important;
	font-size: 14px !important;
	color: #333333 !important;
	margin-left: 10px !important;
}
.go_white:hover .go_browse{
	display: block;
}
.go_browse:hover{
	display: block;
}
.go_browse{
	box-sizing:content-box ;
	display: none;
	position: absolute;
	left: 140px;
  margin-top: -88px;
	z-index: 2;
	width:132px;
	height:129px;
}
.go_browse2{
	left: 0 !important;
  margin-top: 0 !important;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
}
.go_browse img{
	width:132px;
	height:129px;
	margin-left: 5px;
}
.more_product{
	font-size:18px ;
	color: #555555;
	display: block;
	text-align: right;
	font-weight: 500;
}
.more_product:hover{
	color: #2569e6;
}

/* 分隔 */

/* 高端定制 */
.customization{
	width: 1200px;
	margin: 0 auto;
	padding-top: 85px;
}
.customization_title{
	font-size: 40px;
	color: #333333;
	text-align: center;
	margin-bottom: 10px;
}
.customization_explains{
	font-size: 18px;
	color: #999999;
	text-align: center;
	margin-bottom: 24px;
}
.customization_content{
	width: 1200px;
}
.customization_contents{
	float: left;
	width: 226px;
	height: 249px;
	padding: 40px 30px;
	position: relative;
	cursor: pointer;
	margin-left: 13px;
	
}
.customization_contents a{
	position: absolute;
	bottom: 40px;
	left: 0;
}
.customization_contents:hover{
	box-shadow:0 0 10px rgba(0,0,0,.1);
	border-radius:5px;
	border: 1px solid #e9e9e9\9;
        margin-bottom: -1px\9;
        
}
.customization_contents img{
	margin: 0 auto;
	margin-bottom: 20px;
	display: block;
}
.customization_contents h4{
	text-align: center;
	font-size: 18px;
	color: #333333;
	margin-bottom: 16px;
}
.customization_contents p{
	font-size: 16px;
	color: #777777;
	text-align: justify;
  text-justify: inter-ideograph;/*IE*/
}
.customization_contents a{
	font-size: 14px;
	color: #555555;
	width: 100%;
	text-align: center;
	margin-top: 28px;
	display: block;
}
.customization_contents a:hover{
	color: #2569e6;
}
/* 广泛应用 */
.apply{
	width: 1200px;
	margin: 0 auto;
	padding-top: 60px;
}
.apply_title{
	font-size: 40px;
	color: #333333;
	text-align: center;
	margin-bottom: 10px;
}
.apply_explains{
	font-size: 18px;
	color: #999999;
	text-align: center;
	margin-bottom: 24px;
}

/* 客户心声 */
.clients{
	width: 100%;
	height: 505px;
	background-image: url(../img/index/client_0.png);
	background-repeat:no-repeat ;
	background-size:cover ;
	margin-top: 100px;
}
.clients_content{
	width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
}
.clients_content h3{
	font-size: 40px;
	color: #FFFFFF;
	margin-bottom: 30px;
	text-align: center;
}
.clients_play{
	position: relative;
	width: 1200px;
	height: 325px;
	margin: 0 auto;
}
.play_box{
	width: 1012px;
	height: 324px;
	margin: 0 auto;
}
.play_box li{
	height: 324px;
}
.play_box li img{
	height: 324px;
}
.clients_play .prev{
	display: block;
	width: 44px;
	height: 81px;
	margin-right: -60px;
	background: url('../img/index/client_right1.png') center center no-repeat;
	background-size:100% 100%;
}
.clients_play .prev:hover{
	background: url('../img/index/client_right2.png') center center no-repeat;
	background-size:100% 100%;
}
.clients_play .next{
display: block;
	width: 44px;
	height: 81px;
	margin-left: -60px;
	background: url('../img/index/client_left1.png') center center no-repeat;
	background-size:100% 100%;
}
.clients_play .next:hover{
	background: url('../img/index/client_left2.png') center center no-repeat;
	background-size:100% 100%;
}

.jeegove,
.jspgou,
.more-trade,
.high-end,
.more-use,
.index-news {
  text-align: center;
  margin-top: 20px;
}
.trade-tittle {
  font-size: 30px;
  color: #191919;
  font-weight: 100;
}
.trade-tittle a{
  font-size: 30px;
  color: #191919;
  font-weight: 100;
}
.yellow-border {
  margin: 0 auto;
  display: block;
  width: 50px;
  height: 2px;
  margin-bottom: 5px;
  background-color: #ffa200;
}
.subhead {
  color: #a9a9a9;
  font-size: 1em;
  font-weight: 100;
}
.trade-box {
  margin-top: 50px;
}
.trade-menu {
  margin-bottom: 30px;
}
.trade-menu:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.trade-list {
  float: left;
  width: 140px;
  margin-right: 36.5px;
  position: relative;
}
.trade-list img {
  position: relative;
}
.trade-list:last-child {
  margin: 0;
}
.small-font {
  font-size: 0.875em;
  margin-top: 10px;
  position: relative;
}
.small-font a {
  color: #333;
}
.jspgou {
  background-color: #eee;
}
.jspgou li {
  float: left;
  width: 140px;
  margin-right: 36.5px;
  position: relative;
  background-color: white;
  width: 180px;
  padding: 20px 0px 20px 0px;
  margin-right: 20px;
}
.jspgou li img {
  position: relative;
}
.jspgou li:last-child {
  margin: 0;
}
.jspgou li:last-child {
  margin: 0;
}
.dp-1200{
  text-align:center;
  border-top:2px solid #f0f0f0;
  margin-top:40px;
}
.dp{
 background:none;

}

.dp-box{
 display:inline-block;
 margin-top:20px;
}
.dp-box .trade-menu{
 margin-bottom:20px;
}
.dp li{
  color:#000;
  width:100px;
  border:1px solid #e0e0e0;
  border-radius:9px;
  background:#f9f9f9;
  padding:10px 0;
}
.dp li p{
  line-height:1;
}
.dp li a{
  font-size:12px;
  color:#000;
}
.struct {
  width: 280px;
  height: 335px;
  margin-right: 26.5px;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 20px;
}
.more-1 {
  width: 280px;
  height: 335px;
  margin-right: 26.5px;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  background-image: url("../images/bg_book.png");
  background-color: #36b270;
}
.more-2 {
  width: 280px;
  height: 335px;
  margin-right: 26.5px;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  background-image: url("../images/bg_shop.png");
  background-color: #3aa8dc;
}
.more-3 {
  width: 280px;
  height: 335px;
  margin-right: 26.5px;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  background-image: url("../images/bg_message.png");
  background-color: #f68c2e;
}
.more-4 {
  width: 280px;
  height: 335px;
  margin-right: 26.5px;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  background-image: url("../images/bg_phone.png");
  margin-right: 0;
  background-color: #fc6868;
}
.list-header {
  color: white;
  font-size: 26px;
  margin: 40px 0 0 0;
  text-transform: uppercase;
}
.list-header a{
  color: white;
  font-size: 26px;
}
.list-content {
  color: white;
  line-height: 23px;
  height: 50px;
  margin: 50px 0 44px;
  transition: opacity 0.5s;
}
.list-menu-group {
  margin: 0px 25px 0px 21px;
  padding-bottom: 15px;
  overflow: hidden;
  width: 234px;
  height: 225px;
}
.list-menu {
  margin: 10px 0px 0px 8px;
  background: transparent;
  float: left;
}
.list-menu a {
  color: white;
  line-height: 30px;
  font-size: 12px;
  width: 105px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 5px;
  display:block;
  overflow:hidden;
  cursor:pointer;
}
.m-pro{
  height:355px;
  padding-bottom:0;	
  overflow:hidden;
}
.m-pro .list-menu-group{
  position:relative;
  z-index:1;    	
}
.list-menu a:hover{
  border-style:dotted;
  background-color:rgba(255,255,255,0.1);
}
.high-end {
  height: 480px;
  max-width: 1440px;
  margin: 0 auto;
  background: url("../images/index-bg.jpg");
}
.high-list {
	    float: left;
    position: relative;
  width: 200px;
  margin: 0px 50px ;
  text-align: center;
}
.circle-logo {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: white;
  cursor: pointer;
  position: relative;
}
.circle-logo i {
  display: block;
  position: absolute;
  top: 20px;
  left: 23px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  transition: 0.3s;
  transform: rotate(0deg);
}
.circle-logo .ic-sp1 {
  background-image: url("../images/icon-sp1.png");
}
.circle-logo .ic-sp2 {
  background-image: url("../images/icon-sp2.png");
}
.b-py {
  background-position-y: 0;
}
#c1 {
  background-position-x: 0px ;
  background-position-y: 0;
}
#c2 {
  background-position-x: -52px;
  background-position-y: 0;
}
#c3 {
  background-position-x: -104px;
  background-position-y: 0;
}
#c4 {
  background-position-x: -158px;
  background-position-y: 0;
}
.high-name {
  color: white;
  font-size: 18px;
  margin: 20px 0px 40px 0px;
}
.high-name a{
  color: white;
  font-size: 18px;
}
.high-content {
  color: white;
  font-size: 14px;
  line-height: 22px;
}
.use-bg {
  background: url("../images/use-bg.png");
  width: 1200px;
  height: 345px;
  position: relative;
  margin-top:30px;
}
.use-bg2 {
  background: url("../images/use-bg2.jpg");
  width: 1200px;
  height: 345px;
  position: absolute;
  top: 0;
  z-index: 5;
margin-top:30px;
}
.news-tab {
  width: 400px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: -30px;
}
.tab-control {
  width: 85px;
  height: 25px;
  border-radius: 25px;
  line-height: 23px;
  float: left;
  margin-left: 35px;
  font-size: 14px;
}
.tab-control:hover {
  background: #ff8942;
}
.tab-control:hover a {
  color: #fff;
}
.tab-control a {
  color: black;
}
.tab-active {
  background: #ff8942;
}
.tab-active a {
  color: white;
}
.news-trends {
  width: 340px;
  height: 70px;
  margin-right: 60px;
  margin-top: 40px;
}
.news-trends:last-child {
  margin-top: 40px;
}
.news-time {
  float: left;
  border-right: 2px solid #e3e3e3;
  padding-right: 10px;
}
.news-panel {
  float: left;
  height: 70px;
  width: 269px;
  text-align: left;
  margin-left: 10px;
}
.blue-day {
  font-size: 30px;
  color: #5dbbe8;
}
.gray-month {
  font-size: 16px;
  color: #bcbcbc;
}
p.news-inner {
  font-size: 12px;
  color: #7a7a7a;
  margin-top: 8px;
}
.round {
  border-radius: 50%;
  color: white;
  position: absolute;
  text-align: center;
  cursor: pointer;
}
.art-round1 {
  border-radius: 50%;
  color: white;
  position: absolute;
  text-align: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: #b2e5fd;
  top: 120px;
  left: 46px;
}
.round2 {
  position: absolute;
  cursor: pointer;
  width: 64px;
  height: 64px;
  top: 92px;
  left: 94px;
}
.round3 {
  position: absolute;
  cursor: pointer;
  width: 94px;
  height: 94px;
  top: 107px;
  left: 195px;
}
.round9 {
  position: absolute;
  cursor: pointer;
  width: 114px;
  height: 114px;
  top: 30px;
  left: 311px;
}
.round4 {
  position: absolute;
  cursor: pointer;
  width: 130px;
  height: 130px;
  top: 87px;
  left: 487px;
}
.round5 {
  position: absolute;
  cursor: pointer;
  width: 108px;
  height: 108px;
  top: 51px;
  left: 667px;
}
.round6 {
  position: absolute;
  cursor: pointer;
  width: 94px;
  height: 94px;
  top: 115px;
  left: 809px;
}
.round7 {
  position: absolute;
  cursor: pointer;
  width: 82px;
  height: 82px;
  top: 50px;
  left: 922px;
}
.round8 {
  position: absolute;
  cursor: pointer;
  width: 66px;
  height: 66px;
  top: 81px;
  left: 1039px;
}
.round10 {
  border-radius: 50%;
  color: white;
  position: absolute;
  text-align: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: #b2e5fd;
  top: 91px;
  left: 1125px;
}

.use-bg span{
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  position:absolute;
  top:0;
  left:0;
  z-index:1;	
	}
.use-bg .round2 span{
  font-size:15px;
  line-height:64px;
}
.use-bg .round3 span{
  font-size:16px;
  line-height:94px;
}
.use-bg .round9 span{
  font-size:19px;
  line-height:114px;
}
.use-bg .round4 span{
  font-size:20px;
  line-height:130px;
}
.use-bg .round5 span{
  font-size:18px;
  line-height:108px;
}
.use-bg .round6 span{
  font-size:17px;
  line-height:94px;
}
.use-bg .round7 span{
  font-size:16px;
  line-height:82px;
}
.use-bg .round8 span{
  font-size:16px;
  line-height:66px;
}
.use-bg img{
  transition:.3s;
  -webkit-transition:.3s;
  -moz-transition:.3s;	
}
.use-bg > div:hover > img{
  -webkit-transform:scale(1.1); 
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
}
.ci {
  margin-top: 22px;
}
.h40{
margin-top:60px;
}
.cms_wx{
				position: relative;
			}
			.cms_wx_dis{
				position: absolute;
				top:0;
				right:77px;
				width:80px;
				height:80px;
				display:none;
			}
			.cms_wx_dis img{
				width:100%;height:100%;
			}