html,body{
	background:#fff;
}
i,cite{font-style:normal;}
.brandbaner{
	width:100%;
	background:#fff;
}
.brandbaner{
	width:100%;
	height: 280px;
	background:url(../images/allbg.png) no-repeat;
	background-size:cover;
	image-rendering: -webkit-optimize-contrast;
	padding-top:38px;
}
.brandtit{
	display:block;
	width:188px;
	height: 82px;
	background:url(../images/sztit2.png) no-repeat;
	background-size:cover;
	image-rendering: -webkit-optimize-contrast;
	margin:0 auto;
	margin-bottom:50px;
}
/***导航开始***/
.brandnav{
	width:30%;
	margin:0 auto;
}
.brandnav ul{
	width:100%;
	overflow:hidden;
}
.brandnav ul li{
	float:left;
	width:33.3%;
	position:relative;
	text-align:center;
}
.brandnav ul li a{
	display:block;
	font-family:"SimSun" !important;
}
.brandnav ul li .pyword{
	display:block;
	text-transform:lowercase;
	font-size:20px;
	letter-spacing: 0px;
	padding-bottom:2px;
}
.brandnav ul li .pyword cite{
	display:block;
	margin-bottom:10px;
	font-size: 12px;
	max-width: 67px;
}
.brandnav ul li .pyword b{
	background:#fff;
	color:#000;
	border-radius:100%;
	margin-right:10px;
	padding:0px 3px;
	text-align:center;
	font-weight: normal;
}

.brandnav ul li.xznav .pyword b{
	background:#b81c27;
	color:#fff;
}
.pyxh{
	display:block;
	position:absolute;
	right:0px;
	top:19px;
}


/***导航结束***/
.brandinfor{
	width:100%;
	overflow:hidden;
	padding:60px 0;
}
.brand-left{
	float:left;
	width:75%;
	padding-left:5%;
}
.brand-right{
	float:right;
	width:23%;
	padding-right: 5%;
}
.bratit{
	overflow:hidden;
}
.bratit .bltit{
	float:left;
	overflow:hidden;
	margin-bottom:20px;
	margin-left: 5%;
}
.bratit .bltit span{
	float:left;
	font-size:20px;
	color:#000;
	font-weight: bolder;
}
.bratit .bltit img{
	width:28px;
	position:relative;
	top:-10px;
}
.bratit .brtit{
	overflow:hidden;
	margin-top: 4px;
	float:right;
	margin-right: 6%;
}
.bratit .brtit img{
	width:34px;
	float:left;
	margin-right:8px;
	margin-top:-2px;
}
.bratit .brtit span{
	font-size:14px;
	color:#000;
}
.bratit .brtit span cite{color:#b81c27;}
/***************************城市开始*********************************/
.cityaddress{
	width:60%;
	position: absolute;
	left:10%;
}
.citylist{
	width:56%;
	margin:0 auto;
	overflow:hidden;
}
.citylist li{
	width:20%;
	float:left;
}
.citylist li a{
	display:block;
	width: 100px;
    height: 32px;
    background: url(../images/clabg.png) no-repeat;
    background-size: cover;image-rendering: -webkit-optimize-contrast;
    line-height: 31px;
    text-align:center;
    margin:0 auto;
}
.citylist li.current a{
    background: url(../images/clabgzx.png) no-repeat;
    background-size: cover;image-rendering: -webkit-optimize-contrast;
}
/***************************城市结束*********************************/
/* *分页样式*
.shpage{
	max-width:40%;
	margin:0px auto;
	text-align:center;
	overflow:hidden;
	padding-top:50px;
	padding-bottom: 10px;
}
.shprev{
	display:inline-block;
	width:40px;
	height: 40px;
	background:url(../images/sprev.png) no-repeat;
	background-size:100%;
	image-rendering: -webkit-optimize-contrast;
}
.shprev:hover{
	display:inline-block;
	width:40px;
	height: 40px;
	background:url(../images/sprevxz.png) no-repeat;
	background-size:100%;
	image-rendering: -webkit-optimize-contrast;
}
.shnext{
	display:inline-block;
	width:40px;
	height: 40px;
	background:url(../images/snext.png) no-repeat;
	background-size:100%;
	image-rendering: -webkit-optimize-contrast;
}
.shnext:hover{
	display:inline-block;
	width:40px;
	height: 40px;
	background:url(../images/snextxz.png) no-repeat;
	background-size:100%;
	image-rendering: -webkit-optimize-contrast;
}
.spages{
	display:inline-block;
	margin:0 2%;
}
.spagelist{
	overflow:hidden;
	height: 40px;
}
.spagelist li{
	float:left;
	line-height: 40px;
	padding:0 5px;
}
.spagelist li a{
	font-size:18px;
	color:#000;
	letter-spacing:0;
}
.spagelist li.cur a{
	font-size:18px;
	color:#b81c27;
	letter-spacing:0;
} */
/*主要内容*/
.teach-infor{
	width:100%;
	overflow:hidden;
}
.teach-main{
	width:100%;
}
.teach-list{
	margin: 0 5%;
	overflow:hidden;
}
.teach-list li{
	float:left;
	display: inline-block;
	width:24%;
	margin-bottom:30px;
}
.teach-list li a.teach-list-comm{
	display:block;
	width:90%;
	height: 480px;
	margin:0 auto;
	position:relative;
}
.teach-list-bor{
	display:block;
	width:99%;
	height: 506px;
	background:url(../images/usbor.png) no-repeat;
	background-size:100%;
	image-rendering: -webkit-optimize-contrast;
	margin:0 auto;
	position:absolute;
	left: 0;
	top:0;
	z-index: 10;
}
.brbanmain{
	width:98%;
	position: relative;
}
.brbanimg{
	width:100%;
}
.brbanword{
	position:absolute;
	left:0;
	bottom:0;
	background:url(../images/allteabg.png) no-repeat;
	background-size:100%;
	image-rendering: -webkit-optimize-contrast;
	width:66px;
	height:164px;
}
.brbanword span{
	display:block;
	width:16px;
	color:#000;
	white-space:normal;
	font-size:16px;
	float:right;
	margin-top:6px;
	margin-right:12px;
}
.brbanword cite{
	display:block;
	width:12px;
	color:#7e7e7e;
	white-space:normal;
	font-size:12px;
	float:right;
	margin-right:8px;
	margin-top:8px;
}
.teach-list li a.teach-list-comm:hover .teach-list-bor{
	background: url(../images/usbor2.png) no-repeat;
    background-size:100%;
    image-rendering: -webkit-optimize-contrast;
}
.teach-list li a.teach-list-comm:hover .brbanword{
	background:url(../images/allteabg2.png) no-repeat;
	background-size:100%;
	image-rendering: -webkit-optimize-contrast;
}
.teach-list li a.teach-list-comm:hover .brbanword cite,
.teach-list li a.teach-list-comm:hover .brbanword span
{color:#fff;}



.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-commmain{display:none;}

.moblie-brand-nav{display:none;width:100%;margin:0 auto;padding-top:10px;padding-bottom: 60px;}
.moblie-brand-nav h4{height: 36px;text-align:center;}
.moblie-brand-nav h4 span{display:block;width:100%;height:1px;background:#d0d0d0;}
.moblie-brand-nav h4 b{font-size:16px;color:#000;position:relative;top: 10px;background: #fff;padding: 0 20px;}
.moblie-brand-nav ul{width:100%;overflow:hidden;}
.moblie-brand-nav ul li{float:left;width:50%;text-align:left;margin-top:14px;}
.moblie-brand-nav ul li:nth-child(2n){float:left;width:50%;text-align:right;}
.moblie-brand-nav ul li a{display:inline-block;width:90%;background:#ededed;font-size:14px;color:#000;text-align: center;border-radius:15px;height: 34px;line-height:34px;}
.moblie-brand-nav ul li a img{width:12px;position:relative;left: -4px;top:1px;}

.moblie-brand-brnav{width:100%;margin:0 auto;margin-top:20px;}
.brnav{
	border:1px solid #7f7f7f;
	background:#f9f9f9;
}
.brnav ul{
	width:100%;
	overflow:hidden;
	padding:15px 0;
}
.brnav ul li{
	width:25%;
	float:left;
}
.brnav ul li a{
	display:block;
	border-right:1px solid #c7c7c7;
}
.brnav ul li:last-child a{border-right:none;}
.brnav ul li a .brnavimg{
	display:block;
	width:26px;
	height: 13px;
	background:url(../images/zw.png) no-repeat;
	background-size:cover;
	image-rendering: -webkit-optimize-contrast;
	margin:0 auto;
}
.brnav ul li a .brnavword{
	display:block;
	width:18px;
	margin:0 auto;
	white-space:normal;
	font-size: 18px;
	color:#000;
	margin-top:10px;
}
.brnav ul li.brcurr a .brnavimg{
	display:block;
	width:26px;
	height: 13px;
	background:url(../images/zwxz.png) no-repeat;
	background-size:cover;
	image-rendering: -webkit-optimize-contrast;
	margin:0 auto;
}
.brnav ul li.brcurr a .brnavword{color:#b81c27;}

/*手机版社区*/
.moblie-brand-commmain{height: auto;display:none;width:100%;margin:0 auto;margin-top:20px;padding:0;}
.moblie-brand-commmain .comm-tit{width:112px;height: 50px;position:inherit;left:0;margin: 0 auto;margin-top:0;margin-bottom:30px;}
.moblie-brand-commmain .commlist{position:inherit;right:0;margin:0 auto;}
.moblie-brand-commmain .comm-tit{width:112px;height: 50px;position:inherit;left:0;margin: 0 auto;margin-top:0;margin-bottom:30px;}
.moblie-brand-commmain .commlist .commtop{padding: 10px 6px 5px 6px;}
.moblie-brand-commmain .commlist .commtop .commtop-icon{width:25px;position:relative;top:2px;}
.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;margin-left:5px;max-width:150px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.moblie-brand-commmain .commlist .commtop .commtop-time{font-size:12px;margin-top:1px;}
.moblie-brand-commmain .commlist .commbot{padding: 0px 4px 30px 35px;}
.moblie-brand-commmain .commlist .commbot span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 12px;}
.moblie-brand-commmain .commmore{margin-left: -18px;}
.moblie-brand-commmain{padding:20px 0px;padding-bottom:0;padding-top:0;}
.moblie-brand-commmain .commlist{width:100%;}
.moblie-brand-commmain .commlist .commtop .commtop-tit{max-width:62%;}

.moblie-brtit{display:none;}
/**手机适配**/
@media (max-width:3840px) and (min-width:1921px){
	.brandnav{width:30%;}
	.brandnav ul li .pyword cite{max-width:88px;}

	.teach-list li{float: none;display: inline-block;width:24%;margin-bottom: 40px;max-height:880px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.teach-list li .teach-list-bor{height:650px;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1920px) and (min-width:1800px){
	.brandnav{width:30%;}
	.brandnav ul li .pyword cite{max-width:88px;}

	.teach-list li{float: none;display: inline-block;width:24%;margin-bottom: 10px;max-height:880px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1799px) and (min-width:1700px){
	.brandnav{width:30%;}
	.brandnav ul li .pyword cite{max-width:74px;}

	.teach-list li{float: none;display: inline-block;width:24%;margin-bottom: 10px;max-height:450px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1699px) and (min-width:1600px){
	.brandnav{width:30%;}
	.brandnav ul li .pyword cite{max-width:66px;}

	.bratit .bltit{margin-left:0;}
	.bratit .brtit{margin-right:0;}
	.teach-list{margin:0;}
	.teach-list li{float: none;display: inline-block;width:24%;margin-bottom: 10px;max-height:660px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1599px) and (min-width:1500px){
	.brandnav{width:30%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:56px;}

	.bratit .bltit{margin-left:0;}
	.bratit .brtit{margin-right:0;}
	.teach-list{margin:0;}
	.teach-list li{float: none;display: inline-block;width:24%;margin-bottom: 10px;max-height:450px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}
	.brandnav ul li .pyword b{padding:2px;}
	.citylist{width:60%;}
	.citylist li a{display:block;width: 92px;height: 29px;background: url(../images/clabg.png) no-repeat;background-size: cover;image-rendering: -webkit-optimize-contrast;line-height: 28px;}
}
@media (max-width:1499px) and (min-width:1400px){
	.brandnav{width:34%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:66px;}

	.bratit .bltit{margin-left:0;}
	.bratit .brtit{margin-right:0;}
	.teach-list{margin:0;}
	.teach-list li{float: none;display: inline-block;width:24%;margin-bottom: 10px;max-height:450px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

	.citylist{width:62%;}
	.citylist li a{display:block;width: 92px;height: 29px;background: url(../images/clabg.png) no-repeat;background-size: cover;image-rendering: -webkit-optimize-contrast;line-height: 28px;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1399px) and (min-width:1300px){
	.brandnav{width:36%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:66px;}

	.bratit .bltit{margin-left:0;}
	.bratit .brtit{margin-right:0;}
	.teach-list{margin:0;}
	.teach-list li{float: none;display: inline-block;width:24%;margin-bottom: 10px;max-height:450px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

	.citylist{width:66%;}
	.citylist li a{display:block;width: 92px;height: 29px;background: url(../images/clabg.png) no-repeat;background-size: cover;image-rendering: -webkit-optimize-contrast;line-height: 28px;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1299px) and (min-width:1200px){
	.brandnav{width:40%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:66px;}

	.bratit .bltit{margin-left:0;}
	.bratit .brtit{margin-right:0;}
	.teach-list{margin:0;}
	.teach-list li{float: none;display: inline-block;width:24%;margin-bottom: 10px;max-height:450px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

	.citylist{width:68%;}
	.citylist li a{display:block;width: 92px;height: 29px;background: url(../images/clabg.png) no-repeat;background-size: cover;image-rendering: -webkit-optimize-contrast;line-height: 28px;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1199px) and (min-width:1100px){
	.brandnav{width:40%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:61px;}
	
	.bratit .bltit{margin-left:0;}
	.bratit .brtit{margin-right:0;}
	.teach-list{margin:0;}
	.teach-list li{float: none;display: inline-block;width:24%;margin-bottom: 10px;max-height:450px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

	.footnav{max-width:84%;}
	.footnavbar li{width:100px;}
	.usfoot .footbor{left: -24px;}

	.citylist{width:72%;}
	.citylist li a{display:block;width: 92px;height: 29px;background: url(../images/clabg.png) no-repeat;background-size: cover;image-rendering: -webkit-optimize-contrast;line-height: 28px;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1099px) and (min-width:1000px){
	.brandnav{width:40%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:53px;}

	.bratit .bltit{margin-left:0;}
	.bratit .brtit{margin-right:0;}
	.teach-list{margin:0;}
	.teach-list li{float: none;display: inline-block;width:24%;margin-bottom: 10px;max-height:450px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

	.footnav{max-width:84%;}
	.footnavbar li{width:100px;}
	.usfoot .footbor{left: -24px;}

	.citylist{width:80%;}
	.citylist li a{display:block;width: 92px;height: 29px;background: url(../images/clabg.png) no-repeat;background-size: cover;image-rendering: -webkit-optimize-contrast;line-height: 28px;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:999px){
	.brtit,.header,.footer,.cityaddress{display:none;}
	.moblie-brtit,.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:60%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:99px;}

	.brandinfor{padding:20px 0;}
	.bratit .bltit{margin-left:0;}
	.bratit .bltit span{font-size:18px;}
	.bratit .bltit img{width:27px;}
	.bratit .brtit{margin:0;margin-top:4px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 2px;}
	.bratit .brtit span{font-size:14px;}

	.teach-list{margin:0;}
	.teach-list li{float: none;width:32%;margin-bottom: 10px;max-height:450px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

}
@media (max-width:869px){
	.brtit,.header,.footer,.cityaddress{display:none;}
	.moblie-brtit,.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:70%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:18px;}
	.brandnav ul li .pyword cite{max-width:105px;}

	.brandinfor{padding:20px 0;}
	.bratit .bltit{margin-left:0;}
	.bratit .bltit span{font-size:18px;}
	.bratit .bltit img{width:27px;}
	.bratit .brtit{margin:0;margin-top:4px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 2px;}
	.bratit .brtit span{font-size:14px;}

	.teach-list{margin:0;}
	.teach-list li{float: none;width:32%;margin-bottom: 10px;max-height:450px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

}
@media (max-width:767px){
	.brtit,.header,.footer,.cityaddress{display:none;}
	.moblie-brtit,.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:70%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:18px;}
	.brandnav ul li .pyword cite{max-width:96px;}

	.brandinfor{padding:20px 0;}
	.bratit .bltit{margin-left:0;}
	.bratit .bltit span{font-size:18px;}
	.bratit .bltit img{width:27px;}
	.bratit .brtit{margin:0;margin-top:4px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 2px;}
	.bratit .brtit span{font-size:14px;}

	.teach-list{margin:0;}
	.teach-list li{float: none;width:32%;margin-bottom: 10px;max-height:450px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

}
@media (max-width:660px){
	.brtit,.header,.footer,.cityaddress{display:none;}
	.moblie-brtit,.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:80%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:18px;}
	.brandnav ul li .pyword cite{max-width:92px;}

	.brandinfor{padding:20px 0;}
	.bratit .bltit{margin-left:0;}
	.bratit .bltit span{font-size:18px;}
	.bratit .bltit img{width:27px;}
	.bratit .brtit{margin:0;margin-top:4px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 2px;}
	.bratit .brtit span{font-size:14px;}

	.teach-list{margin:0;}
	.teach-list li{float: left;width:50%;margin-bottom: 10px;max-height:390px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

}
@media (max-width:530px){
	.brtit,.header,.footer,.cityaddress{display:none;}
	.moblie-brtit,.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:80%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:18px;}
	.brandnav ul li .pyword cite{max-width:60px;}

	.brandinfor{padding:20px 0;}
	.bratit .bltit{margin-left:0;}
	.bratit .bltit span{font-size:18px;}
	.bratit .bltit img{width:27px;}
	.bratit .brtit{margin:0;margin-top:4px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 2px;}
	.bratit .brtit span{font-size:14px;}

	.teach-list{margin:0;}
	.teach-list li{float: left;width:50%;margin-bottom: 10px;max-height:308px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

}
@media (max-width:414px){
	.brtit,.header,.footer,.cityaddress{display:none;}
	.moblie-brtit,.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:90%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:16px;}
	.brandnav ul li .pyword cite{max-width:55px;}

	.brandinfor{padding:20px 0;}
	.bratit .bltit{margin-left:0;}
	.bratit .bltit span{font-size:18px;}
	.bratit .bltit img{width:27px;}
	.bratit .brtit{margin:0;margin-top:4px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 2px;}
	.bratit .brtit span{font-size:14px;}

	.teach-list{margin:0;}
	.teach-list li{float: left;width:50%;margin-bottom: 10px;max-height:250px}
	.teach-list li a.teach-list-comm{height:auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

}
@media (max-width:375px){
	.brtit,.header,.footer,.cityaddress{display:none;}
	.moblie-brtit,.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:100%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:16px;}
	.brandnav ul li .pyword cite{max-width:55px;}

	.brandinfor{padding:20px 0;}
	.bratit .bltit{margin-left:0;}
	.bratit .bltit span{font-size:18px;}
	.bratit .bltit img{width:27px;}
	.bratit .brtit{margin:0;margin-top:4px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 2px;}
	.bratit .brtit span{font-size:14px;}

	.teach-list{margin:0;}
	.teach-list li{float: left;width:50%;margin-bottom: 10px;max-height:228px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

}
@media (max-width:320px){
	.brtit,.header,.footer,.cityaddress{display:none;}
	.moblie-brtit,.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:100%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:16px;}
	.brandnav ul li .pyword cite{max-width:45px;}

	.brandinfor{padding:20px 0;}
	.bratit .bltit{margin-left:0;}
	.bratit .bltit span{font-size:14px;}
	.bratit .bltit img{width:22px;}
	.bratit .brtit{margin:0;max-width:200px;height: 20px;overflow:hidden;margin-top: -1px;}
	.bratit .brtit img{width:24px;margin-right: 4px;}
	.bratit .brtit span{font-size:12px;}


	.teach-list{margin:0;}
	.teach-list li{float: left;width:50%;margin-bottom: 10px;max-height: 194px;}
	.teach-list li a.teach-list-comm{height: auto;}
	.brbanword{width:50px;height: 125px;}
	.brbanword span{font-size:14px;margin-top: 0px;margin-right:4px;}
	.brbanword cite{font-size:12px;line-height:13px;margin-top:2px;}

}