@charset "utf-8";
/* CSS Document */

/*================基本样式重置================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,textarea,article,aside,canvas,details,embed,figure,figcaption, hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;vertical-align:baseline;font-weight:normal;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html,body{font-family:"Microsoft YaHei",Helvetica,Arial,sans-serif;-webkit-text-size-adjust:none;}
/*html, body{height:100%;}*/
html{overflow-x:hidden;overflow-y:auto;}/*用来隐藏（ie7）html的滚动条*/
body{font-size:12px;color:#333;background:#FFF;zoom:1;}
.page-Chinese{font-family:"Microsoft YaHei";}
.page-English{font-family:"Arial";}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
a{text-decoration:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea,select{resize:none;font-family:"Microsoft YaHei",Helvetica,Arial,sans-serif;}
input{font-family:"Microsoft YaHei",Helvetica,Arial,sans-serif;}
img{max-width:100%;}
a,img,input{border:0 none;}
input,select,textarea{-webkit-border-radius:0px;-om-border-radius:0px;}
[type="text"],[type="submit"],[type="button"],[type="number"],textarea{-webkit-appearance:none;-moz-appearance:none;}
img,input{border:0 none;}
a:hover{text-decoration:none;}
a:focus,input:focus{outline:0 none;}
b,h1,h2,h3,h4,h5,h6{font-weight:100;}
em,i{font-style:normal;}
textarea{resize:none;font-size:1em;border:0 none;} /*去掉火狐和谷歌浏览器的Textarea改变尺寸大小功能*/
.Fillet{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:0px 0px 8px #999;}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1;zoom:1;}
.clear{clear:both;height:0px;width:100%;visibility:hidden;}
/*定位 显示*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
a{color:#666;}
/* 时间动作 */
.bgTran{transition-property:all;transition-duration:300ms;transition-timing-function:ease;}
.shadow{-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #000;box-shadow:3px 3px 4px #000;}
.tran{transition:all .2s;}
/* 旋转效果 */
.rotate2D{-webkit-animation:load 2s linear 0s infinite;-moz-animation:load 0s linear 1s infinite;-ms-animation:load 2s linear 0s infinite;-o-animation:load 2s linear 0s infinite;animation:load 2s linear 0s infinite;}
/* 定义变量 */
@-webkit-keyframes load{0%{transform:rotate(0);-ms-transform:rotate(0);/* ie 9 */-webkit-transform:rotate(0);/* safari and chrome */-o-transform:rotate(0);/* opera */-moz-transform:rotate(0);}100%{transform:rotate(360deg);-ms-transform:rotate(360deg);/* ie 9 */-webkit-transform:rotate(360deg);/* safari and chrome */-o-transform:rotate(360deg);/* opera */	-moz-transform:rotate(360deg);}}
/* 鼠标滑过旋转 2D 360° */
.HRotate2D{transition:all 0.5s ease-out 0.1s;}
.HRotate2D:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
/* 鼠标滑过旋转 3D 360° */
.HRotate3D{transition:all 0.5s ease-out 0.1s;}
.HRotate3D:hover{transform:rotateY(360deg);-webkit-transform:rotateY(360deg); /* safari and chrome */-moz-transform:rotateY(360deg);}
/* 阴影 */
.shadow{box-shadow:2px 2px 3px #ccc;}


/*#1{color:#333;}*/ /* Moz */
/** html #1{color:#666;}*/ /* IE6 */
/**+html #1{color:#999;}*/ /* IE7 */

/*================定义通用样式================*/
.w100{width:100%;}
.w50{width:50%;}
.maxW{max-width:1920px;}
.w{width:1200px;margin:0 auto;}
.n_w{width:752px;margin:0 auto;}
.ww{width:1200px;}
.tcc{text-justify:auto;text-align:justify;}/*文本两端对齐*/
.twb{word-wrap:break-word;word-break:normal;}/*允许长单词换行到下一行*/
.tof{text-overflow:ellipsis;}/*文字超出显示 ...*/
.webC{color:#32456f;}/*网站文字主颜色*/
.cw{color:#FFF;}
.cy{color:#fff600;}
.co{color:#fc9a0e;}
.cb{color:#57a5dc;}
.cBrown{color:#801b1b;}
.c3{color:#333;}
.c6{color:#666;}
.c9{color:#999;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.ti1{text-indent:1em;}
.ti2{text-indent:2em;}
.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.fz22{font-size:22px;}
.fz24{font-size:24px;}
.nb{font-weight:100;}
.hide{display:none;}
.dblock{display:block;}
.undline:hover{text-decoration:underline;}
.of_h{overflow:hidden;}

a img.opacity{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;} 
a:hover img.opacity{filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.Red{color:#ff0000;}
.Black{color:#333;}
.Gray{color:#999;}
.bor{border:solid 1px #d2d2d2;}
.borbtm{border-bottom:solid 1px #d6d6d6;}
.mg{margin:0 auto;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;min-height:350px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt85{margin-top:85px;}.mt90{margin-top:90px;}.mt95{margin-top:95px;}.mt100{margin-top:100px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}.mr65{margin-right:65px;}.mr70{margin-right:70px;}.mr75{margin-right:75px;}.mr80{margin-right:80px;}.mr85{margin-right:85px;}.mr90{margin-right:90px;}.mr95{margin-right:95px;}.mr100{margin-right:100px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb75{margin-bottom:75px;}.mb80{margin-bottom:80px;}.mb85{margin-bottom:85px;}.mb90{margin-bottom:90px;}.mb95{margin-bottom:95px;}.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}.ml75{margin-left:75px;}.ml80{margin-left:80px;}.ml85{margin-left:85px;}.ml90{margin-left:90px;}.ml95{margin-left:95px;}.ml100{margin-left:100px;}
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}.pt75{padding-top:75px;}.pt80{padding-top:80px;}.pt85{padding-top:85px;}.pt90{padding-top:90px;}.pt95{padding-top:95px;}.pt100{padding-top:100px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}.pr65{padding-right:65px;}.pr70{padding-right:70px;}.pr75{padding-right:75px;}.pr80{padding-right:80px;}.pr85{padding-right:85px;}.pr90{padding-right:90px;}.pr95{padding-right:95px;}.pr100{padding-right:100px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb65{padding-bottom:65px;}.pb70{padding-bottom:70px;}.pb75{padding-bottom:75px;}.pb80{padding-bottom:80px;}.pb85{padding-bottom:85px;}.pb90{padding-bottom:90px;}.pb95{padding-bottom:95px;}.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}.pl75{padding-left:75px;}.pl80{padding-left:80px;}.pl85{padding-left:85px;}.pl90{padding-left:90px;}.pl95{padding-left:95px;}.pl100{padding-left:100px;}

.icon{background:url(../images/icon.jpg) no-repeat;}
.icon1{background-position:0px 7px;padding-left:20px;}
.icon2{background-position:0px -20px;padding-left:22px;}

.borLine{border:1px solid #dfe6ee;}
.borL{border-left:1px solid #dfe6ee;}
.borR{border-right:1px solid #dfe6ee;}
.borT{border-top:1px solid #dfe6ee;}
.borB{border-bottom:1px solid #dfe6ee;}
/*================= 分页 ===================*/
.pagelist{width:100%;float:left;}
.check_pagelist{width:780px;height:85px;border-top:1px solid #dddddd;margin-top:33px;}
.pagelist div.pager{color:#666;clear:both;width:100%;margin:20px auto;text-align:center;}
.check_pagelist div.pager{margin-top:30px;display:inline-block;}
.pagelist div.pager span,.pagelist div.pager .nolink,.pagelist div.pager a{display:inline-block;border:solid 1px #cbcbcb;line-height:22px;margin:0 1px;padding:0px 8px;}
.pagelist div.pager .nolink{color:#666;}
.pagelist div.pager a{color:#666;text-decoration:none;}w
.pagelist div.pager a:hover{color:#FFF;}
.pagelist div.pager a:hover,.pagelist div.pager .cpb{background:#004a8f;border:solid 1px #004a8f;}
/*隐藏页码信息*/
.pagelist div.pager .pageinfo{display:none;}
/*当前页*/
.pagelist div.pager .cpb{color:#FFF;}
/*如需要修改颜色：替换"#0a6a9b"*/

/*================= 新闻详细页 ===================*/
.article_box{overflow:hidden;}
.article_tit{width:100%;line-height:50px;text-align:center;font-size:20px;color:#333;font-family:microsoft yahei;}
.article_time{line-height:30px;clear:both;text-align:center;background:url(../images/news_details_line.jpg) no-repeat center bottom;padding-bottom:31px;color:#666;}
.article_content{width:100%;overflow:hidden;clear:both;padding:10px 0 25px 0;line-height:26px;color:#555;font-size:14px;}
.article_content img{max-width:670px;}
.article_content .imgs{max-width:670px;margin:15px auto;text-align:center;}
p.ml10{text-indent:25px;font-size:14px;}
.article_sh{width:100%;padding:20px 0;float:left;}
.article_sh .left{width:60%;float:left;margin:0;}
.article_sh .left p{width:100%;float:left;margin:5px 0 0 0;color:#333;line-height:22px;}
.article_sh .left p a{color:#666;}
.article_sh .right{width:240px;float:right;margin:10px 0 0 0;}

/*================= 返回顶部 ===================*/
#goTop{bottom:100px;right:20px;width:45px;position:fixed;z-index:99999;}

#goTop .collect:hover{background-position:-50px -101px;}
#goTop .pop_code{bottom:0;_bottom:-1px;right:50px;height:240px;width:240px;position:absolute;z-index:9;}
#goTop .pop_code .code_con{background:#fff;box-shadow:0 0 1px rgba(34,25,25,0.1);-webkit-box-shadow:rgba(34,25,25,0.1) 0 0 1px;border:1px solid #e6e4e4;text-align:center;padding:7px;}
#goTop .pop_code .code_con b{display:block;font-size:14px;margin-top:6px;color:#666;}

/*================= Swiper ===================*/
.swiper-container {width:100%;height:100%;}
.swiper-slide {text-align:center;font-size:18px;background:#fff;/* center slide text vertically */display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}


/*================= 头部 ===================*/
.TopBox{position:relative;height:107px;z-index:999;}
.TopBox .TopInfo{height:34px;overflow:hidden;}
.TopBox .TopInfo,.TopBox .TopInfo p{height:25px;}
.TopBox .TopInfo p,.TopBox .TopInfo p a{color:#3b3b3b;}
.TopBox .TopInfo p.P_Cen{height:25px;padding-top:5px;}
.TopBox .TopInfo p{line-height:25px;}
.TopBox .TopInfo p span{margin:0 25px;}
.TopBox .TopInfo p a:hover{text-decoration:underline;}
.TopBox .LogoBox{height:82px;}
.TopBox .LogoBox .TopLogoBox,.TopBox .LogoBox .TopLogoBox img{width:346px;height:82px;}
/*---------------------- Menus ---------------------*/
.TopBox .MenuBox{position:relative;z-index:999;padding-top:25px;}
.TopBox .MenuBox,.TopBox .MenuBox ul{height:51px;}
.TopBox .MenuBox ul li{position:relative;float:left;width:105px;padding-top:3px;}
.TopBox .MenuBox ul li,.TopBox .MenuBox ul li a{height:54px;}
/*.TopBox .MenuBox ul li.thisli{width:16%;}

.TopBox .MenuBox ul li.thisli>a,.TopBox .MenuBox ul li.HoverLi>a{border:1px solid #d6d6d6;border-top:none;border-bottom:none;}*/
.TopBox .MenuBox ul li.thisli>a,.TopBox .MenuBox ul li.HoverLi>a{border-bottom:none;}
.TopBox .MenuBox ul li a{display:block;color:#626262;text-align:center;font-weight:700;}
.TopBox .MenuBox ul li a span,.TopBox .MenuBox ul li a em{display:block;}
.TopBox .MenuBox ul li a span{font-size:14px;padding-top:5px;}
.TopBox .MenuBox ul li.thisli>a span,.TopBox .MenuBox ul li:hover>a span{color:#626262;font-weight:700;}
/*.TopBox .MenuBox ul li.thisli>a em,.TopBox .MenuBox ul li:hover>a em{color:#2288b8;}*/
/*---------------------- Nodes ---------------------*/
.TopBox .NodeBgBox{position:absolute;left:0;top:107px;width:100%;height:0px;overflow:hidden;}
.TopBox .NodeBgBox,.TopBox .NodeBgBox .Nodes ul.HoverLi{background:url(../images/nodebg_bg.jpg) repeat;}
.TopBox .NodeBgBox .Nodes{position:relative;}
.TopBox .NodeBgBox .Nodes .NodesFirst{float:left;width:100px;height:10px;}
.TopBox .NodeBgBox .Nodes ul{position:absolute;top:0;width:105px;padding:10px 0;}
/*.TopBox .NodeBgBox .Nodes ul.thisNode{width:16%;}*/
.TopBox .NodeBgBox .Nodes ul li{height:32px;line-height:32px;text-align:center;}
.TopBox .NodeBgBox .Nodes ul li a{display:inline-block;padding:0 10px;color:#FFF;font-size:14px;font-weight:100;}
.TopBox .NodeBgBox .Nodes ul li:hover a{/*text-decoration:underline;*/color:#ffa34c;background:url(../images/node_this_bg.jpg) 0px 12px no-repeat;}
/*================= Banner ===================*/
.BannerBox{position:relative;background:url(../images/banner_btmbg.jpg) bottom repeat-x;overflow:hidden;padding-bottom:5px;}
.BannerBox,.BannerBox .Banner{height:436px;}
.BannerBox .Banner{position:relative;}

.BannerBox .Banner .BannerBg,.BannerBox .Banner .BannerCon{position:absolute;top:0;left:-351.5px;width:1903px;height:436px;}
.BannerBox .Banner .BannerCon{z-index:99;}

/*================= IndexBox ===================*/
.IndexBox h3.title{height:34px;line-height:34px;margin-bottom:15px;border-bottom:1px solid #d8d8d8;padding-left:32px;background:url(../images/icon.jpg) no-repeat;color:#222;font-size:18px;}
.IndexBox h3.title{background-position:0px 0px;}

/*================= Index01 ===================*/
.Index01{height:343px;}
.Index01 .bor{border:1px solid #EEE;}
.Index01 .pd3{padding:3px;}
/* 学院简介 */
.IndexBox.XYJJBox h3.title{background-position:-3px -3px;}
.Index01 .XYJJBox{width:380px;}
.Index01 .XYJJBox .VideoBox{width:374px;height:200px;overflow:hidden;}
.Index01 .XYJJBox .info{font-size:14px;line-height:20px;margin-top:5px;text-indent:2em;}
/* 新闻动态 */
.IndexBox.XWDTBox h3.title{background-position:-3px -53px;}
.Index01 .XWDTBox{width:383px;}
.Index01 .XWDTBox ul li{padding-bottom:15px;margin-bottom:15px;border-bottom:1px dashed #d2d2d2;}
.Index01 .XWDTBox ul li .imgBox{float:left;}
.Index01 .XWDTBox ul li .imgBox,.Index01 .XWDTBox ul li .imgBox img{width:154px;height:97px;}
.Index01 .XWDTBox ul li .cenBox{float:right;width:205px;}
.Index01 .XWDTBox ul li .cenBox h3{color:#252525;font-size:16px;line-height:20px;}
.Index01 .XWDTBox ul li .cenBox p{color:#3E3E3E;font-size:14px;margin-top:10px;line-height:20px;text-indent:2em;}
/* 活动通知 */
.IndexBox.HDTZBox h3.title{background-position:-2px -108px;}
.Index01 .HDTZBox{width:403px;}
.Index01 .HDTZBox ul li{height:30px;line-height:30px;padding-left:14px;background:url(../images/icon.jpg) -12px -318px no-repeat;overflow:hidden;}
.Index01 .HDTZBox ul li a{color:#494949;font-size:14px;}
.Index01 .HDTZBox ul li a:hover{color:#191919;text-decoration:underline;}

/*================= Index02 ===================*/
.Index02{height:475px;padding-top:32px;background:url(../images/index02_bg.jpg) repeat-x;}
/* 专业设置 */
.IndexBox.ZYSZBox h3.title{background-position:-3px -217px;width:381px;}
.Index02 .ZYSZBox{width:776px;}
.Index02 .ZYSZBox .linkBox a{display:block;border:3px solid #FFF;width:374px;height:107px;margin-bottom:18px;transition:all .5s;}
/* 专业设置 -- 视觉传达 */
.Index02 .ZYSZBox .linkBox a.sjcd{float:left;background:url(../images/zysz_img_def_01.jpg) no-repeat;}
.Index02 .ZYSZBox .linkBox a.sjcd.this,.Index02 .ZYSZBox .linkBox a.sjcd:hover{float:left;background:url(../images/zysz_img_this_01.jpg) no-repeat;}
/* 专业设置 -- 广告设计 */
.Index02 .ZYSZBox .linkBox a.ggsj{float:right;background:url(../images/zysz_img_def_02.jpg) no-repeat;}
.Index02 .ZYSZBox .linkBox a.ggsj.this,.Index02 .ZYSZBox .linkBox a.ggsj:hover{float:right;background:url(../images/zysz_img_this_02.jpg) no-repeat;}
/* 专业设置 -- 环艺设计 */
.Index02 .ZYSZBox .linkBox a.hysj{float:left;background:url(../images/zysz_img_def_03.jpg) no-repeat;}
.Index02 .ZYSZBox .linkBox a.hysj.this,.Index02 .ZYSZBox .linkBox a.hysj:hover{float:left;background:url(../images/zysz_img_this_03.jpg) no-repeat;}
/* 专业设置 -- 公共艺术 */
.Index02 .ZYSZBox .linkBox a.ggys{float:right;background:url(../images/zysz_img_def_04.jpg) no-repeat;}
.Index02 .ZYSZBox .linkBox a.ggys.this,.Index02 .ZYSZBox .linkBox a.ggys:hover{float:right;background:url(../images/zysz_img_this_04.jpg) no-repeat;}
/* 专业设置 -- 动画设计 */
.Index02 .ZYSZBox .linkBox a.dhsj{float:left;background:url(../images/zysz_img_def_05.jpg) no-repeat;}
.Index02 .ZYSZBox .linkBox a.dhsj.this,.Index02 .ZYSZBox .linkBox a.dhsj:hover{float:left;background:url(../images/zysz_img_this_05.jpg) no-repeat;}
/* 专业设置 -- 展示设计 */
.Index02 .ZYSZBox .linkBox a.zssj{float:right;background:url(../images/zysz_img_def_06.jpg) no-repeat;}
.Index02 .ZYSZBox .linkBox a.zssj.this,.Index02 .ZYSZBox .linkBox a.zssj:hover{float:right;background:url(../images/zysz_img_this_06.jpg) no-repeat;}

/* 人才培养 */
.IndexBox.RCPYBox h3.title{background-position:-3px -166px;}
.Index02 .RCPYBox{width:402px;}
.Index02 .RCPYBox ul li{height:48px;margin-bottom:15px;}
.Index02 .RCPYBox ul li .cenBox{float:right;width:267px;}
.Index02 .RCPYBox ul li .cenBox p{color:#4c4c4c;line-height:20px;font-size:14px;}
.Index02 .RCPYBox ul li .imgBox{float:left;border:1px solid #d1dbe4;background:#FFF;padding:1px;width:112px;height:44px;overflow:hidden;}
.Index02 .RCPYBox ul li .imgBox h3{padding-left:38px;line-height:44px;}
/* 人才培养 -- 培养计划 */
.Index02 .RCPYBox ul li .imgBox h3.pyjh{background:url(../images/rcpy_bg_01.jpg) #e7e6e6 no-repeat;}
.Index02 .RCPYBox ul li:hover .imgBox h3.pyjh{background:url(../images/rcpy_bg_01.jpg) #FFF no-repeat;}
/* 人才培养 -- 视频公开课 */
.Index02 .RCPYBox ul li .imgBox h3.spgkk{background:url(../images/rcpy_bg_02.jpg) #e7e6e6 no-repeat;}
.Index02 .RCPYBox ul li:hover .imgBox h3.spgkk{background:url(../images/rcpy_bg_02.jpg) #FFF no-repeat;}
/* 人才培养 -- 学生工作 */
.Index02 .RCPYBox ul li .imgBox h3.xsgz{background:url(../images/rcpy_bg_03.jpg) #e7e6e6 no-repeat;}
.Index02 .RCPYBox ul li:hover .imgBox h3.xsgz{background:url(../images/rcpy_bg_03.jpg) #FFF no-repeat;}
/* 人才培养 -- 导师介绍 */
.Index02 .RCPYBox ul li .imgBox h3.dsjs{background:url(../images/rcpy_bg_04.jpg) #e7e6e6 no-repeat;}
.Index02 .RCPYBox ul li:hover .imgBox h3.dsjs{background:url(../images/rcpy_bg_04.jpg) #FFF no-repeat;}
.Index02 .RCPYBox ol li{font-size:14px;height:28px;line-height:28px;}
.Index02 .RCPYBox ol li span{padding:0 5px 0 15px;}
.Index02 .RCPYBox ol li span,.Index02 .RCPYBox ol li a{color:#666;}
.Index02 .RCPYBox ol li:hover span{color:#0e0e0e;}
.Index02 .RCPYBox ol li a:hover{text-decoration:underline;color:#0e0e0e;}

/*================= Index03 ===================*/
.Index03{height:423px;}
.IndexBox.JXCGBox h3.title{background-position:-3px -272px;width:381px;}
.Index03 .JXCGBox .ZpzsBox{position:relative;height:314px;}
.Index03 .JXCGBox .ZpzsBox .imgBox{position:absolute;}
.Index03 .JXCGBox .ZpzsBox .imgBox p{position:absolute;height:40px;line-height:40px;z-index:9;bottom:0;width:95%;text-align:right;padding-right:5%;color:#333;font-size:16px;background:url(../images/menu_title_bg1.jpg) repeat-x;transition:all .5s;}
.Index03 .JXCGBox .ZpzsBox .imgBox p.cf{color:#FFF;}
.Index03 .JXCGBox .ZpzsBox .imgBox:hover p{background-position:0 -40px;color:#FFF;}
/* 教学成果 -- 作品展示 */
.Index03 .JXCGBox .ZpzsBox .imgBox.Zpzs{left:0;top:0;}
.Index03 .JXCGBox .ZpzsBox .imgBox.Zpzs,.Index03 .JXCGBox .ZpzsBox .imgBox.Zpzs img{width:302px;height:115px;}
/* 教学成果 -- 广告设计 */
.Index03 .JXCGBox .ZpzsBox .imgBox.Ggsj{left:313px;top:0;}
.Index03 .JXCGBox .ZpzsBox .imgBox.Ggsj,.Index03 .JXCGBox .ZpzsBox .imgBox.Ggsj img{width:227px;height:150px;}
/* 教学成果 -- 公共艺术 */
.Index03 .JXCGBox .ZpzsBox .imgBox.Gyys{left:551px;top:0;}
.Index03 .JXCGBox .ZpzsBox .imgBox.Gyys,.Index03 .JXCGBox .ZpzsBox .imgBox.Gyys img{width:362px;height:150px;}
/* 教学成果 -- 展示设计 */
.Index03 .JXCGBox .ZpzsBox .imgBox.Zssj{right:0;top:0;}
.Index03 .JXCGBox .ZpzsBox .imgBox.Zssj,.Index03 .JXCGBox .ZpzsBox .imgBox.Zssj img{width:277px;height:314px;}
/* 教学成果 -- 视觉传达 */
.Index03 .JXCGBox .ZpzsBox .imgBox.Sjcd{left:0;bottom:0;}
.Index03 .JXCGBox .ZpzsBox .imgBox.Sjcd,.Index03 .JXCGBox .ZpzsBox .imgBox.Sjcd img{width:302px;height:189px;}
/* 教学成果 -- 环艺设计 */
.Index03 .JXCGBox .ZpzsBox .imgBox.Hysj{left:313px;bottom:0;}
.Index03 .JXCGBox .ZpzsBox .imgBox.Hysj,.Index03 .JXCGBox .ZpzsBox .imgBox.Hysj img{width:273px;height:156px;}
/* 教学成果 -- 动画设计 */
.Index03 .JXCGBox .ZpzsBox .imgBox.Dhsj{left:598px;bottom:0;}
.Index03 .JXCGBox .ZpzsBox .imgBox.Dhsj,.Index03 .JXCGBox .ZpzsBox .imgBox.Dhsj img{width:315px;height:156px;}

/*================= Footer ===================*/
.Footer{height:157px;padding-top:28px;background:url(../images/footer_bg.jpg);}
.Footer .FooterLogo{float:left;margin-right:18px;}
.Footer .FooterLogo,.Footer .FooterLogo img{width:123px;height:128px;}
.Footer .FooterContct{float:left;width:450px;min-height:149px;background:url(../images/foot_line.jpg) right no-repeat;}
.Footer .FooterContct p{height:30px;line-height:30px;padding-left:30px;background:url(../images/foot_icon2.jpg) no-repeat;margin-bottom:15px;}
.Footer .FooterContct p,.Footer .FooterContct p a{color:#FFF;}
.Footer .FooterContct p.tel{background-position:-2px -3px;}
.Footer .FooterContct p.mail{background-position:-2px -46px;}
.Footer .FooterContct p.address{background-position:-2px -85px;}
.FooterMenus{float:right;width:605px;min-height:130px;}
.FooterMenus p.link,.FooterMenus p.link a{color:#dfdfdf;}
.FooterMenus p.link{text-align:center;font-size:14px;height:30px;line-height:30px;margin-top:20px;}
.FooterMenus p.link a{margin:0 8px;}
.FooterMenus p.link a:hover{text-decoration:underline;}
.FooterMenus p.share{margin-top:26px;height:42px;text-align:center;}
.FooterMenus p.share a{display:inline-block;width:42px;height:42px;margin:0 6px;background:url(../images/footer_icon.jpg) no-repeat;transition:all .3s;}
.FooterMenus p.share a.sh01{background-position:0px 0px;}
.FooterMenus p.share a.sh01:hover{background-position:0px -42px;}
.FooterMenus p.share a.sh02{background-position:-58px 0px;}
.FooterMenus p.share a.sh02:hover{background-position:-58px -42px;}
.FooterMenus p.share a.sh03{background-position:-117px 0px;}
.FooterMenus p.share a.sh03:hover{background-position:-117px -42px;}
.FooterMenus p.share a.sh04{background-position:-176px 0px;}
.FooterMenus p.share a.sh04:hover{background-position:-176px -42px;}
.FooterMenus p.share a.sh05{background-position:-235px 0px;}
.FooterMenus p.share a.sh05:hover{background-position:-235px -42px;}
.FooterMenus p.share a.sh06{background-position:-294px 0px;}
.FooterMenus p.share a.sh06:hover{background-position:-294px -42px;}
.CopyRight{height:30px;line-height:30px;background:#e8e8e8;}
.CopyRight p,.CopyRight p a{color:#929292;}
.CopyRight p a:hover{text-decoration:underline;}
.CopyRight .cnzz{margin:9px 0 0 10px;width:50px;height:12px;line-height:12px;}

/*================= neiBanner ===================*/
.neiBanner{position:relative;max-width:1903px;width:100%;display:block;overflow:hidden;z-index:99;}
.neiBanner p{position:absolute;z-index:99;left:0;top:0;width:100%;height:100%;background:url(../images/neibanner_text.jpg) center no-repeat;}
.neiBanner img{display:block;-webkit-transition: all ease .5s;transition: all ease .5s ;}
.neiBanner:hover img{-webkit-transform:scale(1.015,1.015);-moz-transform:scale(1.015,1.015);-transform:scale(1.015,1.015);}
.neiBanner .btmLine{position:absolute;bottom:0px;display:block;width:100%;height:5px;background:url(../images/banner_btmbg.jpg) repeat-x;}

/*================= 内页内容 ===================*/
.ContentBox{position:relative;}
.NewsDetails{}
.NewsDetails h3.Title{margin:20px 0;text-align:center;font-size:18px;color:#3c4452;}
.NewsDetails h3.Title,.NewsDetails h3.Title span,.NewsDetails h3.Title em{height:40px;line-height:40px;}
.NewsDetails h3.Title span,.NewsDetails h3.Title em{display:inline-block;}
.NewsDetails h3.Title span{width:94px;}
.NewsDetails h3.Title em{margin:0 10px;}
.NewsDetails h3.Title span.left{background:url(../images/title_bg_left.jpg) center no-repeat;}
.NewsDetails h3.Title span.right{background:url(../images/title_bg_right.jpg) center no-repeat;}
.NewsDetails p{line-height:22px;}
/* 左侧 */
.ContentBox .LeftBox{width:217px;}
.ContentBox .LeftBox h3.Title{height:34px;padding:25px 0 0 52px;color:#FFF;font-size:18px;}
.ContentBox .LeftBox h3.Title.djgz{background:url(../images/nei_title_djgz.jpg) no-repeat;}
.ContentBox .LeftBox h3.Title.lxwm{background:url(../images/nei_title_contact.jpg) no-repeat;padding-left:59px;}
.ContentBox .LeftBox h3.Title.xygk{background:url(../images/nei_title_xygk.jpg) no-repeat;}
.ContentBox .LeftBox h3.Title.jxcg{background:url(../images/nei_title_jxcg.jpg) no-repeat;}
.ContentBox .LeftBox h3.Title.jxyd{background:url(../images/nei_title_jxyd.jpg) no-repeat;}



.ContentBox .LeftBox ul.Menu li{position:relative;margin-top:10px;overflow:hidden;font-size:14px;overflow:hidden;}
.ContentBox .LeftBox ul.Menu li,.ContentBox .LeftBox ul.Menu li a,.ContentBox .LeftBox ul.Menu li a span{height:45px;line-height:45px;}
.ContentBox .LeftBox ul.Menu li a{display:block;padding-left:55px;color:#3a3a3a;background:url(../images/icon.jpg) 30px -399px #eee no-repeat;}
.ContentBox .LeftBox ul.Menu li a span{display:inline-block;padding-right:25px;background:url(../images/icon.jpg) no-repeat;}
.ContentBox .LeftBox ul.Menu li a span{background-position:right -502px;}
.ContentBox .LeftBox ul.Menu li a:hover,.ContentBox .LeftBox ul.Menu li a.this{background:url(../images/icon.jpg) 30px -357px #41bffe no-repeat;color:#FFF;}
.ContentBox .LeftBox ul.Menu li a:hover span,.ContentBox .LeftBox ul.Menu li a.this span{background-position:right -443px;}
.ContentBox .LeftBox ul.Menu li .Nodes{/* position:absolute; */width:100%;}
.ContentBox .LeftBox ul.Menu li .Nodes ul.Menu li a{padding-left:65px;background:none;}
.ContentBox .LeftBox ul.Menu li .Nodes ul.Menu li a:hover{background:none;}
.ContentBox .LeftBox ul.Menu li .Nodes ul.Menu li a:hover span,.ContentBox .LeftBox ul.Menu li .Nodes ul.Menu li  a.this span{background-position:right -502px;color:#41bffe;}
.ContentBox .LeftBox h4.tel{margin-top:10px;height:46px;padding-left:37px;background:url(../images/contact_tel.jpg) no-repeat;}
.ContentBox .LeftBox h4.tel span,.ContentBox .LeftBox h4.tel em{display:block;font-size:14px;line-height:20px;}
.ContentBox .LeftBox h4.tel span{text-indent:.5em;color:#3f3f3f;}
.ContentBox .LeftBox h4.tel em{color:#ff6600;font-family:Arial;}
.ContentBox .LeftBox .Addr{line-height:20px;color:#737373;}
.ContentBox .LeftBox .Addr h3,.ContentBox .LeftBox .Addr p{float:left;}
.ContentBox .LeftBox .Addr h3{width:45px;}
.ContentBox .LeftBox .Addr p{width:172px;}
/* 右侧 */
.ContentBox .RightBox{width:960px;margin-bottom:60px;min-height:550px;}
.ContentBox .RightBox .Crumbs{height:28px;line-height:28px;padding:0 25px 5px 0;background:url(../images/crumbs_bg.jpg) bottom right no-repeat;font-size:14px;}
.ContentBox .RightBox .Crumbs,.ContentBox .RightBox .Crumbs a{color:#999;}
.ContentBox .RightBox .Crumbs a:hover{text-decoration:underline;color:#666;}
.ContentBox .RightBox .Crumbs span{display:inline-block;background:url(../images/icon.jpg) 0px -620px no-repeat;padding-left:23px;}
.ContentBox .RightBox .Content{padding-left:20px;padding-right:25px;}
/*================= 联系我们 ===================*/
.Contact.bline{padding-bottom:25px;margin-bottom:25px;border-bottom:1px dashed #e7e7e7;}
.Contact .Info{width:400px;}
.Contact .Info h3{font-size:42px;color:#737373;height:80px;line-height:80px;}
.Contact .Info p{color:#737373;height:40px;line-height:40px;font-size:14px;padding-left:25px;background:url(../images/contact_icon.jpg) no-repeat;}
.Contact .Info p.addr{background-position:-8px 5px;}
.Contact .Info p.tel{background-position:-8px -31px;}
.Contact .Info p.zip{background-position:-8px -66px;}
.Contact .Info p.fax{background-position:-8px -100px;}
.Contact .Info p.mail{background-position:-8px -137px;}
.Contact .MapBox{width:502px;height:268px;overflow:hidden;border:2px solid #dcdcdc;}
.Contact.BusBox .Bus{height:40px;line-height:40px;font-size:20px;padding-left:35px;background:url(../images/contact_icon.jpg) -8px -236px no-repeat;}
.Contact.BusBox p{line-height:24px;margin-top:15px;font-size:14px;color:#737373;}

/*================= 新闻列表 ===================*/
.NewsList{}
.NewsList .NewsTitle01{height:50px;line-height:50px;color:#3c4452;font-size:18px;text-align:center;border-bottom:1px dashed #dfdfdf;}
/* 新闻列表01 */
.NewsList01 ul li{height:35px;line-height:35px;padding-left:28px;overflow:hidden;background:url(../images/icon.jpg) 0px -562px no-repeat;}
.NewsList01 ul li a{color:#444;font-size:14px;}
.NewsList01 ul li a:hover{text-decoration:underline;}
.NewsList01 ul li span{float:right;color:#999;}
/* 新闻列表02 */
.NewsList02 ul li{position:relative;float:left;padding:3px;border:1px solid #efefef;margin-right:94px;margin-bottom:60px;}
.NewsList02 ul li.mrNone{margin-right:0;}
.NewsList02 ul li,.NewsList02 ul li .imgBox,.NewsList02 ul li .imgBox img,.NewsList02 ul li .imgBox .StyleBg{width:234px;height:160px;}
.NewsList02 ul li .imgBox{position:relative;overflow:hidden;}
.NewsList02 ul li h3{position:absolute;left:0;bottom:-35px;width:100%;height:35px;line-height:35px;text-align:center;font-size:14px;}
.NewsList02 ul li .imgBox .StyleBg{position:absolute;top:0;z-index:99;}
.NewsList02 ul li .imgBox .StyleBg.white{left:-234px;background:url(../images/newslist02_bg_white.jpg) no-repeat;}
.NewsList02 ul li .imgBox .StyleBg.black{right:-234px;background:url(../images/newslist02_bg_black.jpg) no-repeat;}
/* 新闻列表03 */
.NewsList03{width:960px;position:relative;margin-left:-20px;}
.NewsList03 ul li{position:relative;height:213px;background:url(../images/news_list03_bg_def.jpg) no-repeat;border-bottom:1px solid #eee;}
.NewsList03 ul li.this,.NewsList03 ul li:hover{background:url(../images/news_list03_bg_this.jpg) no-repeat;}
.NewsList03 ul li .imgBox{float:left;margin:31px 0px 0px 18px;}
.NewsList03 ul li .imgBox,.NewsList03 ul li .imgBox img{width:243px;height:150px;}
.NewsList03 ul li .cenBox{float:right;width:658px;margin-top:31px;}
.NewsList03 ul li .cenBox h3{font-size:16px;height:30px;line-height:30px;}
.NewsList03 ul li .cenBox h3 a,.NewsList03 ul li .cenBox h3 span{color:#808080;}
.NewsList03 ul li .cenBox h3 a{float:left;}
.NewsList03 ul li .cenBox h3 a:hover{color:#f69a48;text-decoration:underline;}
.NewsList03 ul li .cenBox h3 span{float:right;font-family:Georgia;font-size:18px;}
.NewsList03 ul li .cenBox p{color:#666;margin-top:10px;line-height:20px;font-size:14px;text-indent:2em;}
.NewsList03 ul li a.link{position:absolute;right:4px;bottom:29px;width:42px;height:32px;}

/*=============== 新闻详细页 ===================*/
.article_box{overflow:hidden;}
.article_tit{width:100%;line-height:50px;text-align:center;font-size:20px;color:#333;font-family: microsoft yahei;}
.article_time{line-height:30px;clear:both;text-align:center;background: url(../images/news_details_line.jpg) no-repeat center bottom;padding-bottom:31px;color: #666;}
.article_content{ width:100%;overflow:hidden;clear:both;padding:10px 0 25px 0;line-height:26px;color:#555;font-size:14px;}
.article_content img{max-width:670px;}
.article_content .imgs{max-width:670px;margin:15px auto;text-align:center;}
p.ml10{text-indent:25px;font-size:14px;}
.article_sh {width:100%; padding:20px 0; float:left;}
.article_sh .left{width:60%; float:left; margin:0;}
.article_sh .left p{width:100%;float:left;margin:5px 0 0 0;color:#333;line-height:22px;}
.article_sh .left p a{color:#666;}
.article_sh .right{width:240px;float:right; margin:10px 0 0 0;}
/*================= 专业介绍 ===================*/
.zyTitle{color:#3c4452;font-size:16px;height:40px;line-height:40px;margin-top:30px;}
.zyTitle span{color:#ff9600;margin-right:8px;}
/* 教师简介 */
ul.JsjjBox li{border:3px solid #eee;width:405px;height:196px;padding:20px 15px;margin-bottom:65px;}
ul.JsjjBox li .imgBox{position:relative;float:left;width:126px;height:100px;margin-right:20px;}
ul.JsjjBox li .imgBox .JsImgBox,ul.JsjjBox li .imgBox .JsImgBox p{position:absolute;}
ul.JsjjBox li .imgBox .JsImgBox,ul.JsjjBox li .imgBox .JsImgBox img,ul.JsjjBox li .imgBox .JsImgBox p{width:126px;height:151px;}
ul.JsjjBox li .imgBox .JsImgBox{left:0;bottom:0;background:#e0e0e0;}
ul.JsjjBox li .imgBox .JsImgBox p{right:4px;bottom:4px;overflow:hidden;}
ul.JsjjBox li .imgBox .JsImgBox p img{display:block;-webkit-transition: all ease .5s;transition: all ease .5s ;}
ul.JsjjBox li .imgBox .JsImgBox p:hover img{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-transform:scale(1.08,1.08);}
ul.JsjjBox li>p{line-height:24px;color:#666;font-size:14px;}
ul.JsjjBox li>p.fz16{font-size:16px;}

/*================= 学院领导 ===================*/
ul.teacher{margin-top:30px;}
ul.teacher li{position:relative;float:left;margin-right:67px;margin-bottom:80px;background:#e5e5e5;}
ul.teacher li.mrNone{margin-right:0;}
ul.teacher li,ul.teacher li .imgBox,ul.teacher li .imgBox img,ul.teacher li .imgBox .StyleBg{width:260px;height:291px;}
ul.teacher li .imgBox{position:relative;overflow:hidden;}
ul.teacher li .imgBox a{display:block;}
ul.teacher li h3{position:absolute;left:0;bottom:-35px;width:100%;height:35px;line-height:35px;text-align:center;font-size:16px;}
ul.teacher li .imgBox img{display:block;-webkit-transition: all ease .5s;transition: all ease .5s ;}
ul.teacher li .imgBox:hover img{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-transform:scale(1.08,1.08);}


/*================= 学院领导 ===================*/
.Xyjj h3.title{margin-top:25px;font-size:24px;height:30px;text-align:center;}
.Xyjj h4.title{margin-top:10px;font-size:16px;line-height:22px;text-align:center;}
.Xyjj p.addr{margin-top:11px;padding-left:29px;height:30px;color:#575757;font-size:14px;background:url(../images/xygk_icon.jpg) no-repeat;}
.Xyjj p.addr.tel{background-position:0px 1px;}
.Xyjj p.addr.teach{background-position:0px -38px;}
.Xyjj p.addr.add{background-position:0px -78px;}



/*=====================视频=======================*/
.videos{padding-top: 20px;padding-left: 15px;padding-right: 15px;}
.videos .Broadcast,.videos .Broadcast p.videoBroad img{width: 500px;}
.videos .Broadcast h3.videoTitle{font-size: 18px;color: #02458b;line-height: 35px;}
.videos .Broadcast p.videoBroad img{height: 449px;}
.videos .BroadList{width: 406px;padding-top: 5px;}
.videos .BroadList ul li{margin-bottom: 20px;*margin-bottom: 20px;}
.videos .BroadList ul li.mb0{margin-bottom: 0px;}
.videos .BroadList ul li,.videos .BroadList ul li p.Broad_left,.videos .BroadList ul li p.Broad_left img{height: 95px;}
.videos .BroadList ul li p.Broad_left,.videos .BroadList ul li p.Broad_left img{width: 130px;cursor: pointer;}
.videos .BroadList ul li .Broad_right{width: 270px;line-height: 22px;}
.videos .BroadList ul li .Broad_right h3,.videos .BroadList ul li .Broad_right h3 a{display: block;color: #666;font-size: 14px;line-height:35px;}
.videos .BroadList ul li .Broad_right p{color: #777;}
.videos .BroadList .KeyWords h3.BroadTxt{font-size: 16px;color: #02458b;line-height: 22px;font-weight: bold;}
.videos .BroadList .KeyWords p a{display: inline-block;margin-right:10px;color: #02458b;font-size: 16px;line-height: 20px;}
.videos .BroadList .KeyWords p a:hover{color: #aaaaaa;}

.videos .BroadInfo{margin-top: 30px;*margin-top: 0px;margin-bottom: 115px;padding-left: 15px;}
.videos .BroadInfo ul li{line-height: 28px;}
.videos .BroadInfo ul li h3,.videos .BroadInfo ul li p em{font-size: 16px;color: #02458a;}