﻿/*---------------------
common-css
---------------------*/
body{
	color: #36C;
	font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	font-size: 13px;
}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,fieldset,button,input,textarea,th,td,img{margin:0;padding:0}
a,a:hover{ text-decoration:none;color:#666;}
ul,li{ list-style:none;}
i, cite, em, var, address, dfn {font-style: normal;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0}
.clearfix{*zoom:1;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: inherit; line-height: 1.1; color: inherit; font-weight:normal;}
.mbox-sizing{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mbox-sizing:before,
.mbox-sizing:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.full-graybg{ background:#f4f4f4; min-width:1200px;}
.m-container-1,.m-container-2,.m-container-3,.m-container-4,.m-container-5{ margin:60px 0;zoom:1; clear:both; width:100%;}
.col-main1,.col-main2,.col-main3,.col-main4,.fiexd-main{ width:1200px; margin:0 auto;}
.col-topmain{ width:1200px; margin:0 auto;}
.hide { display: none !important; }
.collapse {position: relative;height: 0;overflow: hidden;-webkit-transition: height 0.35s ease;-moz-transition: height 0.35s ease;-o-transition: height 0.35s ease;transition: height 0.35s ease;}
.collapse.in {height: auto;}
.tab-content > .tab-pane {display: none;}
.tab-content > .active {display: block;}
/*---------------------
header-wrap
---------------------*/
.header-wrap{ width:100%; min-width:1200px;}

/*-------sub nav black bar-------*/
.site-bar{ background:#2a2a2a; height:24px; line-height:24px; color:#bdbdbd; font-size:13px; }
.site-bd-l .language_site{ float:left; position:relative;padding:0 15px;}
.site-bd-l .language_site:hover{ background:#fff;box-shadow: 0px 2px 3px #696969;}
.site-bd-l .language_site:hover .on a{ color:#333;}
.site-bd-l .language_site .pt_flag{ width:22px; height:22px; display:block; background:url(../images/country_logo_r_1.png) no-repeat;}
.site-bd-l .language_site .on a{ display:inline-block; background: url(../images/arrow_ico_1.png) no-repeat right 7px; padding:0 25px 0 0; line-height:20px; color:#fff;}
.site-bd-l .language_site a { display:inline-block; clear:both;-webkit-transition: 0.25s;transition: 0.25s; color:#fff;}
.site-bd-l .language_site a span{ margin-right:5px; float:left; color:#333; display:inline-block; height: 18px; padding-left:25px; background:url(../images/country_logo_r_1.png?0320) no-repeat;}
.site-bd-l .language_site .list { display:none; position:absolute; top:23px; left:0px; z-index:1000;width:150px; background:#fff;box-shadow: 0px 2px 3px #696969;}
.site-bd-l .language_site:hover .list {display: block;}
.site-bd-l .language_site .list li{ list-style:none; margin:0;}
.site-bd-l .language_site .list li a{ border-bottom:1px solid #efefef; width: 120px; padding:12px 15px;color:#333;}
.site-bd-l .language_site a .lineno{ border-bottom: none;}
.site-bd-l .language_site .list a:hover{ background:#f5f5f5;}
.site-bd-l .language_site a span.pflag{ background-position:0 0; margin-top: 0;}
.site-bd-l .language_site a span.dflag{ background-position:0 -18px;}
.site-bd-l .language_site a span.fflag{ background-position:0 -36px;}
.site-bd-l .language_site a span.eflag{ background-position:0 -54px;}
.site-bd-l .language_site a span.xflag{ background-position:0 -72px;}
.site-bd-l .language_site a span.jpflag{ background-position:0 -91px;}
.site-bd-l .language_site a span.krflag{ background-position:0 -109px;}
.site-bd-l .language_site a span.itflag{ background-position:0 -127px;}
.site-bd-l .language_site a span.abflag{ background-position:0 -145px;}
.site-bd-l .z_home{ float:left; margin-right:30px;}
.site-bd-l .z_home a{display:inline-block; color:#ddd;}
.site-bd-l .z_home a:hover{ color:#fff;}
.site-bd-l .z_home i{ width:16px; height:13px; display:inline-block; background:url(../images/home_ico_1.png) no-repeat; margin-right:5px;}
.site-bd-r{ float:right; position: relative;}
.site-bd-r li{ float: left;}
.site-bd-r .menu-hd a{ height:35px; line-height:35px; display:inline-block; padding:0 10px; color:#666; text-decoration: none;}
.site-bd-r .menu-hd a:hover{ text-decoration:underline;}
.site-bd-r .site-nav-pipe{display: inline;float: left;height:35px;line-height:35px;padding: 0 5px;font-style: normal;color: #DDD;}
.site-bd-r li.l_hover:hover .user_con{ display:block;}
.site-bd-r .tel404{ float:left;}
.site-bd-r .tel404 b{font-family:Arial, Helvetica, sans-serif; line-height:22px;}
.login-in a.reglink{ color:#ffcf40;}
.login-in{ float:left; margin-left:20px; color:#999;}
.login-in a{ color:#eee; margin:0 10px;}
.login-in a:hover{ text-decoration:underline;}
.lx-service{float: left; margin-left:15px}
.lx-service a{ color: #fff; }
.lx-service a:before{content:"";display:inline-block;vertical-align: top;background: url(../images/newico.png) no-repeat;width:35px;height:16px; margin-top:4px; margin-right:6px}
/*------nav bar--------*/
.headerCon{ height:75px; background:#fff;box-shadow: 0px 1px 1px #d6d6d6;}
.logo-bd{ float:left;zoom:1; clear:both;margin: 3px 0 0;}
.logo-bd img{ margin:20px;}
.menu-wrap{ margin-left:20px; float:left;}
.nav-bd .nav-item{ float:left; list-style: none;}
.nav-bd .nav-li{ font-size:16px; color:#333; height: 72px; border-top:3px solid #fff; line-height:70px; padding:0 15px; border-left:1px solid #eee;  display:block;}
.nav-bd .nav-li:hover{ border-top:3px solid #1894f8;}
.nav-bd .active-on{ /* border-top:3px solid #1894f8; */}
.nav-bd .active-on .nav-li{ border-top:3px solid #1894f8;}
.nav-bd .more-arrow{ width:12px; height:6px; display:inline-block; vertical-align:middle; background:url(../images/top-footer-img.png) no-repeat right top;}
.sub-dropdown{ position:relative;}
.sub-dropdown:hover .mod-subcate-bd{ display:block;}
.sub-dropdown:hover  .nav-li { border-top:3px solid #1894f8;}
.dropdown-mod{ position:relative;}
.dropdown-mod:hover .subnav-mod{ display:block;}
.dropdown-mod:hover .nav-li { border-top:3px solid #1894f8;}
.subnav-mod{position:absolute;top: 75px;left:0;box-shadow: 0px 2px 3px #999;background:#fff;width: 112px; display:none}
.subnav-mod a{display:block;line-height: 52px;font-size: 16px;border-top: 1px solid #eee; text-align:center;}
.subnav-mod a:hover{  background:#f9f9f9;color:#1894f8;}

/*--sub-dropdown container--*/
.mod-subcate-bd{ position:absolute; top:74px; left:0;box-shadow: 0px 1px 3px #999; display:none;background:#2095f2;overflow:hidden; width:845px;}
.mod-sub-nav{ float:left; width:145px;}
.go-home a{ color:#fff; height:35px; line-height:35px; padding-left:15px; border-left:3px solid #63b5f6; display:inline-block;}
.full-link a{ color:#fff;height:35px; line-height:35px; padding-left:15px;border-left:3px solid #63b5f6; display:inline-block;}
.mod-subcate-tit li{ position:relative;}
.mod-subcate-tit li.active a{ background:#fff; color:#333;}
.mod-subcate-tit li.active a i{ display:block;}
.mod-subcate-tit li a{ padding:0;color:#fff; height:35px; line-height:35px; padding-left:15px;border-left:3px solid #63b5f6; margin-bottom:1px;display: block;}
.mod-subcate-tit li a i{ width:6px; height:10px; display:inline-block; background: url(../images/top-footer-img.png) no-repeat -225px 0; position:absolute; right:7px; top:13px; display:none;}
.mod-subcate-tit li a:hover{ background:#fff; color:#333;}
.mod-subcate-tit li a:hover i{background: url(../images/top-footer-img.png) no-repeat -225px 0; display:block;}
.mod-sub-con{ float: right; width:640px; padding:30px; min-height:250px; background:#fff;}
.couse-title { border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:25px; position:relative;}
.couse-title h3{ font-size:16px; font-weight:normal; color:#333;}
.couse-title h3 i{ width:20px; height:23px; color:#fff; display:inline-block; background: url(../images/top-footer-img.png) no-repeat; vertical-align:middle; margin-right:15px; text-align:center}
.couse-title i.level-ico-1{ background-position:0 -50px;}
.couse-title i.level-ico-2{ background-position:-21px -50px;}
.couse-title i.level-ico-3{ background-position:-42px -50px;}
.couse-title i.level-ico-4{ background-position:-63px -50px;}
.couse-title i.level-ico-5{ background-position:-84px -50px;}
.couse-title i.level-ico-6{ background-position:-105px -50px;}
.couse-title i.level-ico-7{ background-position:-126px -50px;}
.couse-title .full-level{ position:absolute; right:0; top:5px;}
.couse-title .full-level i{ width:6px; height:10px; color:#fff; display:inline-block; background: url(../images/top-footer-img.png) no-repeat -195px -23px; vertical-align:middle;}
.couse-title .full-level:hover{ color:#f46027;}

.list-group-con{}
.list-item{ float:left; width:420px;}
.list-item li{ width:170px; margin-right:40px; float: left; font-size:12px; color:#999; margin-bottom:30px;}
.list-item li a{ display:inline-block; background: url(../images/top-footer-img.png) no-repeat -270px -45px; padding-left:15px;}
.list-item li a.hot-text h4{ color:#f46027;}
.list-item li a:hover.hot-text h4{ color:#f46027; text-decoration:underline;}
.list-item li h4{ font-size:14px; color:#333; margin-bottom:3px;height:16px;}
.list-item li a:hover h4{ color:#2095f2; text-decoration:underline; }
.list-item .hot-ico{ width:28px; height:13px; display:inline-block; vertical-align:top; background:url(../images/top-footer-img.png) no-repeat -160px -23px;}
.course-ban{ float:right; margin-top:20px;}
/*------------class download ----------*/
.class-down-md{float: right;margin-right: 12px;}
.class-down-md a{display: inline-block;height: 65px;margin: 5px;line-height: 65px;font-size: 16px;}
.class-down-md i{ display:inline-block; width:21px; height:19px; margin-right:5px; vertical-align:middle; background: url(../images/downico.png) no-repeat 0 0;}
/*------------ fast track----------*/
.th_inner{ margin:0 auto; height:60px; position:relative;}
.speedy-bd{ float:right; margin-top:10px;}
.s-item-id{position: relative; float:left; margin-left:3px;}
.s-item-id:hover .m_hd{ display:block;}
.s-item-id:hover .m_td{ display:block;background: #fff;z-index: 999;box-shadow: 0px 1px 3px #888; border-radius:3px;}
.m_hd{ position: absolute;top: 52px;background: #fff;z-index: 999;box-shadow: 0px 2px 5px #888;display: none;}
.p_l{ left:0;}
.p_r{ right:0;}
.mrbg{ display:block;background: #fff;z-index: 999;box-shadow: 0px 1px 3px #999; border-radius:3px;height: 54px;}
.m_td { float:left;}
.m_td  a{ line-height:22px; padding:5px 15px; display:block; float:left; height:54px;}
.m_td .icom{ width:22px; height:22px; display:inline-block; margin-right:5px;overflow: hidden; }
.m_td .t_notice .ico{ float:left;background:url(../images/topbar_ico_1.png) no-repeat 0 0;}
.m_td .my_todolist{ height:45px; padding-top:10px;}
.m_td .my_notice { height:45px; padding-top:10px;}
.m_td .my_todolist .ico{ float:left;background:url(../images/topbar_ico_1.png) no-repeat -0px -85px;}
.m_td .my_notice .ico{ float:left;background: url(../images/topbar_ico_1.png) no-repeat -29px -85px;}
.m_td .my_todolist{ float: left;}
.m_td .my_notice{ float: left;}

.listcon{ width:410px;background:#f4f4f4; }
.listcon h1{ background:#f4f4f4; line-height:30px;height:30px; color:#333;padding:0 15px;}
.listcon h1 span{ font-weight:normal; color:#999;}
.listcon li{ margin-top:8px;}
.listcon li{box-shadow: 0px 1px 1px #d6d6d6; width:410px; float:left; background:#fff;}
.listcon li .iccom { float:left; padding:10px; background:#f7f7f7;}
.listcon li .iccom span{ width:30px; height:30px; display:block; background:url(../images/topbar_ico_1.png) no-repeat;}
.listcon li .iccom span.ico1{ background-position:0 -45px;}
.listcon li .iccom span.ico2{ background-position:-30px -45px;}
.listcon li .iccom span.ico3{ background-position:-60px -45px;}
.listcon li .infotext{ float:left; padding:6px 10px; width:340px;}
.listcon li .infotext em{ font-size:12px; float:left; width:260px; line-height:18px;}
.listcon li .infotext span{ float:right; border:1px solid #dedede; height:24px; line-height:24px; padding:0 8px; border-radius:3px; color:#999;}
.listcon li:hover{ background:#f7f7f7;}
.listcon li a:hover .infotext span{ border:1px solid #5197ee; color:#fff; background:#5197ee;}
.listcon .vall a{ text-align:center; color:#999; background:#f4f4f4; height:35px; width:100%; display:inline-block; line-height:35px;}
.listcon .vall a:hover{ background:#ebebeb; color:#333;}
.viewlist{}
.viewlist li {border-bottom:1px solid #e7e7e7;clear:both;}
.viewlist li a{ line-height:20px; color:#888; font-size:12px; display:inline-block;  padding:7px 10px; width:220px;}
.viewlist li a:hover{ background:#f9f9f9; color:#666;}
.viewlist li h2{ font-weight:normal; color:#db4c5b; font-size:13px;}

.uphoto{ width:43px; height:43px; float:left; position:relative;}
.uphoto img{ max-width:100%;}
.uphoto i{width:43px; height:43px; display:block; background:url(../images/topbar_ico_1.png) no-repeat -69px 0 #fb8a96;}
.uphoto .bg_circle{ width:43px; height:43px; display:block; background:url(../images/photo_black_1.png) no-repeat; position:absolute; top:0; left:0; z-index:99;}
.utit{ float:left; margin-left:10px;}
.utit em{ color:#777; width:75px; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.utit span{ display:block; color:#333;}
.utit span i{ width:12px; height:6px; display:inline-block; background:url(../images/topbar_ico_1.png) no-repeat -61px -88px;}
.log_before a{ display:block; text-align:center; line-height:55px;}
.log_before a:hover{ background:#f9f9f9;}
.log_later { background:#f9f9f9;text-align:center;}
.log_later a{ display:inline-block; vertical-align: top; line-height: 55px; padding:0; color:#999;}
.log_later a:hover{ color:#333;}
.log_later i{ width:20px; height:20px; display:inline-block; background:url(../images/topbar_ico_1.png) no-repeat; margin-right:5px;float: left;margin-top: 17px;}
.log_later .tcdl { margin-left:20px;}
.log_later .tcdl i{ background-position:-28px -119px;}
.log_later .grxx i{ background-position:0 -119px;}
.nav_inner {margin:0 auto; height:35px;}
.nav_inner .navlist{ font-size:14px;}
.nav_inner .navlist li{ float:left; position:relative; }
.nav_inner .navlist li a{ float:left; display:block; margin:0 15px;-webkit-transition: 0.25s;transition: 0.25s; height:35px; line-height:35px;}
.nav_inner .navlist li a:hover{color:#dd1036;}
.nav_inner .navlist li.li_on a{ color:#dd1036; font-weight:bold;}
.nav_inner .navlist li a.lmore span{ width:12px; height:11px;background:url(../images/arrow_ico_1.png) no-repeat 0 3px; display:inline-block; margin-top:4px;transition: 0.25s;
    padding-left: 10px;}
.nav_inner .navlist li .top_arrow{ position:absolute; top:-10px; left:47%; width:18px; height:10px; background:url(../images/arrow_ico_1.png) no-repeat 0 -205px;}
.nav_inner .subnav{ display:none; position:absolute; z-index:999; left:-15%; top:35px; width:150px; background:#fff; border-radius:3px;border:1px solid #ddd;box-shadow: 0px 4px 5px #000;}
.nav_inner .subnav li{ font-size:14px;}
.nav_inner .subnav li a{ color:#666 !important;display:block; border-bottom:1px solid #efefef; text-align:center; margin:0; display:block; width:150px; height:45px; line-height:45px;-webkit-transition: 0.25s;transition: 0.25s;}
.nav_inner .subnav li a:hover{ background:#f5f5f5; color:#dd1036 !important;}
.nav_inner .navlist li .bwrap{ float:left; position:relative; height:35px; }
.nav_inner .navlist li .bwrap:hover .subnav{ display:block;}
.nav_inner .navlist li .bwrap:hover .lmore span{background:url(../images/arrow_ico_1.png) no-repeat 0 -16px;}
/*footer-css */
.footer-wrap{ overflow:hidden; background:#f8f8f8; min-width:1200px;}
.footer_service{ background:#66676c;height:56px; }
.footer_service li{ float:left; width:25%;font-size:16px; line-height:56px; color:#fff; }
.footer_service li i{ width:40px; height:40px; display:inline-block; background: url(../images/top-footer-img.png) no-repeat; vertical-align: middle; margin:0 10px;}
.footer_service li.agree-item1 i{ background-position:0 0;}
.footer_service li.agree-item2 i{ background-position:-40px 0;}
.footer_service li.agree-item3 i{ background-position:-80px 0;}
.footer_service li.agree-item4 i{ background-position:-120px 0;}
.footer_inner{ border-bottom:1px solid #e4e4e5; margin-bottom:20px; zoom:1; clear:both;}
.footer_inner dl{ float:left; margin:30px 10px;}
.footer_inner dl dt{ font-size:18px; color:#333; font-weight:normal; margin-bottom:20px;}
.footer_inner dl.ft-contactUs{ margin-left:100px;}
.ft-linkid{ width:170px;}
.ft-linkid a{ color:#555; line-height:28px;}
.ft-linkid a:hover{ text-decoration:underline; color:#369;}
.ft-aboutUs { width:235px;}
.ft-aboutUs .f-language { margin:10px 0;}
.ft-aboutUs .f-language a{ width:23px; height:16px; background: url(../images/country_logo_r_1.png) no-repeat; display:inline-block; margin-right:10px;}
.ft-aboutUs .f-language a.pflag{ background-position:0 0; margin-top: 0;}
.ft-aboutUs .f-language a.dflag{ background-position:0 -18px;}
.ft-aboutUs .f-language a.fflag{ background-position:0 -36px;}
.ft-aboutUs .f-language a.eflag{ background-position:0 -54px;}
.ft-aboutUs .f-language a.xflag{ background-position:0 -72px;}
.ft-contactUs{  width:420px;}
.ft-way{ float:left;}
.ft-way li{ margin-bottom:5px;}
.ft-way li.tel-phone strong{ font-size:14px;}
.ft-way li.send-email a:hover{ text-decoration:underline;}
.ft-way li i{ display:inline-block; vertical-align:middle; width:17px; height:17px; background: url(../images/top-footer-img.png) no-repeat; margin-right:10px;}
.ft-way li.tel-phone i { background-position:-160px 0;}
.ft-way li.send-email i{background-position:-177px 0;}
.ft-way li.company-address i{background-position:-194px 0;}
.ft-code-wrap{ float: right; text-align:center; font-size:12px; position: relative; margin-top:-45px; cursor:pointer;}
.ft-code-wrap:hover .qr-code-big{ display:block;}
.footer_copyright{ text-align:center; font-size:12px; margin-bottom:15px;}
.footer_copyright p{ margin-bottom:8px;}
.qr-code-big{ position:absolute; left:-164px; bottom:20px; display:none; background:#fff; border:1px solid #ddd;}
