.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; }
.tab_menu h3 { float: left; margin: 0 20px 0 0; font-size: 20px; color: #333333; font-weight: normal; }

.tab_menu h3.on  { color: #bb0000; 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; margin: 10px 0 0 0; }
.tab01_img {float: left;width: 415px;}
.tab01_img .imgreponsive{padding-bottom: 57.14%}
.tab_right { 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: 16px; 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: #bb0000; }
.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/ti2020images/date.png) no-repeat; position: relative; }
.notice ul .day { font-size: 16px; color: #bb0000; 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/ti2020images/date_hover.png) no-repeat; }
.notice ul li:hover a { color: #bb0000; }


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







.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: #bb0000; }
.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: 0px auto 0px; padding: 15px 0 15px 0; overflow: hidden; }
.mode03 .lf { width: 65%; 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: #bb0000; }
.article_list .title a { float: right; color: #999999; }
.article_list ul { margin: 10px 0 0 0; }
.article_list ul li { height: 39px; line-height: 39px; overflow: hidden; }
.article_list1 ul li span { float: right; font-size: 16px; color: #999999; }
.article_list1 ul li a { margin: 0 100px 0 0; display: block; }

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



.wrap_mode03 { background: #faf6f2; margin: 25px 0 0px 0; }


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

.mode04 { max-width: 1200px; height: 48px; line-height: 48px; margin: 0 auto; }
.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;}


.wrap_mode04 { border-top: 1px solid #dddddd;  background: #faf6f2; }
.link1 ul { overflow: hidden; }
.link1 ul li { width: 20%; float: left; text-align: center;  }
.link1 ul li a { display: block; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-size: 16px; }


@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; }
.mode01,.mode02,.mode03,.mode04 { margin: 30px auto 0; width: 96%; }
.mode04 { margin: 0 auto; }
.wrap_mode04 { margin: 30px 0 0 0; }
}
@media screen  and (max-width:1220px) {

}


@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: auto; float: none; margin: 15px 0 0 0; }
.mode01 { width: auto; margin: 10px auto; }
.mode02 { width: auto; margin: 0 auto; }
.web_con ul li { width: 50%; margin: 0 0 15px 0; }
.web_con img { width: 100%; }
.mode03 { width:auto; padding: 15px; margin: 0 auto 20px;}
.mode03 .lf { width: 100%; float: none; }
.mode03 .rt { float: none; width: 100%; margin: 20px 0 0 0; }
.mode01,.mode02,.mode03,.mode04 { margin: 20px auto 0; width: auto; padding: 0 15px; }
.wrap_mode04 { margin: 20px 0 0 0 }
.mode04 { margin: 0 auto; padding: 0px; }
.mode03 { padding: 15px; }
.article_list ul { overflow: hidden; }
.article_list ul li { width: 48%; float: left; }
.article_list ul li:nth-child(even) { float: right; }
}


@media screen  and (max-width:999px) {
.link1 ul li { width: 33.3%; }
.mode04 { height: auto; }
}


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



@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; }
.article_list ul li { float: none; width: auto; }
.article_list ul li:nth-child(even) { float: none; }
}


@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;}
.link1 ul 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; }
.link1 ul li { width: 100%; float: none; }
}



@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; margin: 0 90px 0 0; }
.article_list1 ul li span { font-size: 12px; }
.link ul li p { font-size: 12px; }
.link1 ul li a { 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%; }
}