#mainbanner{}
#index-banner{display:none;}
#container{ position:relative;}
#header{ position:absolute; width:100%; z-index:120; top:0;}
#middle .wrap{ width:1980px;}
#header, #header2{ height:105px;  background-color:rgba(255, 255, 255, 0.5);}



/*index-pro*/
#index_company{font-family:'Droid Serif';}
  #index_company h3{ display:none;}
  .index-prolist{position:relative;}
  .index-prolist{float: left;}
  .index-pro-txt{position:absolute; top:124px; left:200px;}
  .index-pro-txt a{ color:#091859; font-size:26px; font-family:'Droid Serif'; font-weight:bolder; display:block; line-height:1.3em; text-transform:uppercase;}
  .index-pro-txt a:hover{color:#999; }
  .index-pro-txt a span{color:#4b4b4b; font-size:16px;}
  .index-pro-txt a span:before{padding-right: 8px; content: "\f101"; font-family: FontAwesome; font-style: normal; color: #4b4b4b; font-size: 15px;}


/*index-news*/  
#index-news{ background-color:#080655; color:#fff; text-align:center; height:auto; padding:0 60px; width: 100%; float: left; font-family:'Droid Serif';}
  .index-newsti{color:#99dff1; font-size:36px; font-family:'Droid Serif'; font-weight:bolder; text-align: center; background-color:#080655; margin: 30px 0 0 0; float: left; width: 100%;}
  .ind-new-info{color:#fbfbfd; font-size:22px;}
  .ind-new-info a{color:#fbfbfd;}
  .ind-new-info p{ margin-bottom:12px;}
  .ind-new-info span{color:#4b4b4b; font-size:19px; text-transform:uppercase; font-weight:bolder;}
  .ind-new-info span:before{padding-right: 8px; content: "\f101"; font-family: FontAwesome; font-style: normal; color: #b9b9bd; font-size: 15px;}
  .ind-new-info span>a{color: #b9b9bd;}
  .news-wrap{width:1200px; margin: 20px auto;}
  .bx-pager{ display:none;}


/*index-com*/  
#index-com{ height:463px; background-color:#e8e8ea; width: 100%; float: left;  text-align:center; padding: 50px 0;}
  .index-comti{color:#091859; font-size:35px; font-weight:bolder; margin-bottom:20px; text-transform:uppercase;}
  .com-logo{}
  .com-wrap{padding:20px 160px; width:1500px; margin: 0 auto;}
  .com-auth{text-align: left; float: left; width: 35%;}
  .com-auth img{ margin:0 6px 6px 0;}
  .com-info{float:left; width:65% ;color:#091859;}
  #index-com .com-info p{font-size:20px; text-align: left;}
  .com-info span{float: left; color: #080655; font-size: 19px; text-transform: uppercase; font-weight: bolder;
    width: 100%; text-align: right; padding:10px 10px 0 0;}
  .com-info span:before{padding-right: 8px; content: "\f101"; font-family: FontAwesome; font-style: normal; color: #080655; font-size: 15px;}
   .com-info span>a{color: #080655;}
   
   
/*index-contact*/ 
#index-contact{ background-color:#fff; width: 100%; float: left;}
  .contact-wrap{ width:1500px;}
  .index-agent{width: 62%; float: left; } 
  .index-agent a{opacity: 0.8;}
  .index-agent a:hover{opacity: 1.0}
  .contact-info{width: 38%; float: left; padding:60px 0 10px 148px;}
  .contact-info p{font-size:18px; text-align: left; color: #080655; }
  .index-follow{font-size:10px; color: #080655; float: left; margin:36px 10px 0 0;}
  .ind-follow-link{ float: left; margin:36px 10px 0 36px;}
  .ind-follow-link a{ margin-right:2px; float: left;}
  
  
/*news-緇��井���ｇ�*/
.clearfix{background-color:#080655; padding: 10px 0;}
.index-newsti a{color: #99dff1; font-size: 36px; font-family: 'Droid Serif'; font-weight: bolder; margin-bottom: 28px;}
.bxslider2 .thumbnail{background-color:#080655;}
.bxslider2 .caption h3 a, .bxslider2 .caption p>a{color: #fbfbfd; font-size: 22px;}
.msgdate_span{ display:none;}
.bxslider2 .caption .btn{color:#b9b9bd; font-size:19px; text-transform:uppercase; font-weight:bolder; background-color: inherit; border-color:#080655;}
.bxslider2 .caption .btn a{color: #b9b9bd;}
.bxslider2 .caption .btn:before{padding-right: 8px; content: "\f101"; font-family: FontAwesome; font-style: normal; color: #b9b9bd; font-size: 15px;}
.bx-wrapper .bx-next{ right: 48.5%;}
.bx-wrapper .bx-controls-direction a{ top:100%;}
.clearfix .thumbnail .caption {padding: 0 20%;}
  
  




  











.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:90%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	/*line-height: 0px;*/
}
.nbs-flexisel-item > img {
	cursor: pointer;
	positon: relative;
	max-width: 100%;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 46px;
	height: 100px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 10px;
	background: url("../images/button-previous.png") no-repeat 0;
}
.nbs-flexisel-nav-right {
    right: 5px;
	background: url("../images/button-next.png") no-repeat 0;
}
#idxprocarousel .item { height:130px; }
#idxprocarousel .item, #idxprocarousel .caption { margin:0 3px; padding:0 3px; white-space:nowrap; overflow:hidden; text-overflow : ellipsis;}




@media (max-width : 1979px) {
	#middle .wrap{ width:100%;}
	.index-prolist{ width:50%;}
	.index-prolist img{ width:100%;}
	
}
@media (max-width : 1700px) {
    .index-pro-txt {top: 20%; left: 10%;}
}

@media (max-width : 1501px) {
   .com-wrap { padding: 1% 5%; width: 100%;}
   .com-auth { width: 30%;}
   .com-info {width: 70%;}
   #index-com { height: auto; padding: 1% 0 3% 0;}
   .index-comti {margin-bottom: 0;}
   .contact-wrap { width: 100%;}
   .contact-info { padding: 3% 0 10px 4%;}
   .swiper-wrapper .img-responsive { max-width: 120%;}
   .bx-wrapper .bx-prev {left: 46%;}
}

@media (max-width : 1300px) {
	.com-wrap {padding: 1% 3%;}
	.com-auth {width: 27%;}
	.com-info {width: 72%;}
	.index-comti {font-size: 28px; margin-bottom: 10px;}
}

@media (max-width : 1290px) {
	.clearfix .thumbnail{ padding:4px;}
	.bx-wrapper .bx-prev {left: 45%;}
}

@media (max-width : 1201px) {
    .news-wrap { width: 100%; margin:0;}
    .bx-wrapper .bx-next {right: 47.5%;}
	#index-com>div>img{ width:10%;}
	.clearfix .thumbnail .caption {padding: 0 10%;}
	
}

@media (max-width : 1150px) {
  #header, #header2 {height: auto;}
 
  
  #left_menu .inmsg7:hover, #left_menu .incate71:hover, #left_menu .inmsg9:hover{ width:100%; height:auto; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; cursor: pointer;}
  

  
  

}

@media (max-width : 999px) {
  .index-pro-txt a{ font-size:22px;}
  .index-pro-txt a span {font-size: 14px;}
  .index-newsti {font-size: 28px;}
  .ind-new-info {font-size: 19px;}
  .ind-new-info span {font-size: 16px;}
  .ind-new-info p {margin-bottom: 8px;}
  .index-comti {font-size: 28px; margin-bottom: 10px;}
  #index-com .com-info p {font-size: 17px;}
  .com-auth {width: 23%;}
  .com-info {width: 77%;}
  .com-info span {font-size: 16px; padding: 10px 20px 0 0;}
  .contact-info p {font-size: 16px;}
  .contact-info { padding: 3%; }
  
  

}

@media (max-width : 850px) {
  .bx-wrapper .bx-prev {left: 43%;}
  .com-auth img{ width:65%;}
  .index-comti { margin-bottom: 0;}
  #index-com>div>img{ width:12%;}
  .index-agent { width: 100%;}
  .contact-info {width: 100%;}
  .swiper-wrapper .img-responsive { max-width: 120%;}
}

@media (max-width : 750px) {
	.cd-single-point span{font-size: 14px;}
    .bx-wrapper .bx-prev {left: 42%;}
    .bx-wrapper .bx-next {right: 46%;}

}
@media (max-width : 600px) {
	.index-pro-txt { top: 10%; left: 8%;}
	.index-pro-txt a{ font-size:18px;}
	.index-pro-txt a span {font-size: 13px;}
	#index-com {padding: 2% 0 5% 0;}
	.cd-product-wrapper { margin:0 0 0 -50px; width: 120%;}
	.cd-single-point:nth-of-type(1) {top: 33%; left: 20%;}
	.cd-single-point:nth-of-type(2) {bottom: 52%; left: 23%;}
	.cd-single-point:nth-of-type(3) {top: 65%; left: 30%;}
	.cd-single-point:nth-of-type(4) {top: 36%; left: 47%;}
	.cd-single-point:nth-of-type(5) {top: 54%; left: 47%;}
	.cd-single-point:nth-of-type(6) {top: 48%; left: 67%;}
	.cd-single-point:nth-of-type(7) {top: 72%; left: 74%;}
	.bx-wrapper .bx-prev {left: 40%;}
    .bx-wrapper .bx-next {right: 45%;}
	.bxslider2 .caption h3 a, .bxslider2 .caption p>a {font-size: 19px;}
	
	
}




@media (max-width : 480px) {
  .sb-menu>li>ul>li>a {padding: 4%;}
  .index-prolist{ width:100%;}
  #index-news { padding: 0 2%}
  .index-newsti {font-size: 20px; margin-bottom: 10px;}
  .ind-new-info {font-size: 16px;}
  .ind-new-info span {font-size: 13px;}
  .ind-new-info p {margin-bottom: 2px;}
  .index-comti {font-size: 20px;}
  #index-com .com-info p {font-size: 15px;}
  .contact-info p {font-size: 14px;}
  .com-info span {font-size: 13px;}
  .com-auth img {width: 70%;}
  #index-com>div>img {width: 15%;}
  .swiper-wrapper .img-responsive { max-width: 120%;}
  .cd-single-point:nth-of-type(1) {top: 31%; left: 24%;}
  .cd-single-point:nth-of-type(2) {bottom: 48%; left: 28%;}
  .cd-single-point:nth-of-type(3) {top: 67%; left: 30%;}
  .cd-single-point:nth-of-type(4) {top: 32%; left: 48%;}
  .cd-single-point:nth-of-type(5) {top: 54%; left: 47%;}
  .cd-single-point:nth-of-type(6) {top: 48%; left: 67%;}
  .cd-single-point:nth-of-type(7) {top: 72%; left: 74%;}
  .cd-single-point span{font-size: 12px;}
  
  
 
}

@media (max-width : 360px) {
  .bx-wrapper .bx-prev {left: 36%;}
  .bx-wrapper .bx-next {right: 40%;}
  .com-auth img {width: 75%;}
  #company_logo {width:45%;}
  #index-news {padding: 0 6%;}
  .clearfix .thumbnail .caption {padding: 0 5%;}
}

@media (max-width : 320px) {
  .com-auth img {width: 80%;}
  #company_logo {width:50%;}
}