.mode01 {max-width: 1200px;margin: 36px auto;overflow: hidden;}
.tabArticleList {width: 47%;float: left;}
.tabListTitle{position: relative;}
.tabListTitle .more{position: absolute;right: 0;top: 10px;}
.tabListTitle .more a{color:#999;}
.more_tab{display: none;}
.tab_menu { height: 40px; line-height: 40px; border-bottom: 1px solid #e1e1e1; position: relative; }
.tab_menu h3 { float: left; margin: 0 20px 0 0; font-size: 20px; color: #333333; font-weight: normal; }

.tab_menu h3.on  { color: #0054c3; font-weight: bold; }
/*.tab_menu h3 a { position: absolute; right: 0px; top: 0px; display: none; }*/
.tab_menu h3.on a { display: block; }
.tabListBox{display: none;}
.tab_con { overflow: hidden; }
.tab_top { overflow: hidden;}
.tab01_img {/* float: left; */width: 415px;}
.tab01_img img{display: block;width: 100%;}
.tab01_img .imgResponsive{padding-bottom: 66.6%;}
.tab_right {margin: 10px 0 0 0;}
.tab_right h3 { font-size: 16px; line-height: 24px; }
.tab_right p {font-size: 16px;color: #999999;text-align: right;margin: 7px 0 6px 0;}


.tab_bottom ul { margin: 10px 0 0 0; }
.tab_bottom ul li { overflow: hidden; height: 37px; line-height: 37px; }
.tab_bottom ul li a { float: left; font-size: 16px; width: 70%; display: inline-block; }
.tab_bottom ul li span { float: right; font-size: 16px; color: #999999; }
.notice {width: 47%;float: right;}
.notice .title {height: 40px;line-height: 40px;border-bottom: 1px solid #0054c3;}
.notice .title h2 { float: left; font-size: 20px; color: #fff;background: #0054c3;border-radius:12px 12px 0 0;padding: 0 16px;}
.notice .title a { float: right; color: #fff;background: #0054c3;border-radius:8px;padding: 0 12px;line-height: 24px;font-size: 12px;margin: 8px 0 0; }
.notice ul li { overflow: hidden; margin: 20px 0 20px 0; }
.notice ul li:last-child { margin-bottom: 0px; }
.notice ul .date {float: left;width: 60px;height: 60px;background:url(../images/date.png) no-repeat;position: relative;}
.notice ul .day { font-size: 16px; color: #0054c3; position: absolute; left: 10px; top: 10px; font-weight: bold; }
.notice ul .month {font-size: 13px;color: #999999;position: absolute;right: 10px;bottom: 10px;}
.notice ul a {margin: 6px 0 0 80px;display: block;font-size: 16px;line-height: 24px;height: 48px;overflow:hidden;}
.notice ul li:hover .date { background: url(../images/date_hover.png) no-repeat; }
.notice ul li:hover a { color: #0054c3; }


.tab_con01 { overflow: hidden; margin: 10px 0 0 0; }
.tab_con01 img{ width: 100%; }
.tab01_left { float: left; width: 48%; }
.tab01_right { float: right; width: 48%; }
.tab_con01 p { height: 37px; line-height: 37px; }
.tab_con01 span { height: 0px; padding-bottom: 30%; width: 100%; display: block; overflow: hidden; }

.wrapMode02{background: #f9f9f9;padding: 35px 0;}
.mode02 { max-width: 1200px; margin: 0 auto;position: relative;}
.Website .title { height: 40px; line-height: 40px; border-bottom: 1px solid #e1e1e1;  }
.Website .title h2 {  font-size: 20px; color: #0054c3; }
.mode02 .slides li a {display: block; }
.mode02 .slides .img{padding-bottom: 56.4%;}
.mode02 .slides .img img:hover{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;}
.mode02 .slides p {height: 30px;line-height: 30px;overflow:hidden;text-align: center;background: #eee;color: #0054c3;font-weight: bold;padding: 10px;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.carousel .slides li {margin-right: 26px;}

.mode03 {max-width: 1200px;margin: 36px auto;overflow: hidden;}
.mode03 .lf { width: 32%; float: left; }
.mode03 .md { width: 31%; float: left; margin: 0 3%; }
.mode03 .rt { float: right; width: 31%; }
.article_list .title { height: 40px; line-height: 40px; border-bottom: 1px solid #0054c3;  }
.article_list .title h2 { float: left; font-size: 20px; color: #fff;background: #0054c3;border-radius:12px 12px 0 0;padding: 0 16px; }
.article_list .title a { float: right; color: #fff;background: #0054c3;border-radius:8px;padding: 0 12px;line-height: 24px;font-size: 12px;margin: 8px 0 0;}
.article_list ul { margin: 10px 0 0 0; }
.article_list ul li { height: 39px; line-height: 39px; overflow: hidden; }
.article_list ul li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}

.iosSliderDemo { *height: 400px; }
.fluidHeight { *height: 400px; position: relative; }
.content { *margin-top: 0px; }
.content{ width:auto; *margin-top: 400px;  margin:0px auto 0;  overflow:hidden; position:relative;}

.more{float: right;color:#999;}

.list02{padding-top: 15px;}
.list02 li{height: 37px;line-height: 37px;overflow:hidden;}
.list02 li span{float: right;color:#999;margin-left: 10px;}

.serviceList ul li{width: 33.3%;text-align: center;padding: 14px 0;height: auto;}
.serviceList .img{width: 40px;height: 40px;margin: 0 auto 9px;}
.serviceList p{font-size: 16px;line-height: 1;}
.serviceList ul{margin: 20px 0 0;}
.serviceList ul li:nth-child(2n){background: #eaf3ff;}

.recruit{display: block;width: 100%;height: 0;padding-bottom: 50%;background: url(../images/info.png) left center no-repeat;margin: 20px 0 0;background-size: cover;}
.recruit p{padding: 32px 13px 0;}
.recruit img{float: left;}
.recruit span{line-height: 45px;font-size: 18px;font-weight: bold;color: #fff;padding-left: 13px;}


@media screen  and (max-width:1200px) {
.sliderContainer .slideSelectors .prev { left: 2%; margin: 0px; }
.sliderContainer .slideSelectors .next { right: 2%; margin: 0px; }
.fluidHeight { height: 380px; position: absolute; }
.iosSliderDemo { padding: 0 0 380px; }
.content { margin: 30px auto 0; width: 96%; }
.wrapMode02{padding: 3% 0;}
}



@media screen  and (max-width:1100px) {
.fluidHeight { height: 345px; }
.iosSliderDemo { padding: 0 0 345px; }

}


@media screen  and (max-width:1035px) {
.fluidHeight { height: 350px; }
.iosSliderDemo { padding: 0 0 350px; }

}

@media screen  and (max-width:1024px) {
.fluidHeight { height: 336px; }
.iosSliderDemo { padding: 0 0 336px; }
.sliderContainer .slideSelectors .prev { top: 35%; }
.sliderContainer .slideSelectors .next { top: 35%; }
}

@media screen  and (max-width:1023px) {
.tabArticleList { width: 100%; float: none; }
.notice { width: 100%; float: none; margin: 15px 0 0 0; }
.mode01 { width: 100%; margin: 10px auto; }
.mode02 { width: 100%; margin: 0 auto; }
.web_con ul li { width: 50%; margin: 0 0 15px 0; }
.web_con img { width: 100%; }
.mode03 { width: 100%; margin: 20px auto;}
.mode03 .lf { width: 100%; float: none; }
.mode03 .md { width: 100%; float: none; margin: 15px 0 15px 0; }
.mode03 .rt { float: none; width: 100%; }


}

@media screen  and (max-width:800px) {
.link ul li { width: 25%; margin: 0 0 28px 0; }

.sliderContainer .slideSelectors .prev { top: 37%; }
.sliderContainer .slideSelectors .next { top: 37%; }
}

@media screen  and (max-width:720px) {
.content{width: 94%}
}


@media screen  and (max-width:640px) {
.sliderContainer .slideSelectors .prev { top: 40%; }
.sliderContainer .slideSelectors .next { top: 40%; }
.tab01_img{width: 240px;}
/* .tab_right{margin-left: 260px;} */
.t_con{height: 52px;}
.tab_right p{text-align: left;margin-bottom: 5px;font-size: 13px;}
}

@media screen  and (max-width:630px) {
.sliderContainer .slideSelectors .prev { top: 40%; }
.sliderContainer .slideSelectors .next { top: 40%; }
}


@media screen  and (max-width:600px) {
.tab_top img { width: 100%; float: none; }
/*.tab_right { padding: 10px 20px; background: #f5f5f5;}*/
.web_con ul{  margin:10px -8px 0; }
.web_con ul li a{margin:0 8px;}
.web_con img {  width: auto; }
.fluidHeight { height: 180px; }
.iosSliderDemo { padding-bottom:180px; }
}



@media screen  and (max-width:480px) {
	.tab01_img{width: 100%;float: none;}
	.tab_right{margin:10px 0 0;}
.link ul li { width: 33.3%; margin: 0 0 28px 0; }
.fluidHeight { height: 150px; }
.iosSliderDemo { padding-bottom:150px; }
.sliderContainer .slideSelectors .prev { top: 30%; }
.sliderContainer .slideSelectors .next { top: 30%; }
.tab01_left { width: 100%; float: none; }
.tab01_right { width: 100%; float: none; margin: 10px 0 0 0; }
}



@media screen  and (max-width:420px) {
.fluidHeight { height: 140px; }
.iosSliderDemo { padding-bottom:140px; }
.tabArticleList ol li h2 { font-size: 16px; }
.sliderContainer .slideSelectors .prev { width: 30px; height: 30px; background-size: 30px; }
.sliderContainer .slideSelectors .next { width: 30px; height: 30px; background-size: 30px; }
.tabArticleList ol li a { font-size: 12px; }
.tab_right h3 ,.list02 li{ font-size: 12px; }
.tab_right p { font-size: 12px; }
.t_con { font-size: 12px; line-height: 20px; height: auto; }
.tab_bottom ul li a { font-size: 12px; }
.tab_bottom ul li span { font-size: 12px; }
.notice .title h2,.tab_menu h3 { font-size: 16px; }
.notice .title a { font-size: 12px; }
.notice ul a { font-size: 12px; }
.Website .title h2 { font-size: 16px; }
.web_con ul p { font-size: 12px;height: 18px;line-height: 18px;}
.article_list .title h2 { font-size: 16px; }
.article_list .title a { font-size: 12px; }
.article_list ul li { height: 30px; line-height: 30px; }
.article_list ul li a{ font-size: 12px; }
.serviceList ul li{width: 33.3%;text-align: center;padding: 14px 0;height: auto;}
.link ul li p { font-size: 12px; }
}





@media screen  and (max-width:360px) {
.fluidHeight { height: 108px; }
.iosSliderDemo { padding-bottom:108px; }
.sliderContainer .slideSelectors .prev { top: 28%; }
.sliderContainer .slideSelectors .next { top: 28%; }
}