@charset "utf-8";
/*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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0}*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


li{list-style:none}
html{font-size:625%; background:#F7F7F7;}
body{font-size:14px; color:#333; overflow-x:hidden; font-family:'微软雅黑', 'Microsoft Yahei', "Segoe UI", Helvetica, Arial, sans-serif!important;}
a{text-decoration:none;color:black;outline:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.clear{clear:both}
.iphone{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background:rgba(0, 0, 0, .2);display:none!important;}
.iphone form{display:none;width:400px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:250px;background:white;border-radius:5px;}
input,textarea{background:0;outline:0;resize:none;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.w100{ width:100%;}
.wrap{ width:1500px; margin:0 auto;}
.indexbg{ background:url(../images/topbg.jpg) no-repeat top center;}

/* 公用头部 */
.Header{ width:100%; position:relative; z-index:999;}
.HeaderMain{ width:1500px; margin:0 auto;}
.HeaderLogo{ height:123px; margin:36px 0; position:relative; float:left;}
.HeaderLogo img{ height:100%; vertical-align:top; position:absolute; left:0; top:0;}
.menuIcon,.menuMain{ display:none;}
.HeaderMain form{ width:318px; height:46px; margin:75px 0; border:1px solid #4494CF; border-radius:23px; float:right;}
.HeaderMain form .text{ width:240px; height:46px; line-height:46px; color:#4494CF; float:left; padding:0 0 0 20px;}
.HeaderMain form .text::-webkit-input-placeholder{ color:#4494CF;}
.HeaderMain form .sub{ width:58px; height:46px; background:url(../images/serch.png) no-repeat center; background-size:30%; float:left; padding:0; cursor:pointer;}
#nav{ width:1440px; height:52px; margin:0 auto; padding:0 30px; background:#4271E2; position:relative;}
#nav li.navLi{ width:180px; height:52px; text-align:center; float:left;}
#nav li.navLi a{ line-height:52px; display:block; font-size:16px; color:#FFF;}
#nav li.navLi a.active{background:#0A5F98; }

/*#nav .sub-nav{top:52px; left:210px; text-align:center; position:absolute; background:url(../images/w90.png) repeat center; display:none; z-index:999; }*/
#nav .sub-nav{
    overflow: hidden;
    height: 0;
    text-align:center;background:url(../images/w90.png) repeat center; z-index:999;
}
#nav ul li:hover div {
    height: auto;
}

#nav .sub-nav .f-cb li a{color: #666;}
#nav .sub-nav .f-cb li a:hover{color: #4271E2;}
#nav .sub-nav-li{ width:179px; float:left;}
#nav .sub-nav-bg{ width:1px; height:190px; margin-top:20px; float:left; background:url(../images/sub-nav-bg.png) no-repeat center; }



#nav .nav-parent-a{ line-height:35px; font-size:14px; color:#666; display:block;}
#nav .nav-parent-a:hover{ color:#4271E2; }

.content{ width:1440px; padding:30px; background:#FFF; margin:0 auto;}

/* banner */
.banner{ width:1440px; height:363px; position:relative; overflow:hidden; z-index:9}
.banner .slides{ position:relative; z-index:1;}
.banner .slides li{ height:363px; background-size:cover !important;}
.banner .flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:20px; z-index:2;}
.banner .flex-control-nav li{ width:48px; height:6px; margin:0 5px; display:inline-block; }
.banner .flex-control-nav a{ width:48px; height:6px; line-height:40px; overflow:hidden; background:#FFF; cursor:pointer; display:inline-block;}
.banner .flex-control-nav .flex-active{ background:#007DDC;}
.banner .flex-direction-nav{ display:none;}

/* 新闻部分 */
.section1{ margin-top:30px; overflow:hidden;}
.indnews{ width:730px; margin-right:18px; overflow:hidden; float:left;}
.indnews #lists{ width:100%; background:#4271E2; overflow:hidden;}
.indnews #lists li{ width:140px; float:left;}
.indnews #lists li a{ line-height:50px; text-align:center; display:block; font-size:20px; color:#FFF;}
.indnews #lists li a.selected{ background:#0A5E98;}
.indnews #lists .more{ line-height:50px; padding-right:15px; float:right; display:block; font-size:14px; color:#FFF;}
.indnews #brand_con{ width:auto; height:auto; border:1px solid #E5E5E5; border-top:0;}
.indnews #brand_con .tag{ padding:29px 18px 28px 18px; overflow:hidden;}
.indnews #brand_con .tag p{ line-height:44px; overflow:hidden;}
.indnews #brand_con .tag p a{ width:500px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.indnews #brand_con .tag p a:hover{ color:#4271E2;}
.indnews #brand_con .tag p span{ color:#888; float:right}
.videos{ width:470px; float:left;}
.videos .title{ background:#4271E2; overflow:hidden;}
.videos .title h3{ width:140px; line-height:50px; text-align:center; font-size:20px; color:#FFF; font-weight:normal; background:#0A5E98; float:left;}
.videos .title a{ line-height:50px; padding-right:15px; font-size:14px; color:#FFF; display:block; float:right;}
.videos .cons{}
.videos .cons .vbg{ width:470px; height:320px; position:relative; display:block;}
.videos .cons .vbg .im1{ width:100%; height:100%; display:block;}
.videos .cons .vbg .im2{ width:38px; height:38px; display:block; position:absolute; top:50%; left:50%; margin:-19px 0 0 -19px;}
.videos .cons dl{ padding:19px 0; background:#000; overflow:hidden;}
.videos .cons dl dd{ width:340px; height:52px; padding:0 15px; color:#FFF; float:left;}
.videos .cons dl dd img{ width:52px; height:52px; margin-right:8px; display:block; float:left;}
.videos .cons dl dd h4{ width:280px; height:22px; line-height:22px; margin-top:5px; float:left;}
.videos .cons dl dd p{ width:280px; height:22px; line-height:22px; font-size:13px; color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.videos .cons dl dt{ width:97px; height:52px; line-height:52px; text-align:center; color:#FFF; border-left:1px solid #585858; float:right;}
.section1 .links{ width:202px; float:right;}
.section1 .links a{ margin-bottom:10px; display:block;}
.section1 .links a.lr{ margin-bottom:0;}
.section1 .links a img{ max-width:100%; display:block;}
.section1 .links div{width: 202px;height: 84px;text-align: center;line-height: 84px;background: #4271E2;color:#ffffff;font-size:18px;}
.section1 .links a div:hover{background: #0A5E98;}


/* 快速链接 */
.kslink{ margin-top:30px; overflow:hidden;}
.kslink a{ width:198px; height:86px; line-height:86px; text-align:center; margin-right:9px; font-size:16px; font-weight:bold; background:#C8E0FC; display:block; float:left;}
.kslink a:hover{ background:#4271E2; color:#FFF;}
.kslink a.lr{ margin-right:0;}



/* 证书 */
.lf{float: left;}
.rg{float: right;}
.border_i{border:1px solid #E5E5E5;}
.zs_img_list {overflow:hidden;width:1440px}
.zs_img_list .title_back_l .rg a,.title_back_r .rg a{color:#ffffff;}

/* 证书样式 */
.zs_img_list .indplay1{width:730px}
.zs_img_list .indplay1 .title_back_l{background:#4271e2;width: 100%; height: 50px; display: block;}
.zs_img_list .indplay1 .title_back_l .lf{line-height:50px; color:#ffffff; padding:0 0 0 20px; font-size:20px;}
.zs_img_list .indplay1 .title_back_l .rg{line-height:50px; color:#ffffff; padding:0 20px 0 20px;}
.zs_img_list .indplay1 .title_back_l .rg i{width:20px;height: 20px;font-style: normal;}

.zs_img_list .indplay1 .mr_frUl{ overflow:hidden;padding:15px;}
.zs_img_list .indplay1 .mr_frUl ul li{ width:110px; margin-left:15px; margin-top:5px; margin-right:15px; float:left; overflow:hidden; }
.zs_img_list .indplay1 .mr_frUl ul li img{ width:110px; height:140px; display:block;}
.zs_img_list .indplay1 .mr_frUl ul li p{width: 110px; height:60px; line-height:60px; text-align:center; font-size:14px; font-weight:bold; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}


/* 相关批文 */
.zs_img_list .indplay2{width:690px}
.zs_img_list .indplay2 .title_back_r{background:#4271e2;width: 100%; height: 50px; display: block;}
.zs_img_list .indplay2 .title_back_r .lf{line-height:50px; color:#ffffff; padding:0 0 0 20px; font-size:20px;}
.zs_img_list .indplay2 .title_back_r .rg{line-height:50px; color:#ffffff; padding:0 20px 0 20px;}
.zs_img_list .indplay2 .title_back_r .rg i{width:20px;height: 20px;font-style: normal;}

.zs_img_list .indplay2 .mr_frUl{ overflow:hidden;padding:15px;}
.zs_img_list .indplay2 .mr_frUl ul li{ width:110px; margin-left:10px; margin-top:5px; margin-right:10px; float:left; overflow:hidden; }
.zs_img_list .indplay2 .mr_frUl ul li img{ width:110px; height:140px; display:block;}
.zs_img_list .indplay2 .mr_frUl ul li p{width: 110px; height:60px; line-height:60px; text-align:center; font-size:14px; font-weight:bold; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}



/* 图片滚动 */
.indplay .title_back_{background:#4271e2;width: 100%; height: 50px; display: block;margin-bottom:16px;}
.indplay .title_back_ .lf{line-height:50px; color:#ffffff; padding:0 0 0 20px; font-size:20px;}
.indplay .title_back_ .rg{line-height:50px; color:#ffffff; float:right;padding:0 20px 0 20px;}
.indplay .title_back_ .rg i{width:20px;height: 20px;font-style: normal;}
.indplay .rg a{color:#ffffff;}

.indplay{ margin-top:30px; overflow:hidden; position:relative;}
.indplay .mr_frBtnL{ width:48px; height:55px; background:url(../images/lprev.png) no-repeat center; cursor:pointer; position:absolute; top:150px; left:0; z-index:9; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indplay .mr_frBtnR{ width:48px; height:55px; background:url(../images/lnext.png) no-repeat center; cursor:pointer; position:absolute; top:150px; right:0; z-index:9; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indplay .mr_frBtnL:hover{ background:url(../images/lprevh.png) no-repeat center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indplay .mr_frBtnR:hover{ background:url(../images/lnexth.png) no-repeat center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indplay .mr_frUl{ overflow:hidden;}
.indplay .mr_frUl ul li{ width:287px; margin-right:10px; float:left; overflow:hidden; }
.indplay .mr_frUl ul li img{ width:273px; height:235px; display:block;}
.indplay .mr_frUl ul li p{width: 273px; height:60px; line-height:60px; text-align:center; background:#f1f1f1; font-size:18px; font-weight:bold; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indplay .mr_frUl ul li:hover p{ background:#4271E2; color:#FFF; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

/* 广告图 */
.guanggao{ margin-top:30px;}
.guanggao img{ width:100%; display:block;}

/* 首页证书查询 */
#ClickMe{ background: url("../images/tel.png") no-repeat center;}
#goodcover{position:fixed;top: 0%;left: 0%;width: 100%;height: 133%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80); z-index:999;}
#code{width: 572px;height: 302px;background:url(../images/serbg.jpg) no-repeat center;padding: 10px;position: fixed;left: 50% !important; top:50% !important; margin:-161px 0 0 -296px !important; z-index: 9999;}
#code .close{width: 572px;height: 20px; overflow:hidden;}
#closebt{float: right;}
#closebt img{width: 20px;}
.telphone{ width:483px; margin:10px auto;}
.telphone h2{ margin-bottom:30px; font-size:20px; color:#4271E2;}
.telphone p{ overflow:hidden;}
.telphone p.xian{ border-bottom:1px solid #E5E5E5;}
.telphone p span{ width:80px; height:52px; line-height:52px; padding-left:20px; border:1px solid #E5E5E5; border-right:0; border-bottom:0; font-size:16px; float:left; display:block;}
.telphone p input{ width:362px; height:50px; padding-left:16px; font-size:16px; border:1px solid #E5E5E5; border-bottom:0; display:block; float:right;}
.telphone .sub{ width:146px; height:52px; margin-top:30px; background:#4271E2; font-size:16px; color:#FFF; cursor:pointer; display:block; float:right;}


/******************** 内页 ********************/
.nybanner{ width:100%;}
.nybanner img{ width:100%; display:block;}
.position{ padding-bottom:5px; border-bottom:2px solid #EFF0F0; overflow:hidden;}
.position h2{ height:30px; line-height:30px; font-weight:normal; font-size:20px; float:left;}
.position p{ height:30px; line-height:30px; color:#b5b4b4; float:right;}
.position p a{ color:#B5B4B4;}
.position p a:hover{ color:#4271E2;}

.listcon{ margin-top:30px;}
.leftcon{ width:300px; float:left; position:relative; top:-77px;}
.leftcon .types{ margin-bottom:20px;}
.leftcon .types dt{ height:94px; border-radius:40px 40px 0 0; background:#4271E2;}
.leftcon .types dt h2{ height:94px; line-height:94px; text-align:center; color:#FFF; font-weight:normal; font-size:21px; background:url(../images/ttbg.png) no-repeat center;}
.leftcon .types dd{}
.leftcon .types dd a{ height:65px; line-height:65px; text-align:center; font-size:16px; border-top:1px solid #FFF; background:#F1F2F3; display:block;}
.leftcon .types dd a.act,.leftcon .types dd a:hover{ background:#4271E2; color:#FFF;}
.leftcon .infos{ margin-bottom:20px; padding-bottom:30px; background:#F1F2F3;}
.leftcon .infos h2{ height:65px; line-height:65px; padding:0 15px; font-size:16px; font-weight:normal; color:#FFF; background:#4271E2;}
.leftcon .infos h2 a{ font-size:14px; color:#FFF; float:right;}
.leftcon .infos h2 a:hover{ text-decoration:underline;}
.leftcon .infos p{ height:20px; line-height:20px; padding:0 15px; margin-top:20px;overflow:hidden;}
.leftcon .infos p a:hover{ color:#4271E2;}
.leftcon .inquiry{ margin-bottom:20px;}
.leftcon .inquiry dt{ height:65px; line-height:65px; text-align:center; font-size:20px; color:#FFF; background:#BB0707;}
.leftcon .inquiry dd{}
.leftcon .inquiry dd a{ height:65px; line-height:65px; text-align:center; font-size:16px; border-top:1px solid #FFF; background:#F1F2F3; display:block;}
.leftcon .inquiry dd a:hover{ background:#BB0707; color:#FFF;}

/* 协会简介 */
.listabout{ padding:10px 0 0 0; line-height:30px; font-size:16px; color:#666;}
.listabout img{ max-width:100%; margin:30px 0;}
.listabout p{ /*line-height:30px; text-indent:2em;*/ font-size:16px; color:#666;}
.listabout table{margin:auto;}
.listabout td,th{border:1px solid #DDD;}

/* 协会简介 */
.listyewu{ padding-top:40px;}
.listyewu h1{ padding-bottom:20px; font-size:20px;}
.listyewu h1 span{ color:#4271E2;}
.listyewu dl{ padding:15px 0; border-bottom:1px solid #EAEAEA; overflow:hidden;}
.listyewu dl dt{ width:60px; line-height:40px; font-size:30px; font-weight:bold; color:#666; float:left;}
.listyewu dl dd{ width:1020px; line-height:40px; font-size:16px; color:#666; float:left;}

/* 联系我们 */
.contacts{}
.contacts dl{ margin:40px 0 20px 0; overflow:hidden;}
.contacts dl dd{ width:720px; height:200px; padding:65px 0 65px 30px; background:#F6F8F9; float:left;}
.contacts dl dd p{ line-height:40px; font-size:16px;}
.contacts dl dt{ width:190px; height:230px; padding:50px 70px; background:#EFF0F0; float:left;}
.contacts dl dt img{ width:190px; height:190px; display:block;}
.contacts dl dt p{ line-height:40px; text-align:center;}
.contacts .map{ width:100%;}
.contacts .map img{ width:100%; display:block;}

/* 新闻资讯 */
.listnews{ padding-top:10px;}
.listnews li{ height:72px; line-height:72px; margin-top:20px; padding:0 25px; background:#F6F7F7; overflow:hidden;}
.listnews li p{ font-size:16px; float:left;}
.listnews li span{ font-size:16px; color:#b4b7b7; float:right;}
.listnews li:hover{ box-shadow:0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2); background:#FFF;}
.listnews li:hover p{ color:#4271E2;}
.newdeail{}
.newdeail h1{ padding:40px 0 15px 0;}
.newdeail .infos{ line-height:25px; font-size:14px; color:#ABABAB; border-bottom:1px solid #EFF0F0;}
.newdeail .cons{ padding:25px 0; line-height:30px; font-size:16px; color:#666;}
.newdeail .cons img{ max-width:100%; margin:30px 0;}
.newdeail .cons p{ line-height:30px; text-indent:2em; font-size:16px; color:#666;}

/* 课题项目新闻 */
.ernav{ margin-top:30px; overflow:hidden;}
.ernav a{ padding:0px 5px 0px 5px; height:46px; line-height:46px; text-align:center; margin-right:20px; font-size:18px; display:block; border:1px solid #EFF0F0; float:left;}
.ernav a:hover,.ernav a.act{ border:1px solid #EFF0F0; background:#4271E2; color:#FFF;}
.listclass{ padding-top:20px;}
.listclass li{ height:60px; line-height:60px; border-bottom:1px dashed #DADADA; overflow:hidden;}
.listclass li p{ font-size:16px; float:left;}
.listclass li span{ font-size:16px; color:#b4b7b7; float:right;}
.listclass li:hover p{ color:#4271E2;}

/* 注册星级单位 */
.zhuce{ margin-top:40px;}
.zhuce h1{ height:56px; line-height:56px; text-align:center; background:#F1F2F3; font-size:16px;}
.zhuce .cons{ padding:30px; border:1px solid #F1F2F3; line-height:35px; color:#666;}
.zhuce .cons p{ line-height:35px; margin-bottom:20px; color:#666;}
.zhuce .cons p a{ padding-left:5px; color:#4271E2;}
.zhuce h2{ height:56px; line-height:56px; font-size:16px; margin-top:40px;}
.zhuce h2 a{ width:155px; height:56px; line-height:56px; text-align:center; margin-left:20px; background:#4271E2; font-size:16px; color:#FFF; display:inline-block;}

/* 文件下载 */
.listdown{ padding-top:20px;}
.listdown li{ height:60px; line-height:60px; border-bottom:1px dashed #DADADA; overflow:hidden;}
.listdown li p{ font-size:16px; float:left;}
.listdown li a{ margin-left:20px; font-size:16px; font-weight:normal; color:#4271E2; display:block; float:right;}
.listdown li span{ font-size:16px; color:#b4b7b7; float:right;}
.listdown li:hover p,.listdown li:hover span{ color:#4271E2;}
.listdown li:hover a{ color:#F00;}

/* 艺体教师智库 */
.teacher{ margin-top:40px;}
.teacher p{ margin-bottom:30px; overflow:hidden;}
.teacher p span{ width:90px; line-height:40px; font-size:16px; display:block; float:left;}
.teacher p input{ width:460px; height:38px; line-height:38px; padding-left:10px; border:1px solid #E5E5E5; display:block; float:left;}
.teacher p .inp{ width:290px;}
.teacher p img{ margin-left:15px; float:left;}
.teacher .sub{ width:155px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#FFF; background:#0771BB; margin-left:90px; cursor:pointer; display:block;}

/* 星级单位查询 */
.xing{ margin-top:75px; padding-bottom:400px; overflow:hidden;}
.xing h2{ width:195px; line-height:50px; height:50px; font-size:16px; float:left;}
.select{ width:260px; position:relative; float:left; margin:0 15px 0 0;}
.select dt{ width:245px; height:50px; line-height:50px; padding:0 0 0 15px; display:inline-block; font-size:18px; color:#FFF; background:#4271E2 url(../images/xl.png) no-repeat 240px center; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; z-index:99;}
.select dd{ position:absolute; left:0; top:52px; display:none; }
.select dd ul{ width:260px;}
.select dd ul li{ margin-bottom:2px;}
.select dd ul li a{ line-height:48px; padding:0 15px; font-size:18px; color:#666; display:block; background:#F6F4F4;}
.select dd ul li a:hover{ background:#C9E8FD; }
.xing .sub{ width:105px; height:50px; line-height:50px; background:#4271E2; font-size:18px; color:#FFF; float:left; cursor:pointer;}

/* 星级单位列表 */
.listxing{ margin-top:40px;}
.listxing h1{ font-size:18px; font-weight:normal;}
.listxing h1 span{ padding:0 5px; color:#4271E2;}
.listxing dl{ margin-top:20px; overflow:hidden;}
.listxing dl dd{ height:48px; line-height:48px; padding-left:15px; margin-left:1px; background:#4271E2; font-size:16px; color:#FFF; float:left;}
.listxing dl dd.dd1{ width:462px; margin-left:0;}
.listxing dl dd.dd2{ width:185px;}
.listxing ul{}
.listxing ul li{ overflow:hidden;}
.listxing ul li.lr{ background:#F5F4F4;}
.listxing ul li p{ height:48px; line-height:48px; padding-left:15px; font-size:16px; float:left;}
.listxing ul li p.p1{ width:462px;}
.listxing ul li p.p2{ width:186px;}
.listxing ul li:hover p.p1{ color:#4271E2;}

.xingdeail{ padding-top:30px;}
.xingdeail h1{ padding-bottom:10px; font-size:16px; color:#4271E2; border-bottom:1px solid #F1F2F3;}
.xingdeail p{ margin-top:20px; font-size:16px; color:#666;}
.xingdeail p span{ color:#333; font-weight:bold;}
.mod18{ width:745px; position:relative; margin:40px auto;}
.mod18 .btn{ position:absolute; cursor:pointer; z-index:99; font-size:50px; font-weight:bold;}
.mod18 .prev{ left:-45px; background:url(../images/prevBtnTop.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{ display:none;}
.mod18 #prev,.mod18 #next{ width:32px; height:48px; top:75px;}
.mod18 #prevTop{ background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{ background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{ right:-45px; background:url(../images/nextBtnTop.png) no-repeat;}
.mod18 li{ float:left;}

.mod18 .picBox{ width:480px; height:686px; margin:30px auto 0 auto; position:relative; overflow:hidden;}
.mod18 .picBox ul{ height:686px; position:absolute; left:0;}
.mod18 .picBox li{ width:480px; height:686px; text-align:center;}

.mod18 .listBox{ width:745px; height:199px; margin:0 auto; position:relative; overflow:hidden;}
.mod18 .listBox ul{ position:absolute;}
.mod18 .listBox li{ width:141px; height:199px; cursor:pointer; position:relative; padding:0 10px 0 0;}
.mod18 .listBox li img{ width:135px; height:193px; border:3px solid #000;}
.mod18 .listBox .on img{ border:3px solid #4271E2;}






/* 艺体活动 */
.playlist{ width:1080px; float:right;}
.playlist .plays{ overflow:hidden;display:flex;flex-wrap: wrap;}
.playlist .plays dl{ width:335px; margin:30px 25px 0 0; float:left;}
.playlist .plays dl.lr{ margin:30px 0 0 0;}
.playlist .plays dl dt{ width:335px; min-height:204px; overflow:hidden; position:relative;}
.playlist .plays dl dt img{ width:100%; height:251px; display:block;}
.playlist .plays dl dt .hover{ position:absolute; top:0; left:0; opacity:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.playlist .plays dl dt:hover .hover{ opacity:1; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.playlist .plays dl dd{ text-align:center; padding-top:15px;height:45px;overflow: hidden; font-size:16px; font-weight:bold;margin-bottom:10px;}
.playdeail{ padding:50px 0;}
.playdeail h1{ text-align:center; padding-bottom:30px; font-size:24px;}
.playdeail .cons{ line-height:30px;}
.playdeail .cons p{ line-height:30px; margin-bottom:20px;}
.playdeail .cons img{ max-width:100%;}
.playdeail video{ width:1000px; margin:0 auto; display:block;}

/* 证书查询 */
.searchs{ width:655px; margin:100px auto;}
.searchs p{ margin-bottom:20px; overflow:hidden;}
.searchs p span{ height:52px; line-height:52px; font-size:16px; float:left; display:block;}
.searchs p input{ width:550px; height:50px; padding-left:16px; font-size:16px; border:1px solid #EFF0F0; display:block; float:right;}
.searchs .sub{ width:170px; height:52px; background:#4271E2; font-size:16px; color:#FFF; cursor:pointer; display:block; float:right;}

/* 友情链接 */
.flinks{ margin:30px auto; overflow:hidden;}
.flinks span{ width:115px; height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:16px; color:#4271E2; float:left;}
.flinks a{ height:38px; line-height:38px; margin-right:15px; padding:0 20px; color:#666; display:inline-block; border:1px solid #EEE; float:left;}
.flinks a:hover{ border:1px solid #4271E2; background:#4271E2; color:#FFF;}

/* 分页 */
#page{ float:right; padding:10px 0 0 0;}
#page #pages li { float: left;}
#page #pages .active{background: #4271E2;}
#page #pages .active span{color:#ffffff;}
#page span,#mpage span{ display:inline-block; height:50px; line-height:50px; padding:0 21px; border:1px solid #D9D9D9; font-size:14px; color:#333;}
#page a,#mpage a{ display:inline-block; height:36px; line-height:36px; padding:0 14px; margin:0 3px; border:1px solid #D9D9D9; background:#FFF; font-size:14px; color:#999;}
#page select{ width:48px !important; height:40px; border:1px solid #CCC; color:#838383; display:inline-block; outline:none;}
#page a.active,#page a:hover{ background:#4271E2; color:#FFF; border:1px solid #4271E2;}
#mpage{ display:none;}

/* 上下篇 */
.prenext{ overflow:hidden;}
.prenext a{ width:35%; padding:0 25px; height:46px; line-height:46px; border:1px dashed #4271E2; border-radius:23px; font-size:16px; color:#4271E2; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.prenext a:hover{ background:#4271E2; border:1px solid #4271E2; color:#FFF;}
.prenext .pre{ float:left;}
.prenext .next{ float:right;}


/* 公用底部 */
.backtop{ width:50px; height:50px; cursor:pointer; position:fixed; display:block; z-index:666; bottom:100px; right:50px; z-index:55; background:url(../images/goindex.png) center no-repeat #bbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.bottoms{ width:100%; background:#F1F1F1; }
.bottoms .wrap{ overflow:hidden;}
.bottoms .logotb{ width:163px; padding:60px 150px; float:left; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0;}
.bottoms .logotb dt{ text-align:center; margin-bottom:40px;}
.bottoms .logotb dt img{ max-width:147px;}
.bottoms .logotb dd{ overflow:hidden;}
.bottoms .logotb dd a{ width:44px; height:44px; margin-right:15px; display:block; float:left;}
.bottoms .logotb dd a.qq{ background:url(../images/qq.png) no-repeat center;}
.bottoms .logotb dd a.wx{ background:url(../images/wx.png) no-repeat center;}
.bottoms .logotb dd a.wb{ margin-right:0; background:url(../images/wb.png) no-repeat center;}
.bottoms .logotb dd a.qq:hover{ background:url(../images/qqh.png) no-repeat center;}
.bottoms .logotb dd a.wx:hover{ background:url(../images/wxh.png) no-repeat center;}
.bottoms .logotb dd a.wb:hover{ background:url(../images/wbh.png) no-repeat center;}
.bottoms .lianxi{ padding:60px 0 60px 130px; float:left;}
.bottoms .lianxi dt{ font-size:16px; font-weight:bold; color:#4271E2;}
.bottoms .lianxi dd{ padding-top:20px;}
.bottoms .lianxi dd p{ line-height:35px; color:#666;}
.bottoms .telewm{ width:217px; padding:85px 135px; text-align:center; border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0; float:right;}
.bottoms .telewm img{ max-width:164px; display:inline-block;}
.bottoms .telewm p{ padding:10px 0 0 0; font-size:14px; color:#666;}
.copyright{ height:65px; line-height:65px; background:#4271E2;}
.copyright .wrap{ overflow:hidden;}
.copyright p{ padding-right:40px; color:#FFF; float:left;}
.copyright p a{ color:#FFF;}
.copyright span{ color:#FFF; float:right;}
.copyright span a{ color:#FFF;}


#nav .sub-nav {
    max-width: 100%;
}
@media screen and (max-width: 1440px) {
    #nav li.navLi {
        position: relative;
    }
    .zs_img_list {
        width: 100% !important;
    }
    .indplay1{
        width:calc(47% - 10px) !important;
    }
    .indplay2{
        width: calc(54% - 10px) !important;
    }
    .videos .cons dl dd h4{
        overflow: hidden;
        height: 44px;
    }
    .playlist {
        width: calc( 100% - 330px);
    }
}