.banner{ width: 100%; clear: both; overflow: hidden; z-index: 88}
.index-block{height: 200px; width: 100%}
.banner img{ width: 100%;}

.flexslider{position:relative;overflow:hidden;z-index:99 ; width:100%;}
ul.slides{position:relative;z-index:1; width:100%; margin:0px; padding:0px;}
.slides li{ height: 700px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.slides li a{margin:auto; display:block; width:100%; }
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; top:0px; font-size:0px;}
.flex-direction-nav li a.flex-prev{left:50px;background:url(../image/ban_prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:50px;background:url(../image/ban_next.png) center center no-repeat;}

.service{ clear: both; width: 100%; overflow: hidden; margin-top: 50px; text-align: center;}
.service img{width: 100%;}

.wapService{clear: both; overflow: hidden; display: none;}
.wapService img{width: 100%}

.index-title{ text-align: center; clear: both; margin: 50px; font-size: 46px;}


.indexAbout{width: 1200px; margin:50px auto; overflow: hidden; clear: both;}
.about-left{float: left; width: 755px;}
.about-right{float: right; width: 402px;}
.about-title{background: #0459ac; height: 46px; line-height: 46px; color: #fff; font-size: 16px;}
.about-title a{color: #fff; text-decoration: none;}
.about-title p{float: left; padding-left: 10px;}
.about-title span{float: right; right; padding-right: 10px}
.aboutInfo{margin-top: 20px; clear: both; overflow: hidden;}
.aboutInfo .aboutImage{float: left; width: 320px; height: 200px;}
.aboutInfo .aboutImage img{width: 320px; height: 200px;}
.aboutInfo .aboutText{float: right; width: 383px; margin-right: 20px}
.aboutInfo .aboutText .hd{height: 16px; font-weight: bold; color: #123569; height: 40px; line-height: 40px; border-bottom: 1px #ddd solid; font-size: 18px}
.aboutInfo .aboutText .bd{line-height: 180%;}
.about-image{clear: both; overflow: hidden; margin-top: 15px;}
.about-image li{float: left; width: 239px; margin-right: 19px; border: 1px #ddd solid; padding: 2px;}
.about-image li:last-child{margin-right: 0;}
.honor{clear: both; border: 1px #ddd solid; border-top: 0; clear: both; height: 390px;}
.swiper-container {width: 100%;}
.swiper-slide {width: 100%; padding: 0 70px; text-align: center;}

.indexNews{ clear:both; overflow:hidden; margin:50px auto; margin-top:0; width: 1200px;}
.indexNews li{ float:left; width:33.3333%; padding:0 20px;}
.indexNews li img{ width:100%; height:200px;}
.indexNews li p{ font-size:18px; margin: 1rem 0}
.indexNews li p i{ color:#c00}
.indexNews li span{ font-size:14px; color:#999}
.indexNews li a{ text-decoration:none}

.gray{background-color: #eee; clear: both; overflow: hidden; margin-top: 0px}


.indexProduct{clear: both; width: 1200px; margin:auto; overflow: hidden; background-color: #fff; margin-bottom: 50px; min-height: 880px; }
.indexProduct .left{float: left; width: 300px;  overflow: hidden;}
.indexProduct .left .hd{background-color: #45a8eb; color: #fff; font-size: 30px; text-align: center; padding: 15px 0}
.indexProduct .left .hd span{color:#b1d6fa; display: block;}
.indexProduct .left .bd{clear: both; padding: 10px;}
.indexProduct .left .bd li{clear: both;}
.indexProduct .left .bd li>a{display: block; color: #fff; background-color: #45a8eb; padding: 10px; font-size: 16px; cursor: pointer; text-decoration: none; border-bottom: 1px #218cd5 solid}
.indexProduct .left .bd li>a i{width: 15px}
.indexProduct .left .bd li ul{clear: both; background-color: #f7f7f7; display: none;}
.indexProduct .left .bd li ul a{ display: block; text-align: left; border-bottom: 1px #ddd dotted; height: 34px; line-height: 34px; padding-left: 20px;}


.indexProduct .right{float: right; width: 880px; overflow: hidden;}
.indexProduct .right .list{ clear: both; overflow: hidden;}
.indexProduct .right .list li{float: left; width: 33.333%; text-align: center; padding: 10px;}
.indexProduct .right .list li img{width: 100%; height: 200px; border: 1px #ddd solid; padding: 3px}
.indexProduct .right .list li p{clear: both;}
.indexProduct .right .list li h1{font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; overflow: hidden;}
.indexProduct .right .list li .biaoti{font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; overflow: hidden;}
.indexProduct .right .list li div a{display: inline-block; background-color: #45a8eb; color: #fff; padding: 5px 10px; margin: 0 5px}


.flink{clear: both; overflow: hidden;}
.flink .hd{height: 30px; line-height: 30px; font-weight: bold; border-bottom: 1px #dbdbdb solid}
.flink .bd{clear: both; overflow: hidden; padding: 10px 0}
.flink .bd a{display: block; float: left; margin-right: 20px; white-space:nowrap;}

@media (max-width: 1400px){
.slides li{ height: 500px;}
}

@media (max-width: 992px){
	.slides li{ height: 180px;}
	.flex-direction-nav{display: none;}
	.index-title{margin: 10px; font-size: 20px}
	.index-title img{height: 40px}
	
	.gray {margin-top: 0px;}
	.service{margin-top: 0; height: 300px; display: none;}
	.wapService{display: block;}
	.indexProduct{width: 100%;min-height: auto;box-shadow:none; margin-bottom: 0}
	.indexProduct .right{clear: both; width: 100%;}
	.indexProduct .right .list{ clear: both; overflow: hidden; max-height: 900px}
	.indexProduct .right .list li{float: left; width: 50%; text-align: center; padding: 10px;}
	.indexProduct .right .list li img{height: 150px;}
	.indexProduct .right .list li p a{margin: 0 5px; font-size: 12px}
	
	.indexAbout{width: 100%; margin:0; padding: 10px}
	.about-left,.about-right{width: 100%; clear: both;}
	.aboutInfo{margin-top: 10px; clear: both; overflow: hidden;}
	.aboutInfo .aboutImage{clear: both; width:100%; height: auto;}
	.aboutInfo .aboutImage img{width: 100%; height:auto;}
	.aboutInfo .aboutText{clear: both; width: 100%; margin-right: 0px}
	.about-image{margin: 10px 0}
	.about-image li{width: 50%; margin-right: 0px; border:0; padding: 5px;}
	.about-image li:nth-child(3){display: none;}
	.about-image li img{border: 1px #ddd solid; padding: 2px}
	
	.indexNews{width: 100%; margin-bottom: 10px}
	.indexNews li{ clear: both; width: 100%; padding:10px; box-sizing: border-box; background-color: #fff; margin-bottom: 10px}
}