.wrapper .indexWrap section{overflow:hidden}
.wrapper section #webSeo{height:15px;background:url(../../images/06/main/icon-marquee.png) no-repeat rgba(255,255,255,0.8);background-position:left 90%}
.wrapper .indexWrap section .Introduction .productInfo{position:relative}
.wrapper .indexWrap section .Introduction .productInfo a.prev,.wrapper .indexWrap section .Introduction .productInfo a.next{width:30px;height:20px;background-repeat:no-repeat;background-position:top center;display:block;position:absolute;top:90px;z-index:3;opacity:0.8;text-indent:-999999px}
.wrapper .indexWrap section .Introduction .productInfo a.prev{background:url(../../images/06/index/promotions_arrow.png) no-repeat left bottom}
.wrapper .indexWrap section .Introduction .productInfo a.next{background:url(../../images/06/index/promotions_arrow.png) no-repeat right top}
.wrapper .indexWrap section .Introduction .productInfo a.prev{left:0}
.wrapper .indexWrap section .Introduction .productInfo a.next{right:0}
.wrapper .indexWrap section .Introduction .productInfo a.prev:hover,.wrapper .indexWrap section .Introduction .productInfo a.next:hover{opacity:1}
.wrapper .indexWrap section .Introduction .productInfo .IntroductionList{margin:0 auto}
.wrapper .indexWrap section .Introduction .productInfo .IntroductionList ul li{width:225px}
.wrapper .indexWrap section .Introduction .productInfo .IntroductionList ul li .photo{overflow:hidden;margin:0 auto;width:215px;height:180px;display:table-cell;vertical-align:middle;text-align:center}
.wrapper .indexWrap section .Introduction .productInfo .IntroductionList ul li .photo img{max-width:100%;max-height:100%}
.wrapper .indexWrap section .Introduction .productInfo .IntroductionList ul li h3{margin:5px 0;text-align:center;display:none}
.wrapper .indexWrap section .indexItem{overflow:hidden;margin: 20px 0 40px;display:flex;flex-wrap:wrap;}
.wrapper .indexWrap section .indexItem .aboutinfo{padding:10px;letter-spacing:1px;line-height: 200%;text-align: justify;font-size: 16px;}
.serviceWrap{overflow:hidden;margin:40px 0;}
.serviceWrap ul{display:flex}
.serviceWrap ul li{opacity:.8;transition:ease .3s;width:calc(100%/4);box-shadow:0 0 10px rgb(0 0 0 / 15%)}
.serviceWrap ul li:hover{opacity:1}
.serviceWrap h2 {
    padding: 6px 0 16px 16px;
    border-bottom: 2px solid #e6e6e6;
    border-left: 5px solid #1b5e9e;
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px
}
.wrapper .indexWrap section .indexItem .serviceWrap,.wrapper .indexWrap section .indexItem .newsWrap{float:left}
.wrapper .indexWrap section .indexItem .serviceWrap,.wrapper .indexWrap section .indexItem .newsWrap,.wrapper .indexWrap section .indexItem .infoWrap{overflow:hidden}
.wrapper .indexWrap section .indexItem .serviceWrap .tit,.wrapper .indexWrap section .indexItem .newsWrap .tit,.wrapper .indexWrap section .indexItem .infoWrap .item .tit{overflow:hidden;margin:10px 0}
.wrapper .indexWrap section .indexItem .serviceWrap h3.tit a,.wrapper .indexWrap section .indexItem .newsWrap h3.tit a,.wrapper .indexWrap section .indexItem .infoWrap .item h3.tit a{width:100%;height:48px;display:block}
.wrapper .indexWrap section .indexItem .serviceWrap ul li{overflow:hidden;margin:10px 0}
.wrapper .indexWrap section .indexItem .newsWrap .tit a.news{text-align:center;line-height:50px;font-weight:bold;display:block;width:100%;color:#fff;background: #064378;}
.wrapper .indexWrap section .indexItem .newsWrap #newsList{padding:0 30px 0 0}
.wrapper .indexWrap section .indexItem .newsWrap #newsList .newsItem ul li{padding: 20px 0;width:100% !important;border-bottom:1px #ccc dotted;position: relative;}
.wrapper .indexWrap section .indexItem .newsWrap #newsList .newsItem ul li p.more{height: 30px;text-align:right;position: absolute;right: 0;top: calc(45px/2);background: #333;width: 30px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50px;}
.wrapper .indexWrap section .indexItem .newsWrap #newsList .newsItem ul li p.more a{color:#fff;display:block}
.wrapper .indexWrap section .indexItem .infoWrap .item .tit a.about{text-align:center;line-height:50px;font-weight:bold;color:#fff;background:linear-gradient(to right,#ffc107 0%,#fdd514 75%,#ffda6b 100%,#f8ffe8 100%,#e3f5ab 100%);display:block;width:100%}
.wrapper .indexWrap section .indexItem .infoWrap #g-map iframe{width:100%}
.Introduction{margin:40px 0}
.Introduction h2{padding: 6px 0 16px 16px;border-bottom: 2px solid #e6e6e6;border-left: 5px solid #1b5e9e;font-size:30px;text-align:center;margin-bottom:30px}

@media only screen and (min-width:320px){
	wrapper .indexWrap section .Introduction .productInfo .IntroductionList{width:225px !important}
	.wrapper .indexWrap section .indexItem .serviceWrap,.wrapper .indexWrap section .indexItem .newsWrap,.wrapper .indexWrap section .indexItem .infoWrap{width:100%}
	.wrapper .indexWrap section .indexItem .infoWrap .item{}
	.wrapper .indexWrap section .indexItem .infoWrap #g-map{margin:10px 0}
	.wrapper .indexWrap section .indexItem .serviceWrap ul li{height:110px}
	.wrapper .indexWrap section .indexItem .serviceWrap ul li{width:100%}
}
@media only screen and (min-width:480px){
	.wrapper .indexWrap section .Introduction .productInfo .IntroductionList{width:440px !important}
	.wrapper .indexWrap section .indexItem .serviceWrap ul li .photo{overflow:hidden;width:300px;height:91px}
	.wrapper .indexWrap section .indexItem .serviceWrap ul li .photo img{width:95%}
	.wrapper .indexWrap section .indexItem .infoWrap .item{}
}
@media only screen and (min-width:640px){
	.wrapper .indexWrap section .Introduction .productInfo .IntroductionList{width:450px !important}
	.wrapper .indexWrap section .indexItem .serviceWrap ul li .photo{width:145px}
	.wrapper .indexWrap section .indexItem .serviceWrap,.wrapper .indexWrap section .indexItem .newsWrap{}
	.wrapper .indexWrap section .indexItem .infoWrap .item,.wrapper .indexWrap section .indexItem .infoWrap #g-map{float:left}
	.wrapper .indexWrap section .indexItem .infoWrap #g-map iframe{height:225px}
	.wrapper .indexWrap section .indexItem .serviceWrap ul li{height:70px}
	.wrapper .indexWrap section .indexItem .serviceWrap ul li img{width:80%}
}
@media only screen and (min-width:768px){
	.wrapper .indexWrap section .Introduction .productInfo .IntroductionList{width: 100% !important;}
}
@media only screen and (min-width:960px){
	.wrapper .indexWrap section .Introduction .productInfo .IntroductionList{width:1350px !important}
	.wrapper .indexWrap section .indexItem .serviceWrap,.wrapper .indexWrap section .indexItem .newsWrap{width:35%}
	.wrapper .indexWrap section .indexItem .infoWrap{width:65%}
	.wrapper .indexWrap section .indexItem .infoWrap .item,.wrapper .indexWrap section .indexItem .infoWrap #g-map{float:left;width:100%}
	.wrapper .indexWrap section .indexItem .infoWrap #g-map iframe{height:160px}
}
@media only screen and (max-width:1440px){
	.wrapper .indexWrap section .Introduction .productInfo a.prev, .wrapper .indexWrap section .Introduction .productInfo a.next{display: none;}
}
@media only screen and (max-width:960px){
	.wrapper .indexWrap section .indexItem{height:auto}
}
@media only screen and (max-width:768px){
	.wrapper .indexWrap section .indexItem .newsWrap #newsList{padding:0;}
	.indexWrap{margin-top:0px}
	.wrapper section #webSeo{background:url(../../images/06/main/icon-marquee.png) no-repeat;background-position:left 90%}
}
@media only screen and (max-width:640px){
	.serviceWrap ul{flex-wrap:wrap}
	.serviceWrap ul li{width:50%}
	.serviceWrap ul li img{width:100%}
}