@charset "utf-8";


/*******************************min-width: 1024px***max-width: 1199px************************************/
@media screen and (min-width: 1024px) and (max-width: 1199px) {

.navBox {
 width: 1024px;/*96%*/
}
nav {
 width: 1024px;
 min-width: 1024px;
}
.leftContainer {
 width: 70%;
}
.rightContainer{
 width: 28.5%;
}
#navlist li a {
 padding: 0 10px;
}
#navlist li.menu:before {
 right: 0
}
.zhuanti li {
 width: 27%
}
.searchbox {
	width: 96%
}
.footerbox, article {
	width: 96%
}
.bannerImgDiv .slide img {
	height: 320px
}
.links li {
	width: 100%;
	text-align: left
}
.jianzhan li section {
	margin: 0 5px;
}
.jianzhan li:nth-child(1) {
	width: 30%
}
.jianzhan li:nth-child(3) {
	width: 36.3%
}

}


/**********************************max-width: 1023px************************************/
@media screen and (max-width: 1023px) {
/*header*/
.header {
	position: fixed;
	z-index: 999;
}

.navBox {
	width: 100%;
/*	background-color:#FFFF00;*/
}
nav {
	width: 100%;
	height: auto;
	background: rgba(0,0,0,0.5);
	margin-top: 18px;
	position: fixed;
	z-index: 999;
	top: 42px;
}


.searchIco {
	position: absolute;
	top: 6px;
	right: 10px;
        background: url(./searchBlack.png) no-repeat center;
}
.search {
	width: 80%
}


.searchbox {
	width: 100%;
	position: fixed;
	top: 50px;
	z-index: 99;
	background-color: #06f;
}

.TJLogo {
background-color: #0066ff;
	margin-left: 0;
/*	line-height: 40px; */
	float: none;
	text-align: center;
	margin-right: 0px;
}
.TJLogo a{

color: #f9fafb;
}
.TJLogo h2{
	color: #fff!important;
}

#mnavh {
	overflow: hidden;
	position: absolute;
}
#mnavh {
	display: block;
}
#navlist {
	display: none;
	width: 100%;/* top: 30px; */
	overflow-y: scroll;
	height: 100vh;
}
#navlist li {
	width: 55%;
	text-align: center;
/*	background: #12b7de;*/
	float: none;
	display: block;
	font-weight: bold;
}
/*
#navlist li:last-child {
	padding-bottom: 100%
}*/
/*
#navlist li a {
	color: #fff;
	display: block;
	width: 100%;
	text-align: center;
	float: none;
	padding: 0;
	background: #12b7de;
	border-bottom: #49ccea 1px solid;
}
*/
/*
#navlist ul.sub {
	display: block;
	position: inherit;
	left: inherit;
	top: inherit;
}
#navlist ul.sub li {
	width: 100%
}
#navlist ul.sub li:last-child {
	padding-bottom: 0;
	border-bottom: #49ccea 1px solid;
}
#navlist ul.sub li a {
	color: #fff;
	font-weight: normal;
	border-bottom: none;
}
#navlist ul.sub li a:hover, #navlist li:hover a, #navlist #selected {
	color: #fff;
}
.menu span {
	display: block;
	width: 50px;
	height: 50px;
	background: #12b7de;
	opacity: 0.5;
	position: absolute;
	top: 0;
	right: 0;
	border-left: #49ccea 1px solid;
}
.menu:before {
	right: 20px;
}
*/
/*
.footerbox, article {
	width: 96%
}
*/
footer{
        width:1200px;
}
article {
	padding-top: 80px;
}
.leftContainer {
	width: 100%;
}
.bannerImgDiv .slide img{
width: 1200px;

}
.rightContainer {
	display: none;
}
.qq_join li section {
	margin: 0 10px;
}
.jianzhan li section {
	margin: 0 5px;
}
.jianzhan li:nth-child(1) {
	width: 30%;
}
.jianzhan li:nth-child(3) {
	width: 36.3%;
}
.zhuanti li {
	width: 27%;
}

}

/**********************************max-width: 768px************************************/
@media only screen and (max-width: 768px) {

#header{
 width: 96%;
 margin: auto;
 background-color: #0066ff;
} 
.topBox{
 float:none;
 margin-bottom:0px;
 width:96%;
 margin:auto;
}

.logoBox {
 width: 100%;
 margin: auto;
}

.TJLogo{
	float: left;
}
.TJLogo h2 a{
	color: white;
}

.searchIco{
 display: block;
 background: url(./searchWhite.png) no-repeat center;
}
.searchIco:hover{
 background: url(./searchWhite.png) no-repeat center;
}

.searchbox{
	margin: 0px auto;
	position: relative;
	top: 0px;
}

.TopImage{
 height:120px;
}

.TopImage img{
 width:100%;
 margin:0 auto;
 height:100%
}

/*轮播测试*/

/*轮播测试*/

.navBox{
 background-color:white;
 width:100%;
 height:120px;
}
nav {
 width: 100%;
 height: auto;
 margin-top: 20px;
 position: static; 
 display:inline;
 overflow:hidden;
}
/*
.navContainer{
}
*/
#navlist{
 padding: 0 10px;
 display: flex;
 flex-wrap: wrap;
 height:100%;
/*justify-content: space-around;
   margin-top: 15px;
   font-size: 14px;
   color: #555;*/
   background-color: white;
}

#navlist li{
 text-align:center;
/* width:14%;*/
 line-height: 40px;
 font-size:0.5em; 
 font-weight: bold;
/* color: #4587e0;*/
 border-radius: 5px;
 padding:0 14px 0 13px;
 margin:5px 10px 5px 10px;
 
 display:inline;
 white-space: nowrap;
 
/*float:left;
 height:40px;
 list-style:none;*/

/*appimg*/
    text-align: center;
    margin-bottom: .1rem;
    display: list-item;
/*appimg*/
}

#navlist li a{
/* width:100%;
height:100%;*/
 padding: 0 0px;
 color:#4587e0;
}

#navlist li p{
	margin-top: -.8rem;
	color: #0066FF;
}

#navlist li a:hover, #navlist #selected, .selected > a, #navlist li:hover {
 color:#4587e0;
}

/*appimg2*/
.appimg {
	display: inline;
    margin: auto;
    width: 100%;
    height: 100%;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

/*    width: 4.1rem;
    height: 4.1rem;*/
    margin: 0 auto .2rem;
    display: flex;
    border-radius: 50%;

    margin: 0;
    padding: 0;

}
.appimg img{
  width: 70%;
  height: 70%;
  margin: auto;
}

/*appimg2*/

article {
 padding-top:1.5rem;
}


.hotTJSchool{ 
}
.TJschool-list .TJschool-list-item, .TJschool-list>li {
    display: flex;
    cursor: pointer;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 10px;
    padding: 10px;
    line-height: 1.4;
    margin-right: 0;
    height: 90px;
	background-color:rgba(69,135,224,.1);
}
.xueXiaoInfo{ 
}
.xueXiaoFen{
 margin:auto;
}


.zhuanti li {
	padding: 15px;
}
.bplist a img {
	width: 96%
}
.xinlu li a {
	padding: 5px;
	margin: 0 5px;
}
.myblog li {
	width: 33.3%;
}
/*
.qq_join li section {
	margin: 0 5px;
	padding: 5px;
}
.qq_join li p {
	margin: 10px 0;
	font-size: 12px
}
*/
/*
.footerWenzi p:last-child {
	text-align: center;
	margin-top: 20px;
}
*/
.site_tj li {
	width: 20%
}
.hnav a {
	font-size: 12px
}
.muban li section {
	margin: 0 5px;
	height: 260px;
	overflow: hidden
}
.zhuanti li {
	width: 27.6%;
	padding: 8px
}
.pcd_ad {
	display: none !important;
}
.mbd_ad {
	display: block !important;
}


/*artic_artic*/
.htitle{
}
.con_nav{ float:left; color:#999;
}
.con_nav a{color:#999;}
.con_tilte{ width:100%; line-height:20px; margin-top:50px; font-size:20px; text-align:center; 
}
.bloginfo{ font-size:14px;
}
.con_info{ font-size:16px; background:#ecf3fc;
}
.con_text{ font-size:16px; margin-top:0px;
}
.share{ padding: 10px 20px; background: #ecf3fc; border-left: 3px solid #4587e1;
}

/*/artic_artic*/


/*shaixuan*/
.fl-lt {
	width:15%;
	background-color:f5f5f5;
}
.fl-lt ul li {
    letter-spacing: 0.5em;
	padding-left:0.5em;
	text-align:center;
	font-weight:bold;
	color:#4587e0;
	
/*	background-color:rgba(69,135,224,.1);*/
}


.fl-rt {
    width: 85%;
}
.fl-rt .nolimite dt {
    width: 10%;
    padding: 0px;
	margin-left:10px;
}
.fl-rt .nolimite dd {
    width: 82%;
	height: 46px;
    line-height: 46px;
    border-bottom: 0px solid #f5f5f5; 
    padding: 0px 0 0px 0px;
	margin-left:10px;
}

.nolimite dd a {
    margin-right: 0px;
    padding: 0px;
	margin:10px 5px 10px 5px;
	font-size:14px;
}


/*/shaixuan*/

}



/********************************max-width: 480px*******************************/
 @media only screen and (max-width: 480px) {
/*.navBox{ 
 
 }*/
 
.headline {
	display: none;/*手机观看下不显示*/
	width: 100%
}
.headline ul {
	height: auto;
	padding-bottom: 10px;
	overflow: hidden
}
.headline ul li {
	width: 49%;
	float: left;
}
.headline ul li:last-child {
	float: right
}
.headline ul li span {
	padding: 0 20px
}
.bannerBox {
	width: 100%;
}
.bannerImgDiv {
	height: 200px;
}

#navlist{
padding: 0 0px; 
}
#navlist li {
    text-align: center;
    width: 13%;
}
.newspic {
	width: 100%;
	height: auto
}
.newspic li {
	width: 49%;
	float: left
}
.newspic li:last-child {
	float: right
}
.newspic li a {
	height: 100%
}
.newslist {
	float: none;
	width: 100%
}
.zhuanti ul {
	padding: 0
}
.zhuanti li {
	width: 44%;
	padding: 8px;
}
.zhuanti ul:before {
	left: 0;
}
.zhuanti ul:after {
	bottom: 0
}
.ad {
	padding: 5px
}
.blogtitle {
	font-size: 16px
}
.bplist {
	height: 60px
}
.bplist a img {
	height: 100%
}
a.viewmore {
	position: static;
	margin-top: 20px;
	text-align: center
}
.blogpic {
	width: 100px;
	margin-right: 10px;
	max-height: 76px;
}
.blogtext {
	margin-top: 15px
}
.lanmu h1 {
	font-size: 18px;
}
.top_pic {
	width: 100%;
	float: none;
	margin-bottom: 10px
}
.top_box {
	float: none;
	width: 100%;
}
.liucheng li, .jianzhan li:nth-child(1), .jianzhan li:nth-child(3) {
	width: 100%;
}
.muban li section {
	height: auto
}
.site_tj li {
	width: 50%
}
.about {
	padding: 20px
}
.ab_box p:last-child {
	width: 100%;
	clear: both;
	padding-top: 10px
}
.ly_button {
	float: none;
	display: block;
}
.xinlu li {
	width: 50%
}
.myblog li, .xiangsi li {
	width: 50%
}
.qq_join li {
	width: 50%;
	margin-bottom: 20px
}
.weiXinbox ul {
	overflow: hidden;
	text-align: center
}
.weiXinbox li {
	float: none;
	display: inline-block
}
.weiXinbox {
	float: none
}
.footerWenzi {
	width: 100%;
	overflow: hidden;
	margin-top: 20px
}
.footerWenzi p {
	margin: 0 10px
}
.price_info img {
	position: static
}
.free li {
	width: 100%;
	margin-bottom: 10px
}
.newslist li {
	padding: 0 10px 10px 10px;
}
.newspic span {
	padding: 0 8px;
}
.hnav {
	float: none;
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
}
.ztpic {
	height: 60px;
}
.zhuanti li b {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	font-size: 14px;
	height: 42px;
	line-height: 24px;
	white-space: inherit;
}
.bloginfo {
	width: 100%
}
.imgscale img {
	height: 100%;
	max-width: 100%;
}
.blogpic i {
	display: none
}
.fader .slide img {
	height: 200px;
}
.otherlink li {
	width: 100%
}
.tab_buttons {
	overflow-x: auto;
}
.tab_buttons ul {
	width: 600px;
	overflow-x: scroll;
}
.tab_buttons li {
	margin-right: 30px;
	width: auto;
}
.newscurrent:after {
	width: 100%
}

/*shaixuan*/
.nolimite dd a {
	font-size:12px;
}
.nolimite dt a {
	font-size:12px;
}
/*/shaixuan*/

}

/********************************max-width: 320px*******************************/
 @media only screen and (max-width: 320px) {
 
 #navlist li {
    text-align: center;
    width: 11%;
}

/*shaixuan*/
.fl-lt ul li{
 font-size:12px;	
}

.nolimite dd a {
	font-size:12px;
	margin:10px 2px 10px 2px;
}
.nolimite dt a {
	font-size:12px;
}
/*/shaixuan*/

}