html,body{
	background:#fff;
}
i,cite{font-style:normal;}
img{image-rendering: -webkit-optimize-contrast;}
.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/cltit2.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:25%;
	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:20px 0;
	/* position:relative; */
	padding-top: 50px;
}
.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-top:8px;
	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: 14px;
	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;}


/***课程详情***/
.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;
    image-rendering: -webkit-optimize-contrast;
    line-height: 31px;
    text-align:center;
    margin:0 auto;
}
.stulistnav ul li.clcur a{
    background: url(../images/clabgzx.png) no-repeat;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
}
.classinfor{
	width:100%;
}
.cm-infor01,.cm-infor02,.cm-infor03,.cm-infor04,.cm-infor05{
	width:100%;
	background:#f4f1ec;
	overflow:hidden;
	padding:60px 0;
}
.cm-infor02,.cm-infor04{
	background:#fff;
}
.cm-infor01-img,.cm-infor02-img,.cm-infor03-img,.cm-infor04-img,.cm-infor05-img{
	float:left;
	width:20%;
	margin-left:5%;
}
.cm-infor02-img,.cm-infor04-img{
	float:right;
}
.cm-infor01-intro,.cm-infor02-intro,.cm-infor03-intro,.cm-infor04-intro,.cm-infor05-intro{
	float:left;
	max-width:60%;
	margin-left:5%;
}
.cm-infor01-intro h4,.cm-infor02-intro h4,.cm-infor03-intro h4,.cm-infor04-intro h4,.cm-infor05-intro h4{
	font-size:30px;
	color:#000;
	font-weight:bold;
	margin-top:35px;
	margin-bottom:25px;
}
.cm-infor02-intro h4,.cm-infor04-intro h4{
	margin-top:55px;
	margin-bottom:40px;
}
.cm-infor05-intro h4{
	margin-top:6%;
	margin-bottom:40px;
}
.cm-infor01-intro p,.cm-infor02-intro p,.cm-infor03-intro p,.cm-infor04-intro p,.cm-infor05-intro p{
	font-size:14px;
	color:#403f3f;
	letter-spacing:0.125em;
	margin-top:10px;
}
.design{
	background:#fff;
}
.clstud{
	background:#fff;
}
.clstud .clzptit,.designtit{
	font-size:30px;
	color:#000;
	font-weight:bold;
	text-align:center;
}
.designtit{
	padding-top:50px;
}
.designlist{
	width:100%;
	padding-top:50px;
}
.designlist ul{
	width:74%;
	margin:0 auto;
	overflow:hidden;
}
.designlist ul li{
	float:left;
	width:20%;
	border:1px solid #d8d8d8;
	margin-right:6%;
}
.designlist ul li.last{
	margin-right:0;
}
.deigntop{
	width:100%;
	margin-top:5px;
	padding-top:5%;
	border-top:1px solid #d8d8d8;
	text-align:center;
	height: 200px;
}
.deigntop img{
	width:90%;
}
.deignbot{
	width:100%;
	margin-bottom:5px;
	padding-bottom:12%;
	border-bottom:1px solid #d8d8d8;
	text-align:center;
	padding-top:5%;
	height: 170px;
}
.deignbot span{
	display:block;
	font-size:14px;
	color:#403f3f;
	margin-top:3px;
}
.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-studentmain{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;}

.moblie-brand-brnav{width:92%;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-studentmain{background:#fff;padding:0;margin-top:10px;}
.moblie-brand-studentmain .stulist{margin:0;margin-top:10px;}
.moblie-brand-studentmain h4{height: 36px;text-align:center;}
.moblie-brand-studentmain h4 span{display:block;width:100%;height:1px;background:#d0d0d0;}
.moblie-brand-studentmain h4 b{font-size:16px;color:#000;position:relative;top: 10px;background: #fff;padding: 0 20px;}



.stimglist{
	overflow:hidden;
	display:none;
}
.stimglist ul{
	width:100%;
	overflow:hidden;
}
.stimglist ul li{
	width:50%;
	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;
}
.stimglist ul{overflow:hidden;}
.stimglist ul li {margin-bottom: 10px;position: relative;float:left;max-height: 800px;}
.stimglist ul li .stimglist-comm{width:98%;}
.stimglist ul li:nth-child(2n) .stimglist-comm{width:98%;}
.stucomm-imgbg{max-width:100%;}
.stucomm-infor{float:right;z-index:3;position: absolute;right:16%;top:0;}
.stucomm-img{display: block;z-index: 3; width: 50%;position: absolute;left: 11%;bottom: 10.5%;height: 85%;}
.stucomm-infor .stucommtit{position: inherit;float:right;padding-left:6px;}
.stucomm-infor .stucommage{position: inherit;float:right;}

.clstud .swiper-slide .stucomm-infor{float:right;z-index:3;position: absolute;right:8%;top:0;}
.clstud .swiper-slide .stucomm-img{display: block;z-index: 3; width: 50%;position: absolute;left: 11.5%;bottom: 10.5%;height: 85%;}

.moblie-brtit,.moblie-brand-commmain{display:none;}
/**手机适配**/
@media (max-width:1920px) and (min-width:1800px){
	.brandnav{width:40%;}
	.brandnav ul li .pyword cite{max-width:88px;}

	.stulistnav{width:22%;position: absolute;left:39%;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1799px) and (min-width:1700px){
	.brandnav{width:40%;}
	.brandnav ul li .pyword cite{max-width:74px;}

	.stulistnav{width:22%;position: absolute;left:39%;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1699px) and (min-width:1600px){
	.brandnav{width:40%;}
	.brandnav ul li .pyword cite{max-width:66px;}

	.deigntop{height:164px;}
	.clstud .swiper-slide .stucomm-infor{right:4%;}
	.clstud .swiper-slide .stucomm-img{left: 10%;height: 83%;}

	.stulistnav{width:22%;position: absolute;left:39%;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1599px) and (min-width:1500px){
	.brandnav{width:40%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:56px;}

	.deigntop{height:154px;}
	.clstud .swiper-slide .stucomm-infor{right:4%;}
	.clstud .swiper-slide .stucomm-img{left: 10%;height: 83%;}

	.stulistnav{width:26%;position: absolute;left:36%;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1499px) and (min-width:1400px){
	.brandnav{width:46%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:66px;}

	.deigntop{height:144px;}
	.clstud .swiper-slide .stucomm-infor{right:2%;}
	.clstud .swiper-slide .stucomm-img{left: 10%;height: 83%;}

	.stulistnav{width:26%;position: absolute;left:36%;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1399px) and (min-width:1300px){
	.brandnav{width:50%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:66px;}

	.deigntop{height:134px;}
	.clstud .swiper-slide .stucomm-infor{right:2%;}
	.clstud .swiper-slide .stucomm-img{left: 10%;height: 82%;}

	.stulistnav{width:28%;position: absolute;left:36%;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1299px) and (min-width:1200px){
	.brandnav{width:50%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:66px;}

	.deigntop{height:124px;}
	.clstud .swiper-slide .stucomm-infor{right:-7%;}
	.clstud .swiper-slide .stucomm-img{left: 10%;height: 81%;}

	.stulistnav{width:30%;position: absolute;left:34%;}
	.brandnav ul li .pyword b{padding:2px;}
}
@media (max-width:1199px) and (min-width:1100px){
	.brandnav{width:60%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:68px;}

	.bratit .bltit{margin-left:0;}
	.bratit .brtit{margin-right:0;}

	.cm-infor01-img, .cm-infor02-img, .cm-infor03-img, .cm-infor04-img, .cm-infor05-img{width:40%;}
	.cm-infor01-intro, .cm-infor02-intro, .cm-infor03-intro, .cm-infor04-intro, .cm-infor05-intro{width:50%;}

	.deigntop{height:118px;}
	.clstud .swiper-slide .stucomm-infor{right:-7%;}
	.clstud .swiper-slide .stucomm-img{left: 10%;height: 81%;}


	.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:60%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword cite{max-width:68px;}

	.bratit .bltit{margin-left:0;}
	.bratit .brtit{margin-right:0;}

	.cm-infor01-img, .cm-infor02-img, .cm-infor03-img, .cm-infor04-img, .cm-infor05-img{width:40%;}
	.cm-infor01-intro, .cm-infor02-intro, .cm-infor03-intro, .cm-infor04-intro, .cm-infor05-intro{width:50%;}

	.deigntop{height:104px;}
	.clstud .swiper-slide .stucomm-infor{right:-14%;}
	.clstud .swiper-slide .stucomm-img{left: 10%;height: 80%;}


	.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,.design,.studentmain,.brtit{display:none;}
	.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-studentmain,.moblie-brand-commmain,.moblie-brtit{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:66%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:16px;}
	.brandnav ul li .pyword cite{max-width:80px;}

	.brandinfor{padding:20px 0;padding-top: 60px;position:relative;}
	.stulistnav{width:100%;left:0%;top:12%}
	.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: 10px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 1px;}
	.bratit .brtit span{font-size:14px;}
	.classsecnav{top:12%;}
	.cm-infor01-img, .cm-infor02-img, .cm-infor03-img, .cm-infor04-img, .cm-infor05-img{float:none;width:80%;margin: 0 auto;}
	.cm-infor01-intro, .cm-infor02-intro, .cm-infor03-intro, .cm-infor04-intro, .cm-infor05-intro{float:none;max-width: 90%;}
	.cm-infor01-intro h4, .cm-infor02-intro h4, .cm-infor03-intro h4, .cm-infor04-intro h4, .cm-infor05-intro h4{font-size:20px;}
	.cm-infor05-intro h4{margin-bottom:20px;margin-top:30px;}

	.stimglist{display:block}
	.stimglist ul li {width:50%;margin-bottom: 10px;position: relative;float:left;max-height: 650px;}
	.stucomm-img{height:85%;left:9%;}
	.stucomm-infor{right:25%;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 0px;border-top:1px solid #d0d0d0;width:92%;margin:0 auto;margin-top:20px;}
	.moblie-brand-commmain .commlist{width:100%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:72%;}
}
@media (max-width:869px){
	.header,.footer,.design,.studentmain,.brtit{display:none;}
	.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-studentmain,.moblie-brand-commmain,.moblie-brtit{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:76%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:16px;}
	.brandnav ul li .pyword cite{max-width:80px;}

	.brandinfor{padding:20px 0;padding-top: 60px;position:relative;}
	.stulistnav{width:100%;left:0%;top:12%}
	.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: 10px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 1px;}
	.bratit .brtit span{font-size:14px;}
	.classsecnav{top:12%;}
	.cm-infor01-img, .cm-infor02-img, .cm-infor03-img, .cm-infor04-img, .cm-infor05-img{float:none;width:80%;margin: 0 auto;}
	.cm-infor01-intro, .cm-infor02-intro, .cm-infor03-intro, .cm-infor04-intro, .cm-infor05-intro{float:none;max-width: 90%;}
	.cm-infor01-intro h4, .cm-infor02-intro h4, .cm-infor03-intro h4, .cm-infor04-intro h4, .cm-infor05-intro h4{font-size:20px;}
	.cm-infor05-intro h4{margin-bottom:20px;margin-top:30px;}

	.stimglist{display:block}
	.stimglist ul li {width:50%;margin-bottom: 10px;position: relative;float:left;max-height: 750px;}
	.stucomm-img{height:84%;}
	.stucomm-infor{right:14%;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 0px;border-top:1px solid #d0d0d0;width:92%;margin:0 auto;margin-top:20px;}
	.moblie-brand-commmain .commlist{width:100%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:70%;}
}
@media (max-width:767px){
	.header,.footer,.design,.studentmain,.brtit{display:none;}
	.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-studentmain,.moblie-brand-commmain,.moblie-brtit{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:16px;}
	.brandnav ul li .pyword cite{max-width:80px;}

	.brandinfor{padding:20px 0;padding-top: 60px;position:relative;}
	.stulistnav{width:100%;left:0%;top:12%}
	.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: 10px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 1px;}
	.bratit .brtit span{font-size:14px;}
	.classsecnav{top:12%;}
	.cm-infor01-img, .cm-infor02-img, .cm-infor03-img, .cm-infor04-img, .cm-infor05-img{float:none;width:80%;margin: 0 auto;}
	.cm-infor01-intro, .cm-infor02-intro, .cm-infor03-intro, .cm-infor04-intro, .cm-infor05-intro{float:none;max-width: 90%;}
	.cm-infor01-intro h4, .cm-infor02-intro h4, .cm-infor03-intro h4, .cm-infor04-intro h4, .cm-infor05-intro h4{font-size:20px;}
	.cm-infor05-intro h4{margin-bottom:20px;margin-top:30px;}

	.stimglist{display:block}
	.stimglist ul li {width:50%;margin-bottom: 10px;position: relative;float:left;max-height: 650px;}
	.stucomm-img{height:84%;}
	.stucomm-infor{right:12%;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 0px;border-top:1px solid #d0d0d0;width:92%;margin:0 auto;margin-top:20px;}
	.moblie-brand-commmain .commlist{width:100%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:69%;}
}
@media (max-width:660px){
	.header,.footer,.design,.studentmain,.brtit{display:none;}
	.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-studentmain,.moblie-brand-commmain,.moblie-brtit{display:block;}
	.brandtit{width:110px;height: 50px;margin-bottom:42px;}
	.brandbaner{padding-top:43px;height: 240px;}
	
	.brandnav{width:86%;}
	.pyxh{right:-3px;top: 25px;}
	.brandnav ul li .pyword{font-size:16px;}
	.brandnav ul li .pyword cite{max-width:65px;}

	.brandinfor{padding:20px 0;padding-top: 60px;position:relative;}
	.stulistnav{width:100%;left:0%;top:12%}
	.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: 10px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 1px;}
	.bratit .brtit span{font-size:14px;}
	.classsecnav{top:12%;}
	.cm-infor01-img, .cm-infor02-img, .cm-infor03-img, .cm-infor04-img, .cm-infor05-img{float:none;width:80%;margin: 0 auto;}
	.cm-infor01-intro, .cm-infor02-intro, .cm-infor03-intro, .cm-infor04-intro, .cm-infor05-intro{float:none;max-width: 90%;}
	.cm-infor01-intro h4, .cm-infor02-intro h4, .cm-infor03-intro h4, .cm-infor04-intro h4, .cm-infor05-intro h4{font-size:20px;}
	.cm-infor05-intro h4{margin-bottom:20px;margin-top:30px;}

	.stimglist{display:block}
	.stimglist ul li {width:50%;margin-bottom: 10px;position: relative;float:left;max-height: 450px;}
	.stucomm-img{height:81%;left: 10%;}
	.stucomm-infor{right:-8%;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 0px;border-top:1px solid #d0d0d0;width:92%;margin:0 auto;margin-top:20px;}
	.moblie-brand-commmain .commlist{width:100%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:68%;}
}
@media (max-width:530px){
	.header,.footer,.design,.studentmain,.brtit{display:none;}
	.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-studentmain,.moblie-brand-commmain,.moblie-brtit{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:62px;}

	.brandinfor{padding:20px 0;padding-top: 60px;position:relative;}
	.stulistnav{width:100%;left:0%;top:12%}
	.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: 10px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 1px;}
	.bratit .brtit span{font-size:14px;}
	.classsecnav{top:12%;}
	.cm-infor01-img, .cm-infor02-img, .cm-infor03-img, .cm-infor04-img, .cm-infor05-img{float:none;width:80%;margin: 0 auto;}
	.cm-infor01-intro, .cm-infor02-intro, .cm-infor03-intro, .cm-infor04-intro, .cm-infor05-intro{float:none;max-width: 90%;}
	.cm-infor01-intro h4, .cm-infor02-intro h4, .cm-infor03-intro h4, .cm-infor04-intro h4, .cm-infor05-intro h4{font-size:20px;}
	.cm-infor05-intro h4{margin-bottom:20px;margin-top:30px;}
	
	.stimglist{display:block}
	.stimglist ul li {width:50%;margin-bottom: 10px;position: relative;float:left;max-height: 450px;}
	.stucomm-img{height:82%;left: 10.5%;}
	.stucomm-infor{right:-4%;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 0px;border-top:1px solid #d0d0d0;width:92%;margin:0 auto;margin-top:20px;}
	.moblie-brand-commmain .commlist{width:100%;}
	.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,.design,.studentmain,.brtit{display:none;}
	.moblie-header,.moblie-footer,.moblie-brand-brnav,.moblie-brand-nav,.moblie-brand-studentmain,.moblie-brand-commmain,.moblie-brtit{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:35px;}

	.brandinfor{padding:20px 0;padding-top: 60px;position:relative;}
	.stulistnav{width:100%;left:0%;top:12%}
	.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: 10px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 1px;}
	.bratit .brtit span{font-size:14px;}
	.classsecnav{top:12%;}
	.cm-infor01-img, .cm-infor02-img, .cm-infor03-img, .cm-infor04-img, .cm-infor05-img{float:none;width:80%;margin: 0 auto;}
	.cm-infor01-intro, .cm-infor02-intro, .cm-infor03-intro, .cm-infor04-intro, .cm-infor05-intro{float:none;max-width: 90%;}
	.cm-infor01-intro h4, .cm-infor02-intro h4, .cm-infor03-intro h4, .cm-infor04-intro h4, .cm-infor05-intro h4{font-size:20px;}
	.cm-infor05-intro h4{margin-bottom:20px;margin-top:30px;}
	
	.stimglist{display:block}
	.stimglist ul li {width:50%;margin-bottom: 10px;position: relative;float:left;max-height: 360px;}
	.stucomm-img{height:81%;}
	.stucomm-infor{right:-6%;}

	.moblie-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 0px;border-top:1px solid #d0d0d0;width:92%;margin:0 auto;margin-top:20px;}
	.moblie-brand-commmain .commlist{width:100%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:66%;}
}
@media (max-width:375px) {
	.header,.footer{display:none;}
	.moblie-header,.moblie-footer{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:14px;}
	.brandnav ul li .pyword cite{max-width:36px;}

	.brandinfor{padding:20px 0;padding-top: 60px;position:relative;}
	.stulistnav{width:100%;left:0%;top:12%}
	.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: 10px;}
	.bratit .brtit img{width:26px;margin-right: 4px;margin-top: 1px;}
	.bratit .brtit span{font-size:14px;}
	.classsecnav{top:12%;}

	.stimglist{display:block}
	.stimglist ul 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-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 0px;border-top:1px solid #d0d0d0;width:92%;margin:0 auto;margin-top:20px;}
	.moblie-brand-commmain .commlist{width:100%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:62%;}
}

@media (max-width:320px){
	.header,.footer{display:none;}
	.moblie-header,.moblie-footer,.stimglist{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:30px;}

	.brandinfor{padding:20px 0;padding-top: 60px;}
	.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:5px;}
	.bratit .brtit img{width:24px;margin-right: 4px;margin-top: 2px;}
	.bratit .brtit span{font-size:12px;}
	.classsecnav{top:12%;}
	.cm-infor01-img, .cm-infor02-img, .cm-infor03-img, .cm-infor04-img, .cm-infor05-img{float:none;width:80%;margin: 0 auto;}
	
	.stimglist{display:block}
	.stimglist ul 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-brand-commmain{padding: 20px 0;height: auto;padding-bottom: 0px;border-top:1px solid #d0d0d0;width:92%;margin:0 auto;margin-top:20px;}
	.moblie-brand-commmain .commlist{width:100%;}
	.moblie-brand-commmain  .commlist .commtop{padding-top: 0;}
	.moblie-brand-commmain .commlist .commtop .commtop-tit{font-size:14px;max-width:56%;}

	.classsecnav{position:absolute;left:45%;top:40%;width:22%;margin:0 auto;}
	.classsecnav ul{width:60%;overflow:hidden;}
}