.mode01 { max-width: 1200px; margin: 20px auto 0; overflow: hidden; }
/*.tabarticlelist { width: 65%; 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; overflow: hidden;}
.tab_menu h3 { float: left; margin: 0 20px 0 0; font-size: 18px; color: #333333; font-weight: normal; }

.tab_menu h3.on  { color: #015c5c; font-weight: bold; font-size: 20px; }
.mode03 .tab_menu h3:first-child { font-size: 20px; }
/*.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; margin: 10px 0 0 0; }
.tab01_img {float: left;width: 415px;}
.tab01_img .imgreponsive{padding-bottom: 57.14%}
.tab_bottom { margin: 0 0 0 438px; }
.tab_right h3 { font-size: 16px; line-height: 24px; }
.tab_right p { font-size: 16px; color: #999999; text-align: right; margin: 7px 0 10px 0; }
.t_con { font-size: 14px; color: #999999; line-height: 26px; height: 104px; overflow: hidden; }
.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: 31%; float: right; }
.notice .title { height: 40px; line-height: 40px; border-bottom: 1px solid #e1e1e1;  }
.notice .title h2 { float: left; font-size: 20px; color: #015c5c; }
.notice .title a { float: right; color: #999999; }
.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(/uploads/image/images/date.png) no-repeat; position: relative; }
.notice ul .day { font-size: 16px; color: #015c5c; position: absolute; left: 10px; top: 10px; font-weight: bold; }
.notice ul .month { font-size: 16px; color: #999999; position: absolute; right: 10px; bottom: 10px; }
.notice ul a { margin: 0 0 0 80px; display: block; font-size: 16px; line-height: 24px; height: 48px;overflow:hidden; }
.notice ul li:hover .date { background: url(/uploads/image/images/date_hover.png) no-repeat; }
.notice ul li:hover a { color: #015c5c; }






/*flexslider start*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides > li a { height: 0px; display: block; overflow: hidden; padding-bottom: 57%; }
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 28px; height: 48px;position: absolute; margin-top: -20px; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  background: no-repeat; text-indent:-999em; }
.flex-direction-nav .flex-prev { left: -30px; background-position:0 0; }
.flex-direction-nav .flex-next { right: -30px; background-position:-132px 0;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 20px;}
.flexslider:hover .flex-next { opacity: 0.7; right:20px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;}
.flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;z-index: 100;}
.flex-control-nav li {margin: 0 8px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #fff;cursor: pointer; text-indent: -9999px; border-radius: 6px; }
.flex-control-paging li a:hover { background: #015c5c;  }
.flex-control-paging li a.flex-active { background: #015c5c; }






.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; }
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; }
/*flexslider end*/



.mode01 .tabarticlelist { margin: 0 0 0 440px;  }





.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; }



.linklist01{width: 100%;overflow:hidden; margin: 10px 0 0 0; } 
.linklist01 li{width: 12.5%;float:left; height: 85px;}
.linklist01 li a{display: block;margin:0 4px;background-color:#ededed; overflow:hidden;}
.linklist01 li a strong{width: 50px;display: block;margin:0 auto;padding: 14px 1px; float:left;}
.linklist01 li a span{height: 30px;line-height: 30px;overflow: hidden;text-align: center;padding:25px 0; display:inline-block;}




.linklist001{width: 100%;overflow:hidden; margin: 10px 0 0 0; } 
.linklist001 li{width: 50%;float:left; height: 100px;}
.linklist001 li:first-child { width: 100%; }
.linklist001 li:first-child a strong { padding: 14px 5px 14px 100px; }
.linklist001 li a{display: block;margin:0 4px;background-color:#ededed; overflow:hidden;}
.linklist001 li a strong{width: 63px;display: block;margin:0 auto;padding: 14px 5px; float:left;}
.linklist001 li a span{height: 30px;line-height: 30px;overflow: hidden;text-align: center;padding:25px 0; display:inline-block;}



.mode02 { max-width: 1200px; margin: 20px auto 20px; }
.website .title { height: 40px; line-height: 40px; border-bottom: 1px solid #e1e1e1;  }
.website .title h2 {  font-size: 20px; color: #015c5c; }
.web_con ul { margin: 10px -13px 0; overflow: hidden; *margin-left: -13px; *margin-right: -13px; }
.web_con ul li { float: left; width: 25%; *width: 24.9%; }
.web_con ul li a { margin: 0 13px; display: block; }
.web_con ul p { height: 30px;line-height: 30px;overflow:hidden;margin-top: 5px;}



.mode03 { max-width: 1200px; margin: 10px auto 25px; overflow: hidden; }
.mode03 .lf { width: 66%; 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 #e1e1e1;  }
.article_list .title h2 { float: left; font-size: 20px; color: #015c5c; }
.article_list .title a { float: right; color: #999999; }
.article_list ul { margin: 10px 0 0 0; overflow: hidden; }
.article_list ul li { height: 39px; line-height: 39px; overflow: hidden; width: auto; float: left; margin: 0 6px 0 0; }

.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;}

.mode04 { max-width: 1200px; margin: 20px auto; padding: 20px 0 0 0; border-top: 1px solid #e1e1e1; }
.link ul { overflow: hidden; }
.link ul li { float: left; text-align: center; width: 14%; }
.link span { height: 0px; display: block; padding-bottom: 38px; }

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

@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%; }
.linklist01 li a strong{width: 30px;padding:10px 6px;}
.linklist01 li a span{padding:10px 0;font-size: 14px;}
}



@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; margin: 0px;}
.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: 0 auto 20px;}
.mode03 .lf { width: 100%; float: none; }
.mode03 .md { width: 100%; float: none; margin: 15px 0 15px 0; }
.mode03 .rt { float: none; width: 100%; }
.linklist01 li { height: 55px; }
	.mode01 .tabarticlelist { margin:10px 0 0 0;}
	.tab01_img { width: auto; float: none;}
}

@media screen  and (max-width:980px) {
.fluidheight { height: 320px; }
.iossliderdemo { padding-bottom:320px; }
.linklist01 li { width: 33.3%; margin: 0 0 10px 0; }
}



@media screen  and (max-width:920px) {
.fluidheight { height: 300px; }
.iossliderdemo { padding-bottom:300px; }
}


@media screen  and (max-width:850px) {
.fluidheight { height: 280px; }
.iossliderdemo { padding-bottom:280px; }
}



@media screen  and (max-width:800px) {
.link ul li { width: 25%; margin: 0 0 28px 0; }
.fluidheight { height: 253px; }
.iossliderdemo { padding-bottom:253px; }
.slidercontainer .slideselectors .prev { top: 37%; }
.slidercontainer .slideselectors .next { top: 37%; }
}

@media screen  and (max-width:720px) {
.fluidheight { height: 230px; }
.iossliderdemo { padding-bottom:230px; }
.content{width: 94%}

}


@media screen  and (max-width:640px) {
.fluidheight { height: 200px; }
.iossliderdemo { padding-bottom:200px; }
.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;}
.linklist01 li { width: 50%; }
}

@media screen  and (max-width:630px) {
.fluidheight { height: 190px; }
.iossliderdemo { padding-bottom:190px; }
.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 ul li { width: 100%; margin: 0 0 15px 0;   }*/
.web_con ul p { text-align: left; }
.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; }
.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; }
.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%; }
}