/* CSS Document */
/*内页banner*/
.innerBanner{ width: 100%; height:450px; overflow: hidden; position: relative;}
.innerBanner img{ width: 1920px; height: 450px; position: absolute; left: 50%; margin-left: -960px;}
.innerBanner .banTitle{text-align: center; position: absolute; left: 50%; transform: translateX(-50%); top: 160px; z-index: 2; color:#fff;}
.innerBanner .banTitle h4{ font-size: 48px;line-height: 48px;;}
.innerBanner .banTitle .banline{width: 78px;height: 5px;background: #fff; display: inline-block; margin: 19px 0 28px 0;}
.innerBanner .banTitle h5{ font-size: 30px; font-weight: normal;line-height: 36px;}
.innerBanner.trainIndex .banTitle{ top: 140px; width: 70%;}
.innerBanner.trainIndex .banTitle h4{ font-size: 38px;line-height: 38px;;}
.innerBanner.trainIndex .banTitle h5{ font-size: 20px; font-weight: normal;line-height: 30px;}

.containerBox{ width: 100%; overflow: hidden;}

/*公司资质*/
.contentBg{ background: url(../image/bg_aboutTabContent.jpg) repeat-x left top; padding: 30px 0 80px 0;}

.zizhi{ width: 100%; overflow: hidden;margin-bottom: 80px}
.zizhi ul{ width: 105%; ;}
.zizhi ul li{ width: 244px; height: 174px; float: left; margin:25px 30px 0 30px;overflow: hidden;background: #FFFFFF;border: 1px solid #eff3ff;box-shadow: 2px 5px 6px 0px rgba(239, 243, 255, 0.44);border-radius: 10px 10px 0px 0px; padding: 20px;}
.zizhi ul li img{ width: 100%; height: 100%; transition: ease .2s;}
.zizhi ul li:hover img{ transform: scale(1.03);}

/*新闻资讯*/
.path{height: 82px; background: #fff; line-height: 82px; font-size: 20px;overflow: hidden;}
.path a{ display: inline-block; margin: 0 10px;}
.path span{ display: inline-block; color: #416eff;}
.newsBox{background: url(../image/bg_aboutTabContent.jpg) repeat-x left top; padding: 0px 0 80px 0; overflow: hidden;}


/*新闻列表*/
.icon-more{ width: 20px; height: 12px; display: inline-block; background: url(/images/icons/icon_arrow_min.png) no-repeat center center; -webkit-background-size: 100% 100%;background-size: 100% 100%; vertical-align: middle; margin-left: 10px;}
.pageBox{ width: 100%; overflow: hidden;padding: 10px 0; text-align: center; margin-top: 30px;}
.pageBox a,.pageBox span{ display: inline-block; width: auto; padding:0 10px ; margin: 0 5px; vertical-align: middle; line-height: 32px; font-size: 14px;text-align: center; background-color: #f3f3f3; cursor: pointer;}
.pageBox a.actived,.pageBox span.actived,.pageBox a:hover,.pageBox span:hover{ background: #416eff; color: #fff;}

.icon-prve{background-image: url(../image/icon_minL.png);}
.icon-next{background-image: url(../image/icon_minR.png);}
span:hover .icon-prve{background-image: url(../image/icon_minL_h.png);}
span:hover .icon-next{background-image: url(../image/icon_minR_h.png);}
.icon-prve,.icon-next{ width: 9px; height: 14px; display: inline-block;vertical-align: middle;-webkit-background-size: 100% 100%;background-size: 100% 100%; background-repeat:  no-repeat; }

/*新闻详情*/
.newsDetail { padding: 55px 0 50px 0;}
.newsDetail .newsTitle{ font-size: 24px;text-align: center; margin-bottom: 30px;}
.newsDetail .author{text-align: right;font-size: 16px; color: #999; margin-bottom: 30px;}
.newsDetail .newsContent{ font-size: 16px; color: #666; line-height: 32px;}
.newsDetail .newsContent img{ max-width: 100%;}
.newsContent p{ text-indent: 2em;}
.newsDetail .newslink{ border-top: 1px solid #d7d7d7; padding-top: 15px; font-size: 16px; margin-top: 40px;line-height: 32px; padding-bottom: 30px;}
.newsDetail .newslink a{ color: #666;}
.newsDetail .newslink a:hover{ color: #000;}
.newsDetail .newslink .left,.newsDetail .newslink .right{ width: 25%; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.newsDetail .newslink .right{text-align: right;}

.showMore{ position: absolute; display: inline-block; right: 0; bottom: 0; font-size: 18px; color: #fe9f17; opacity: .8;}
a.showMore:hover{ opacity: 1;color: #fe9f17;}

.sulList{ width: 100%; display: table; margin: 80px 0;}
.sulList .item{width: 100%; display: table; padding: 60px 0;}
.sulList .item:nth-child(odd){ background: #fff;}
.sulList .item:nth-child(even){ background: #f6f6f6; }
.sulList .item.setLeft .textBox{ width: 44%; float: left;}
.sulList .item.setLeft .imgBox{ width: 50%; float: right; position: relative;}
.sulList .item.setRight .textBox{ width: 46%; float: right;}
.sulList .item.setRight .imgBox{ width: 50%; float: left; position: relative;}

.textBox h4{ font-size: 24px; line-height: 30px; color: #333;margin-bottom: 40px;}
.textBox ul{ margin: 0; padding: 0;}
.textBox ul li{ padding-left: 35px; font-size: 18px; position: relative; color: #666; line-height: 28px;}
.textBox ul li:before{width: 10px;height: 10px;background: #416eff;border-radius: 50%; content: ''; display: inline-block; position: absolute; left: 0; top: 13px;}
.imgBox img{ width: 636px; height: 441px; position: relative; z-index: 2; border: 1px solid #d7d7d7;}
.imgBox:before{ content: ''; display: inline-block; width: 636px;height: 411px;background: #416eff;border-radius: 5px 5px 0px 0px; position: absolute;}
.item.setLeft .imgBox:before{ left: 30px; top: 60px;}
.item.setRight .imgBox:before{ left: -30px; top: 60px;}

.imgTxtList{ width: 100%; display: table; margin-top: 40px;}
.imgTxtList ul { width: 105%;}
.imgTxtList ul li{width: 440px;height: 516px;background: #FFFFFF;border: 1px solid #eff3ff;box-shadow: 2px 5px 6px 0px rgba(239, 243, 255, 0.44);border-radius: 10px 10px 0px 0px; float: left; margin-right: 35px; margin-bottom: 40px; position: relative;overflow: hidden; -webkit-transition: ease .4s;-ms-transition: ease .4s; transition: ease .4s;}
.bigImg{width: 440px;height: 292px;}
.bigImg img{ width: 100%; height: 100%;-webkit-transition: ease .4s;-ms-transition: ease .4s; transition: ease .4s;}
.imgTxtList ul li h4{ font-size: 24px; line-height: 26px; margin: 30px 68px 20px 38px; height: 24px; color: #333;}
.intro{ font-size: 16px; color: #666; line-height: 26px;margin: 0px 38px; height: 105px ;overflow: hidden;;}
.imgTxtList ul li .moretx{margin: 0px 38px; font-size: 16px; text-align: right; color: #333;}
.imgTxtList ul li .moretx:hover{ color: #416eff;}
.case{ padding-bottom: 40px;}
.imgTxtList ul li:hover{background: rgba(65,110,255,.7);}
.imgTxtList ul li:hover h4,.imgTxtList ul li:hover .moretx,.imgTxtList ul li:hover .intro{ color: #fff;}
.imgTxtList ul li:hover img{  -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}


.rightList{ width: 100%; float: none;padding-top: 80px;}
.rightList li{ width: 100%; display: table; border-bottom: 1px solid #416eff; line-height: 52px; font-size: 22px; padding-bottom: 30px; margin-bottom: 30px;}
.rightList li .newsLt{ width: 120px; text-align: center; float: left; margin-right: 40px; border: 1px solid #416eff;}
.rightList li .newsLt b{ display: block; background: #416eff; color: #fff; font-size: 28px; padding: 10px; font-weight: normal;}
.rightList li .newsLt span{ font-size: 16px;}
.rightList li .newsRt b{ font-size: 24px; color: #333; line-height: 24px;}
.rightList li .newsRt span{font-size: 16px; line-height: 24px; display: block;}
.rightList li .newsRt a:hover *{ color: #000;}


.syScroll{text-align: center;}
.syScroll .list{ width: 100%; overflow: hidden; margin: 60px 0 65px 0;}
.syScroll .list ul{ width: 105%;}
.syScroll .list ul li{background: #fff; width: 264px; height: 150px; margin: 0 18px 0px 0; float: left; position: relative;}
.syScroll .list ul li img{ width: 100%; height: auto;}
.syScroll .list ul li h4{ position: absolute; left: 0; right: 0; top: 25%; font-size: 20px; color: #fff; line-height: 28px; height: 42px; padding: 0 20px;}
.syScroll .list ul li p{ position: absolute; left: 0; right: 0; bottom: 6%; font-size: 16px; color: #fff; line-height: 28px;}
.syScroll .list ul li p a{ color: #fff;}
.syBox{height: 380px;width: 100%;}
.syBox .center{position: relative; height: auto;}
.syBox .syScroll{ height: 380px; overflow: hidden; width: 100%;}

.kcScroll{text-align: center;}
.kcScroll .list{ width: 100%; overflow: hidden; margin: 60px 0 65px 0;}
.kcScroll .list ul{ width: 105%;}
.kcScroll .list ul li{background: #fff; width: 440px; height: 320px; margin: 0 18px 0px 0; float: left; position: relative;border: 1px solid #EEEEEE;box-shadow: 2px 5px 24px 0px rgba(220, 218, 218, 0.44);border-radius: 10px 10px 0px 0px;}
.kcScroll .list ul li img{ width: 100%; height: auto;}
.kcScroll .list ul li h4{ font-size: 28px; line-height: 28px; height: 42px; padding:30px 30px 0 30px;}

.kcBox{height: 440px;width: 100%;}
.kcBox .center{position: relative; height: auto;}
.kcBox .kcScroll{ height: 440px; overflow: hidden; width: 100%;}



/*---new---*/
.subMenu{ padding: 22px 0;text-align: center;}
.subMenu .subList a{ display: inline-block; border:#D7D7D7 1px solid; font-size: 16px; padding: 0 26px; line-height: 38px; border-radius: 30px; margin: 0 16px;}
.subMenu .subList a.actived,.subMenu .subList a.hover{ background: #416eff; color: #fff; font-size: 18px;}

.sy1{background-image: url(../image/icon_sys1.png);}
.sy2{background-image: url(../image/icon_sys2.png);}
.sy3{background-image: url(../image/icon_sys3.png);}
.icon_sys{display: inline-block; width: 89px; height: 89px; margin-right: 20px; vertical-align: middle; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 100% 100%;background-size: 100% 100%;}
.sysexhibition{margin-bottom: 50px; width: 100%;}
.sysexhibition .part1{ width: 100%;}
.sysexhibition .part1 dl{width: 32%;background: #FFFFFF;display: inline-block; margin:30px 0px; border: 1px solid #EEEEEE;box-shadow: 2px 5px 24px 0px rgba(220, 218, 218, 0.44);border-radius: 10px 10px 0px 0px; vertical-align: top;text-align: center;}
.sysexhibition .part1 dl:nth-child(2){margin:30px 20px;}
.sysexhibition .part1 dl dt{ border-bottom: 1px solid #d7d7d7; padding: 25px; font-size: 30px; color: #333; font-weight: bold; text-align: left;}
.sysexhibition .part1 dl dd{ font-size: 18px; position: relative;min-height: 176px;  }
.sysexhibition .part1 dl dd .txtBox{text-align: center; padding:20px 25px 15px 25px; position: absolute; left: 0; right: 0; top: 0;}
.sysexhibition .part1 dl dd .txtBox p{height: 106px;overflow: hidden;text-align: left;line-height: 36px; width: 100%;}
.icon_more{ display: inline-block; width: 16px; height: 10px; background: url('../image/icon_min_down.png') no-repeat center center; vertical-align: middle; margin: 10px 0; -webkit-transition: ease .4s;-ms-transition: ease .4s; transition: ease .4s;}
.sysexhibition .part1 dl.actived dd .txtBox p{ height: auto; max-height: 260px; overflow: auto; }
.sysexhibition .part1 dl.actived dd .txtBox{ height: auto;background: #fff; border: 1px solid #e9e9e9; border-top: 0;}
.sysexhibition .part1 dl.actived dd .icon_more{ -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}

.part2{margin:60px 0px; border: 1px solid #EEEEEE;box-shadow: 2px 5px 24px 0px rgba(220, 218, 218, 0.44);border-radius: 10px 10px 0px 0px;}
.part2 .pt2Content{text-align: left; padding:50px 30px;}
.part2 .pt2Content h3,.part2 .pt2Content h4{text-align: center;}
.part2 .pt2Content h3{ font-size: 30px; margin-bottom: 20px; line-height: 36px; color: #333;}
.part2 .pt2Content h4{ font-size: 18px; margin-bottom: 20px; line-height: 24px; color: #666;}
.part2 .pt2Content img{ max-width: 90%;}

.more{ display: inline-block; border-radius: 30px; line-height: 58px; width: 207px; text-align: center;; font-size: 18px; background: #416eff; color: #fff; font-weight: normal; margin-top: 30px;}
.more.aboutA{ margin-left: 0;}

.proDetailTitle{ margin: 30px 0;}
.proDetailTitle b{ font-size: 24px;padding-bottom: 15px; display: inline-block; color: #416eff; border-bottom: 3px solid #416eff; line-height: 36px;}
.proDetailContent{ font-size: 16px; line-height: 36px; color: #666; padding-bottom: 50px;}

/*历史*/
.historyList{position: relative; overflow: hidden; width: 100%;}
.historyList:before{ content: ""; display: inline-block; width: 1px; height: 100%;left: 50%; margin-left: -1px; background: #E7E7E7; position: absolute; top: 0;}
.historyList dl{ width: 100%;position: relative; display: table;  margin: 15px 0; -webkit-transition: ease .4s; transition: ease .4s;}
.historyList dl dt{ font-size: 24px; display: inline-block; width: 80px;position: absolute;top: 30px; left: 50%;transition: ease .4s;}
.historyList dl dd{min-height: 60px;  position: relative; width: 50%;}
.historyList dl:before{ display: inline-block; width: 12px; height: 12px; content: ""; background: #D7D7D7; border-radius: 100%; position: absolute; left: 50%; top: 35px; margin-left: -6px;}
.historyList dl:after{ display: inline-block; width: 22px; height: 22px; content: ""; background: #416EFF; border-radius: 100%;transition: ease .4s; position: absolute; left: 50%; top: 30px; margin-left: -11px; opacity: 0;}
.historyList dl dd:after{ width: 0px; display: inline-block; content: ""; height: 1px; background: #416EFF;position: absolute; top: 40px; opacity: 0; transition: ease .4s;}
.historyList dl dd .htBox{ padding: 20px 50px; color: #666; font-size: 16px;display: inline-block; vertical-align: top; border-radius: 8px; line-height: 28px;-webkit-transition: ease .4s; transition: ease .4s;}
.historyList dl:nth-child(odd) dd{ float: left; text-align: right;}
.historyList dl:nth-child(odd) dt{ margin-left: 40px;}
.historyList dl:nth-child(odd) dd .htBox{ margin-right: 0px;}
.historyList dl:nth-child(odd) dd:after{right: -70px;}
.historyList dl:nth-child(even) dd{ float: right; text-align: left;}
.historyList dl:nth-child(even) dt{ margin-left: -100px;}
.historyList dl:nth-child(even) dd .htBox{ margin-left: 0px;}
.historyList dl:nth-child(even) dd:after{left: -70px;}
.historyList dl:hover .htBox{ background: #416EFF; color: #fff;}
.historyList dl:hover dt{ color: #416EFF; font-weight: bold;}
.historyList dl:hover dd:after{ width: 70px; opacity: 1;}
.historyList dl:nth-child(odd):hover dd .htBox{ margin-right: 60px;}
.historyList dl:nth-child(even):hover dd .htBox{ margin-left: 60px;}
.historyList dl:hover:before{background: #416EFF;}
.historyList dl:hover:after{background: #416EFF; opacity: .6;}
.historyList dl:hover:nth-child(odd) dt{ margin-left: 80px;}
.historyList dl:hover:nth-child(even) dt{ margin-left: -140px;}


.joinList dl{ color: #666; width: 100%; display: table; margin: 50px 0; padding-bottom: 50px; border-bottom: 1px solid #E7E7E7;}
.joinList dl dt{ color: #333; margin-bottom: 20px;}
.joinList dl dt .requireTitle{ font-size: 24px; color: #416eff; display: inline-block; width: 45%;font-weight: bold;}
.joinList dl dt .staff{ display: inline-block; width: 30%; font-size: 24px;}
.joinList dl dt .area{ display: inline-block; width: 20%; text-align: right;font-size: 24px;}
.joinList dl dd h4.requireTop{ font-size: 24px; color: #333;  font-weight: bold; margin: 40px 0;}
.joinList dl dd .require{ font-size: 16px; line-height: 36px;}

.imgList{ width: 100%; overflow: hidden; margin-top: 40px;}
.imgList ul{ width: 105%;}
.imgList ul li{ width: 440px; float: left;; margin: 30px 14px 60px 10px;border: 1px solid #eff3ff;box-shadow: 2px 5px 6px 0px rgba(239, 243, 255, 0.44);border-radius: 10px 10px 0px 0px; height: 460px; overflow: hidden; -webkit-transition: ease .4s;-ms-transition: ease .4s; transition: ease .4s;}
.imgList ul li img{ width: 100%; height: 308px; -webkit-transition: ease .4s;-ms-transition: ease .4s; transition: ease .4s;;}
.imgList ul li span{ display: block; font-size: 18px; margin: 30px 10px 0 10px; line-height: 28px;}
.imgList ul li:hover{ background: rgba(65,110,255,.7);}
.imgList ul li:hover span{ color: #fff;}
.imgList ul li:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

.imgList2{ width: 100%; overflow: hidden; margin-bottom: 40px;}
.imgList2 ul{ width: 105%;}
.imgList2 ul li{ width: 680px; float: left;; margin: 30px 14px 60px 10px;border-radius: 10px; height: 380px;}
.imgList2 ul li img{ width: 100%; display: inline-block; vertical-align: middle;}
.titleStaff{ font-size: 20px; text-align: center; margin: 30px 0; color: #416EFF;;}

.imgList3{ width: 100%; overflow: hidden; margin-top: 40px;}
.imgList3 ul{ width: 105%;}
.imgList3 ul li{ width: 440px; float: left;; margin: 30px 14px 60px 10px;border: 1px solid #eff3ff;box-shadow: 2px 5px 6px 0px rgba(239, 243, 255, 0.44);border-radius: 10px; height: 400px; overflow: hidden; transition: ease .4s;}
.imgList3 ul li:hover{ background: rgba(65,110,255,.8);border: 1px solid #416EFF;box-shadow: 2px 5px 6px 0px rgba(65,110,255,.7);}
.imgList3 ul li img{ width: 100%; height: 308px; border-bottom: solid 1px #E7E7E7;}
.imgList3 ul li span{ display: block; font-size: 18px; margin: 30px 10px 0 10px; line-height: 28px;}
.imgList3 ul li:hover span{ color: #fff;}

.proDetail{ margin-top: 50px;}
.proDetailTitle2{ font-size: 22px; color: #333; position: relative; padding-bottom: 10px; margin-bottom: 30px; line-height: 36px;}
.proDetailTitle2:after{ width: 80px; height: 5px; background: #416EFF; content: " "; display: inline-block; position: absolute; left: 0; bottom: 0;}
.proDetailContent2{ font-size: 16px; line-height: 36px; margin-bottom: 50px;}

.proDetImg{ width: 500px; height: 346px; position: relative; z-index: 2; border: 1px solid #d7d7d7; margin: 30px;}
.proDetImg img{ width: 100%; position: absolute;left: 0; top: 0; z-index: 2;}
.proDetImg:before{ content: ''; display: inline-block; width: 500px; height: 346px; background: #416eff;border-radius: 5px; position: absolute;}
.proDetImg:before{ left: -20px; top: 20px;border-radius: 5px;}

.linian{ width: 100%; display: flex; margin-bottom: 80px;}
.linian dl{ flex: .33;box-shadow: 2px 5px 6px 0px rgba(239, 243, 255, 0.44);border: 1px solid #eff3ff;border-radius: 6px; height: 460px; padding: 20px;}
.linian dl:nth-child(2){ margin: 0 30px;}
.linian dl dt img{ width: 100%; height: auto;}
.linian dl dd{margin-top: 30px;}
.linian dl dd h5{ font-size: 18px; margin-bottom: 15px; color: #333;}
.linian dl dd p{ font-size: 16px; line-height: 32px; color: #666;}

@media screen and (min-width:1461px) and (max-width:1620px) {	
	.imgTxtList{ margin-top: 34px;}
	.imgTxtList ul li{width: 377px;height: 442px;margin-right: 30px; margin-bottom: 34px;}
	.bigImg{width: 377px;height: 250px;}
	.imgTxtList ul li h4{ font-size: 21px; line-height: 22px; margin: 26px 58px 17px 33px; height: 21px; }
	.intro{ font-size: 14px;line-height: 22px;margin: 0px 33px; height: 90px ;}
	.more{margin: 0px 33px; font-size: 14px;}
	.case{ padding-bottom: 34px;}
	
	.zizhi{margin-bottom: 68px}
	.zizhi ul li{ width: 208px; height: 148px;margin:21px 26px 0 26px;padding: 17px;}
	
	.path{height: 70px; line-height: 70px; font-size: 17px;}
	.path a{ margin: 0 7px;}
	.newsBox{padding: 0px 0 68px 0;}
	
	.icon-more{ width: 17px; height: 10px; margin-left: 7px;}
	.pageBox{ padding: 7px 0;  margin-top: 21px;}
	.pageBox a,.pageBox span{ padding:0 7px ; margin: 0 5px; line-height: 27px; font-size: 12px;}
	
	.newsDetail { padding: 47px 0 43px 0;}
	.newsDetail .newsTitle{ font-size: 21px; margin-bottom: 26px;}
	.newsDetail .author{font-size: 14px; margin-bottom: 26px;}
	.newsDetail .newsContent{ font-size: 15px; line-height: 27px;}
	.newsDetail .newslink{padding-top: 13px; font-size: 14px; margin-top: 34px;line-height: 27px; padding-bottom: 26px;}
	
	.sulList{ margin: 69px 0;}
	.sulList .item{ padding: 51px 0;}
	
	.textBox h4{ font-size: 21px; line-height: 26px; margin-bottom: 34px;}
	.textBox ul li{ padding-left: 30px; font-size: 15px; line-height: 24px;}
	.textBox ul li:before{width: 9px;height: 9px; top: 11px;}
	.imgBox img{ width: 545px; height: 378px; }
	.imgBox:before{ width: 545px; height: 378px;}
	.item.setLeft .imgBox:before{ left: 26px; top: 51px;}
	.item.setRight .imgBox:before{ left: -26px; top: 51px;}
	
	.imgTxtList{ margin-top: 34px;}
	
	.imgTxtList ul li{width: 377px;height: 442px;margin-right: 30px; margin-bottom: 34px;}	
	.imgTxtList ul li h4{ font-size: 21px; line-height: 22px; margin: 26px 58px 17px 33px; height: 21px;}
	.imgTxtList ul li .moretx{margin: 0px 33px; font-size: 14px; }
	.intro{ font-size: 14px;line-height: 22px;margin: 0px 33px; height: 90px ;}
	.bigImg{width: 377px;height: 250px;}	
	.case{ padding-bottom: 34px;}
	
	.rightList{ padding-top: 69px;}
	.rightList li{ line-height: 45px; font-size: 19px; padding-bottom: 26px; margin-bottom: 26px;}
	.rightList li .newsLt{ width: 103px; margin-right: 34px;}
	.rightList li .newsLt b{ font-size: 24px; padding: 9px;}
	.rightList li .newsLt span{ font-size: 14px;}
	.rightList li .newsRt b{ font-size: 21px; line-height: 21px;}
	.rightList li .newsRt span{font-size: 14px; line-height: 21px;}
	
	.subMenu{ padding: 19px 0;}
	.subMenu .subList a{ font-size: 14px; padding: 0 22px; line-height: 33px; border-radius: 26px; margin: 0 14px;}
	.subMenu .subList a.actived,.subMenu .subList a.hover{ font-size: 15px;}
	
	/*---------*/
	.icon_sys{width: 76px; height: 76px; margin-right: 17px; }
	.sysexhibition{margin-bottom: 43px; }
	.sysexhibition .part1 dl{ margin:26px 0px; }
	.sysexhibition .part1 dl:nth-child(2){margin:26px 17px;}
	.sysexhibition .part1 dl dt{ padding: 21px; font-size: 26px; }
	.sysexhibition .part1 dl dd{ font-size: 16px; min-height: 151px;  }
	.sysexhibition .part1 dl dd .txtBox{ padding:17px 21px 13px 21px;}
	.sysexhibition .part1 dl dd .txtBox p{height: 91px;line-height: 31px;}
	.icon_more{ width: 14px; height: 9px; margin: 9px 0;}
	.sysexhibition .part1 dl.actived dd .txtBox p{ max-height: 223px; }
	
	.part2{margin:51px 0px; }
	.part2 .pt2Content{padding:43px 26px;}
	.part2 .pt2Content h3{ font-size: 26px; margin-bottom: 17px; line-height: 31px;}
	.part2 .pt2Content h4{ font-size: 15px; margin-bottom: 17px; line-height: 21px;}
	
	.more{border-radius: 26px; line-height: 50px; width: 177px; font-size: 15px; margin-top: 26px;}	
	.proDetailTitle{ margin: 26px 0;}
	.proDetailTitle b{ font-size: 21px;padding-bottom: 12px; line-height: 31px;}
	.proDetailContent{ font-size: 14px; line-height: 31px;}
	
	/*历史*/	
	.historyList dl{margin: 13px 0; }
	.historyList dl dt{ font-size: 21px;  width: 69px;top: 26px; }
	.historyList dl dd{min-height: 51px;}
	.historyList dl:before{ width: 10px; height: 10px; top: 30px; margin-left: -5px;}
	.historyList dl:after{width: 19px; height: 19px; top: 26px; margin-left: -10px;}
	.historyList dl dd:after{ top: 34px;}
	.historyList dl dd .htBox{ padding: 17px 43px; font-size: 14px;line-height: 24px;}
	.historyList dl:nth-child(odd) dt{ margin-left: 34px;}	
	.historyList dl:nth-child(odd) dd:after{right: -60px;}
	.historyList dl:nth-child(even) dt{ margin-left: -86px;}	
	.historyList dl:nth-child(even) dd:after{left: -60px;}
	.historyList dl:hover dd:after{ width: 60px; opacity: 1;}
	.historyList dl:nth-child(odd):hover dd .htBox{ margin-right: 51px;}
	.historyList dl:nth-child(even):hover dd .htBox{ margin-left: 51px;}
	.historyList dl:hover:nth-child(odd) dt{ margin-left: 69px;}
	.historyList dl:hover:nth-child(even) dt{ margin-left: -120px;}
	
	
	.joinList dl{ margin: 43px 0; padding-bottom: 43px;}
	.joinList dl dt{ margin-bottom: 17px;}
	.joinList dl dt .requireTitle{ font-size: 21px;}
	.joinList dl dt .staff{ font-size: 21px;}
	.joinList dl dt .area{ font-size: 21px;}
	.joinList dl dd h4.requireTop{ font-size: 21px; margin: 34px 0;}
	.joinList dl dd .require{ font-size: 14px; line-height: 31px;}
	
	.imgList{ margin-top: 34px;}
	.imgList ul li{ width: 377px; margin: 26px 12px 51px 9px; height: 394px;}
	.imgList ul li img{height: 264px;}
	.imgList ul li span{ font-size: 15px; margin: 26px 9px 0 9px; line-height: 24px;}
	
	.imgList2{margin-bottom: 34px;}
	.imgList2 ul li{ width: 583px;  margin: 26px 12px 51px 9px; height: 326px;}
	.titleStaff{ font-size: 17px; margin: 26px 0;}
	
	.imgList3{margin-top: 34px;}
	.imgList3 ul li{ width: 377px;margin: 26px 12px 51px 9px; height: 343px;}
	.imgList3 ul li img{ height: 264px;}
	.imgList3 ul li span{ font-size: 15px; margin: 26px 9px 0 9px; line-height: 24px;}
	
	.proDetail{ margin-top: 43px;}
	.proDetailTitle2{ font-size: 19px;margin-bottom: 26px; line-height: 31px;}
	.proDetailTitle2:after{ width: 69px; height: 4px;}
	.proDetailContent2{ font-size: 15px; line-height: 31px; margin-bottom: 43px;}
	
	.proDetImg{ width: 429px; height: 297px; margin: 26px;}
	.proDetImg:before{ width: 429px; height: 297px;}
	.proDetImg:before{ left: -17px; top: 17px;}
	
	#dituContent{margin-bottom: 40px;}

	
}
@media screen and (min-width:1024px) and (max-width:1460px) {
	.innerBanner{ height:320px;}
	.innerBanner img{ height: 320px; width: 1370px; margin-left: -685px;;}
	.innerBanner .banTitle{ top: 107px;}
	.innerBanner .banTitle h4{ font-size: 35px; line-height: 35px;;}
	.innerBanner .banTitle h5{ font-size: 20px; line-height: 28px;;}
	.innerBanner .banTitle .banline{ width: 57px; height: 2px;margin: 14px 0 21px 0;}
	
	.imgTxtList{ margin-top: 29px;}
	.imgTxtList ul li{width: 322px;height: 379px;margin-right: 30px; margin-bottom: 29px;}
	.bigImg{width: 322px;height: 214px;}
	.imgTxtList ul li h4{ font-size: 18px; line-height: 19px; margin: 22px 49px 15px 28px; height: 18px; }
	.intro{ font-size: 12px;line-height: 19px;margin: 0px 28px; height: 77px ;}
	.more{margin: 0px 28px; font-size: 12px;}
	.case{ padding-bottom: 29px;overflow: hidden; width: 100%;}
	
	
	
	.zizhi{margin-bottom: 58px}
	.zizhi ul li{ width: 177px; height: 126px;margin:18px 22px 0 22px;padding: 15px;}
	
	.path{height: 60px; line-height: 60px; font-size: 15px;}
	.path a{ margin: 0 6px;}
	.newsBox{padding: 0px 0 58px 0;}
	
	.icon-more{ width: 15px; height: 9px; margin-left: 6px;}
	.pageBox{ padding: 6px 0;  margin-top: 18px;}
	.pageBox a,.pageBox span{ padding:0 6px ; margin: 0 4px; line-height: 23px; font-size: 12px;}
	
	.newsDetail { padding: 40px 0 37px 0;}
	.newsDetail .newsTitle{ font-size: 18px; margin-bottom: 22px;}
	.newsDetail .author{font-size: 12px; margin-bottom: 22px;}
	.newsDetail .newsContent{ font-size: 13px; line-height: 23px;}
	.newsDetail .newslink{padding-top: 11px; font-size: 12px; margin-top: :29;px;line-height: 23px; padding-bottom: 22px;}
	
	.sulList{ margin: 59px 0;}
	.sulList .item{ padding: 44px 0;}
	
	.textBox h4{ font-size: 18px; line-height: 22px; margin-bottom: 29px;}
	.textBox ul li{ padding-left: 26px; font-size: 13px; line-height: 20px;}
	.textBox ul li:before{width: 8px;height: 8px; top: 9px;}
	.imgBox img{ width: 465px; height: 322px; }
	.imgBox:before{ width: 465px; height: 322px;}
	.item.setLeft .imgBox:before{ left: 22px; top: 22px;}
	.item.setRight .imgBox:before{ left: -22px; top: 22px;}
	
	.imgTxtList{ margin-top: 29px;}
	
	.imgTxtList ul li{width: 322px;height: 377px;margin-right: 26px; margin-bottom: 29px;}	
	.imgTxtList ul li h4{ font-size: 18px; line-height: 19px; margin: 22px 49px 15px 28px; height: 18px;}
	.imgTxtList ul li .moretx{margin: 0px 28px; font-size: 12px; }
	.intro{ font-size: 12px;line-height: 19px;margin: 0px 28px; height: 77px ;}
	.bigImg{width: 322px;height: 213px;}	
	.case{ padding-bottom: 29px;}
	
	.rightList{ padding-top: 59px;}
	.rightList li{ line-height: 38px; font-size: 16px; padding-bottom: 22px; margin-bottom: 22px;}
	.rightList li .newsLt{ width: 88px; margin-right: 29px;}
	.rightList li .newsLt b{ font-size: 20px; padding: 8px;}
	.rightList li .newsLt span{ font-size: 12px;}
	.rightList li .newsRt b{ font-size: 18px; line-height: 18px;}
	.rightList li .newsRt span{font-size: 12px; line-height: 18px;}
	
	.subMenu{ padding: 16px 0;}
	.subMenu .subList a{ font-size: 12px; padding: 0 19px; line-height: 28px; border-radius: 22px; margin: 0 12px;}
	.subMenu .subList a.actived,.subMenu .subList a.hover{ font-size: 15px;}
	
	/*---------*/
	.icon_sys{width: 65px; height: 65px; margin-right: 15px; }
	.sysexhibition{margin-bottom: 37px; }
	.sysexhibition .part1 dl{ margin:22px 0px; }
	.sysexhibition .part1 dl:nth-child(2){margin:22px 13px;}
	.sysexhibition .part1 dl dt{ padding: 18px; font-size: 22px; }
	.sysexhibition .part1 dl dd{ font-size: 14px; min-height: 129px;  }
	.sysexhibition .part1 dl dd .txtBox{ padding:15px 18px 11px 21px;}
	.sysexhibition .part1 dl dd .txtBox p{height: 78px;line-height: 26px;}
	.icon_more{ width: 12px; height: 8px; margin: 8px 0;}
	.sysexhibition .part1 dl.actived dd .txtBox p{ max-height: 190px; }
	
	.part2{margin:44px 0px; }
	.part2 .pt2Content{padding:37px 22px;}
	.part2 .pt2Content h3{ font-size: 22px; margin-bottom: 15px; line-height: 26px;}
	.part2 .pt2Content h4{ font-size: 13px; margin-bottom: 15px; line-height: 18px;}
	
	.more{border-radius: 22px; line-height: 43px; width: 151px; font-size: 13px; margin-top: 22px;}	
	.proDetailTitle{ margin: 22px 0;}
	.proDetailTitle b{ font-size: 18px;padding-bottom: 10px; line-height: 26px;}
	.proDetailContent{ font-size: 12px; line-height: 26px;}
	
	/*历史*/	
	.historyList dl{margin: 11px 0; }
	.historyList dl dt{ font-size: 18px;  width: 59px;top: 21px; }
	.historyList dl dd{min-height: 44px;}
	.historyList dl:before{ width: 9px; height: 9px; top: 26px; margin-left: -4px;}
	.historyList dl:after{width: 16px; height: 16px; top: 22px; margin-left: -8px;}
	.historyList dl dd:after{ top: 29px;}
	.historyList dl dd .htBox{ padding: 15px 37px; font-size: 12px;line-height: 20px;}
	.historyList dl:nth-child(odd) dt{ margin-left: 29px;}	
	.historyList dl:nth-child(odd) dd:after{right: -51px;}
	.historyList dl:nth-child(even) dt{ margin-left: -73px;}	
	.historyList dl:nth-child(even) dd:after{left: -51px;}
	.historyList dl:hover dd:after{ width: 51px; opacity: 1;}
	.historyList dl:nth-child(odd):hover dd .htBox{ margin-right: 44px;}
	.historyList dl:nth-child(even):hover dd .htBox{ margin-left: 44px;}
	.historyList dl:hover:nth-child(odd) dt{ margin-left: 69px;}
	.historyList dl:hover:nth-child(even) dt{ margin-left: -102px;}
	
	
	.joinList dl{ margin: 37px 0; padding-bottom: 37px;}
	.joinList dl dt{ margin-bottom: 15px;}
	.joinList dl dt .requireTitle{ font-size: 18px;}
	.joinList dl dt .staff{ font-size: 18px;}
	.joinList dl dt .area{ font-size: 18px;}
	.joinList dl dd h4.requireTop{ font-size: 18px; margin: 29px 0;}
	.joinList dl dd .require{ font-size: 12px; line-height: 26px;}
	
	.imgList{ margin-top: 29px;}
	.imgList ul li{ width: 322px; margin: 22px 9px 44px 8px; height: 336px;}
	.imgList ul li img{height: 225px;}
	.imgList ul li span{ font-size: 13px; margin: 22px 8px 0 8px; line-height: 20px;}
	
	.imgList2{margin-bottom: 29px;}
	.imgList2 ul li{ width: 497px;  margin: 22px 10px 44px 8px; height: 278px;}
	.titleStaff{ font-size: 15px; margin: 22px 0;}
	
	.imgList3{margin-top: 25px;}
	.imgList3 ul li{ width: 322px;margin: 22px 10px 44px 8px; height: 293px;}
	.imgList3 ul li img{ height: 225px;}
	.imgList3 ul li span{ font-size: 13px; margin: 22px 8px 0 8px; line-height: 20px;}
	
	.proDetail{ margin-top: 37px;}
	.proDetailTitle2{ font-size: 16px;margin-bottom: 22px; line-height: 26px;}
	.proDetailTitle2:after{ width: 59px; height: 4px;}
	.proDetailContent2{ font-size: 14px; line-height: 22px; margin-bottom: 37px;}
	
	.proDetImg{ width: 366px; height: 253px; margin: 22px;}
	.proDetImg:before{ width: 366px; height: 253px;}
	.proDetImg:before{ left: -15px; top: 15px;}
	
	#dituContent{margin-bottom: 40px;}
} 


@media screen and (min-width:300px) and (max-width:1024px) {
	.innerBanner{ width: 100%;}
	.innerBanner img{ width: 100%; height: 100%; position: relative; margin: 0; left: 0;}
	
	.innerBanner .banTitle{ top: 50%; left: 5%0; transform: translate(-50%,-50%);}
	.innerBanner .banTitle h4{ font-size: .28rem; line-height: .28rem;}
	.innerBanner .banTitle h5{ font-size: .18rem; line-height: .24rem;}
	.innerBanner .banTitle .banline{ width: .57rem; height: 2px;margin: .1rem 0 .21rem 0;}
	
	.imgTxtList{ width: auto; display: block; margin-top: .40rem;}
	.imgTxtList ul { width: auto;}
	.imgTxtList ul li{width: auto;height: auto;border-radius: .10rem .10rem 0px 0px;margin:.3rem; float: none; padding-bottom: .2rem;}
	.bigImg{width: 100%;height: auto;}	
	.imgTxtList ul li h4{ font-size: .34rem; line-height: .36rem; margin: .30rem .68rem .20rem .38rem; height: auto;}
	.intro{ font-size: .26rem;line-height: .36rem;margin: 0px .38rem; height: 1.05rem;}
	.more{margin: 0px .38rem; font-size: .26rem;}	
	.case{ padding-bottom: .40rem;}
	
	.proDetail{ margin: .5rem .3rem;}
	.proDetailTitle{ margin: .3rem 0;}
	.proDetailContent{ font-size: .32rem; line-height: .46rem; padding-bottom: 1.5rem;}
	.proDetailContent img{ width: auto; max-width: 100%; float: none;}
	
	.imgList{ width: auto; margin: .2rem;}
	.imgList ul{ width: 100%;}
	.imgList ul li{ width: auto; float: none; height: auto; margin: .2rem .2rem .3rem .2rem; padding-bottom: .3rem;}
	.imgList ul li img{ width: auto; max-width: 99%; height: auto;}
			
	.sysexhibition .part1 dl{ width: auto; float: none;margin: .2rem; display: block;}
	.sysexhibition .part1 dl:nth-child(2){ margin: .2rem;}
	.icon_sys{ width: 1.2rem; height: 1.2rem; margin-right: .2rem;}
	.sysexhibition .part1 dl dt{ font-size: .4rem;}
	
	.historyList{ width: auto; margin: .2rem .3rem;}
	.historyList:before,.historyList dl:after,.historyList dl:before{ display: none;}
	.historyList dl dt{ position: static; left: 0; top: 0;}
	.historyList dl dd{ width: 100%;}
	.historyList dl:nth-child(odd):hover dd .htBox{ margin-right: 0;}
	.historyList dl:hover:nth-child(odd) dt{margin-left: 0px; margin-bottom: .3rem;}
	.historyList dl:nth-child(even) dt,
	.historyList dl:nth-child(odd) dt,
	.historyList dl:nth-child(odd) dd .htBox,
	.historyList dl:hover:nth-child(even) dt,
	.historyList dl:nth-child(even):hover dd .htBox{margin-left: 0;margin-bottom: .3rem;}
	.historyList dl:nth-child(odd) dd,.historyList dl:nth-child(even) dd{text-align: left; float: none;}
	
	.zizhi ul li{ width: 42%; height: 2.2rem; margin: .1rem; padding: .1rem; overflow: hidden;}
	.zizhi ul li img{ height: auto;}
	
	.joinList dl{ width: auto; display: block; margin: .2rem .3rem; padding-bottom: .3rem;}
	.joinList dl dt{ }
	.joinList dl dt .requireTitle{ width: auto; display: block; font-size: .3rem;line-height: .46rem;}
	.joinList dl dt .staff{width: auto; display: block;font-size: .3rem;line-height: .46rem;}
	.joinList dl dt .area{width: auto; display: block;text-align: left;font-size: .3rem;line-height: .46rem;}
	.joinList dl dd h4.requireTop{font-size: .3rem; margin: .2rem 0;}
	.joinList dl dd .require{ font-size: .28rem; line-height: .42rem;}
	
	.rightList{ padding-top: .4rem; width: auto; margin: .2rem .3rem;}
	.rightList li .newsLt{ width: 1.2rem; margin-right: .3rem;}
	.rightList li .newsLt b{ font-size: .38rem;}
	.rightList li{ line-height: .42rem;padding-bottom: .30rem;margin-bottom: .30rem;}
	.rightList li .newsRt a{ display: block; overflow: hidden;}
	.rightList li .newsRt span{ font-size: .24rem;;}
	.rightList li .newsRt b{ margin-bottom: .1rem; font-size: .3rem; display: block;}
	.newsBox{ padding-bottom: .4rem;}
	
	.path{ margin: .3rem; font-size: .28rem; height: auto; line-height: .72rem;}
	.newsDetail{ width: auto;; margin: .3rem; padding: .3rem 0;}
	.newsDetail .newsTitle{ font-size: .32rem;}
	.newsDetail .newsContent{ font-size: .28rem; line-height: .36rem;}
	.newsDetail .author{ font-size: .24rem; line-height: .30rem; margin: .3rem 0;}
	.newsContent p{ text-indent: 0;}
	.newsContent img{ max-width: 100%; float: none !important; margin: .2rem 0 !important;}
	.newsDetail .newslink .left, .newsDetail .newslink .right{ width: 100%; float: none;text-align: left;}
	.newsDetail .newslink{ font-size: .24rem; margin-top: .3rem; padding-bottom: 0;}
	
	.sulList{ margin: 0;}
	.sulList .item{ padding: .6rem 0;}
	.textBox{ margin: .2rem .3rem;}
	.textBox h4{ font-size: .32rem;padding-left: .4rem; margin-bottom: .4rem;}
	.textBox ul li{ font-size: .24rem; line-height: .48rem; padding-left: .4rem;}
	.textBox ul li:before{ top: .15rem;}
	.sulList .item.setLeft .textBox,.sulList .item.setRight .textBox{ float: inherit; width: auto;}
	.sulList .item.setLeft .imgBox,.sulList .item.setRight .imgBox{ float: inherit; width: auto; margin: .4rem;}
	.imgBox img{ width: 100%; height: auto;}
	.imgBox:before{ width: 100%; height: 100%;}
	.item.setLeft .imgBox:before{left: .30rem;top: .40rem;}
	.item.setRight .imgBox:before{left: -.30rem;top: .40rem;}
	
	.proDetImg{ width: 5rem; float: none !important; height: 3.46rem;}
	.proDetImg:before{ width: 100%; height: 100%;}
	.proDetailContent2{ font-size: .28rem; line-height: .48rem;}
	
	.imgList3{ margin: .2rem; width: auto;}
	.imgList3 ul{ width: auto;}
	.imgList3 ul li{ width: auto; height: auto; float: none; margin: .3rem 0; padding-bottom: .4rem;}
	.imgList3 ul li span{ font-size: .32rem; margin: .3rem .1rem 0 .1rem;}
	
	.linian{ display: block; margin: .2rem; width: auto;}
	.linian dl{ flex: 1;; height: auto; margin: .2rem;}
	.linian dl:nth-child(2){ margin: .2rem;}
	
	.imgList2{ width: auto; margin: .3rem;}
	.imgList2 ul{ width: 100%;;}
	.imgList2 ul li{ width: auto; height: auto; float: none; margin: .30rem;}
	.imgList2 ul li img{ width: 100%; height: auto;}
	
	.aboutBox{ font-size: .28rem; line-height: .32rem;}
	.subMenu .subList a{ margin-bottom: .2rem; font-size: .32rem; line-height: .64rem; padding: 0 .26rem; margin: 0 .2rem .2rem .2rem; border-radius: .3rem; display: inline-block; vertical-align: middle;}
	.subMenu .subList a.actived, .subMenu .subList a.hover{font-size: .32rem;}
	.bigImg img{ height: auto;}
	.pageBox{ font-size: .28rem; line-height: .42rem;}
	
	#dituContent{width: 6.8rem !important; height: 6rem !important; margin-bottom: 2rem;}
	
	
}