@charset "utf-8";
/* CSS Document */
/*全站通用*/
* { margin:0; padding:0; }
body { background:#f5f5f5; font-size:14px; color:#333; font-family:"Microsoft Yahei", "微软雅黑", "MicrosoftJhengHei", "华文细黑", "Hiragino Sans GB", "sans-serif"; }
em { font-style:normal; font-weight:normal; }
li { list-style-type: none; }
dl, ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
input, button { vertical-align:middle; font-size:100%; list-style:none; outline:none; border:0; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content: '\0020'; display: block; height: 0; clear: both; visibility: hidden }
.fl { float:left; }
.fr { float:right; }
i, em, q { font-style:normal; }
img { border:0; vertical-align: top; }
a { text-decoration:none; color:#333; outline: none; }
a:link { text-decoration:none!important; }
a:hover { text-decoration:none; color:#ff700a; }
address, cite, code, em, th { font-weight: normal; font-style: normal; }
.w160 { width:160px; }
.h106 { height:106px; }
.w180 { width:180px; }
.x5 { width: 41.66666667% }
.x2 { width: 16.66666667% }
.line { margin: 0; padding: 0; display: block; }
.h120 { height:120px; }
.clear { clear: both; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mtb20 { margin:20px 0; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.pt20 { padding-top:20px; }
.mlr30 { margin:0 30px; }
.m20 { margin:20px }
.m30 { margin:30px }
.white { background-color:#fff; }
.text-center { text-align:center!important; }
.ellipsis2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.point { float: left; content: ""; background: #000; width: 5px; height: 5px; overflow: hidden; display: inline-block; margin: 12px 0 0; border-radius: 0px; }
.br8 { border-radius:8px; }
.border-line { clear:both; padding-top:6px; border-bottom: 1px solid #ccc; }
.button { border: solid 1px #EBEBEB; background: transparent; border-radius: 4px; font-size: 14px; /*padding: 8px 20px;*/
    margin: 0; display: inline-block; line-height: 20px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.text-middle { font-size: 16px; }
.container { width:1200px; margin:0 auto; }
.box1160 { width:1160px; margin:20px auto; padding:20px; border-radius:10px; background-color:#fff; }
.container:before, .container:after { content:" "; display:table; clear:both; }
.list-box800 { width:800px;  }/*左侧*/
.list-box760{ width:760px; padding:20px;background-color:#fff; border-radius:8px;}
.list-box720{ width:720px; padding:20px 40px;background-color:#fff; border-radius:8px;}
.list-box380 { width:380px; }/*列表-右侧*/
.list-box340 { width:340px; padding:20px; background:#fff; border-radius:8px; }
.v-news-list { clear: both; height:20px; overflow:hidden; width: 1200px;margin: 20px auto; }
/*栏目页幻灯片*/
.slider img { width: 760px; height: 300px; margin:0 auto; overflow: hidden; }
/* 切换按钮 */
    /* 上一个 */
.osSlider-main .slider-btn-prev { position: absolute; z-index: 30; top: 50%; left: -45px; width: 40px; height: 40px; text-indent: -9999px; margin-top: -20px; background: url(./images/prev.png) 50% 50% no-repeat; transition: all .5s linear;
}
.osSlider-main:hover .slider-btn-prev { left: 5px; }
/* 下一个 */
.osSlider-main .slider-btn-next { position: absolute; z-index: 30; top: 50%; right: -45px; width: 40px; height: 40px; text-indent: -9999px; margin-top: -20px; background: url(./images/next.png) 50% 50% no-repeat; transition: all .5s linear;
}
.osSlider-main:hover .slider-btn-next { right: 5px; }
/* 高亮导航部分 */
.osSlider-main .slider-nav { position: absolute; width:100%; height: 22px; bottom: 20px; text-align: center; z-index: 25; }
.osSlider-main .slider-nav li { display: inline-block; height: 20px; line-height: 20px; padding: 0 6px; margin: 0 12px; font-size: 12px; color: #eee; border: 1px solid #eee; background: none; cursor: pointer; }
.osSlider-main .slider-nav li.active { color: #333; background: #eee; }
.osSlider-main .slider-nav li:hover { border: 1px solid #f60; background: #f60; }
/*TAB切换*/
#tabs { overflow: auto; width:340px; list-style: none; margin: 0; }
#tabs li { margin: 0; padding: 0; float: left; }
#tabs a { -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); box-shadow: -4px 0 0 rgba(0, 0, 0, .2); background: #666; background:    -moz-linear-gradient(220deg, transparent 10px, #666 10px); background:    -webkit-linear-gradient(220deg, transparent 10px, #666 10px); background:     -ms-linear-gradient(220deg, transparent 10px, #666 10px); background:      -o-linear-gradient(220deg, transparent 10px, #666 10px); background:         linear-gradient(220deg, transparent 10px, #666 10px); text-shadow: 0 1px 0 rgba(0, 0, 0, .5); color: #fff; float: left; font: bold 12px/35px 'Lucida sans', Arial, Helvetica; height: 35px; padding: 0 30px; text-decoration: none; }
#tabs a:hover { background: #c93434; background:    -moz-linear-gradient(220deg, transparent 10px, #c93434 10px); background:    -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px); background:     -ms-linear-gradient(220deg, transparent 10px, #c93434 10px); background:      -o-linear-gradient(220deg, transparent 10px, #c93434 10px); background:         linear-gradient(220deg, transparent 10px, #c93434 10px); }
#tabs a:focus { outline: 0; }
#tabs #current a { background:#ad1c1c; background:    -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background:    -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background:     -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background:      -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background:         linear-gradient(220deg, transparent 10px, #ad1c1c 10px); text-shadow: none; color:#fff; }
#content { }
/* Remove the rule below if you want the content to be "organic" */
#content div { height: 255px; }
/* --- */
#about { color: #999; }
#about a { color: #eee; }
.grid_list li { clear:both; height:32px; line-height:32px; border-bottom: 1px solid #f1f1f1; }
.grid_list li a { padding-left:6px; }
/*TAB切换结束*/
/*栏目页子栏目导航*/
.list_lmdh {clear:both;margin-top:20px;}
.list_lmdh ul { width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.list_lmdh ul li { width: 230px; height:80px; }
.list_lmdh ul li a { display: block; width: 230px; height: 80px; background-color: white; border-radius: 8px; float: left; padding: 16px 0 0 6px; box-sizing: border-box; }
.list_lmdh ul li a .eyou_pic {  float: left; }
.list_lmdh ul li a .eyou_pic img {width: 55px;height:55px; border-radius:27px; vertical-align: middle; -ms-interpolation-mode: bicubic; }
.list_lmdh ul li a .writing { float: left; text-align: left; margin-left: 10px; position: relative; top: 3px; }
.list_lmdh ul li a .writing .eyou_t1 { color: #181818; font-size: 18px; font-weight: bold; }
.list_lmdh ul li a .writing .eyou_t2 { font-size: 12px; color: #282a2c; }
/*栏目页子栏目导航结束*/
/*课程模块分栏目tab选项卡5个一行开始*/
.web_jrtj { clear: both; width: 1200px; margin-top: 40px; margin: 0 auto; }
.webjrtit h2 { float: left; font-size: 22px; font-weight: bold; color: #333333; }
.webjrtit a { display: block; width: 78px; height: 32px; background: #f0f1f4; float: right; border-radius: 100px; text-align: center; line-height: 32px; overflow: hidden; color: #999999; text-decoration: none; }
.webjrtit a:hover { background: #ff6f06; color: #ffffff; }
.web_lbkc { width:100%; }
.web_lbkc li { float: left; width: 216px; height: 220px; border-radius: 6px; background: #ffffff; margin: 20px 0px 0px 20px; }
.web_lbkc li:hover { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
.web_lbkc li:nth-child(5n+1) {
 margin-left: 0px;
}
.web_lbkc li span a { display: block; width:216px; height: 130px; overflow: hidden; border-radius: 6px 6px 0px 0px; }
.web_lbkc li span a img { width: 216px; height: 130px; border-radius: 6px 6px 0px 0px; transition: all 0.2s; }
.web_lbkc li span a:hover img { transform: scale(1.1); }
.web_lbkc li dl { width: 188px; margin: auto; }
.web_lbkc li dl dt { margin-top: 10px; height: 45px; overflow: hidden; line-height: 18px; }
.web_lbkc li dl dt i { display: block; float: left; width: 28px; height: 16px; line-height: 16px; overflow: hidden; text-align: center; font-style: normal; font-size: 14px; color: #ffffff; margin-right: 10px; margin-top: 3px; border-radius: 2px; padding: 2px 4px; }
.web_lbkc li dl dt i.bg1 { background: #E0E8FC; color: #298AFD; }
.web_lbkc li dl dt i.bg2 { background: #FCE7E0; color: #FD4029; }
.web_lbkc li dl dt i.bg3 { background: #FCF3E0; color: #FB6401; }
.web_lbkc li dl dd { }
.web_lbkc li dl dd p { float: left; width: 110px; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #b7b7b7; }
.web_lbkc li dl dd em a { display: block; float: right; font-size: 12px; color: #b7b7b7; text-decoration: none; }
.web_lbkc li dl dd em a b { display: block; width: 11px; height: 11px; background: url(../images/bg1.png) no-repeat -80px -65px; background: image-set(url(../images/bg1.png) 1x, url(../images/new/bg1-2x.png) 2x) no-repeat -80px -65px; background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/new/bg1-2x.png) 2x) no-repeat -80px -65px; float: left; margin: 3px 5px 0px 0px; }
.webshimenu { float: left; margin-left: 10px; }
.webshimenu li { float: left; height: 32px; box-sizing: border-box; border: 1px solid #e6e6e6; line-height: 32px; border-radius: 100px; padding: 0px 18px; color: #999999; cursor: pointer; margin-left: 20px; }
.webshimenu li.current { background: #ad1c1c; color: #ffffff; border: 1px solid #ad1c1c; }
/*课程模块分栏目tab选项卡结束*/
/*二级栏目列表*/
.article-card{overflow:hidden;/*margin-bottom:10px;padding:10px;*/border-bottom:1px #eee solid;}
.article-card .figure{width:180px;height:110px;float:left;display:block;}
.article-card .figure img{width:180px;height:110px;display:block;border-radius:5px;}
.article-text{width:525px;height:120px;float:left;margin-left:25px;}
.article-card h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:40px;}
.article-card h2 .article-title{color:#333;font-size:18px;}
.article-card h2 .article-title:hover{color:#ff700a;}
.article-card .desc{height:45px;font-size:12px;line-height:22px;color:#999;}
.article-card .info{color:#999;font-size:12px;padding-top:15px;}
.article-card .info .author{color:#666;padding-right:10px;}
.article-card .info .time{color:#666;padding-right:10px;}
.article-card .info .read{float:right;color:#666;}
/*栏目四个图片一排*/
.title_list { clear: both;}
.title_list h2 { float: left; background: url(../images/arrow.png) no-repeat 0; font-size: 22px; padding-left: 30px; font-weight:700; }
.title_list h3 { color: #888; font-size: 14px; float: left; margin-left: 12px; padding-top:10px; font-weight: normal; }
.title_list h4 { float: left; font-size: 18px; }
.title_cat { float: right;padding-top: 5px; }
.title_cat a { float: left; color: #555555; font-size: 14px; line-height: 14px; padding: 0 12px; }
.title_cat a:hover { color: #3aaeff; }
.title_cat .btn { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 24px; background: rgba(245, 245, 245, 1); border-radius: 12px; }
.title_cat .btn .text { font-size: 12px; font-weight: 400; color: rgba(153, 153, 153, 1); }
.title_cat .btn .icon { width: 4px; height: 7px; margin-left: 5px; margin-top: 1px; }
.web_4pic { width:100%; }
.web_4pic li { float: left; width: 180px; height: auto; border-radius: 6px; background: #ffffff; margin: 20px 0px 0px 13.333px; }
.web_4pic li:hover { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
.web_4pic li:nth-child(4n+1) {
 margin-left: 0px;
}
.web_4pic li span a { display: block; width:180px; height: 110px; overflow: hidden; border-radius: 6px 6px 0px 0px; }
.web_4pic li span a img { width:180px; height: 110px; border-radius: 6px 6px 0px 0px; transition: all 0.2s; }
.web_4pic li span a:hover img { transform: scale(1.1); }
.web_4pic li dl { width: 170px; margin: auto;padding-bottom: 10px;}
.web_4pic li dl dt { margin-top: 10px;overflow: hidden; line-height:18px; }
.web_4pic li dl dt i { display: block; float: left; width: 28px; height: 16px; line-height: 16px; overflow: hidden; text-align: center; font-style: normal; font-size: 14px; color: #ffffff; margin-right: 10px; margin-top: 3px; border-radius: 2px; padding: 2px 4px; }
.web_4pic li dl dt i.bg1 { background: #E0E8FC; color: #298AFD; }
.web_4pic li dl dt i.bg2 { background: #FCE7E0; color: #FD4029; }
.web_4pic li dl dt i.bg3 { background: #FCF3E0; color: #FB6401; }
.web_4pic li dl dd {margin-top: 8px;}
.web_4pic li dl dd p a{ float: left; width:60px; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #b7b7b7; }
.web_4pic li dl dd em a { display: block; float: right; font-size: 12px; color: #b7b7b7; text-decoration: none; }
/*.web_4pic li dl dd em a b { display: block; width: 11px; height: 11px; background: url(../images/bg1.png) no-repeat -80px -65px; background: image-set(url(../images/bg1.png) 1x, url(../images/new/bg1-2x.png) 2x) no-repeat -80px -65px; background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/new/bg1-2x.png) 2x) no-repeat -80px -65px; float: left; margin: 3px 5px 0px 0px; }*/

/*右侧图文小长块*/
.ey_xm { -webkit-backface-visibility: hidden; /*float: left;*/
height: 68px; margin-top:10px; transition: all 0.2s ease-in;border-bottom: 1px solid #f1f1f1;padding-bottom:10px; }
.ey_xm .ey_mzc { float: left; text-align: left; }
.ey_mzc .eyou_mzl { width: 100px; height: auto; border-radius:5px; }
.ey_myc { float: left; text-align: left; margin-left: 15px; margin-top: 0px; }
.eyou_xbts { font-family: MicrosoftYaHei; color: #333333; font-size: 16px; display: block; width: 225px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.principal { font-size: 12px; color: #949596; width: 225px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 6px 0; }
/*栏目版块文字标题样式*/
.side-title { font-size:18px; border-bottom:1px solid #ccc; color:#484848; font-weight:700; position:relative; margin-bottom:20px; padding-bottom:10px }
.side-title:after { content:""; position:absolute; width:66px; height:2px; content:""; background:#FF5722; left:0; bottom:-1px; -moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.side-title:hover:after { width:100px }
/*帮助中心版块*/
.list-content-box {clear: both; background: #fff; height: 330px; }
.list-content-box-left { width: 360px; display: block; text-align: center;float:left; }
img.scale-grid { max-width: 100%; height: auto; }
.list-content-box-left p { font-size: 14px; line-height:20px; text-align: justify; text-indent: 2em; }
.list-content-box-right { width: 800px; display: block; }
.list-content-box-right li { width: 370px; height:100px; float: left; margin:0 0 15px 20px; overflow: hidden; border-bottom:1px solid #f5f5f5; }
.features h6 { text-transform: uppercase; font-weight: normal; font-size: 16px; line-height: 22px; margin-bottom: 5px; }
.features p, .difficulty { text-transform: uppercase; font-weight: normal; line-height:20px; color: #666; text-align:justify; }
img.fl { margin-right:10px; }
.features img.fl { margin-top: 3px; width:80px; height:56px; border-radius: 5px;}
/*分页*/
.pagelist {    margin-top: 50px; text-align: center; color: #666; width: 100%; clear: both; }
.pagelist a { color: #666; margin: 0 5px 20px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:nth-child(1) {
 display: none
}
.pagelist a:hover, .pagelist>b { color: #3690cf; color: #FFF; background: #ff6f06; }
.pagelist>b { padding: 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; background: #000; }


/*全站页脚css*/
.bottom_nav { background: #102741; height: 240px; position: relative; min-width: 1200px; }
.left_logo { position: absolute; left: 50%; margin-left: -580px; top: 70px; }
.left_logo img { width:auto; height:80px; }
.bottom_about { position: absolute; left: 58%; margin-left: -380px; top: 50px; }
.bottom_about dl { float: left; width: 134px; }
.bottom_about dl.dl_03 { width: 230px; }
.bottom_about dl.dl_03 dt { margin-left: 10px; }
.bottom_about dl.dl_03 dd { margin-bottom: 20px; }
.bottom_about dl.dl_03 img { margin: 0 10px; }
.bottom_about dt { color: #fff; margin-bottom: 15px; width: 100%; float: left; font-size: 16px; }
.bottom_about dt a { line-height: 16px; color: #fff; }
.bottom_about dd { width: 100%; float: left; color: #ccc;  }
.bottom_about dd a { line-height: 24px; font-size: 12px; color: #ccc; }
.bottom_about dd a:hover { color: #fff; }
.bottom_contact { position: absolute; right: 50%; margin-right: -590px; top: 50px; }
.bottom_contact a { display: block; background: #fff; border-radius: 5px; width: 197px; height: 51px; }
.bottom_contact a:hover img { opacity: .7; -webkit-transition: all .2s ease-in;
}
.bottom_contact dl { float:left; text-align: center; color: #fff; font-size: 16px; line-height: 16px; margin-left: 30px; }
.bottom_contact dl dd { margin-top: 10px; }
.footer { background: #091c30; text-align: center; color: #cccccc; min-width: 1180px; }
.footer .certification {width:1140px;margin:0 auto;   padding:30px; }
.footer .certification p{line-height: 25px; height:25px;text-align:center;}
.footer .certification img { padding: 0 5px; }
.footer .phone { vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.footer a { color: #cccccc; }
/*返回顶部*/

.web_right { width: 100px; background: #ffffffab; border-radius: 12px; position: absolute; right: 20px; top: 50%; position: fixed; z-index: 99; margin-top: -230px; }
.web_rightlb { width: 100px; margin-top: 22px; margin-bottom: 10px; }
.web_rightlb li { width: 100px; height: 38px; margin-top: 3px; }
.web_rightlb li a { display: block; width: 100px; height: 38px; color: #999999; text-decoration: none; line-height: 38px; }
.web_rightlb li a span { display: block;  }
.web_rightlb li a:hover { background: #fef6f6; color: #ff6f06; }
.web_rightlb li a.lockup { background: #fef6f6; color: #ff6f06; }
.web-xstop { width: 100px; height: 38px; border-top: 1px solid #f4f4f4; }
.web-xstop a { display: block; width: 100px; height: 38px; color: #999999; line-height: 38px; text-decoration: none; }
.web-xstop a span { display: block; }
.web-xstop a:hover { background: #fef6f6; color: #ff6f06; border-radius: 0px 0px 12px 12px; }
/*二级栏目列表文字导航*/
.items li { float: left; line-height: 16px; padding: 8px; border-radius: 6px; }
.items li a { color: #1c1f21 }
.items li.cur { background-color: rgba(233, 142, 70, .1) }
.items li.cur a { color: #e98e46 }
.items li a:hover { color: red }