@charset "utf-8";

.header{ width: 100%; height: 100px; background-color: #fff; }
.header-son{ height: 100px;}
.header-logo{ width:30%; height:54px; float: left; margin-top: 20px; border-right: 1px solid #dadada;}
.header-logo h1{ height: 36px; line-height: 36px; font-size: 25px; font-weight: bold; color: #327fcb;}
.header-logo p{ height: 18px; line-height: 18px; font-size:13px; color: #939393;text-transform:uppercase; letter-spacing:0px}

.header-nav{ width: 68%; height: 100px; float: right;}
.header-nav a{ width: 16.6%; height: 100px; display: block; float: left; text-align: center; line-height: 100px; font-size: 18px;}
.header-nav a.on{ background-color: #499cf1; color: #fff;}
.header-nav a:hover{background-color: #f5f5f5;color: #333;}

.top-banner{ height: 529px; background: url(images/banner.jpg) no-repeat center top; width: 100%; clear: both; }
.top-banner-Son{position: relative; width: 1200px; margin: 0  auto;}

/*login*/
.login{ width: 30%; height: 380px; padding: 34px; position: absolute; right: 30px; top: 50px; background-color: #fff; -moz-border-radius: 3px; /* Firefox */-webkit-border-radius: 3px; /* Safari 和 Chrome */border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.login-title{ height: 40px; line-height: 40px; border-bottom: 1px solid #edf2f7; font-size: 18px; color: #909090;}
.login-title a{ width:30%; height: 40px; display: block; float: left; text-align: center; color: #909090;}
.login-title a.on{ color: #327fcb; border-bottom: 1px solid #327fcb; text-align: center;}

.login-list ul{ display: none;}
.login-list ul.Ulshow{ display: block;}
.login-list ul li{ height: 45px; margin-top: 30px; display: block; width: 100%;}
.border{ border: 1px solid #c7d5e1; height:37px; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.border i{ width: 51px; height: 37px; border-right: 1px solid #e8ebee; display: block; float: left; background-image: url(images/login-i.png); background-repeat: no-repeat; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.border i.login-i1{ background-position: -5px -5px;}
.border i.login-i2{ background-position: -57px -5px;}
.border i.login-i3{ background-position: -111px -5px;}
.border:hover i.login-i1{ background-position: -5px -46px;}
.border:hover i.login-i2{ background-position: -57px -46px;}
.border:hover i.login-i3{ background-position: -111px -46px;}
.border input{ width: 82%; height: 37px; float: right; color:#adadad; font-size: 15px;}

.wh60{ float: left; width: 60%;}
.wh60 input.codeInput{ width: 70%;}
.Code{ width: 35%; float:right; background-color: #edf0f5; height: 45px;}
.Code img{width:100%;height: 45px;}

.butSign{ width: 48%; height: 45px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; color: #fff; font-size: 20px; float: left;  background-color: #4197ee; display: block; background: -webkit-linear-gradient(#74b8fd, #4197ee);background: -o-linear-gradient(#74b8fd, #4197ee);background: -moz-linear-gradient(#74b8fd, #4197ee); background: linear-gradient(#74b8fd, #4197ee); cursor: pointer;}
.register{width: 48%; height: 45px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; color: #2d83da; font-size: 20px; float: right;  border: 1px solid #2d83da; background-color: #fff; cursor: pointer;}

.Forget{ margin-top: 20px; height: 30px; line-height: 30px; color: #a8b4be; font-size: 14px; text-align: center;}
.Forget a{ padding: 0 10px; color: #a8b4be;}

/*手册*/
.handbook{ width: 47.5%; float: left; height: 245px;}
.handbookImg{height: 189px;}
.padding-tB45{ padding: 45px 0px;}
.handbookImg img{height: 189px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.handbook-tit{ padding-top:10px; height: 45px;}
.handbook-tit span{ display: block; height: 45px; line-height: 45px;}
.handbook-tit span.handbook-tit-l{ float: left;  width: 70%; font-size: 25px; color: #57799b;}
.handbook-tit span.handbook-tit-r{ float: right; width: 25%; font-size: 16px; background-color: #eaeaea; text-align: center;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.handbook-tit span.handbook-tit-r a{ height: 45px; display: block;}

/*notice*/
.notice{ width: 50%; float:right; height:245px;}
.notice-title{height: 35px; border-bottom: 1px solid #dfdedf;}
.notice-title span{ width: 15%; border-bottom: 2px solid #327fcb; font-size: 18px; font-weight: bold; color: #727273; height: 34px; display: block; float: left; text-align: center;}
.notice-title a{ width: 10%; float: right; display: block; height: 35px; text-align: center; color: #b4b4b4; font-size: 14px;}

.notice ul{ }
.notice ul li{ height: 75px; clear: both; padding-top: 28px;}
.notice-date{ width:12%; float: left; height: 75px;}
.notice-date span{ display: block; color: #b4b4b4; text-align: center;}
.notice-date span.notice-date-day{ height: 50px; line-height: 50px; font-size: 60px;}
.notice-date span.notice-date-years{height:25px;line-height: 25px; font-size:16px;}

.notice-Atit{float: right; height: 75px;  width:84%;}
.notice-Atit h1{ height:32px; line-height: 32px; font-size: 18px;}
.notice-Atit h1 a{color:#373737;}
.notice-Atit h1 a:hover{color:#2d7fd4;}
.notice-Atit p{ height: 45px; display: block; font-size: 13px; line-height: 23px; color: #a4a4a4;}

/*在线培训*/
.pxdx{ height: 610px; clear: both; margin-top: 134px; position: relative; background-image: url(images/huibk.jpg); background-repeat: repeat;}
.Explain{ height: 170px; width: 100%; position: absolute; z-index: 999; top:-99px;}
.Explain2{ height: 170px; width: 100%; }
.Explain-son{height: 118px; width: 1154px;   margin: 0 auto; /*border: 1px solid #e3e3e3;*/ padding: 23px; background-color: #fff;  -moz-box-shadow:0px 2px 8px #e3e3e3; -webkit-box-shadow:0px 2px 8px #e3e3e3; box-shadow:0px 2px 8px #e3e3e3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.px-dxNr{ width: 1200px; margin: 0 auto; background-image: url(images/xx-img3.png); background-position: center 100px; background-repeat: no-repeat;  padding-top:200px; height: 361px; padding-bottom: 22px; }

.Explain-img{ width: 144px; height: 118px; float: left;}
.Explain-content{ width: 85%; float: right; height: 118px;}
.Explain-content h1{height: 30px; float: left; border-bottom: 3px solid #499cf1; font-weight: bold; font-size: 18px; color: #6c6c6c;}
.Explain-content p{ clear: both; display: block; padding: 15px 0px; line-height: 30px; font-size: 15px; color: #909090;}

/*培训对象*/
.px-dxNr ul li{ width: 25%; float: left; display: block;}
.px-dxNr ul li a{ height: 361px; margin: 0 10px; display: block; border: 1px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; position: relative; -moz-box-shadow:0px 2px 8px #e3e3e3; -webkit-box-shadow:0px 2px 8px #e3e3e3; box-shadow:0px 2px 8px #e3e3e3;}
.px-dxNr ul li a img{ width: 100%; height: 361px;  }
.px-dxNr ul li a .fw-dx-tit{ -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; height:340px;   background: url(images/dx-bk.png) center top no-repeat; position: absolute; width:100%; z-index: 999; top:245px; left: 0px;}
.px-dxNr ul li a:hover .fw-dx-tit{top:30px; background: url(images/dx-bk2.png) center top no-repeat;}
.px-dxNr ul li a .fw-dx-tit h1{ height: 108px; line-height:150px; font-size:22px;  font-weight: bold; text-align: center; color: #3c3e40; }
.px-dxNr ul li a .fw-dx-tit p{ padding: 20px; line-height: 30px; color: #3c3e40; }
.px-dxNr ul li a:hover .fw-dx-tit p {color: #3c3e40;}

.px-dxNr ul li a .fw-icon{position: absolute; width: 39px; height: 39px; z-index: 9999; top:220px; left: 48%; background: url(images/img2.png) center center no-repeat; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.px-dxNr ul li a:hover .fw-icon{top:-80px; opacity: 0;}

/*流程*/
.liucheng{ height: 254px; background: url(images/liucheng.jpg) no-repeat center center;}

/*常见问题*/
.problem{width: 1200px; height: 480px; padding: 10px 0;  margin: 0 auto;}
.problem-title{ width:100%; height: 45px; padding: 25px 0;  background: url(images/xx-img6.jpg) no-repeat -10px center; }
.pro-left{ width: 60%; padding-left: 240px; display: block; height: 45px; line-height: 45px; text-align: center; font-size: 18px; float: left; }
.pro-left a{ float: left; padding: 0 20px; height: 45px; display: block; background: url(images/line.png) no-repeat right center;}
.pro-left a:last-child{background-image: none;}
.pro-left a.on,.pro-left a:hover{ color: #499cf1; border-bottom: 2px solid #499cf1; }
.pro-more{ float: right; height: 45px; line-height: 45px; font-size: 14px; color: #b6b6b6;}
.pro-more a{color: #b6b6b6; display:none;}
.pro-more a.mshow{display:block;}

.problem ul{ height: 405px;}
.problem-list ul{display:none;}
.problem-list ul.ulShow{display:block;}
.problem ul li{ width: 50%; float: left; }
.problem ul li .oLi{ height: 85px; background-color: #fff;  padding:15px; }
.tz-date{ width: 68px; height: 85px; float: left; display: block;}
.tz-date span{ display: block;}
.tz-date span.tz-date-a{height: 65px; line-height: 65px; display: block; font-size: 40px; font-weight:bold; text-align: center;}
.tz-date span.tz-date-b{height: 20px; line-height: 20px; display: block; font-size: 15px; text-align: center; color: #a5a5a5;}
.tzInfo{ width: 85%; height: 85px; float:right; }
.tzInfo h1{ height: 40px; line-height: 40px; text-align: left; font-size: 18px; display:-webkit-box; -o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden; -webkit-line-clamp:1;-webkit-box-orient:vertical;}
.tzInfo h1 a{height: 40px; display: block;}
.tzInfo p{ font-size: 14px; line-height: 20px; color: #898989; height: 40px; display: block; display:-webkit-box; -o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden; -webkit-line-clamp:2;-webkit-box-orient:vertical;}

/*foot*/
.foot{ padding: 40px 0px; background-color: #576064; text-align: center; color: #fff; line-height: 36px; font-size: 16px;}


/*频道css*/
.pBanner1{ height: 350px; background:url(images/pBanner.jpg) no-repeat center center;}

.jtgk_box {background-color: #FFF;width: 100%;clear: both; }
.jtgk {width: 1200px;margin-right: auto;margin-left: auto;padding-top: 40px;padding-bottom: 80px;clear: both;display:block;}
.jtgk_fl {float: left;width: 174px;padding-right: 24px;padding-left: 24px;}
.jtgk_title {font-size: 24px;color: #000000;text-align: center;display: block;line-height: 24px;}
.jtgk_fl ul {margin-top: 20px;}

.jtgk_fl ul li {clear: both;height: 55px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #eeeeee;}
.jtgk_fl ul li a {font-size: 15px;line-height: 55px;color: #626262;text-align: center;display: block;}
.jtgk_fl ul li .on,.jtgk_fl ul li a:hover {font-size: 15px;line-height: 55px;color: #d61b1b;}
.jtgk_xq {float: right;width: 880px;padding-right: 48px;padding-left: 48px;font-size: 16px;line-height: 40px;color: #717171;display: block;min-height:600px;}
.jtgk_sp {background-color: #6c8ab9;background-image: url(images/jt_img.png);background-repeat: no-repeat;background-position: right center;height: 411px;margin-bottom: 40px;}
.jtgk_sp img {height: 411px;width: 730px;float: left;}
.jtgk_xq p {font-size: 16px;line-height: 40px;color: #717171;}

.xinwen_xq { float: right;width: 974px;background-image: url(images/xinw_bg.png);background-repeat: repeat-y;background-position: 8px; min-height:600px;}
.xinwen_xq ul {display: block;padding-right: 50px;}
.xinwen_xq ul li {padding-top: 30px;background-image: url(images/p_news_dian2.jpg);background-repeat: no-repeat;background-position: 2px 35px;padding-left: 40px;display: block; border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #d6d6d6;}
.xinwen_xq ul li.on ,.xinwen_xq ul li:hover{padding-top: 30px;background-image: url(images/p_nws_dian.jpg);background-repeat: no-repeat;background-position: 2px 35px;padding-left: 40px;display: block;}
.xinwen_xq ul li h1 {font-size: 18px;color: #3b3b3c;text-align: left;display: block;}
.xinwen_xq ul li h1 a {font-size: 18px;color: #3b3b3c;text-align: left;display: block;}
.xinwen_xq ul li h1 .on,.xinwen_xq ul li h1 a:hover {color: #cc3000;}
.xinwen_sj {display: block;}
.xinwen_sj span {font-size: 12px;line-height: 36px;color: #b0b0b0;margin-right: 20px;}
.xinwen_xq ul li p {font-size: 14px;color: #888989;padding-bottom: 20px;display: block;}

/*栏目list*/
.pbanner{ height:270px; background-size:cover; background-position:center bottom;}
.banner1{ background-image: url(images/banner1.png);}
.banner2{ background-image: url(images/banner2.png);}
.banner3{ background-image: url(images/banner3.png);}
.banner4{ background-image: url(images/banner4.png);}
.banner5{ background-image: url(images/banner5.png);}
.banner6{ background-image: url(images/banner6.png);}
.banner_nr {width: 1175px;margin-right: auto;margin-left: auto;display: block;padding-top: 225px;padding-left: 25px;}
.banner_nr ul li {float: left;width: 155px;background-color: #3f8fe8;height: 45px;text-align: center;margin-right: 10px;}
.banner_nr ul li a {font-size: 16px;line-height: 45px;color: #FFF;text-align: center;height: 45px;width: 155px;margin-right: 10px;display:block;}
.banner_nr ul li a:hover,.banner_nr ul li.selected a {background-color:#f37721;height: 45px;display:block;}

.channelList{ width:1140px; padding:30px; margin:0 auto;}
.djgz_xq {width: 100%;display: block;min-height:500px;}
.djgz_xq ul {display: block;padding-top: 10px;}
.djgz_xq ul li {border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #d6d6d6;clear: both;display: block;}
.djrq {float:right;background-image: url(images/djxx.png);background-repeat: no-repeat;background-position: center center;height:212px;width:29%;padding-right:30px;padding-top:15px;}
.djgz_nr { padding:20px 0px 30px 0px;}
.djgz_nr h1 a {font-size: 20px;line-height:36px;color: #4b7caa;text-align: left;display: block;margin-bottom: 10px;}
.djgz_nr h1 a:hover{ color:#0252ab;}
.djgz_nr p {font-size: 15px;line-height:30px;color:#545454; padding-top:15px;}
.djgz_nr p a{color:#2868af;}


/*分页样式*/
#page_nav_list,.page_list,.div_pagination_bar,.divPagination_page_select {
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
	clear: both;
}
#page_nav_list a,.page_list a,.div_pagination_bar a,.divPagination_page_select a  {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: #fff;
	margin-left: 10px;
	color: #6a798d;
	line-height: 14px;
	font-size: 12px;
	border: 1px solid #6a798d;
}
#page_nav_list span,.page_list span,.div_pagination_bar span,.divPagination_page_select span  {padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;background: #fff;margin-left: 10px;
	color: #b2b2b2;
	line-height: 14px;
	font-size: 12px;
	border: 1px solid #b2b2b2;
}
#page_nav_list a.select,.page_list a.select,.div_pagination_bar a.liPagination_page_cur,.divPagination_page_select a.liPagination_page_cur {background:#0082d0;border:1px  solid #0082d0;color:#FFF}


/*内容*/
.content {width: 1200px; padding-bottom: 40px; margin-left: auto;margin-right: auto;}
.lanmu{ width:500px; float:left; height:50px; display:block;}
.biaoti {text-align: center;display: block;padding-top: 10px;padding-bottom: 20px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e9e9e9;}
.biaoti h1 {font-size: 24px;line-height: 106px;font-weight: bold;color: #000000;}
.biaoti span {font-size: 13px;line-height: 20px;color: #686868;margin-right: 20px;}
.neirong {padding-top: 40px;padding-bottom: 40px;font-size: 16px;line-height: 36px;color: #3a3a3a;min-height:600px;}
.neirong p {font-size: 16px;line-height: 36px;color: #3a3a3a;text-align: left;text-indent: 2em;}
.fsy_top {background-color: #F00;}

/*导航位置*/
.position_box {background-color: #FFF;width: 100%;height: 48px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dbdbdb;}
.position {width: 1200px;margin-right: auto;margin-left: auto;height: 48px;display: block;}
.weiz {background-image: url(images/wz.gif);background-repeat: no-repeat;background-position: 20px center;height: 48px;padding-left: 50px;font-size: 12px;line-height: 48px;color: #717171;float: left;display: block;}
.weiz a {font-size: 12px;line-height: 48px;color: #717171;}

/*neir*/
#BodyLabel table,#BodyLabel table tr,#BodyLabel table tr td{border: 1px solid #ADADAD; border-collapse: collapse;}

/*微信小程序客服*/

.kf{ width:232px; height:418px; background: url(images/kf.png)  no-repeat  center center; position:fixed; top:20%;right:0px;}
#kefu-close{ width:50px; height:50px; float:right; cursor:pointer;}