@charset "utf-8";
html,body {	margin: 0px; padding:0;background:#fff; font-family: ""; font-size: 12px; color: #222; text-align:center; }
* { margin:0; padding:0; }
@font-face {
  font-family: 'iconfont';  /* Project id 183650 */
  src: url('//at.alicdn.com/t/c/font_183650_j4fd0o4dpd.woff2?t=1680763071592') format('woff2'),
       url('//at.alicdn.com/t/c/font_183650_j4fd0o4dpd.woff?t=1680763071592') format('woff'),
       url('//at.alicdn.com/t/c/font_183650_j4fd0o4dpd.ttf?t=1680763071592') format('truetype');
}
                    
.iconfont {
  font-family:"iconfont" !important;
  font-size:22px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

img { border:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
ul{ list-style:none;}
/* 链接样式 */
a { color:#666; text-decoration:none; }
a:hover { color:#F00; text-decoration:none; }
.gray{ color:#999;}
.orange { color:#FF7800 !important; }
a.red { color:#F00 !important; }
.red{ color:#f00;}
.darkblue{ color:#590c31; }
.blue { color:#1F71AF; !important; }
a.more { text-align:left; color:#333; text-decoration:none; font-size:12px; font-weight:normal; position:absolute; right:0px; top:0px; }
a.more:hover { color:#c00; text-decoration:none; }
a.btnBlack { background:url(../images/bg_btn.gif) repeat-x; padding:4px 10px 5px 10px; color:#FFF !important; font-weight:700; font-size:14px; text-decoration:none !important; border:1px solid #000; }


/* 按钮样式 */
input.text_type { border:1px solid #949494; color:#626262; }
input.select_type { border:none; background:url(../images/input_search_style.gif) no-repeat; width:124px; height:19px; color:#626262; }

.input1{ border:1px solid #ccc; 
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin-bottom:5px;
	background:#eee;
	height:25px;
	line-height:25px;
	margin-bottom:-3px;
}
.input2{ border:1px solid #ccc; 
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin-bottom:5px;
	background:#eee;
	height:20px;
	line-height:20px;
	margin-bottom:-3px;
}

.text7 td{ padding:4px 0;}

/* 位置 */
.left{float:left;}
.right{ float:right;}
/* 字体样式 */
.f12px{ font-size:12px; font-weight:normal;}
.f14px{ font-size:14px;}
.fB { font-weight:900; }
/* 顶部样式 */
#nav_layout{ transition:0.3s;}
.headtop{ width:100%; box-shadow:0 0 5px #ccc; z-index:999; background:#000;transition:0.3s;}
.nav_fixed{ position:fixed; left:0; top:0; transition:0.3s;}

#head { position:relative;width:90%; height:60px;  display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; margin:0 auto; max-width:1440px; padding:10px 0;}
#logo {width:176px; height:60px; display:block; overflow:hidden; }

.loginContent{ position:absolute; right:0px; bottom:20px; text-align:right; }
.loginContenten{ position:absolute; right:0px; top:0px; width:157px; height:27px; line-height:27px; background:url(../images/loginbgen.jpg) no-repeat left top; color:#fff;}



.user{ height:60px;  text-align:center; color:#fff;  z-index:999;  position:relative; }
.userCon {width:150px;display:flex; flex-wrap:nowrap; align-items:center;margin-top:15px;}
.user_nick{ width:50px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; }
.user i{ font-size:18px;}
.user .user_lk{ margin-right:10px; width:30px; height:30px; line-height:30px; overflow:hidden; text-align:center; background:#fff; border-radius:30px; display:inline-block; color:#000; font-size:12px;}
.user .user_lk:hover{ }
.user .user_lk img{ width:100%;}
.user_ul{ display:none; position:absolute; left:-15px;  top:50px; width:80px; background:#fff; box-shadow:0 0 5px #ccc;}
.user_ul li a{ height:30px; line-height:30px; display:block;}
.user_ul li a:hover{ background:#000; color:#fff;}


.tel{ font-size:16px; color:#f60;}
.tel i{ font-size:20px; color:#f60;}

#banner{ margin:0 auto; width:927px; height:284px; padding-top:35px;}

.inbanner{ width:980px; height:83px; margin:10px auto;}


/*menu*/

.nav{ flex:1; }
.nav ul{ display:flex; width:80%; margin:0 auto;}
.nav li{list-style:none;width:14%;position:relative; overflow:hidden;}
.nav li a{display:block; height:60px; line-height:60px; color:#fff;text-align:center;text-decoration:none;font-size:16px; }
.nav li a:hover{  }
.nav li a:hover::after{ width:80%; height:1px; background:#fff; position:absolute; top:50%; left:10%; content:"";}
.nav li .on::after{ width:80%; height:1px; background:#fff; position:absolute; top:50%; left:10%; content:"";}
.nav li a.big{ color:#01a89e}
.nav li .big::after{ width:80%; height:1px; background:#01a89e; position:absolute; top:50%; left:10%; content:"";}



.apply_out{ width:90%; text-align:center; margin:50px auto; max-width:1440px;}

.apply_btn{ width:150px; margin:0 auto; font-size:20px; padding:0 10px; display:inline-block; transition:0.3s; border:2px solid #fff;  height:40px; line-height:40px; color:#fff; background:#000; font-weight:bold; margin-bottom:20px;}
.apply_btn:hover{ background:#fff; color:#000; border:2px solid #000; font-size:24px;}

.apply_out_index{ margin:30px auto;}
.apply_btn_index{ margin:0 20px; font-size:20px; padding:0 15px; display:inline-block; transition:0.3s; border:2px solid #fff;  height:35px; line-height:35px; color:#fff; background:#000; font-weight:bold; }
.apply_btn_index:hover{ background:#fff; color:#000; border:2px solid #000; }

.index_name_out { position:relative; height:40px; line-height:40px;}
.index_name{ padding:10px; background:#fff; font-size:16px; z-index:99; position:relative;}
.index_name_out::after{ width:100%; height:1px; background:#000; position:absolute; top:50%; left:0; content:"";}

.siteTitle{ display:flex;position:relative;align-items: flex-end; margin-bottom:10px; justify-content:flex-start}
.siteTitle_t{  font-size:24px; color:#000;text-decoration:line-through 2px;}
.siteTitle_line{ position:relative; font-size:24px; color:#000; margin:0 5px;}
.siteTitle_en{ font-size:14px; color:#666; font-weight:normal; padding-bottom:2px;}

/*关于我们*/
.aboutbg{ position:relative;  height:640px; background:#000 url(../images/index_about.jpg) no-repeat left top; background-size:cover;}
.about_logo{ width:342px; position:absolute; left:50px; top:50px;}
.about_logo img{ width:100%;}
.about_desc{ width:700px; font-size:16px; color:#000; line-height:200%; position:absolute; left:50px; bottom:50px;}

.aboutbg_in{ position:relative; padding:50px 0 30px 50px; margin-top:50px; margin-bottom:50px; height:450px; background:#000 url(../images/aboutinbg.jpg) no-repeat left top; background-size:cover;}
.about_logo_in{ width:342px; margin-bottom:90px;}
.about_logo_in img{ width:100%;}
.about_logo_in_t{ font-size:24px; color:#000; margin-bottom:10px;}
.about_desc_in{ width:850px; font-size:14px; color:#000; line-height:200%; display:flex; flex-wrap:nowrap; justify-content:space-between;}
.about_desc_in .li1{width:40%;}
.about_desc_in .li2{width:58%;}

.aboutKTK{ margin-bottom:60px;}
.aboutKTK_t{font-size:34px; color:#000; margin-bottom:20px;  text-align:center; position:relative;}
.aboutKTK_t::after{ width:100%; height:1px; background:#000; position:absolute; top:50%; left:0; content:"";}
.aboutKTK_span{ background:#fff; display:inline-block; padding:0 20px; z-index:99; position:relative;}

.aboutKTK_desc{ font-size:16px;  color:#000;  line-height:200%; margin:50px 0; }

.aboutKTK_t2{font-size:34px; color:#000; margin-bottom:20px;  width:320px; text-align:center; position:relative;}
.aboutKTK_t2::after{ width:100%; height:1px; background:#000; position:absolute; top:50%; left:0; content:"";}


#persons {  position: relative; margin: 0 auto;  padding:20px;}
/* focus */
#focus{width:1200px}
.mb-wrapper{margin:0 auto 20px;position:relative; height:auto;left:0;top:0}
.mb-slider,.mb-scroll{width:100%;height:380px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.mb-active-slider{border-color:#333}
.mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none}
.mb-panel a{outline:0}
.mb-slider .mb-panel.current{cursor:auto}
.mb-inside *{max-width:100%}
a.mb-scrollButtons{display:block;width:45px;height:58px;background:transparent url(../images/arrows.png) no-repeat;position:absolute;top:40%;margin-top:-29px;cursor:pointer;text-decoration:none;outline:0;border:0;_background:transparent url(../images/arrows.gif) no-repeat}
a.mb-scrollButtons.mb-left{background-position:left top;left:-45px; z-index:99;}
a.mb-scrollButtons.mb-right{background-position:right top;right:-45px; z-index:99;}
a.mb-scrollButtons.mb-left:hover{background-position:left bottom}
a.mb-scrollButtons.mb-right:hover{background-position:right bottom}
a.mb-scrollButtons.disabled{display:none}
.mb-controls{margin:0 auto;text-align:center;position:absolute; top:350px; left:560px;z-index:100}
.mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.mb-panel{margin-top:90px}
.mb-controls a:hover{color:black}
.mb-controls a.current{color:#900}
.main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.main-nav a:hover{color:black;border-bottom:2px solid black}
.mb-inside img{width:100%}


/*新闻中心*/
.indexnews_slide{ position:relative;}
.indexnews_t{ position:absolute; left:0; bottom:0; height:40px; line-height:40px; background:rgba(0,0,0,.6); color:#fff; font-size:16px; width:100%; font-weight:normal;}
.swiper-pagination-news{ bottom:60px !important; display:none;}
/*banner */
.banner{}
.swiper-banner-next{position: absolute;top: 50%; right:20px; width: 50px;height: 50px;margin-top: -25px;z-index: 10;cursor: pointer;}
.swiper-banner-prev{position: absolute;top: 50%; left:20px; width: 50px;height: 50px;margin-top: -25px;z-index: 10;cursor: pointer;}
.swiper-banner-next i, .swiper-banner-prev i{ font-size:50px; color:#fff; transition:0.3s}
.swiper-banner-next:hover i{ color:#000;}
.swiper-banner-prev:hover i{ color:#000;}

.newslist{ list-style:none; display:flex; flex-wrap:wrap; justify-content:space-between; }
.newslist li{ width:48%;}
.newslist li a .time{ padding:2px; background:#000; color:#fff; width:80px; height:18px; text-align:center; overflow:hidden; font-size:12px; margin-right:10px; }
.newslist li a{ font-size:14px; display:flex; flex-wrap:nowrap; padding:5px 0;justify-content:center; align-items:center;}
.newslist li .listtext{ flex:1;overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis;  -o-text-overflow:ellipsis;}
.newslist li a:hover{ text-decoration:underline; color:#000;}

/*新闻内页*/
.newsinTop{padding: 0 0 52px;    background: #fff;}
.newsinTopCon{ text-align: center;}
.newsinTit{ font-size: 32px;margin-bottom: 48px; text-align: center; position:relative;}
.newsinTit::after{ width:100%; height:2px; background:#000; position:absolute; top:50%; left:0; content:"";}
.newsinTit_span{ width:600px; padding:0 20px; background:#fff; z-index:99; display:block; margin:0 auto; position:relative}

.newsinTime{    font-size: 16px; font-weight: 400; color: #666; text-align: center;}
.newsinTime i{ font-size:16px;}

.newsContent{    padding: 60px 0 100px 0; font-size:16px; margin:0 auto; line-height:200%}
.newsContent img{ max-width:1000px;}

.newsin_bot{padding: 35px 0;}
.newsin_bot_list{margin: 0 auto; text-align: left; font-size: 16px;}
.newsin_bot_prev{ width: 50%; float: left;}
.newsin_bot_next{ width: 50%; float: right;}
.newsin_bot_pagi{ display: inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:90%; }
.newsin_bot_list a:hover{ color: #000;}

/*登录*/
.btnloginout{ width:120px; float:right;}
.login{ width:800px; margin:50px auto; text-align:left;}
.login_t{ font-size:34px; color:#000; margin-bottom:10px;}
.login_reg{ margin-bottom:30px; font-size:16px; display:inline-block; color:#000; font-weight:bold;}
.login_reg_i{ width:18px; height:18px; border-radius:18px; background:#000; display:inline-block; text-align:center; margin-bottom:-4px;}
.login_reg_i i{ font-size:9px; color:#fff; font-weight:normal}

.login_tab .layui-this{ color:#000 !important; font-size:18px !important; font-weight:500 !important}
.login_tab>.layui-tab-title .layui-this:after{ border-bottom:2px solid #000 !important;}

.btn-login{ background:#000 !important;}

.regbtn_out{ text-align:right;}
.btn-reg-prev{ width:100px; background:#fff !important; border:1px solid #000 !important; color:#000 !important}
.btn-reg{ width:100px; background:#000 !important;}

.regcountry{ display:flex; font-size:16px; align-items:center}
.regcountryBtn{ padding:5px 10px; background:#f7f7f7; border-radius:5px; margin-right:10px; cursor:pointer;}
.regcountryBtn i{ color:#f7f7f7; font-size:16px}
.regcountry_on i{ color:#fff;}
.regcountry_on{ background:#000; color:#fff;}


/*完善个人资料*/
.portal_edit_bg{ width:100%; padding:100px 0; background:url(../images/portaleditbg.jpg) no-repeat center top; background-size:cover;}
.portal_edit{ width:500px; margin:0 auto; text-align:left; border:1px solid #000; background:#fff;}
.portal_edit_t{ font-size:18px; font-weight:300; color:#000; margin-bottom:10px; background:#000; color:#fff; padding:10px;}
.portal_edit_p{ font-size:14px; color:#777; padding:5px 0;}
.division{ float:right; color:#000}
.divisionName{ font-weight:bold; }
.divisionTableIn{ padding:20px}
.divisionHelp{ cursor:pointer; color:#666}
.portal_edit_out{ padding:20px;}
.layui-laydate-footer{ text-align:left;}
.headimgurl{ width:100px; height:100px; border:1px solid #000; margin-bottom:10px; display:flex; align-items:center; justify-content:center; position:relative;}
#headimgurl_btn{ background:#999; width:100px;}
#sex .layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{ color:#000 !important;}
#sex .layui-form-radio{ margin:0; padding:0}
#sex label{ margin-right:10px; }

.headimg_uploadbtn{ position:absolute; left:0; top:0;  opacity:0; cursor:pointer; width:100px; height:100px; z-index:99;}


/*报名*/
.enroll_flow{ margin:50px auto; position:relative;}
.enroll_flow_line{ width:80%; z-index:0; position:absolute; left:10%; top:40px; height:1px; background:#000; overflow:hidden; display:block; }
.enroll_flow_ul{display:flex; flex-wrap:nowrap; justify-content:space-between; align-content:center; align-items:center; z-index:10; position:relative;}
.enroll_flow_ul li{ width:25%; text-align:center;}
.enroll_flow_icon{ }
.enroll_flow_icon i{font-size:80px; color:#999; background:#fff;}
.enroll_flow_t{  color:#777; font-size:16px; padding:8px 0;font-weight:bold;}
.enroll_flow_on .enroll_flow_icon i, .enroll_flow_on .enroll_flow_t{ color:#000; }

.enroll_txt{width:1030px; margin:0 auto;}
.enroll_require{width:960px; margin:0 auto;}
.enroll_agree{width:960px; margin:20px auto; color:#000; display:flex; flex-wrap:nowrap; font-size:16px; align-items:center;}
.enroll_requireTitle{ font-size:24px; padding:10px 0; margin-bottom:20px;}
.enroll_requireContent{ line-height:200%; }
#agreement{ margin-right:5px; }
.usercommon{ text-align:left; padding:10px;}

.enroll_select{width:1030px; margin:0 auto;}
.enroll_select_ul{ list-style:none; display:flex; flex-wrap:nowrap;}

.enroll_layui .layui-layer-title{background-color: #000; color:#fff; font-size:18px; text-align:left;}
.enroll_layui .layui-layer-setwin span{ color:#fff;}

.enroll_type{ padding:20px;}
.enroll_type_ul{ width:100%; display:flex; list-style:none;}
.enroll_type_ul li{ padding:30px;}
.enroll_type_ul li a{ padding:10px 20px; font-size:18px; border:2px solid #666; display:block; color:#000; border-radius:4px; transition:0.3s;}
.enroll_type_ul li a:hover{ background:#000; color:#fff;border:2px solid #000;}

.enroll_type_ui{ padding-bottom:10px;}
.enroll_type_ui  a{ padding:10px 20px; font-size:16px; border:2px solid #666; display:block; color:#000; border-radius:4px; transition:0.3s; display:inline-block; margin:0 auto}
.enroll_type_ui  a:hover{ background:#000; color:#fff;border:2px solid #000;}



/*上传作品*/
.enroll_upload_type{ margin:20px 0;}
.enroll_upload_type_on{ padding:10px 20px; background:#000; color:#fff; font-size:20px; width:100px; display:inline-block; text-align:center;border:2px solid #000; margin-right:20px;}
.enroll_upload_jpg{ padding:10px 20px; background:#000; color:#fff; font-size:20px; display:inline-block; text-align:center;border:2px solid #000; margin-right:20px;}
.enroll_upload_type_1{ padding:10px 20px; color:#000; font-size:20px; border:2px solid #000;width:100px; display:inline-block; text-align:center;}
.enroll_upload_tips{ font-size:16px; color:#333;}

#tabHeader .layui-this{background:#000; color:#fff;}
.typechange{ padding:10px 20px; color:#000; font-size:20px; border:2px solid #000;width:100px; display:inline-block; text-align:center; cursor:pointer; margin-right:20px;}


.enroll_upload_img{ margin-bottom:50px;}
.reservation_upfile{ position:relative; display:inline-block;width:100px !important; height:100px !important; line-height:100px; border-radius:4px; border:1px solid #ccc; text-align:center; margin-right:10px;}
.reservation_upfile i{ font-size:30px; color:#000;}
.reservation_upfile_input{position: absolute; top: 0; bottom: 0; left: 0;right: 0; opacity: 0; width:100px !important; height:100px !important;}
.reservation_upfile_tips{font-size:12px; padding-left:150px; color:#999;}


.item-close{position:absolute; top:0; right:0; z-index:100; width:20px; height:20px; line-height:20px; border-radius:20px; }
.item-close i{ font-size:20px; color:#000;}
.gallery-item img{ height:80px;}

.enroll_submit{ text-align:center; margin:50px auto;}
.btn-enroll-video{ border:1px solid #000 !important; color:#000 !important; background:#f7f7f7 !important;}
.layui-btn-black{ background:#000 !important; padding:0 50px !important;}
.layui-btn-red{background:#c00 !important; }
.enroll_upload_form .layui-form-select .layui-input{ background:#f7f7f7; border-color:#000 !important;}


.layui-input-black{ border:1px solid #000 !important; background:#f7f7f7 !important;}
.layui-unselect {border-color: #000 !important;}
.layui-form-select dl dd.layui-this{ color:#000 !important;}


.uppanel{ width:150px; display:inline-block; border:1px solid #ccc; border-radius:4px; margin-right:20px; position:relative;}
.uppanel_close{ width:30px; height:30px; border-radius:50%; position:absolute; right:15px; top:5px; z-index:99; cursor:pointer; background:#fff;}
.uppanel_close i{ font-size:30px;}
.imgDiv{ width:150px; height:150px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:url(../images/upButtonImg.png) no-repeat center center;}
.imgDiv img{ width:100%; display:block;}
.uppanel_txt{ padding:0;}
.uppanel_btn{ background:#999 !important; cursor:pointer;}

 
.enroll_upload_video{ margin-bottom:50px; position:relative; }

.enroll_video_block{ width:300px; border:1px solid #ccc; border-radius:4px; display: inline-block; margin-right:15px;}
.uppanel_video_btn{ background:#999 !important; cursor:pointer;}
.enroll_upload_video_in{ width:100%; height:45px;}
.videoConBg{ width:100%; height:170px;  display:inline-block;background:url(../images/upVideo.png) no-repeat center center; position:relative;}
#videoCon{ width:300px;  position:relative;}
.video_close{ width:30px; height:30px; border-radius:30px; position:absolute; right:15px; top:5px; z-index:999; cursor:pointer; background:#000; }
.video_close i{ font-size:30px; color:#fff;}

.word{position: absolute;right: 18px;bottom: 5px;color: #aaa;font-size: 12px;}

.enroll_tips{ font-size:16px; color:#c00; text-align:center; }

.panelview_jpg{ width:150px; height:150px; overflow:hidden; display:inline-block; border:1px solid #ccc; border-radius:4px; margin-right:20px; position:relative;}
.panelview_jpg img{ width:100%;}

.bhlk{ margin-top:20px;}
.bhdiv{ padding:5px 10px; border:1px dotted #333; border-radius:5px; color:#f60; margin-top:10px}

/*支付*/
.enroll_pay{width:1030px; margin:0 auto; }
.enroll_pay_qrcode{  background:url(../images/paybg.jpg) no-repeat center top; background-size:cover; height:400px; display:flex; align-content:center; align-items:center; justify-content:space-between;}
.enroll_pay_qrcode_img{ margin:0 auto; width:200px; position:relative}
.enroll_pay_qrcode_img img{ width:100%;}

#paySuccess{ position:absolute; left:0; top:0; background:rgba(0,0,0,.5); width:100%; height:100%; color:#fff; text-align:center; display:flex; align-items:center;justify-content:center;}
#paySuccess span{ width:60px; height:60px; line-height:60px; border-radius:60px; background:#32aa24; overflow:hidden; padding:10px;}
#paySuccess span i{ font-size:40px;}

.enroll_pay_tips{ width:600px; font-size:18px; text-align:left; padding:10px 0; line-height:200%;}
.enroll_pay_tips_fb{ font-weight:bold; text-decoration:underline;}
.enroll_pay_success{ background:#000; padding:20px; font-size:20px; color:#fff;}
.enroll_pay_detail{ font-size:14px; text-align:center; padding:10px 0;}

.enroll_pay_btn{ margin:20px auto; text-align:center;}

input[type=checkbox]{
cursor: pointer;
position: relative;
width: 15px;
height: 15px;
font-size: 14px;
}
input[type=checkbox]::after{
position: absolute;
top: 0;
color: #000;
width: 15px;
height: 15px;
display: inline-block;
visibility: visible;
padding-left: 0px;
text-align: center;
content: ' ';
border-radius: 3px
}

input[type=checkbox]:checked::after{
content: "✓";
font-size: 12px;
font-weight: bold;
background:#000;
color:#fff;
}


/*往届作品*/
.works{ margin-bottom:80px;}
.works_t{ font-size:24px; line-height:40px; display:flex; flex-wrap:nowrap; align-content:center; align-items:center; justify-content:center; margin-bottom:50px;}
.works_line{ width:100px; height:1px; background:#000; overflow:hidden; display:block; margin:0 10px;}
.works_ul{ list-style:none; display:flex; justify-content:space-between;}
.works_ul li{ width:30%;}
.works_ul_lk{ position:relative; display:block; width:100%; transition:0.3s; overflow:hidden;}
.works_ul_lk img{ width:100%;transition: all 0.5s; display:block;}
.works_ul_t{ position:absolute; left:0; bottom:0; height:50px; line-height:50px; font-size:18px; color:#fff; background:rgba(0,0,0,.6); width:100%; text-align:center;transition: all 0.5s;}

.works_ul_lk:hover img{ transform: scale(1.2)}
.works_ul_lk:hover .works_ul_t { background:rgba(0,0,0,.9); color:#fff;height:70px; line-height:70px; font-size:22px; }

.workslist{  transition:0.3s; margin:10px;}
.workslist_t{ font-size:24px; line-height:40px; display:flex; flex-wrap:nowrap; align-content:center; align-items:center; justify-content:center; margin-bottom:50px;}
.workslist_line{ width:100px; height:1px; background:#000; overflow:hidden; display:block; margin:0 10px;}

.workslist_lk{ position:relative; display:block; width:100%;  transition:0.3s; overflow:hidden; }

.workslist_pic{ margin-bottom:20px; width:100%; max-height:300px; overflow:hidden; display:flex;align-content:center; justify-content:center; }
.workslist_pic a img{ width:100%;transition: all 0.5s;  display:block;}

.workslist_pic:hover img{ transform: scale(1.2)}


.pslist{ display:flex; flex-wrap:nowrap; align-items:center; justify-content:center;}

.pslist_pic{ margin-bottom:20px; width:120px; max-height:300px; overflow:hidden;  }
.pslist_pic a img{ width:100%;transition: all 0.5s;  display:block;}
.pslist_pic:hover img{ transform: scale(1.2)}

.pslist_desc{ font-size:14px; color:#777; flex:1}


.workslist_awards{ font-size:18px; color:#000;margin-bottom:10px; font-weight:600; height:50px;}
.workslist_desc{ font-size:14px; color:#777; height:100px; }
.workslist_lk:hover{background:#eee; color:#000;}
.workslist_lk:hover .workslist_awards{ color:#000;}
.workslist_lk:hover .workslist_desc{ color:#000;}

.works_typetheme{ font-size:24px; line-height:40px; display:flex; flex-wrap:nowrap; align-content:center; align-items:center; justify-content:center; margin-bottom:50px; position:relative;}
.works_typetheme::after{ width:100%; height:1px; background:#000; position:absolute; top:50%; left:0; content:"";}
.works_typetheme_t{ padding:0 10px; background:#fff; display:block; position:relative; z-index:99;}
.themeContent img{  max-width:800px;}


/*大赛制度*/
.competitionTop{ text-align:center; line-height:200%;}
.competitionTop_t{ font-size:24px; line-height:40px; display:flex; flex-wrap:nowrap; align-content:center; align-items:center; justify-content:center; position:relative;}
.competitionTop_t::after{ width:100%; height:2px; background:#000; position:absolute; top:50%; left:0; content:"";}
.competitionTop_span{ padding:0 10px; background:#fff; display:block; position:relative; z-index:99;}
.competition{ padding:20px 0; line-height:180%;}

/*个人作品*/
.portal{ display:flex; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #000; justify-content:space-between;}
.protal_l{display:flex; flex-wrap:nowrap;}
.protal_img{ width:120px; height:120px; display:flex; align-items:center; justify-content:center; border:1px solid #000;}
.protal_img img{ width:100%;}
.protal_name{ font-size:18px;}
.protal_edit_div{ margin-top:15px;}
.protal_edit{ border:1px solid #000; padding:5px; color:#777; font-size:14px;}
.protal_info{ margin-left:10px;}

.protal_c{align-items: flex-end; display:flex;}
.portal_c_add{ background:#000; color:#fff; text-align:center; padding:10px 20px; font-size:16px; border-radius:4px; display:block}
.portal_c_add:hover{ background:#666; color:#fff;}

.portal_r{ width:200px; text-align:center; background:#f7f7f7; border-radius:4px; }
.portal_r h1{ font-size:20px; padding:10px 0;}
.portal_r_btn{ background:#000; color:#fff; margin:20px; text-align:center; padding:10px 20px; font-size:16px; border-radius:4px; display:block}
.portal_r_btn:hover{ background:#666; color:#fff;}

.portal_works{display:flex; flex-wrap:nowrap;}
.protal_lnav{ width:20%;}
.protal_lnav_t{ margin-bottom:20px;font-size:18px; color:#000;font-weight:bold;}
.protal_lnav_dl{ list-style:none;}
.protal_lnav_dl dt a.on{ color:#000; font-weight:bold;}
.protal_lnav_dl dd a{ font-size:14px; color:#666; padding:5px 10px; display:block}
.protal_lnav_dl dd a:hover{  color:#000;}
.protal_lnav_dl dd a.on{ color:#000; font-weight:bold;}

.portal_works_r{ width:80%;}
.portal_workstlist{ padding-bottom:20px}
.portal_workstlist_type{ padding:20px 0; font-size:24px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between;}

.portal_opus{ list-style:none; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px;; border-bottom:1px solid #666; padding-bottom:20px;}
.portal_opus_img{ padding:5px; border:1px solid #000;width:25%; display:flex; align-items:center; justify-content:center;}
.portal_opus_img img{ width:100%; }
.portal_opus_info{ padding:10px;width:70%; text-align:left; line-height:200%;}
.portal_opus_t{ font-size:16px; margin-bottom:10px;}

.portal_opus_btn{ margin-top:20px;}
.portal_opus_edit{ text-align:center; font-size:16px; padding:5px 10px; display:block; background:#eee; color:#000; border:1px solid #666;}
.portal_opus_edit:hover{ background:#000; color:#fff;}

.portal_edit_content{ display:none; }
.memberInfo{width:600px; padding:20px; text-align:left;}
.protal_previous_border{ border:1px solid #ccc; box-shadow:none !important;}

#abroadCountry input{ border-color: #000 !important;}

.certiPanel{ margin-top:10px; border:1px solid #ccc; padding:5px; border-radius:5px; width:auto; color:#f60; display:inline-block; font-size:16px}
.certiPanel a{ padding:0 5px; background:#f60; color:#fff; display:inline-block; margin-right:10px; border-radius:5px; font-size:14px}
.certiPanel a:hover{ background:#F00; color:#fff;}

/*我是评委*/
.judgesMatch{ width:500px; margin:0 auto; border-radius:4px; border:1px solid #ccc;}
.judgesMatch_tit{ padding:20px; font-size:24px; background:#000; color:#fff;}
.judgesMatch_h1{ text-align:center; padding:20px 0; font-size:24px;}

.judgeslist{ border-bottom:1px solid #ccc; padding:20px;}
.judgeslist_t{ font-size:16px; margin-bottom:20px;}
.judgeslist_btn{}
.judges_btn{ padding:10px 20px; border:1px solid #000; font-size:16px; text-align:center; margin-right:20px; border-radius:4px; display:inline-block;}
.judges_btn:hover{ background:#000; color:#fff;}


/*评选*/
.selection_title{ padding:50px 0; font-size:30px;}
.selection_top{ background:#f7f7f7; border:1px solid #ccc; display:flex; justify-content:space-between; padding:20px; margin-bottom:20px; font-size:14px;}
.selection_top .layui-form-item{ margin-bottom:0;}
.selection_top .layui-form-label{ width:60px;}
.selection_province{ width:250px;}
.selection_type{ width:200px;}
.selection_status{ width:200px;}
.selection_num{  width:400px;}
.works_total{ font-size:18px; color:#666; font-weight:bold;}
.works_in{ font-size:18px; color:#f60;font-weight:bold;}

.numCount{padding:10px 0; font-size:16px; display:flex; justify-content:space-between; align-items:center;}
.numCount_l{ width:50%;}
.numCount_r{ width:50%;display:flex; padding:5px;  align-items:center; text-align:center; border:2px dotted #ccc;}
.numCount_r_total{width:30%;}
.numCount_r_detail{width:70%;}
.stuspan{ margin:0 10px; background:#d6fff4;padding:5px 10px; border-radius:5px;}
.professspan{ margin:0 10px; background:#dee4ff; padding:5px 10px; border-radius:5px;}
.works_in_stu{ font-size:18px; color:#06ae28;font-weight:bold;}
.works_in_profess{ font-size:18px; color:#3960de;font-weight:bold;}
.searchinput{ width:200px}

.selection_table th{ background:#000; color:#fff; font-size:16px; text-align:center !important;}
.selection_table tr:nth-child(event){ background:#f4f4f4;}
.selection_table tr:nth-child(odd){ background : #ffffff ;}
.selection_table .center{ text-align:center;}
.selection_table .works_status{ padding:5px 10px; font-size:14px; border-radius:4px}

.btn_black{ background:#2f363c !important; }
.btn_gray{ background:#666 !important;}
.btn_blue{ background:#1e9fff !important;}
.btn_green{ background:#16baaa !important;}
.btn_red{ background:#ff5722 !important;}


.selectionlist{ display:flex; flex-wrap:wrap;}
.selectionlist_pic{ width:160px;}


.selectcon{ display:flex; align-items:center;background:#32aa24;}
.plset_select_btn{ padding:10px 20px; font-size:16px;  color:#fff;}
.plset_select{padding:7px 20px; font-size:16px;}

/*评审专家*/
.experts{ margin-bottom:50px;}
.experts_t{ font-size:34px; line-height:40px; display:flex; flex-wrap:nowrap; align-content:center; align-items:center; justify-content:center; margin-bottom:50px;}
.experts_line{ width:50px; height:1px; background:#000; overflow:hidden; display:block; margin:0 10px;}

.experts_t1{ font-size:34px; line-height:40px; display:flex; flex-wrap:nowrap; align-content:center; align-items:center; justify-content:center; margin-bottom:20px; position:relative;}
.experts_t1::after{ width:100%; height:1px; background:#000; position:absolute; top:50%; left:0; content:"";}
.experts_t1_span{ padding:0 10px; background:#fff; display:block; position:relative; z-index:99;}
.experts_by{ font-size:16px; line-height:40px; display:flex; flex-wrap:nowrap; align-content:center; align-items:center; justify-content:center; margin-bottom:50px; font-weight:400;}
.experts_line1{ width:50px; height:1px; background:#000; overflow:hidden; display:block; margin:0 10px;}


.president{ width:200px; margin:0 auto; text-align:center; margin-bottom:50px; }

.president img{ width:100%; transition:0.3s;}
.president:hover img{ transform: scale(1.2)}
.president_t{ font-size:16px; font-weight:600; padding:10px 0;}
.president a{ display:block;transition:0.3s; color:#666; height:200px; overflow:hidden;}
.president a:hover{ color:#000;}

.expertslist{ display:flex; flex-wrap:wrap; justify-content:flex-start;}
.expertslist li{ width:16.66%%;}
.expertslist li img{ width:100%;}
.expertslist li a{ display:block; padding:10px; text-align:center; transition:0.3s; margin:10px; color:#666;}
.expertslist li a:hover{ color:#000;}
.expertslist .expertslist_name{ font-size:14px; text-align:center; height:40px; width:200px; overflow:hidden; padding-top:10px;}

.expertslist .expertslist_pic{ width:200px; height:200px; overflow:hidden;}
.expertslist_pic img{ transition:0.3s;}
.expertslist_pic:hover img{ transform: scale(1.2)}

.expertslist .hasBorder{ border:1px solid #000; padding:5px;}

.expertsDetail{ width:1000px; display:flex; flex-wrap:nowrap; justify-content:space-between; margin:0 auto; margin-bottom:50px;}
.expertsDetail_pic{ width:40%;}
.expertsDetail_pic img{ width:100%;}
.expertsDetail_desc{ width:55%;}
.expertsDetail_name{ font-size:24px; margin-bottom:20px;}
.expertsDetail_txt{ font-size:14px; line-height:180%;}

.expertsIntro{ width:1000px; margin:0 auto; margin-bottom:50px;}
.expertsIntro img{ max-width:800px;}

/*获奖结果*/
.cerfifiCon{ width:80%; margin:50px auto;}
.certifi_res{ text-align:center; padding:20px 0; margin-bottom:20px;}
.certifi_out{ padding:20px 0;}
.cerfifi_type{ font-size:16px; padding:3px 10px;font-weight:300; color:#111; margin-bottom:0; border:1px solid #111; border-radius:20px; display:inline-block; margin-bottom:20px;}
.cerfifi_line{ width:20px; height:2px; overflow:hidden; background:#ccc; display:block; margin:10px auto;}
.cerfifi_award{ font-size:44px; font-weight:600; color:#c00;}
.certifi_tit{ font-size:20px}
.cerfifi_num{ font-size:16px; padding:10px 0;}

.certifi_tbl{ background:#666;}
.certifi_tbl td{border-color: #ccc !important;}
.certifi_tbl .td1{ width:100px; font-weight:bold}

.certifi_noinfo{ padding:50px 0; text-align:center}
.certifi_noinfo_i{ font-size:60px; color:#111; font-weight:100}
.certifi_noinfo_txt{ font-size:18px; padding:20px 0;}

/*大咖课*/
.course_top{ background:#000; margin:50px 0; display:flex; justify-content:space-between;}
.couse_top_intro{ width:700px}
.course_top_pic{ width:600px;}
.course_top_pic img{ width:100%}
.course_t{ font-size:87px; padding:30px 0; color:#01a89e; padding-left:10px; display:flex; align-items:center; font-weight:normal;  }
.course_t_span{ width:71px; overflow:hidden; font-size:55px; font-weight:normal}
.course_t_desc{  padding-bottom:20px; margin-bottom:20px;color:#cdcdcd; padding-left:90px;}
.course_t_desc1{ font-size:14px; color:#cdcdcd; margin-bottom:40px}

#toBuyDiv{ padding-left:90px; color:#c00; margin-bottom:40px; font-size:24px}
#buyshow{ padding-left:90px; color:#c00; margin-bottom:40px; font-size:24px; color:#c00;}
#buyshow a{ color:#fff; background:#c00;}

.orginPrice{ font-size:18px; text-decoration:line-through; margin-right:10px}
.pricebg{ background:#c00; font-size:24px; color:#fff;}

.course_btn{ font-size:24px; }

.courseDesc3{  display:flex; margin-bottom:30px;}
.course_icon{ color:#01a89e; font-size:32px; width:142px; }

.courseState{  display:flex;  margin-bottom:30px; background:#000; color:#cdcdcd; padding:30px 10px 10px 10px;}
.courseState_icon{ color:#01a89e; font-size:22px; width:73px; font-size:24px; overflow:hidden;}

.courseIner{ margin-bottom:30px;}
.courseIner_t{  display:flex; align-items:center; font-size:44px; font-weight:bold; padding:10px 0; border-bottom:1px solid #000; margin-bottom:30px; color:#000;}
.courseIner_span{ width:83px;color:#01a89e; overflow:hidden}
.courseIner_desc{ padding-left:83px;}


.courselist{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; flex-direction:row; }
.courselist_item{ width:30%; margin-bottom:30px; }

.courselist_lk{ background:#000; display:block; transition:0.3s;min-height:300px}
.courselist_head{ text-align:center; padding:0;}
.courselist_head_pic{ margin:0 auto; width:100%;  margin-bottom:10px;}
.courselist_head_pic img{ width:100%;}
.courselist_head_name{ font-size:30px; font-weight:bold; color:#369389;}
.courselist_info{ padding:20px;color:#01a89e; height:150px;}
.courselist_info_t{ font-size:16px; padding:10px 0; border-bottom:1px solid #01a89e; margin-bottom:10px;}
.courselist_view{ background:#01a89e; color:#fff; padding:10px 20px; font-size:14px;}

.courselist_lk:hover{ background:#01a89e; color:#fff; box-shadow:0 0 20px #ccc}
.courselist_lk:hover .courselist_head_name{ color:#fff;}
.courselist_lk:hover .courselist_info{ color:#fff;}
.courselist_lk:hover .courselist_info_t{  border-bottom:1px solid #fff;}

.courseIntro{ display:flex; justify-content:space-between; padding:0 40px;}
.courseIntro_pic{ width:40%;}
.courseIntro_pic img{ width:100%;}
.courseIntro_desc{ width:55%;}

.courseWorks_t{font-size:34px; color:#000; margin-bottom:20px;  text-align:center; position:relative;}
.courseWorks_t::after{ width:400px; margin-left:-200px; height:1px; background:#000; position:absolute; top:50%; left:50%; content:"";}
.courseWorks_span{ background:#fff; display:inline-block; padding:0 20px; z-index:99; position:relative;}

.courseVideo{margin:50px 0; background:#000;}
.coursePay{ display:flex; align-items:center; justify-content:space-between }
.coursePay_txt{text-align:center; color:#fff; flex:1}

.coursePay_qrcode{ width:600px; }
.coursePay_qrcode img{ width:100%;}
.coursePay_price{ font-size:44px;  color:#fff; display:flex; align-items:center; justify-content:center}

.coursePay_success{width:150px;}
.coursePay_success img{ width:100%;}

.coursePay_txt_btn{  padding:4px 8px; background:#01a89e; color:#fff; font-size:28px; text-align:center;  display:inline-block; font-weight:300; margin-left:20px}
.coursePay_txt_btn:hover{background:#369389; color:#fff}
.coursePay_txt_btn2{ font-size:87px; color:#01a89e; margin-bottom:10px}
.coursePay_txt_btn3{ font-size:34px; color:#01a89e; margin-bottom:40px}

.coursePay_tips{ color:#fff; text-align:center;}

.big{ color:#01a89e}






/* 底部友情链接 */
#footer{color:#7a7a7a;	width:100%;	margin:0px auto; line-height:150%;text-align:left;	background:#dcdcdc; height:280px; overflow:hidden;line-height:180%; font-size:14px;}
.footer_in{ width:90%; max-width:1440px; margin:30px auto; display:flex; flex-wrap:nowrap; justify-content:space-between;}
.footer_in a{ color:#7a7a7a;}
.footer_in a:hover{ text-decoration:underline}

.footer_logo{ width:300px; }
.footer_logo img{ width:100%;}

.footer_txt{ width:300px; padding-top:35px;}

.footer_txt_t{ font-size:16px; font-weight:bold; margin-bottom:10px; color:#000;}
.footer_lk{ list-style:none; display:flex; flex-wrap:nowrap; align-items:center; margin-top:20px;}
.footer_lk li{ width:120px;}
.footer_lk img{ width:100%;}



.footer_tel{ width:300px;}
.footer_tel dt{font-size:16px; font-weight:bold; margin-bottom:10px; color:#000;}
.footer_tel dd{ font-size:14px;}
.footer_tel dd a{font-size:44px;}
.footer_tel dd a:hover i{ color:#000;}

.footer_tel dd.icon{padding:10px 0;}

.footer_search{ background:#fff; border-radius:10px; height:30px; line-height:30px; position:relative; overflow:hidden; width:80%; margin-top:10px; border:1px solid #ccc;}

.footer_search_input{ width:100%;height:30px; line-height:30px; border:none; text-indent:4px }
.footer_search_btn{position:absolute; right:0; top:0; width:30px; height:30px; cursor:pointer; text-align:center}
.footer_search_btn i{  font-size:14px;}

.footer_qrcode{ width:200px; display:flex; flex-wrap:nowrap; text-align:center; justify-content:space-between; padding-top:35px;}


.gotop{ width:90%; max-width:1440px;margin:50px auto; text-align:right; }

.btn-top{ width:100px; cursor:pointer; display:inline-block;}
.btn-top img{ width:100%;}

/* 边框样式 */
.bDarkgrey { border:1px solid #949494; }
/* 其它样式 */
.channel { margin:0 auto; width:90%; max-width:1440px;  text-align:left; }
.channel_index { margin:0 auto; width:90%; max-width:1440px; text-align:left; margin-bottom:50px;}
.channel_top { margin:50px auto; width:90%; max-width:1440px; text-align:left; }
.channel_enroll { margin:50px auto; width:90%; max-width:1200px; text-align:left; }
.channel_works { margin:50px auto; width:90%; max-width:1000px; text-align:left; }
.channel_portal { margin:50px auto; width:90%; max-width:1000px; text-align:left; }

#ebanner { margin:2px auto; width:944px; text-align:left;  }
.bannerIn{ width:100%; margin:0 auto; height:218px; }
.inabout{background: url(../images/inabout.jpg) no-repeat center top;}

.bannerInImg{ width:987px; margin:0 auto; height:220px; position:relative;}
.bannerInImg .webDh{ position:absolute; right:0; bottom:0;}
.c_bg{ background:url(../images/cbg.jpg) no-repeat 130px top;}
.c_bgEn{ background:url(../images/cbg.jpg) no-repeat 200px top;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/* end of clearfix  */
/*========== page */

#page {

	padding: 20px 10px 20px 10px;
	margin: 20px auto;
	text-align: center;
}
#page a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height:30px;
	border-radius:2px;
	text-align: center;
	color: #666;
	font-size: 15px;
	background:#fff;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
	transition:500ms;
    border:1px solid #000;
}
#page a:hover {
	background:#000;
	color: #fff;
	text-decoration:none;
}
#page .current {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #ffffff !important;
	font-size: 15px;
	background:#000;
	margin: 0px 3px 0px 3px;
}
#page font{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height:30px;
	border-radius:2px;
	text-align: center;
	color: #fff !important;
	font-size: 15px;
	background:#000;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
	transition:500ms;
    border:1px solid #000;
}
#page input{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height:30px;
	border-radius:2px;
	text-align: center;
	font-size: 15px;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
	transition:500ms;
    border:1px solid #000;
}
#page .prve {
	font-family:"宋体";
}
#page .prve:hover {
}
#page .prveNO {
	background-position: 0px -120px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#page .next {
	font-family:"宋体";
}
#page .next:hover {
}
#page .nextNO {
	background-position: 0px -158px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/* end*/

/*banner */
 .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;
    }
    .swiper-slide img{ width:100%;}

	.swiper-pagination-bullet{width: 10px !important;
    height: 10px !important;
	background:#fff !important;
	opacity:0.5 !important;
    }
	.swiper-pagination-bullet-active{  	background:#fff !important; opacity:1 !important;}