@charset "utf-8";
/*CSS reset*/
*{margin:0;padding:0;}
body{margin:0;padding:0; font-family:"微软雅黑"; font-size:16px; line-height:1.5; cursor:default; color:#000;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
figure{margin:0}

.clearfix:after{content:"";display:block;clear:both;}
.clearfix { *zoom:1;}
.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}
.pr{position:relative;}
.img-rounded{border-radius:6px}
.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.img-circle{border-radius:50%}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important}
.affix{position:fixed}
.the{ color: #666; font-size: 14px; }
.abstract{ color: #656565; font-size: 14px; line-height: 20px; }

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}

.wrap{ width: 1200px; margin: 0 auto; }
.w1200{ width: 1200px; margin: 0 auto; }
.mt20{ margin-top: 20px; }
.mt10{ margin-top: 10px; }

body{ background: url(2023css_jylyztzl_dodybj.png) no-repeat top center; }

.header{ padding: 60px 0; }
.header .logo{ float: left; }
.header .option{ float: right; display: flex; flex-direction: row; align-items: center; }
#opn-title{ display: flex; padding-right: 20px; font-size: 38px; color: #000000; letter-spacing: 4px; }
#opn-title span{ color: #1a3a5e; position: relative; }
#opn-title span:after{ display: block; content: ""; height: 3px; background: #1a3a5e; position: absolute; bottom: -4px; left: 0; right: 0; }
.opn-select .layui-input{ background-color: #4094F2; width: 110px;height: 32px; line-height: 32px; border-radius: 32px; color:#ffffff; }
.opn-select .layui-input::placeholder{ color: #ffffff; }
.opn-select .layui-form-select .layui-edge{ border-top-color: #ffffff; }
.opn-select .layui-form-select dl{ top: 37px; }
.opn-select .layui-form-select dl dd.layui-this{ background-color: #679deb; color: #fff; }

/* 底部 */
.footer{  border-top:3px solid #027fab; padding:30px 0; background:#fff; margin-top:40px; }
.footer a, .footer p{ color:#666; font-size:14px; line-height:25px; }
.footer .footer-con{ float:left; }
.footer .footer-con01{ width:205px; }
.footer .footer-con02{ width:440px; }
.footer .footer-con03{ width:240px; }
.footer .footer-con04{ float:right; }

/*单层tab切换1 */
.tab_box{ text-align:left; }
.tab_hd{ height: 44px; border-bottom: 2px solid #eeeeee; }
.tab_hd>ul>li{ margin-right: 30px; float:left;  height: 42px; line-height:42px; }
.tab_hd>ul>li>a{ font-size: 26px; }
.tab_hd .on{ border-bottom: 4px solid #006ead; }
.tab_hd>ul>li>a>span{ font-size: 14px; color: #999999; line-height: 42px; margin-left: 10px; }
.tab_hd>span{ float: right; }
.tab_hd>span>a{ display: block; padding: 0 10px; height: 44px; line-height: 44px; background: url(2023css_jylyztzl_icon6.png) no-repeat center; width:35px; -webkit-transition: all 0.5s ease-out; transition: all .5s ease-out;  }
.tab_hd>span>a:hover{ background: url(2023css_jylyztzl_icon6s.png) no-repeat center; -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  transform: rotate(360deg); }

/* 新闻列表 */
.bd_new ul{zoom:1;padding: 10px 0 4px;}
.bd_new li{height: 54px;line-height: 54px; border-bottom: 1px dashed #eaeaea; padding-left: 16px; background: url(2023css_jylyztzl_bg3.png) no-repeat left center; position: relative;}
.bd_new li a{ font-size: 18px; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.bd_new li:hover a{ color: #006ead; }
.bd_new li:hover span{ color: #006ead; }
.bd_new li span{ display: block; width: 100px; font-size: 14px; text-align: right; float:right; color: #999999; }
.bd_new li i{padding-left: 10px; font-size: 16px; color: #19b5ff; }
.bd_a80 li a{ margin-right: 100px; }
.bd_new.bd_column{ position: relative; }
.bd_new.bd_column ul{ margin-right: 170px; }
.bd_new.bd_line ul{ position: relative; }
.bd_new.bd_line ul:before{ content: "";width: 2px;position: absolute;background: #eeeeee;left: 4px;top: 30px; bottom: 28px; z-index:0; }
.bd_new.bd_line li{ border: 0; height: 48px; line-height: 48px; padding-left: 20px; background: url(2023css_jylyztzl_bg2.png) no-repeat left center;  }
.bd_column .column{ position: absolute; top: 0; right: 0; bottom: 0; width: 170px; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; }
.bd_column .column a{ box-sizing: border-box; border: 1px solid #006ead; border-radius: 3px; height: 50px; line-height: 50px; margin: 5px 0; text-align: center; color: #1b5aa0; font-size: 20px; -webkit-transition: all 0.3s ease-out; transition: all .3s ease-out;  }
.bd_column .column a.on{ background: #006ead; color: #ffffff; }
.bd_column .column a:hover{ background: #006ead; color: #ffffff; }

/* 主体 */
.wrap-left{ width: 770px; float: left; }
.wrap-right{ width: 410px; float: right; }

.cjsfw img{ width: 100%; }
.lyfw-info{padding: 24px 14px 14px;border-radius: 5px;background-color: #D2E1F1;height: 256px;position: relative;overflow: hidden;box-sizing: border-box;}
.lyfw-info:after{display: block; content: "";background-color: #006ead;position: absolute;left: 0;right: 0;top: 0;height: 10px;}
.lyfw-info .lyfw-info-box{ width: 100%; height: 100%; position: relative; background: url("2023css_jylyztzl_bg1.png") no-repeat right bottom;  border-radius: 10px; overflow: hidden; }
.lyfw-info .lyfw-info-box .lyfw-info-main{ width: 100%; height: 100%; padding: 20px; background: rgba(255, 255, 255, 0.9); box-sizing: border-box; }
.lyfw-info .lyfw-info-main h1{ color: #4286ec; font-size: 30px; position: relative; padding-left: 16px; margin-bottom: 10px; }
.lyfw-info .lyfw-info-main h1:after{display: block; content: "";position: absolute; width: 6px; height: 30px; border-radius: 6px; background-color: #4094F2; left: 0; top:50%; margin-top: -15px; }
.lyfw-info .lyfw-info-main p{ line-height: 34px; font-size: 18px; }

/* 图标标题 */
.icon-title{ border-radius: 3px; height: 60px; line-height: 60px; background: #006ead; color: #ffffff; padding: 0 10px; overflow: hidden; }
.icon-title .icon{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; }
.icon-title .icon img{ margin-top: -7px; margin-right: 6px; }
.icon-title .title{ font-size: 24px; }
.icon-title .more{ float: right; display: block; padding: 0 10px; height: 60px; line-height: 60px; background: url(2023css_jylyztzl_icon5.png) no-repeat center; width:35px; -webkit-transition: all 0.5s ease-out; transition: all .5s ease-out;  }
.icon-title .more:hover{ -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  transform: rotate(360deg); }

/* 常用服务 */
.cyfw-list li{ border-radius: 3px;background-color: #F1F1F1;height: 70px;line-height: 70px;margin: 10px auto; }
.cyfw-list li a{ display: block; height: 100%; }
.cyfw-list li .icon{ display: inline-block; width: 50px; margin-left: 40px; margin-right: 16px; }
.cyfw-list li .icon img{ margin-top: -7px; }
.cyfw-list li span{ font-size: 20px; }

/* 教师管理 */
.jsgl-list ul{ margin: 5px -5px; }
.jsgl-list li{ width: 50%; float: left; }
.jsgl-list li a{ display: block; height: 146px; margin: 5px; border-radius: 3px;background-color: #F1F1F1; text-align: center; overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all .3s ease-out;  }
.jsgl-list li a:hover{ opacity: 0.8; }
.jsgl-list li a:hover .icon{  -webkit-transform: scale(1.1); transform: scale(1.1);  }
.jsgl-list li:nth-child(1) a{ background-color: #60B7EF; }
.jsgl-list li:nth-child(2) a{ background-color: #aad3d2; }
.jsgl-list li .icon{ display: block; width: 72px; height: 72px; margin: 22px auto 6px; -webkit-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.jsgl-list li span{ font-size: 20px; color: #ffffff; }

/* 热点专题 */
.rdzt-list li{ margin-top: 10px; height: 90px; border-radius: 3px; overflow: hidden; }
.rdzt-list li img{ width: 100%; height: 90px; -webkit-transition: all 0.5s ease-out; transition: all .5s ease-out; }
.rdzt-list li img:hover{  -webkit-transform: scale(1.1); transform: scale(1.1);  }


/************************************************* 长沙市教育领域主题服务-场景式 *************************************************/
.cjs{ padding: 20px; background: #ffffff; }
.cjs-left{ width: 20%;float: left; }
.cjs-left .fwType{font-weight: bold;padding: 22px 24px 20px 24px;font-size: 18px;}
.cjs-left li{ float: left; width: 100%; box-sizing: border-box; padding: 0 10px; height: 58px; line-height: 58px; }
.cjs-left li a{ border-left: 4px solid #f5f5f5; padding: 0 20px; display: block; }
.cjs-left li:hover a,
.cjs-left li.on a{ border-left: 4px solid #1658a0;color: #1658a0;background: #FFFFFF;font-weight: bold; }

.cjs-content{ width: 50%; float: left; margin-left: 20px;}
.cjs-content .xgnr-text{font-size: 16px;height: 46px;line-height: 46px;border-bottom: 1px solid #E8E8E8;}
.cjs-content .xgnr-text span{ color: #1658a0; }

.xgnr-hd{ margin-top: 30px; }
.xgnr-hd li a{display: flex;align-items: center;justify-content: center;background: #ffffff;border: 1px solid #E5E5E5;border-radius: 4px;height: 45px;box-sizing: border-box; }
.xgnr-hd li a:hover,
.xgnr-hd li.on a{ border: 1px solid #1658A0;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);font-weight: bold;color: #1658A0;}
.xgnr-bd{ margin-top: 30px; }
.xgnr-box .mulu{background-color: #F1FAFF;height: 35px;line-height: 35px;padding: 0 15px; color: #1658a0;}
.xgnr-box .xgnr-container{ margin-top: 20px; max-height: 740px; overflow-y: auto; overflow-x: hidden; }
.xgnr-box .xgnr-container::-webkit-scrollbar { width: 5px;}
.xgnr-box .xgnr-container::-webkit-scrollbar-track { border-radius: 5px; background: #f2f2f3;}
.xgnr-box .xgnr-container::-webkit-scrollbar-thumb { background: #1658a0}

.xgnr-box .xgnr-container *{ font-size: 16px; line-height: 2; max-width: 100%!important; box-sizing: border-box!important; -webkit-box-sizing: border-box!important; word-wrap: break-word!important; }
.xgnr-box .xgnr-container img{ max-width: 100%; height:auto!important; }
.xgnr-box .xgnr-container table{ margin: auto; }


.cjs-right{ width:26.724%; float: right; }
.cjs-right .lyfw-info{padding: 20px 10px 10px;height: 233px;}
.cjs-right .lyfw-info .lyfw-info-main h1{ font-size: 24px; }
.cjs-right .lyfw-info .lyfw-info-main h1:after{ height: 22px; margin-top: -11px; }
.cjs-right .lyfw-info .lyfw-info-box .lyfw-info-main{padding: 10px;}
.cjs-right .lyfw-info .lyfw-info-main p {font-size: 16px;}

.lyny_r_list{background: #f7f9fa;border-radius: 3px;padding: 20px 22px; margin-top: 26px; }
.lyny_r_list_tit h4 {font-size: 18px;font-weight: bold;float: left;}
.lyny_r_list_tit h4 a {display: block;font-size: 18px;}
.list_base{ margin-top: 16px;overflow: hidden;}
.list_base li{line-height: 28px;position: relative;padding-left: 16px;text-align: justify;margin-bottom: 12px;}
.list_base li:last-child{margin-bottom: 0;}
.list_base li:before{ content: ''; position: absolute; width:5px; height:5px; background-color: #939393; border-radius: 50%; left: 0; top: 12px; }
.list_base li:hover:before{ background-color: #1658a0;}
.list_base li:hover a{ color: #1658a0;}
.list_base>.more{display: none; float: right; }
.list_base>.more a{ color: #666666; display: block;}

@media only screen and (max-width: 1024px) {
    .wrap,.w1200,
    .wrap-left,
    .wrap-right{ width: 100%; }
    .mt20{ margin-top: 20px; }
    .mt10{ margin-top: 10px; }
    .main{ padding: 10px; box-sizing: border-box; }
    .header{ padding: 20px 0; display: flex; flex-direction: column; align-items: center; }
    .header .logo{ float: none; text-align: center; }
    .header .logo img{ max-width: 100%; }
    .header .option{ margin-top: 20px; }
    #opn-title{ padding-right: 10px; font-size: 24px; }

    /* 底部 */
    .footer{ border-top: 3px solid #006dac; padding: 20px 0; }
    .footer .footer-con{ float:left; text-align:center; }
    .footer .footer-con01 p{ display:inline-block; margin: 0 4px; }
    .footer .footer-con01, .footer .footer-con02, .footer .footer-con03{ width: 100%; }
    .footer .footer-con04{ float:none; }

    /* 新闻列表 */
    .bd_new.bd_line li{ height: 38px; line-height: 38px; }
    .tab_hd>ul>li>a{ font-size: 22px; }
    .bd_new li a{ font-size: 16px; }
    .bd_new.bd_column ul{ margin-right: 120px; }
    .bd_column .column{ width: 100px; }
    .bd_column .column a{ height: 38px; line-height: 38px; font-size: 16px; }

    .cyfw-list li .icon{ margin-left: 10px; margin-right: 10px; }
    .cyfw-list li span{ font-size: 16px; }

    .lyfw-info{ margin-top: 20px; padding: 20px 10px 10px;height: 233px; }
    .lyfw-info .lyfw-info-box .lyfw-info-main{ padding: 10px; }
    .lyfw-info .lyfw-info-main h1{ font-size: 24px; }
    .lyfw-info .lyfw-info-main p{ font-size: 16px; }

    .cjs{ padding: 0; }
    .cjs-left,
    .cjs-content,
    .cjs-right{ width: 100%;float: none; margin-left:0; }

    .cjs-left{ background-color: #F5F5F5; overflow: hidden; padding-bottom: 10px; }
    .cjs-left .fwType{ padding: 20px 20px 18px 24px; font-size: 16px; }
    .cjs-left li{ height: 48px; line-height: 48px; }

    .cjs-content{ margin-top: 10px; }
    .xgnr-hd,.xgnr-bd{ margin-top: 20px; }

    .lyny_r_list{ padding: 14px; margin-top: 14px; }
    .list_base{ margin-top: 10px; }
    .list_base>.more {display: block;background-color: #F2F2F2;border-radius: 8px;line-height: 44px;text-align: center;width: 100%;margin-top: 10px;}

}