/* BANNER*/
.banner-container{width: 100%;overflow: hidden;margin-top:85px;}
.banner{width: 100%;position: relative;}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;height: auto;}
.banner-pc-img{display: block;min-height: 660px;}
.banner-mobile-img{display: none;}
.banner-words{width: 94%;position: absolute;left: 3%;top: 50%;text-align: center;transform: translate(0,-50%);}
.banner-words h4{font-size: 52px;color: #fefefe;font-weight: bold;letter-spacing: 10px}
.banner-words h6{width: 100%;overflow: hidden;margin-top: 14px;color: #fefefe;font-size: 23px;text-shadow: 1px 1px 1px #000, -1px -1px 1px #666;letter-spacing:3px}
.banner-words a{display: inline-block;font-size:18px;color: #fff;margin-top:32px;position: relative;width: 120px;border-radius: 18px;border: 1px solid #d3d2d2;text-align: center;line-height: 38px;background:#135da9}
.banner-words a:after{position: absolute;content: "";width: 20px;height: 20px;background: url('../images/index/arr-right.png') no-repeat center center;top: 50%;right: -24px;margin-top: -10px;}
.swiper-slide-active .banner-words h4 {animation: bannerupT 1s ease both;animation-delay:900ms;}
.swiper-slide-active .banner-words h6 {animation: bannerupT 1s ease both;animation-delay:300ms;}
.swiper-slide-active .banner-words a {animation: bannerupB 1s ease both;animation-delay:600ms;}
@keyframes bannerupT {0% {transform: translateY(-60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes bannerupB {0% {transform: translateY(60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.banner .swiper-pagination{bottom: 20px;}
.banner .swiper-pagination-bullet {width: 14px;height: 14px;display: inline-block;border-radius: 100%;background: transparent;border: 1px solid #333;opacity: 1;}
.banner .swiper-pagination-bullet-active {opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active:after {content: "";width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;background-color: #333;border-radius: 100%;margin-top: -5px;margin-left: -5px;}

/*首页搜索*/
#tab1 {
width:60%;
padding:30px;
margin:0 auto;
height:auto;
}
.Menubox1 {
width:100%;
height:48px;
padding-left: 10px;
line-height:48px;
}
.Menubox1 ul {
margin:0px;
padding:0px;
}
.Menubox1 li {
float:left;
display:block;
cursor:pointer;
text-align:center;
color:#333;
height:48px;
padding:0 35px ;
line-height:48px;
font-size: 17px;
border-radius: 3px;
letter-spacing: 3px;
position: relative;
}
.Menubox1 li.hover {
color:#fff;
background-color:#0b72b5; 
font-weight:bold;
}
.Menubox1 .hover:before {
position: absolute;
left: 0;
right: 0;
bottom: -14px;
margin: auto;
content: "";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 14px solid #0b72b5;
z-index: 1; }
.ser-input {
width:100%;
float: left;
margin-top:5px;
/*	background: #F2F2F2;*/
padding:5px;	
}
.ser-input .input {
border:#fff 1px solid;
width:90%;
height:56px;
float: left;
background:#535355;
padding-left:15px;
margin:0;
margin-left:5px;
line-height:45px;
font-size:14px;
color:#fff;
display:inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ser-input .index-search-button {
cursor:pointer;
padding:0px 35px 26px 20px;
background:url(/images/searchH.png) 18px 18px no-repeat #535355;
font-size: 18px;
z-index:10;
}
.article{width: 100%;padding:15px 0;text-align: center}
.article_title {
font-size:32px;
letter-spacing: 5px;
line-height:35px;
margin-bottom: 10px;
font-weight: bold; }
@media (max-width: 1200px) {
.article_title {
font-size: calc(18px + 1.875vw) ; } }
@media only screen and (max-width: 1025px) {
.article_title {
font-size: 16px; } }
.article_p {
font-size: 16px;
letter-spacing:2px;
max-width: 100%;
opacity: .8;
line-height:28px;
max-height: 44px; }
@media only screen and (max-width: 1025px) {
.article_p {
font-size: 13px; } }
.index_pro {
margin-right: -2.5px;
margin-left: -2.5px;
margin-top: 60px;
margin-bottom: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media only screen and (max-width: 1025px) {
.index_pro {
margin: 0px; } }
.index_pro .card-inner {
margin-top: auto; }
@media only screen and (max-width: 560px) {
.index_pro .card-inner {
margin-top: auto; } }
.index_pro .card-inner .card_p {
max-width: 290px;
margin-top: 0; }
.index_pro-block {
margin-right: 2.5px;
margin-left: 2.5px;
width: calc(100% - 5px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media only screen and (max-width: 960px) {
.index_pro-block {
width: 100%; } }
@media only screen and (max-width: 560px) {
.index_pro-block {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.index_pro-block:nth-of-type(2n-1) {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px); }
@media only screen and (max-width: 960px) {
.index_pro-block:nth-of-type(2n-1) {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; } }
.index_pro-block:nth-of-type(2n) .index_pro-item-big {
margin-left: 0; }
@media only screen and (max-width: 560px) {
.index_pro-block:nth-of-type(2n) .index_pro-item-big {
  margin: 0 auto; } }
@media only screen and (max-width: 560px) {
.index_pro-block {
width: 100%;
margin-right: 0;
margin-left: 0; } }
.index_pro-item {
background-color: #f2f2f2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-top: 2.5px;
margin-bottom: 2.5px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }
@media only screen and (max-width: 560px) {
.index_pro-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.index_pro-item-big {
width:49%;
margin:5px;
float: left;
display: flex;
max-height: 430px; }
.index_pro_item_small {
width: calc(50% - 2.5px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 1.62vw 1vw;
max-height: 320px; }
@media only screen and (max-width: 960px) {
.index_pro_item_small,.index_pro-item-big {
  width: 100%; 
  margin-left: auto;
display:block
  } }
@media only screen and (max-width: 560px) {
.index_pro_item_small,.index_pro-item-big {
  max-width: 375px;
  margin-right: auto;
  margin-left: auto;
  padding: 3.646vw 2.6vw 50px 2.6vw;
  height:auto} }
@media only screen and (max-width: 960px) {
.index_pro_item_small .card-inner,.index_pro-item-big .card-inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 10px;
  margin-bottom: auto; } }
@media only screen and (max-width: 560px) {
.index_pro_item_small .card-inner,.index_pro-item-big .card-inner {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-left: 0;
  margin-bottom: 0; } }
.index_pro_item_small .index_pro-inner, .index_pro-item-big .index_pro-inner {
margin-top: 7.8125vw;
margin-left: auto; }
.index_pro_item_small .index_pro_img,.index_pro-item-big .index_pro_img {
max-height: 280px;
width: calc(100% - 230px);
padding-bottom: 52.814%; }
@media only screen and (max-width: 1199px) {
  .index_pro_item_small .index_pro_img, .index_pro-item-big .index_pro_img {
	width: calc(100% - 100px); } }
@media only screen and (max-width: 960px) {
  .index_pro_item_small .index_pro_img, .index_pro-item-big .index_pro_img {
	width: 50%; } }
@media only screen and (max-width: 560px) {
  .index_pro_item_small .index_pro_img, .index_pro-item-big .index_pro_img {
	padding-bottom: 0;
	width: calc(100% - 100px); } }
.index_pro_item_small .index_pro_img img, .index_pro-item-big .index_pro_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 560px) {
   .index_pro_item_small .index_pro_img img, .index_pro-item-big .index_pro_img img {
	  position: static;
	  -webkit-transform: none;
	  -ms-transform: none;
	  transform: none;
	  margin: 0 auto; } }
@media only screen and (max-width: 1025px) {
index_pro-item-big {
padding:1vw;
height: auto} 

}
.index_pro-item:hover {
background-color: #0075c1;
color: #fff; }
.index_pro-item:hover .card_gutter:before {
background-color: #fff; }
.index_pro_href {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
left: 0;
top: 0; }
.index_pro_img {
position: relative;
max-height: 170px; }	

.card_title {
font-size:21px;
font-weight: bold; }
@media (max-width: 1200px) {
.card_title {
font-size: calc(15px + 0.6vw) ; } }

.card_gutter {
display: inline-block;
width: 100%;
max-width: 120px;
min-width: 120px;
height: 1px;
background-color: #c2c2c2;
position: relative;
margin-bottom: 2px; }
.card_gutter:before {
content: '';
position: absolute;
width: 50px;
height: 3px;
background-color: #000;
left: 0;
top: -2px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }	
.card_p {
font-size: 12px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-word;
height: 48px;
letter-spacing: 2px;
margin-top: 20px;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
@media only screen and (max-width: 1025px) {
	.card_p {height: auto}
.card_title {
font-size:13px; } }	
.goPage{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 270px;
max-width: 100%;
height: 50px;
text-align: left;
position: relative;
overflow: hidden;
}
.goPage:after{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #0075c1;
z-index: 1; }
.goPage:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color:#333333;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
z-index: 2; }
.goPage_href{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 4; }
.goPage_title{
text-transform: uppercase;
color: #fff;
padding-left: 25px;
font-size: 12px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
position: relative;
z-index: 3; 
padding-top:10px;

}
.goPage_arrow{
width: 50px;
margin-left: auto;
min-height: 50px;
border-left: 1px solid rgba(255, 255, 255, 0.3);
position: relative;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 50px; }
.goPage .glyphicon{
color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }
.goPage:hover:before{
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.goPage:hover .goPage_title, .goPage:hover  {
letter-spacing: 0.1em; }
.goPage:hover .glyphicon {
color: #fff; }

.indexPart2{ padding-top: 0.95rem; position: relative;}
.indexPart2 .indexTitle{ padding-bottom: 0.85rem; }
.indexPart2 .bigBox{ position: relative; padding-bottom: 0.95rem;}
.indexPart2 .mxfDiv{ position: relative; }
.indexPart2 .bigImg img{ width: 100%; }
.indexPart2 .layerDiv{ position: absolute; width: 12.0rem; left: 50%; margin-left: -6.0rem; top: 1.5rem;}
.indexPart2 .layerDiv .name{ font-size: 0.3rem; color: #fff; text-align: center; height: 0.6rem; position: relative; font-weight: bold;}
.indexPart2 .layerDiv .name:after{ content: ''; width: 0.4rem; height: 0.04rem; background: #fff; position: absolute; left: 50%; bottom: 0px; margin-left: -0.2rem; }
.indexPart2 .layerDiv .content{ font-size: 0.14rem; color: #fff; line-height: 0.3rem; padding: 0.5rem 1.85rem 0; text-align: center; height: 1.2rem; overflow: hidden;}
.indexPart2 .layerDiv .more{ padding-top: 0.35rem; width: 1.62rem; margin: 0 auto; }
.indexPart2 .layerDiv .more a{ font-weight: bold; color: #fff; position: relative; font-size: 12px; display: block; width: 1.58rem; height: 0.4rem; line-height: 0.4rem; border: #fff solid 0.02rem; text-indent: 0.22rem; }
.indexPart2 .layerDiv .more a:after{ content: ''; position: absolute; right: 0.25rem; top: 0.14rem; width: 0.4rem; height: 0.09rem; background: url(../images/nimg40_1.png) no-repeat; background-size: 0.4rem;}
.indexPart2 .tab2{ position: absolute; left: 50%; bottom: 0; width: 17.0rem; margin-left: -8.5rem; height: 2.1rem;}
.indexPart2 .tab2 li{ float: left; width: 20%; height: 2.1rem; background: #fbfbfb; text-align: center;}
.indexPart2 .tab2 .other{ background: #fff; }
.indexPart2 .tab2 li .ico{ padding: 0.56rem 0 0.18rem; }
.indexPart2 .tab2 li .ico img{ width: 0.4rem; }
.indexPart2 .tab2 li .name{ font-weight: bold; font-size: 0.18rem; color: #3f3f3f; }
.indexPart2 .tab2 li .txt{ font-weight: bold; padding-top: 0.06rem; color: #cacaca; text-transform: uppercase; }
.indexPart2 .tab2 .liNow{ background: #0075cf; }
.indexPart2 .tab2 .liNow .name{ color: #fff; }
.indexPart2 .tab2 .liNow .txt{ color: #a3c2e8; }
@media screen and ( max-width:1025px ){
.indexPart2{ padding: 0.35rem 0 0;}
.indexPart2 .indexTitle{ padding-bottom: 0.5rem; }
.indexPart2 .bigBox{ padding-bottom: 0;}
.indexPart2 .layerDiv{ width: 100%; left: 0; margin-left: 0; top: 1.25rem;}
.indexPart2 .layerDiv .name{ font-size: 0.36rem; height: 0.7rem;}
.indexPart2 .layerDiv .content{ font-size: 0.24rem; line-height: 0.48rem; padding: 0.5rem 0.2rem 0; height: 1.44rem; }
.indexPart2 .layerDiv .more{ padding-top: 0.35rem; width: 2.62rem; }
.indexPart2 .layerDiv .more a{ text-indent: 0.24rem; width: 2.62rem; height: 0.78rem; line-height: 0.78rem;  }
.indexPart2 .layerDiv .more a:after{ top: 0.34rem; }
.indexPart2 .tab2{ padding: 0 0.2rem; position: relative; left: 0; width: auto; margin-left: 0; height: auto;}
.indexPart2 .tab2 li{ width: 33.33%; background: #f0f0f0;}
.indexPart2 .tab2 .li01{ width: 50%; }
.indexPart2 .tab2 .other{ background: #fff; }
.indexPart2 .tab2 .liNow{ background: #0075cf; }
.indexPart2 .tab2 li .name{ font-size: 0.24rem; }
.indexPart2 .tab2 li .txt{ font-size: 0.14rem; }
}
.tabContent2{ display:none;}	
.tab2 li{ cursor:pointer;}
.Phone-Box{ display: none; }
.indexProduct .slick .contentBox{ height: 5.4rem; background: #f6f6f6; }
.indexProduct .slick .imgDiv{ position: absolute; right: 0px; bottom: 0px; z-index: 2;}
.indexProduct .slick .imgDiv img{ width:5.2rem; }
.indexProduct .slick .name1{ padding: 0 0 0 0.2rem ; font-size: 0.3rem; color: #000; height: 1.6rem; line-height: 1.6rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.indexProduct .slick .msg1{ padding: 0.1rem 0 0 0.86rem; line-height: 0.3rem; color: #888; height: 1.2rem; overflow: hidden; font-size: 0.16rem; }
.indexProduct .slick .btnDiv1{ padding: 0.3rem 0 0 0.96rem; }
.indexProduct .slick .btnDiv1 a{ font-weight: bold; position: relative; font-size: 10px; color: #000; text-indent: 0.24rem; display: block; width: 1.62rem; height: 0.44rem; line-height: 0.44rem; border: #000 solid 1px; }
.indexProduct .slick .btnDiv1 a:after{ content: ''; position: absolute; right: 0.10rem; top: 0.14rem; width: 0.4rem; height: 0.09rem; background: url(../images/nimg40_7.png) no-repeat; background-size: 0.4rem;}
.indexProduct .slick-prev{ position: absolute; right: 2.83rem; top: 0.84rem; width: 0.42rem; height: 0.42rem; display: block; background: url(../images/nimg42_left.png) no-repeat; background-size: 0.42rem; z-index: 2; }
.indexProduct .slick-next{ position: absolute; right: 2.17rem; top: 0.84rem; width: 0.42rem; height: 0.42rem; display: block; background: url(../images/nimg42_right.png) no-repeat; background-size: 0.42rem; z-index: 2; }
.indexProduct .slick-prev:hover{ background: url(../images/nimg42_lefton.png) no-repeat; background-size: 0.42rem;}
.indexProduct .slick-next:hover{ background: url(../images/nimg42_righton.png) no-repeat; background-size: 0.42rem;}

.newstitle{ position: relative; height: 0.75rem; line-height: 0.75rem; color: #fff; background: #0075cf; text-indent: 0.45rem; font-size: 0.3rem; font-weight: bold; }
.newstitle a{ position: absolute; right: 0.35rem; top: 0; display: block; }
.newstitle img{ width: 0.42rem; }
.index-news {margin:0;padding:0}

.indexNews{ background: #f0f0f0; position: relative;}
.indexNews .slick .imgDiv{height: 3.8rem;overflow: hidden}
.indexNews .slick .imgDiv img{ width: 100%; }
.indexNews .slick .botDiv{ padding:0 0.25rem 0;}
.indexNews .slick .txt{ font-size: 0.18rem; color: #000; padding-bottom: 0.2rem; }
.indexNews .slick .name{ height: 0.80rem; line-height: 0.40rem; font-size: 0.32rem; color: #000; overflow: hidden; }
.indexNews .slick .time{ padding-top: 0.15rem; color: #0075cf; font-size: 0.16rem; }
.indexNews .slick .more{ padding-bottom: 0.3rem;margin-bottom: 0.3rem;margin-top: 0.15rem; background: url(../images/nimg107Bg.png) left bottom no-repeat; width: 1.07rem; height: 0.22rem; background-size: 1.07rem;}
.indexNews .slick .more a{ display: block; line-height: 0.25rem; font-size: 0.15rem; color: #000;  }
.indexNews .slick-dots{position:absolute; z-index:10; right: 0.75rem; bottom:0.22rem; }
.indexNews .slick-dots li{ float: left; margin-left: 8px; cursor:pointer; width: 10px; height: 10px; background: url(../images/ico2.png) no-repeat;}
.indexNews .slick-dots .slick-active{  background: url(../images/ico2on.png) no-repeat;}
.imgDiv1{height:250px;overflow: hidden}

.leftDiv{ height: 6.2rem; position: relative; z-index: 0; padding:0;margin:0}
.leftDiv .layer{ position: absolute; left:20px; bottom: 2rem; }
.leftDiv .txt{ font-size: 0.3rem; color: #fff; padding-bottom: 0.3rem;text-shadow: 1px 1px 1px black,-1px -1px 1px white; }
.leftDiv .msg{ color: #fff; line-height: 0.32rem; font-size: 0.16rem; width: 3.66rem;text-align: left}
.leftDiv .btnDiv{ padding-top:120px; }
.leftDiv .btnDiv a{ font-weight: bold;  font-size: 12px; color: #fff; text-indent: 0.24rem; display: block; width: 1.50rem; height: 0.44rem; line-height: 0.44rem; border: #fff solid 1px; }
.leftDiv .btnDiv a:after{ content: '';  right: 0.25rem; top: 0.14rem; width: 0.4rem; height: 0.09rem; background: url(../images/nimg40_10.png) no-repeat; background-size: 0.4rem;}

.midDiv{  height: 6.2rem; z-index: 2; position: relative; padding:0;margin:0 }
.midDiv .bg img{ height: 6.2rem; }
.midDiv .txt{ position: absolute; left: 1.25rem; top: 0.54rem; }
.midDiv .txt p{ width: 0.4rem; text-align: center; color: #fff; line-height: 0.32rem; font-weight: bold; font-size: 0.3rem; }
.rightDiv{  height: 6.18rem; z-index: 2; border-top: #f7f7f7 solid 0.02rem; padding:0;margin:0}
.rightDiv li{ float: left; width: 50%; }
.rightDiv li .box{ height: 3.07rem; border-right: #f7f7f7 solid 0.02rem; border-bottom: #f7f7f7 solid 0.02rem; -webkit-transition:background 400ms; transition:background 400ms;}
.rightDiv li a{ display: block; width: 100%; height: 100%; text-align: center; }
.rightDiv li .ico{ padding: 1.04rem 0 0.18rem; }
.rightDiv li .ico img{ width: 0.54rem; }
.rightDiv li .ico .img1{ display: none; }
.rightDiv li .name{ font-weight: bold; color: #333; font-size: 0.18rem; }
.rightDiv li:hover .box{ background: #0075cf; }
.rightDiv li:hover .ico img{ display: none; }
.rightDiv li:hover .ico .img1{ display: inline-block; }
.rightDiv li:hover .name{ color: #fff; }



.indexTitle{ text-align: center; width: 100%;margin: 30px 0;}
.indexTitle .title1{ font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; text-transform: uppercase; color: #0075cf; }
.indexTitle .title2{ font-size: 0.3rem; line-height: 0.3rem; color: #1e1e1e; padding-top: 0.12rem; }
/* 移动端 */

@media all and (max-width:1025px) {
.leftDiv .txt{ font-size:23px;}
.leftDiv .msg{ font-size:18px;width:100%;line-height: 28px;padding-right: 8px}
.leftDiv .btnDiv{ padding-top:100px; }	
.banner-pc-img{display: none;}
.banner-mobile-img{display: block;min-height: 300px;}
.banner .swiper-pagination {bottom: 16px;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;}
.banner .swiper-pagination-bullet-active:after {width: 8px;height: 8px;margin-top: -4px;margin-left: -4px;}
.banner-words {width: 90%;left: 5%;}
.banner-words h4{font-size: 30px;}
.banner-words h6 span{font-size: 14px;margin-right: 12px;}
.banner-words h6{margin-top: 8px;display: none;}
.banner-words a{margin-top: 24px;display: none;}
.banner-container{margin-top:20px;}
#tab1 {width:100%;padding:0px;}
.ser-input .input {
width:80%;
}
.index_pro_img img{width:100%}
.index-news .col-md-6{padding:0}
.rightDiv li{ width:25%; }
	.leftDiv{width:100%}
	.midDiv{display: none}	
}


/*应用*/

	.i-project-div{
height: 100%; 
	width: 100%;
	margin-top: 20px;

}


.i-project-l a{
	height: 100%; 
     position: relative; 

}

.i-project-l a img{
   
	width:100%;

}
.i-project-div ul{

	float: left;

	width: 100%;

	overflow: hidden;

}

.i-project-div ul li{

	float: left;

	width: 31.9%;



	margin-left: 10px;

	margin-bottom: 10px;

}

.i-project-div ul li a{

	display: inline-block;

	position: relative;

	width: 100%;

}

.i-project-div ul li a img{

	width: 100%;

}
.i-project-zi{

	position: absolute;

	bottom: 20px;

	left: 0;

	width: 100%;

	padding: 0 6.5%;

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    z-index: 2;

}

.i-project-h{

	color: #ffffff;

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 5px;

}

.i-project-p{

	color: #d7d7d7;

	font-size: 14px;

	line-height: 24px;

}

.i-project-bg{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(51,82,174,.5);

	z-index: 999;

}
.i-project-l a:hover .i-project-bg, .i-project-div ul li a:hover .i-project-bg{

	background: none;

}

@media screen and (max-width: 1024px){
	.i-project-div{

		margin-top: 50px;

	}
	.i-project-div ul{

		width: 100%;

	}
	.i-project-div{

		margin-top: 40px;

	}

	.i-project-div ul{

		width: 100%;

	}
	.i-project-l{

		width: 100%;

	}
	.i-project-div ul li{

	width: 100%;

}