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/zptit2.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: 138px;
}
.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: 3.6%;
}
.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: 3.8%;
}
.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;}
/**主要内容**/
.stimglist{
	overflow:hidden;
}
.stimglist ul.image-row{
	width:100%;
	overflow:hidden;
}
.stimglist ul.image-row li{
	width:25%;
	float:left;
	margin-bottom:20px;
}
.stucomm{
	width: 80%;
	margin:0 auto;
	background: url(../images/stubg.png) no-repeat;
	background-size:cover;
	image-rendering: -webkit-optimize-contrast;
	height:502px;
	position:relative;
}
.stucomm:hover{
	width: 80%;
	margin:0 auto;
	background: url(../images/stubghover.png) no-repeat;
	background-size:cover;
	image-rendering: -webkit-optimize-contrast;
	height:502px;
	position:relative;
}
.stucommtit{
	display: block;
	position:absolute;
	right:40px;
	top:24px;
	width: 16px;
	word-wrap: break-word;
    word-break: break-all;
	white-space:normal;
	font-size:16px; 
	color:#000;
	border-left:1px solid #7f7f7f;
	margin:0;
	padding:0;
	padding-left: 10px;
	line-height:16px;
}
.stucommage{
	display: block;
	width: 12px;
	position:absolute;
	right:64px;
	top:20px;
	word-wrap: break-word;
    word-break: break-all;
	white-space:normal;
	font-size:12px;
	color:#000;
}
.stucommage i{
	display:block;
	font-style:normal;
	white-space:nowrap;
    text-align: center;
	-moz-transform: rotate(90deg);/* Firefox 旋转属性，参数表示角度(deg表示角度)，负数逆时针，正数顺时针 */                
	-webkit-transform: rotate(90deg);/* Safari和Chrome */
	-ms-transform: rotate(90deg);/* IE 9 */
	-o-transform: rotate(90deg);/* Opera */
}
.stuimg{
	display:block;
	width:56%;
	height: 356px;
	background-size:cover;
	image-rendering: -webkit-optimize-contrast;
	position:absolute;
	left:36px;
	bottom:45px;
}

.stucomm:hover .stucommtit{
	color:#fff;
	border-left:1px solid #fff;
}
.stucomm:hover .stucommage{
	color:#fff;
}
.stumore{
	position:absolute;
	right:8%;
	top:5%;
	display:block;
	width:36px;
}

/**分页样式**/
/* .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{
	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{
	background:url(../images/snextxz.png) no-repeat;
	background-size:100%;
	image-rendering: -webkit-optimize-contrast;
}
.spages{
	display:inline-block;
	margin:0 2%;
}
.shpage .spagelist{
	overflow:hidden;
	height: 40px;
}
.shpage .spagelist li{
	float:left;
	line-height: 40px;
	padding:0 5px;
	width:auto;
}
.shpage .spagelist li a{
	font-size:18px;
	color:#000;
	letter-spacing:0;
}
.shpage .spagelist li.cur a{
	font-size:18px;
	color:#b81c27;
	letter-spacing:0;
}
 */
/**分页内容结束**/
.moblie-brand-commmain{display:none;}

.brnav,.moblie-brans,.moblie-brand-nav{display:none;}
.brnav{width:92%;margin:0 auto;}
.moblie-brans{width:92%;margin:0 auto;}

.moblie-brans{display:none;width:92%;overflow:hidden;margin:0 auto;}
.moblie-brans .brban{float:left;width:31.9%;margin-right:2%;height: 178px;}
.moblie-brans .brban:last-child{margin-right:0;}
.moblie-brans .brban .brbanword{width:30px;height:72px;}
.moblie-brans .brban .brbanword span{font-size:14px;margin-right: 7px;margin-top:8px;}
.moblie-brans .brban .brbanword cite{display:none;}


.moblie-brand-nav{display:none;width:92%;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;}


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


.brban{
	width:100%;
	height: 431px;
	overflow:hidden;
	position:relative;
	margin-top:20px;
	overflow:hidden;
}
.brbanmain{
	position:absolute;
	left:1%;
	top:0.5%;
	width:98%;
	height: 99%;
	border-radius:25px;
}
.brbanmain .brbanimg{
	display:block;
	width:100%;
	height: 100%;
}
.usbor{
	position:absolute;
	left:0;
	top:0;
	z-index:22;
	width:100%;
	height: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:10px;
	margin-right:12px;
}
.brbanword cite{
	display:block;
	width:12px;
	color:#7e7e7e;
	white-space:normal;
	font-size:12px;
	float:right;
	margin-right:8px;
	margin-top:12px;
}

.stimglist ul.image-row{overflow:hidden;}
.stimglist ul.image-row li {margin-bottom: 10px;position: relative;float:left;max-height: 800px;}
.stimglist ul.image-row li .stimglist-comm{width:98%;}
.stimglist ul.image-row li:nth-child(2n) .stimglist-comm{width:98%;}
.stucomm-imgbg{max-width:100%;}
.stucomm-infor{float:right;z-index:3;position: absolute;right:18%;top:0;}
.stucomm-img{display: block;z-index: 3; width: 50%;position: absolute;left: 9.5%;bottom: 10.5%;height: 85%;background-position: 50% 50%;}
.stucomm-infor .stucommtit{position: inherit;float:right;padding-left:6px;}
.stucomm-infor .stucommage{position: inherit;float:right;}


.moblie-brtit{display:none;}


/***************************成人和少儿作品开始*********************************/
.stulistnav{
	width:22%;
	position: absolute;
	left:39%;
}
.stulistnav ul{
	width:60%;
	margin:0 auto;
	overflow:hidden;
}
.stulistnav ul li{
	width:50%;
	float:left;
}
.stulistnav ul li a{
	display:block;
	width: 100px;
    height: 32px;
    background: url(../images/clabg.png) no-repeat;
    background-size: cover;
    line-height: 31px;
    text-align:center;
    margin:0 auto;
}
.stulistnav ul li.current a{
    background: url(../images/clabgzx.png) no-repeat;
    background-size: cover;
}
/***************************成人和少儿作品结束*********************************/
/**手机适配**/
@media (max-width:3840px) and (min-width:1921px){
	.brandnav{width:30%;}
	.stulistnav{width:22%;position: absolute;left:39%;}
	.stucomm-infor{float:right;z-index:3;position: absolute;right:21%;top:0;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1920px) and (min-width:1800px){
	.brandnav{width:30%;}

	.stulistnav{width:22%;position: absolute;left:39%;}
	.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:115px;}

	.stucomm-img{left: 13%;}
	.stucomm-infor{right:6%;}

	.stulistnav{width:22%;position: absolute;left:39%;}
	.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:113px;}

	.stucomm-img{height:84%;left: 13%;}
	.stucomm-infor{right:4%;}
	.stulistnav{width:22%;position: absolute;left:39%;}
	.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:102px;}

	.stucomm-img{height:84%;left: 13%;}
	.stucomm-infor{right:4%;}
	.stulistnav{width:26%;position: absolute;left:36%;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1499px) and (min-width:1400px){
	.brandnav{width:34%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:112px;}

	.stucomm-img{height:84%;left: 13%;}
	.stucomm-infor{right:4%;}

	.stulistnav{width:26%;position: absolute;left:36%;}
	.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:105px;}

	.stucomm-img{height:84%;left: 13%;}
	.stucomm-infor{right:1%;}

	.stulistnav{width:28%;position: absolute;left:36%;}
	.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:114px;}

	.stucomm-img{height:84%;left: 13%;}
	.stucomm-infor{right:1%;}
	.brandnav ul li .pyword b{padding:2px;}
	.stulistnav{width:30%;position: absolute;left:34%;}
}
@media (max-width:1199px) and (min-width:1100px){
	.brandnav{width:40%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:108px;}
	
	.stimglist ul.image-row li {width:33.3%;margin-bottom: 10px;position: relative;float:left;max-height: 650px;}
	.stucomm-img{height:85%;left: 11%;}
	.stucomm-infor{right:3%;}

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

	.stulistnav{width:34%;position: absolute;left:32%;}
	.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:88px;}

	.stimglist ul.image-row li {width:33.3%;margin-bottom: 10px;position: relative;float:left;max-height: 450px;}
	.stucomm-img{height:84%;left: 11%;}
	.stucomm-infor{right:1%;}

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

	.stulistnav{width:36%;position: absolute;left:30%;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:999px){
	.header,.footer,.brtit{display:none;}
	.moblie-header,.moblie-brtit,.moblie-footer,.moblie-brand-studentmain,.stimglist,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:46%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:16px;}
	.brandnav ul li .pyword cite{max-width:105px;}

	.brandinfor{padding:20px 0;padding-top:80px;position:relative;}
	.stulistnav{width:100%;left:0%;top:2%}
	.stulistnav ul{width:80%;}
	.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;}
	
	.brnav,.moblie-brans,.moblie-brand-nav{display:block;}
	.stimglist ul.image-row li {width:33.3%;margin-bottom: 10px;position: relative;float:left;max-height: 450px;}
	.stucomm-img{height:83%;left: 11%;}
	.stucomm-infor{right:1%;}
	.moblie-brans .brban{height: 210px;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 60px;}
	.moblie-brand-commmain .commlist{width:92%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:66%;}
}
@media (max-width:869px){
	.header,.footer,.brtit{display:none;}
	.moblie-header,.moblie-brtit,.moblie-footer,.moblie-brand-studentmain,.stimglist,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:50%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:16px;}
	.brandnav ul li .pyword cite{max-width:86px;}

	.brandinfor{padding:20px 0;padding-top:80px;position:relative;}
	.stulistnav{width:100%;left:0%;top:2%}
	.stulistnav ul{width:80%;}
	.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;}
	
	.brnav,.moblie-brans,.moblie-brand-nav{display:block;}
	.stimglist ul.image-row li {width:33.3%;margin-bottom: 10px;position: relative;float:left;max-height: 450px;}
	.stucomm-img{height:83%;left: 11%;}
	.stucomm-infor{right:-2%;}
	.moblie-brans .brban{height: 210px;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 60px;}
	.moblie-brand-commmain .commlist{width:92%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:66%;}
}
@media (max-width:767px){
	.header,.footer,.brtit{display:none;}
	.moblie-header,.moblie-brtit,.moblie-footer,.moblie-brand-studentmain,.stimglist,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:50%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:16px;}
	.brandnav ul li .pyword cite{max-width:86px;}

	.brandinfor{padding:20px 0;padding-top:80px;position:relative;}
	.stulistnav{width:100%;left:0%;top:2%}
	.stulistnav ul{width:80%;}
	.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;}
	
	.brnav,.moblie-brans,.moblie-brand-nav{display:block;}
	.stimglist ul.image-row li {width:33.3%;margin-bottom: 10px;position: relative;float:left;max-height: 450px;}
	.stucomm-img{height:82%;left: 11%;}
	.stucomm-infor{right:-2%;}
	.moblie-brans .brban{height: 210px;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 60px;}
	.moblie-brand-commmain .commlist{width:92%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:66%;}
}
@media (max-width:660px){
	.header,.footer,.brtit{display:none;}
	.moblie-header,.moblie-brtit,.moblie-footer,.moblie-brand-studentmain,.stimglist,.moblie-brand-commmain{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:50%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:16px;}
	.brandnav ul li .pyword cite{max-width:74px;}

	.brandinfor{padding:20px 0;padding-top:80px;position:relative;}
	.stulistnav{width:100%;left:0%;top:2%}
	.stulistnav ul{width:80%;}
	.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;}
	
	.brnav,.moblie-brans,.moblie-brand-nav{display:block;}
	.stimglist ul.image-row li {width:33.3%;margin-bottom: 10px;position: relative;float:left;max-height: 450px;}
	.stucomm-img{height:81%;left: 10%;}
	.stucomm-infor{right:-8%;}
	.moblie-brans .brban{height: 210px;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 60px;}
	.moblie-brand-commmain .commlist{width:92%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:66%;}
}
@media (max-width:530px){
	.header,.footer,.brtit{display:none;}
	.moblie-header,.moblie-brtit,.moblie-footer,.moblie-brand-studentmain,.stimglist,.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:16px;}
	.brandnav ul li .pyword cite{max-width:82px;}

	.brandinfor{padding:20px 0;padding-top:80px;position:relative;}
	.stulistnav{width:100%;left:0%;top:2%}
	.stulistnav ul{width:80%;}
	.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;}
	
	.brnav,.moblie-brans,.moblie-brand-nav{display:block;}
	.stimglist ul.image-row li {width:50%;margin-bottom: 10px;position: relative;float:left;max-height: 450px;}
	.stucomm-img{height:82%;left: 12.5%;}
	.stucomm-infor{right:-6%;}
	.moblie-brans .brban{height: 178px;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 60px;}
	.moblie-brand-commmain .commlist{width:92%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:66%;}
}
@media (max-width:414px){
	.header,.footer,.brtit{display:none;}
	.moblie-header,.moblie-brtit,.moblie-footer,.moblie-brand-studentmain,.stimglist,.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:82px;}

	.brandinfor{padding:20px 0;padding-top:80px;position:relative;}
	.stulistnav{width:100%;left:0%;top:2%}
	.stulistnav ul{width:80%;}
	.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;}
	
	.brnav,.moblie-brans,.moblie-brand-nav{display:block;}

	.stimglist ul.image-row li {width:50%;margin-bottom: 10px;position: relative;float:left;max-height: 360px;}
	.stucomm-img{height:81%;}
	.stucomm-infor{right:-6%;}

	.moblie-brans .brban{height: 162px;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 60px;}
	.moblie-brand-commmain .commlist{width:92%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:66%;}
}
@media (min-width:340px) and (max-width:384px){
	.header,.footer,.brtit{display:none;}
	.moblie-header,.moblie-brtit,.moblie-footer,.moblie-brand-studentmain,.stimglist,.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:84px;}

	.brandinfor{padding:20px 0;padding-top:80px;position:relative;}
	.stulistnav{width:100%;left:0%;top:2%}
	.stulistnav ul{width:80%;}
	.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;}
	
	.brnav,.moblie-brans,.moblie-brand-nav{display:block;}
	
	.stimglist ul.image-row li {width:50%;margin-bottom: 10px;position: relative;float:left;max-height: 288px;}
	.stucomm-img{height:81%;}
	.stucomm-infor{right:-9%;}
	.stucomm-infor .stucommage{right:58px;}
	.stucomm-infor .stucommtit{font-size:14px;width:14px;}

	.moblie-brans .brban{height: 162px;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 60px;}
	.moblie-brand-commmain .commlist{width:92%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:60%;}
}
@media (max-width:320px){
	.header,.footer,.brtit{display:none;}
	.moblie-header,.moblie-brtit,.moblie-footer,.moblie-brand-studentmain,.stimglist,.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:12px;}
	.brandnav ul li .pyword cite{max-width:83px;}

	.brandinfor{padding:20px 0;padding-top:80px;position:relative;position: relative;}
	.stulistnav{width:100%;left:0%;top2%}
	.stulistnav ul{width:80%;}
	.bratit .bltit{margin-left:0;}
	.bratit .bltit span{font-size:14px;}
	.bratit .bltit img{width:22px;}
	.bratit .brtit{margin:0;max-width: 200px;overflow:hidden;height:20px;}
	.bratit .brtit img{width:24px;margin-right: 4px;margin-top: 2px;}
	.bratit .brtit span{font-size:12px;}
	
	.brnav,.moblie-brans,.moblie-brand-nav{display:block;}

	.stimglist ul.image-row li {width:50%;margin-bottom: 10px;position: relative;float:left;max-height: 220px;}
	.stucomm-img{height:78%;}
	.stucomm-infor{right:-14%;}
	.stucomm-infor .stucommage{right:58px;}
	.stucomm-infor .stucommtit{font-size:14px;width:14px;}

	.moblie-brans .brban{height: 139px;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 60px;}
	.moblie-brand-commmain .commlist{width:92%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:56%;}
}