﻿@charset "utf-8";
/**---------------------------------------------------------
*function:优质课大赛
*version:2.0
*author:xlm
*date:2013.03.28
----------------------------------------------------------*/
@import url(base.css);
/*通用样式*/
body{ background:#fff;font-size:12px;color:#4c4c4c; font-family:"Microsoft YaHei","SimSun","宋体";}
a,a:link,a:visited{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none; color:#fb7600}/*c6712c*/
.wrap{ width:1003px; margin:0 auto;}
nav{ display:block}
/*top*/
.top{background:#202930; border-bottom:1px solid #d7d7d7;}
.top-in{height:41px; line-height:41px; position:relative}
.top-in span{padding-left:8px; padding-right:8px;font-size:10px; color:#afb0b5}
.top-in a,.top-in  a:link,.top-in  a:visited{color:#afb0b5}
.topR{width:40%; position:absolute; right:0;top:0;}
.topR a,.topR a:link,.topR a:visited{float:right;padding-left:16px;margin-left:20px;background:url(../../images/yzkds_ln/photo.png) no-repeat left center;display:inline }
/*end top*/
/*header*/
.header{ height:80px;background:#fff; border-bottom:4px solid #0094e0; }
.header h1{ float:left; height:77px; line-height:77px;}
.headerR{width:40%; position:absolute; right:0;top:30px;}
.headerR a,.headerR a:link,.headerR a:visited{float:right;padding-left:16px;margin-left:20px;background:url(../../images/yzkds_ln/photo.png) no-repeat left center;display:inline}
/*end header*/
.subheader{ height:77px;background:#fff;}
.subheader h1{ float:left; height:77px; line-height:77px;}
/*mainnav*/
.maivNav{ height:72px; background:url(../../images/yzkds_ln/mainNavBg.jpg) repeat-x}
.mainnav{ height:72px; line-height:72px; position:relative; z-index:1}
.mainnav a{ color:#5b5b5b;}
.mainnav .nLi{ float:left; width:142px; border-left:1px solid #ececec; position:relative; display:inline;}
.mainnav .nLi h3{ float:left; width:142px; text-align:center;font-size:18px;font-weight:bold; background:url(../../images/yzkds_ln/mainNavBg.jpg) repeat-x}
.mainnav .nLi h3 a{ display:block;}
.mainnav .sub{ display:none; width:100%; left:0; top:72px;  position:absolute; background:#666;background: rgba(0,0,0,0.6); padding:5px 0;  }
.mainnav .sub li{ zoom:1; text-align:center;line-height:34px; font-size:14px; font-weight:bold }
.mainnav .sub a{display:block; color:#fff }
.mainnav .sub a:hover{color:#fb7600;}
.mainnav .on h3 a{ background: url(../../images/yzkds_ln/blue-bg.jpg) repeat-x left bottom; color:#f24815;}
/*nav*/
.nav{ float:right;height:77px; line-height:77px;position:relative; z-index:1; z-index:9990;}
.nav a{ color:#5b5b5b;  }
.nav .nLi{ float:left; position:relative; display:inline;  }
.nav .nLi h3{ float:left; font-size:15px; font-weight:bold }
.nav .nLi h3 a{ display:block; padding:0 10px;}
.nav .sub{ display:none; width:100%; left:0; top:77px;  position:absolute; background:#42505a;background: rgba(0,0,0,0.6);line-height:32px; padding:5px 0;  }
.nav .sub li{ zoom:1; text-align:center; }
.nav .sub a{display:block; color:#fff }
.nav .sub a:hover{color:#fb7600;}
.nav .on h3 a{ background: url(../../images/yzkds_ln/orange-bg.jpg) repeat-x left bottom; color:#fb7600;}
/*end nav*/
/*index.html*/
.bannerT{height:280px; background:url(../../images/yzkds_ln/bannerT.jpg) no-repeat center top}
.bannerB{height:86px; padding-top:42px; background:url(../../images/yzkds_ln/bannerB.jpg) no-repeat center top}
.online{ float:right; width:362px; height:52px;}
.online p{ float:left; width:171px;margin-right:9px; display:inline }
.online a,.online a:link,.online a:visited{}
.h1-title{ width:267px; height:61px; margin:0 auto; background:url(../../images/yzkds_ln/bg-title.png) no-repeat }
.h1-title h1{ padding-left:100px; line-height:61px; font-size:26px; font-weight:bold; color:#fff}
/*notice*/
.notice{ height:457px; padding-top:25px;background:#fff; position:relative}
.notice-more{ position:absolute; right:0; top:70px; width:62px; height:17px;}
.notice-more a,.notice-more a:link,.notice-more a:visited{ display:block; width:62px; background:url(../../images/yzkds_ln/more.jpg) no-repeat }
.notice-more a:hover{ display:block; background:url(../../images/yzkds_ln/more-orange.jpg) no-repeat}
.imgTurns-1{ float:left;width:504px; height:299px; overflow:hidden; position:relative;border:1px solid #c4c4c4; padding:8px; display:inline}
.imgTurns-1 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:10px; z-index:1; }
.imgTurns-1 .hd ul{ overflow:hidden; zoom:1; float:left;}
.imgTurns-1 .hd ul li{ float:left; margin-right:2px;width:15px; height:15px; line-height:14px; text-align:center; cursor:pointer; display:none}
.imgTurns-1 .hd ul li.on{ color:#fff; display:none }
.imgTurns-1 .bd{ position:relative; height:100%; z-index:0;}
.imgTurns-1 .bd li{ zoom:1; vertical-align:middle; position:relative }
.imgTurns-1 .bd img{ width:100%; height: 299px; display:block;}
.imgTurns-1 .bd li p{ position:absolute;bottom:0;left:0;width:97%;height:36px;line-height:36px;color:#fff; background:#000; padding-left:3%; font-size:14px }
.imgTurns-1 .prev,.imgTurns-1 .next{ position:absolute; left:2%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background: #000  url(../../images/yzkds_ln/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.imgTurns-1 .next{ left:auto; right:2%; background-position:8px 5px;}
.imgTurns-1 .prev:hover,.imgTurns-1 .next:hover{ filter:alpha(opacity=80);opacity:0.8;}
.imgTurns-1 .prevStop{ display:none;}
.imgTurns-1 .nextStop{ display:none;}
.notice-right{ float:right; width:454px;}
.notice-right h1{ height:40px; line-height:40px; font-size:24px; font-weight:bold; color:#f24815; margin-bottom:15px; overflow:hidden}
.notice-right h1 a,.notice-right h1 a:link,.notice-right h1 a:visited{ color:#f24815;}
.notice-right p{ text-indent:2em; line-height:180%; color:#434444; padding-bottom:15px; border-bottom:1px dashed #777; position:relative}
.notice-right p a,.notice-right p a:link,.notice-right p a:visited{
	position:absolute;
	right:14px;
	bottom:10px;
	color:#2f7ccb
}
.notice-right p a:hover{ color:#fb7600}
.ul-list2{ padding-top:5px;}
.ul-list2 li{ height:36px; line-height:36px; background: url(../../images/yzkds_ln/icon.jpg) no-repeat left 10px; padding-left:26px; font-size:14px; overflow:hidden}
.ul-list2 li span{ float:right; color:#fb7600; font-size:12px}
.ul-list2 li a,.ul-list2 li a:link,.ul-list2 li a:visited{ color:#515151}
.ul-list2 li a:hover{ color:#fb7600}
.ul-list3{ padding-top:5px;}
.ul-list3 li{ height:42px; line-height:42px; background: url(../../images/yzkds/icon.jpg) no-repeat left 10px; padding-left:26px; font-size:14px; border-bottom:1px dashed #b5b6b6; overflow:hidden;}
.ul-list3 li span{ float:right; color:#fb7600; font-size:12px}
.ul-list3 li a,.ul-list2 li a:link,.ul-list2 li a:visited{ color:#515151}
.ul-list3 li a:hover{ color:#fb7600}
/*process*/
.process{ height:355px; padding-top:25px;background:#fff5e8;}

/*20170418 new add by xlm */
.div-process{ padding-top:73px; text-align:center;}

.progress-4{ height:146px;background: url(../../images/yzkds_ln/process-4.jpg) no-repeat; }
.progress-4 .ul-progress { padding-left:36px;}
.progress-4 .ul-progress li{ float:left; width:202px; height:58px;margin-right:41px; font-size:15px;  text-align:center; background: url(../../images/yzkds_ln/process4_red.jpg) no-repeat}
.progress-4 .ul-progress li h1{ line-height:24px; padding-top:4px; color:#ffda6b}
.progress-4 .ul-progress li p{ line-height:24px; color:#fff}
.progress-4 .ul-progress li.addon{ background:url(../../images/yzkds_ln/process4_orange.jpg) no-repeat}
.progress-4 .ul-progress li.addon h1{ color:#994326}
.progress-4 .ul-progress li.addon p{ color:#994326}
.progress-4 .ul-progressB { padding-left:36px; padding-top:64px}
.progress-4 .ul-progressB li{ float:left; width:202px; height:58px;margin-right:41px; font-size:18px; color:#994326;  text-align:center; font-weight:bold}

.progress-5{ height:146px;background: url(../../images/yzkds_ln/process-5.jpg) no-repeat; }
.progress-5 .ul-progress{ padding-left:44px;}
.progress-5 .ul-progress li{ float:left; width:158px; height:58px;margin-right:32px; font-size:15px; text-align:center; background: url(../../images/yzkds_ln/process5_red.jpg) no-repeat}
.progress-5 .ul-progress li h1{ line-height:24px; padding-top:4px; color:#ffda6b}
.progress-5 .ul-progress li p{ font-size:14px; line-height:24px; color:#fff}
.progress-5 .ul-progress li.addon{ background:url(../../images/yzkds_ln/process5_orange.jpg) no-repeat}
.progress-5 .ul-progress li.addon h1{ color:#994326}
.progress-5 .ul-progress li.addon p{ color:#994326}
.progress-5 .ul-progressB{ padding-left:44px; padding-top:64px}
.progress-5 .ul-progressB li{ float:left; width:158px; height:58px;margin-right:32px;font-size:18px; color:#994326;  text-align:center; font-weight:bold}

.progress-6{ height:146px;background: url(../../images/yzkds_ln/process-6.jpg) no-repeat; }
.progress-6 .ul-progress{ padding-left:44px;}
.progress-6 .ul-progress li{ float:left; width:126px; height:58px;margin-right:32px; font-size:15px; text-align:center; background: url(../../images/yzkds_ln/process6_red.jpg) no-repeat}
.progress-6 .ul-progress li h1{ line-height:24px; padding-top:4px; color:#ffda6b}
.progress-6 .ul-progress li p{ font-size:14px; line-height:24px; color:#fff}
.progress-6 .ul-progress li.addon{ background:url(../../images/yzkds_ln/process6_orange.jpg) no-repeat}
.progress-6 .ul-progress li.addon h1{ color:#994326}
.progress-6 .ul-progress li.addon p{ color:#994326}
.progress-6 .ul-progressB{ padding-left:44px; padding-top:64px}
.progress-6 .ul-progressB li{ float:left; width:126px; height:58px;margin-right:32px;font-size:18px; color:#994326;  text-align:center; font-weight:bold}
/*end 20170418 new add by xlm */

/*specialist*/
.specialist{height:436px; padding-top:25px;background:#fff}
.specialist ul{ }
.specialist ul li{ float:left; width:200px; text-align:center;position:relative; margin-bottom:30px; display:inline}
.specialist ul li img{ display:block; width:156px; height:153px; margin:0 auto;}
.specialist ul li h1{ line-height:46px; text-align:center; font-size:20px; font-weight:bold; color:#3b3b3b}
.specialist ul li p{ width:50%; line-height:20px;color:#8f8f8f; margin:0 auto }
.specialist ul li a:hover h1{ color:#fb7600}
.mb92{margin-bottom:92px;}
/*units*/
.units{ height:322px; padding-top:48px; background:#e2f3ff; }
.div-units{ width:983px; height:263px;border:10px solid #8dbdef; border-top:8px solid #8dbdef; margin:0 auto; background:#fff}
.div-units h1{ width:267px; height:49px; line-height:49px; color:#fff; font-size:26px; font-weight:bold; text-align:center; background:url(../../images/yzkds_ln/bg-units.jpg) no-repeat;margin:0 auto; margin-top:-28px; margin-bottom:25px; }
.li-units{ height:43px;}
.li-units h2{ float:left; width:122px; height:40px; line-height:40px; margin-right:3px; background:#e2f3ff; color:#636363; font-size:20px; text-align:center; font-weight:bold; margin-bottom:3px;}
.ul-units { float:left; width:795px;  height:40px; line-height:40px;background:#f0f9ff; margin-bottom:3px; display:inline}
.ul-units li{ float:left; color:#4a4a4a; height:40px; line-height:40px; margin-left:30px; display:inline; overflow:hidden}
.ul-units li a,.li-units li a:link,.li-units li a:visited{ color:#4a4a4a}
.ul-units li a:hover{ color:#fb7600}
.ligroups-units{ height:168px;}
.ligroups-units h2{ float:left; width:122px; height:168px; line-height:89px; background:#e2f3ff; margin-right:3px; color:#636363; font-size:20px; text-align:center; font-weight:bold; display:inline}
.units-two{ float:left;width:795px; height:89px;}
.mFooter{ height:75px; line-height:75px;background:#417dbd; text-align:center;color:#cdecff;}
/*各子站代码*/
/*banner*/
.banner{ height:194px; background:url(../../images/yzkds_ln/banner.jpg) no-repeat center top}
/*end banner*/
/*大赛概况.html*/
.subMain{ padding-top:11px; padding-bottom:25px; }
/*mLeft*/
.mLeft{ float:left; width:202px;}
.mLeft-sideNav{ border:1px solid #d6d5d5; border-top:3px solid #417dbd; padding-bottom:20px;}
.mLeft-sideNav h1{ text-align:center; height:35px; line-height:35px; margin-bottom:11px; font-size:41px; font-size:18px; color:#417dbd  }
.mLeft-sideNav ul{ padding-left:10px; padding-right:10px;}
.mLeft-sideNav ul li{ height:40px; line-height:40px; background:url(../../images/yzkds_ln/square.jpg) no-repeat 37px center; padding-left:65px; font-size:15px; border-bottom:1px dashed #cbcbcb;}
/*mRight*/
.mRight{ float:right; width:784px;}
.location{ height:20px; line-height:20px; background:#f3f2f2; font-size:12px; padding-left:15px; color:#5c5c5c; margin-bottom:20px;}
.location span{ color:#417dbd}
.location a,.location a:link,.location a:visited{ color:#5c5c5c;}
.location a:hover{color:#417dbd }
.detail,.catelist{ border:1px solid #d3d3d3; padding:25px 38px;height:auto;min-height:360px; _height:360px;}
.h1-detail{ color:#2989d5; font-size:30px; font-weight:bold; line-height:70px; padding-bottom:20px; text-align:center; margin-bottom:20px; background: url(../../images/yzkds_ln/ds-bg.jpg) no-repeat center bottom;}
.h2-detail{ color:#525252; font-size:15px; line-height:36px; text-align:center; margin-bottom:10px;}
.detail-tips{ height:30px; line-height:30px; color:#4c4c4c;background:#f7f7f7; text-align:center; margin-bottom:10px;}
.detail-tips span{ padding-left:5px; padding-right:5px;}
.detail p{
	line-height:36px;
	font-size:16px;
	text-indent:2em;
	text-align: left;
}
.detail img{ display:block; width:auto;max-width:600px; margin:10px auto}
.img-detail{ width:100%;}
.img-detail img{ float:left; width:48%; margin-left:1%; margin-right:1%}
.detail-bottom{ height:34px; line-height:34px; padding-left:15px;background:#f7f7f7; position:relative}
.share{ position:absolute; right:15px; top:9px;}
/*footer*/
.footer{ height:45px; line-height:45px; background:#417dbd; color:#fff; font-size:12px}
.footerIn{ width:953px; padding-left:25px; padding-right:25px; margin:0 auto}
.fLeft{ float:left; width:40%; line-height:45px;}
.footer a,footer a:link,footer a:visited{ padding-left:10px; padding-right:10px; color:#fff;}
.fRight{ float:right; width:40%;line-height:45px; text-align:right}
/*新闻.html*/
.h1-news{color:#2b5c93; font-size:26px; line-height:36px; text-align:center}
.mRight .detail table p{ text-indent:0; text-align:left; padding-left:0.5em; font-size:14px}
.mb25{ margin-bottom:25px;}
.ml15{ margin-left:15px}
/*gotop*/
.cbbfixed { position: fixed; right: 10px; transition: bottom ease .3s; bottom: -85px; z-index: 3; cursor: pointer; }
.cbbfixed .cbbtn { width: 40px; height: 40px; display: block; background-color: #212121; }
.cbbfixed .gotop { transition: background-color ease .3s; margin-top: 1px; }
.cbbfixed .gotop .up-icon { float: left; margin: 14px 0 0 9px; width: 23px; height: 12px; background: url(../../images/yzkds_ln/side-icon02.png); }
.cbbfixed .gotop:hover { background-color: #202020; }
.cbbfixed .cweixin { background: #484848; }
.cbbfixed .cweixin div { background: url(../../images/yzkds_ln/erwei.png); width: 184px; height: 199px; position: absolute; left: -194px; top: -115px; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transform-origin: 100% 70%; -webkit-transform-origin: 100% 70%; transition: transform ease .3s, opacity ease .3s; -webkit-transition: all ease .3s; display: none\0; *display:none;}
.cbbfixed .cweixin:hover div { display: block; transform: scale(1); -webkit-transform: scale(1); opacity: 1; *display:block;}
.cbbfixed .cweixin .weixin-icon { float: left; margin: 12px 0 0 11px; width: 18px; height: 18px; background: url(../../images/yzkds_ln/side-icon01.png); }
/*弹出框*/
.box{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;z-index:100;display:none; z-index:9992}
.hint{width:764px;height:247px;margin:0 auto;background:#fff;position:fixed;top:50%;left:50%;margin-left:-382px;margin-top:-123px;z-index:111;display:none; z-index:9995}
.hint-in1{width:100%;height:66px;background:#fff; position:relative;}
.hint3{position:absolute;top:5px;right:7px; width:38px;height:37px;font-size:40px; color:#cecdc9;cursor:pointer}
.hint3:hover{position:absolute;top:5px;right:7px;width:38px;height:37px; color:#4c4c4c}
.hint-in2{ padding:10px 20px}
.hint-in2 h1{ color:#1b1b1b; font-size:24px; line-height:36px; text-align:center}
.hint-in2 h1 span{ color:#ff3c4b}
.hint-in2 p{ margin-top:25px; height:7px; background:url(../../images/yzkds_ln/jindu.jpg) no-repeat center}
/*大赛回顾*/
/*picList04*/
.picList04{ width:100%;border-top:1px solid #ecebeb;}
.picList04 li{ float:left; width:228px; text-align:center; background:#fff; border:1px solid #f4f4f4; border-top:0; border-right:0; padding:15px 10px; display:inline; position:relative}
.picList04 li.no-border{ border-left:0}
.picList04 li img { width: 228px; height: 140px; }
.picList04 li .img-video{ position:absolute;  width:60px; height:60px; left:50%; top:60px; margin-left:-30px; background:url(../../images/yzkds_ln/video.png) no-repeat center center;filter:Alpha(opacity:30); opacity:0.3;}
.picList04 li .img-video img{ width:60px; height:60px; }
.picList04 li h3 { width: 95%; margin: 0 auto; text-align: left; color: #000; font-weight:bold; line-height:34px; font-size: 14px; }
.picList04 li p { padding: 0px 8px; text-align: left; height:20px; line-height:20px; font-size: 14px; }
.picList04 li p span{ float:left;}
.picList04 li p em{ float:right}
.picList04 li h4 { width: 95%; margin: 0 auto; font-weight: normal; text-align: left; font-size: 14px; line-height: 30px; position: relative; }
/*pagination*/
/*fenye*/
.fenye{ clear:both; height:40px; line-height:40px; text-align:center; margin-top:15px;}
.fenye a,.fenye a:link,.fenye a:visited{ border:1px solid #dddfe5; padding:2px 8px; margin-right:6px; color:#000;}
.fenye a.nobor{ border:0;}
.fenye a:hover{ background:#fb7600; color:#fff; }
/*end fenye*/
/*常见问题*/
.question{ padding-bottom:20px; padding-top:10px; border-bottom:1px dashed #b5b6b6;}
.question  h1{ color:#ff8515; font-size:15px; font-weight:bold; line-height:36px;}
.question  h2{ font-size:15px; color:#4c4c4c; line-height:36px;}
.question  h2 span{ color:#1787d5; font-weight:bold;}
/*参赛流程*/
.detail blockquote{display:block;line-height:60px; font-size:18px; font-weight:bold;}
.detail p strong{ color:#2b5c93; font-weight:bold}
/*list.html*/
.catelist{border:1px solid #d3d3d3; padding:10px 25px;}
