﻿body{font-family:"Microsoft Yahei";font-size:14px;color:#555; padding:0; margin:0; background:#f4f4f3}
input , textarea , select ，button{font-family:"Microsoft Yahei"; color:#555; font-size:14px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
a {text-decoration: none; color:#555;}
a:hover{ color:red;}
fieldset, img {border: 0;}
ol, ul {list-style: none;}

/*初始化*/
.clear {margin: 0px auto;width: 100%;height: 1px;font-size: 1px;clear: both;background: none;overflow: hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*头部*/
.header{ width:100%; margin:0px auto; position:relative; overflow:hidden; background:url(../images/top_bj.png) repeat-x;}
.head{ width:1200px; margin:0px auto; text-align:left; background:url(../images/top_pic.png) no-repeat; height:157px;}
.head .logo{ width:450px; height:80px; float:left; margin-top:30px;}
.head .logo img{ width:450px; height:80px; vertical-align:top; padding-left:25px;}
.head .head_r{ width:275px; float:right; text-align:right;}
.head .search{ width:270px; height:26px; background:#EEEEEE; float:right; background:#E9F3FF; box-shadow:0px 1px 3px #ccc inset; position:relative; margin-top:100px;}
.head .search .text{ width:240px; height:26px; line-height:24px; position:absolute; left:0px; top:0px; padding:0px 5px; border:0px; background:none;}
.head .search .btn{ width:30px; height:26px; background-color:#3c7cd9; background-image:url(../images/s_btn.png); background-repeat:no-repeat; background-position:center center; position:absolute; right:0px; top:0px; cursor:pointer; border:0px; z-index:99;}

/*菜单*/
.menu{width:100%;line-height:50px; margin:0px auto;  background:#2e62ae;}
.nav_m{background:#2e62ae;  margin:0px auto; width:1200px;}


.menu-link {display: none;text-decoration: none; color:#fff; padding-left:25px;}

.nav ul {list-style: none;position: relative;}
.nav ul li {display: inline-block; *zoom:1;*display:inline;}
.nav ul li a{ color:#fff;  padding:0 25px; display:block;}
.nav ul li a:hover{ color:#fff; background-color:#3c7dd9;}

.nav ul li:hover > ul {display: block;}
.nav ul ul {display:none;position: absolute;top:100%; left:15%; width:85%;padding-left:10px;}
.nav ul ul > li {position: relative; padding:0;margin-top:10px;}
.nav ul ul > li a { height: auto;color:#000;}
.nav ul ul > li a:hover{ background:none;color:red;}

.shijian{width:100%;line-height:50px; margin:0px auto;}
.shijian_m{ margin:0px auto;width:1200px;text-indent:30px;  margin-top:10px; background:url(../images/icon_06.png) no-repeat #fff  8px 15px; color:#2e62ae; }


/*首页1*/
.mainone{width:100%;}
.mainone_m{margin:10px auto; width:1200px; }
.i_ml{ width:592px; float:left; border:1px solid #dddbdc; background:#fff;}
.i_mr{ width:592px; float:right;border:1px solid #dddbdc; background:#fff;}
.i_title{ width:100%; height:37px; line-height:37px; position:relative; text-align:left; background:url(../images/title_bj.png) repeat-x; color:#2e62ae;}
..i_title a{color:#2e62ae;}
.i_title img{ position:relative; vertical-align:middle; padding:10px;}
.i_title .more{ display:block; font-size:10px; color:#999999; position:absolute; right:10px; top:0;}


.xinwen_pic{ height:357px;}

/*焦点图*/
.focus{ position:relative; width:100%; height:357px; background-color: #000; float: left;}  
.focus img{ width: 100%; height:357px;} 
.focus .shadow .title{}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; overflow:hidden; margin-left:10px; }  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:20px auto;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  


.xshy_list{ width:95%; margin:0 auto;}
.xshy_list ul{ margin-bottom:8px;}
.xshy_list li{height:38px;line-height:38px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap; border-bottom:1px dashed #ccc;}
.xshy_list li span{float:right;color:#555;}
.xshy_list li a{background:url(../images/icon_05.png) left center no-repeat;padding-left:12px;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp:4;-webkit-box-orient: vertical; width:80%;}

/*首页2*/
.maintwo{width:100%;}
.maintwo_m{margin:0 auto; width:1200px; }
.c_ml{ width:945px; float:left; height:357px;}
.c_ml_l{ width:345px;float:left;border:1px solid #dddbdc; background:#fff;}
.c_ml_r{ width:582px;float:right;border:1px solid #dddbdc; background:#fff;}
.c_mr{ width:242px; float:right;border:1px solid #dddbdc; background:#fff;}
.zkjs{ position: relative; line-height:30px;height:120px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; text-indent:25px; width:95%; margin:0 auto; padding-top:10px;}
.zkjs::after{content:"...";font-weight:bold;position:absolute;bottom:0;right:0;padding:0 50px 0px 50px; background:url(../images/ellipsis_bg.png) repeat-y;}
.zkjs2{ position: relative; line-height:30px;text-indent:25px; width:95%; margin:0 auto; padding-top:10px;}

.zksz {margin:10px auto;clear:both;height:170px; overflow:hidden} 
.zksz ul{list-style-type:none;}
.zksz ul li { float:left; padding-bottom:10px;} 
.zksz ul li a { text-decoration:none; padding-top:4px; display:block; width:95px; height:22px; text-align:center; background-color:#ececec; margin-left:10px; border-left:4px solid #f0f0f0;}
.zksz ul li a:hover { background-color:#bcd1f0; border-left:4px solid #3c7bd8;} 

.zksz2 {margin:10px auto;clear:both;height:170px;} 
.zksz2 ul{list-style-type:none;}
.zksz2 ul li { float:left; padding-bottom:10px;} 
.zksz2 ul li a { text-decoration:none; padding-top:4px; display:block; width:100px; height:22px; text-align:center; background-color:#ececec; margin-left:10px; border-left:4px solid #f0f0f0;}
.zksz2 ul li a:hover { background-color:#bcd1f0; border-left:4px solid #3c7bd8;} 

.xhjs_list{line-height:30px; width:95%; margin:0 auto; padding-top:10px; text-indent:25px; padding-bottom:8px;}


/*首页3*/
.mainthree{width:100%;}
.mainthree_m{margin:0 auto; width:1200px;margin-bottom:15px;margin-top:5px;}
.banners{ background-color:#3155ad; width:100%;text-align:center; }
.banners img{ width:100%; height:100px; vertical-align:middle; margin:0 auto;}

/*首页4*/
.mainfour{width:100%;}
.mainfour_m{margin:0 auto; width:1200px; }
.z_ml{ width:942px; float:left; background:#fff;}
.z_mr{ width:242px; float:right; }

#outer {margin:0px auto;}
#tab {overflow:hidden;zoom:1;background:url(../images/title_bj.png) repeat-x;border-top:1px solid #dddbdc;border-left:1px solid #dddbdc;border-right:1px solid #dddbdc;}
#tab li {float:left;color:#555;height:37px;cursor:pointer;line-height:37px;list-style-type:none;padding:0 20px;}
#tab li.current {color:#3061ae; background:url(../images/tab_bj.png) repeat-x;}
#content {border:1px solid #dddbdc;border-top-width:0; clear:both; height:325px; position: relative; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
#content ul {line-height:25px;display:none;margin:0 30px;padding:10px 0;}
#content ul li { float:left; padding-bottom:10px;width:33%;} 
#content ul li a {text-decoration:none; margin-left:10px;background:url(../images/icon_05.png) left center no-repeat;padding-left:12px;}


.pic_name{}
.names{width:100%;}
.names li{ margin-bottom:10px; background:url(../images/pic_bj.png) repeat-x; border:1px solid #dcdcdc; height:80px;}
.names_l{ float:left;padding-left:15%; padding-top:10px;}
.names_r{ float:left;  padding-left:10%;padding-top:20px;}

/*首页5*/
.mainfive{width:100%;}
.mainfive_m{margin:0 auto; width:1200px; margin-top:15px; }
.pic_mr{border:1px solid #dddbdc; background:#fff;}

.scrollpic{margin:20px auto;}
#myscroll{display:block; width:100%; position:relative; height:60px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;}
#myscroll ul li a{display:block; float:left; width:167px; padding:0 16px; position:relative; height:60px; color:#333;}
#myscroll a .intro{bottom:-61px;}
#myscroll a:hover .intro{bottom:0px;}
#mybtns{margin:7px; display:block; height:25px; float:right;}
#mybtns a{width:25px; height:25px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/jt_l.png);}
#mybtns #right{background-image:url(../images/jt_r.png);}

/*二级-列表*/
.erji{width:100%;color:#FFF;}
.erji_m{margin:10px auto; width:1200px;border:1px solid #dddbdc; background:#fff;}

.pages{ width:100%; text-align:center; height:30px; line-height:30px; margin-bottom:10px;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; vertical-align:top; font-size:16px; color:#555555; margin:0 3px;}
.pages .now{ color:#0075c2;}
.pages .prev,.pages .next{ color:#FFF; background:#929292; padding:0 10px;}
.pages .prev:hover,.pages .next:hover{background:#3b7cd8;}


/*二级-两栏*/
.scd{ width:1200px;_width:1220px; margin:10px auto;background:url(../images/bg.gif) 0 0 repeat-y; overflow:hidden; zoom:1; }
.scd_l{ width:225px; float:left;}
.l_ejcd{background-color:#fff; margin-bottom:20px; }
.s_name{ width:225px; height:40px;position:relative; text-align:left; font-weight:bold; line-height:40px; color:#fff; background-color:#2e61b0; text-align:center;}
.s_neirong{ width:225px; margin:0 auto;}
.s_nav{  border-top:0; margin-bottom:20px;}
.s_nav li{ width:100%;  line-height:45px; border-bottom:1px solid #ddd; background:url(../images/left_list_bj.jpg) repeat-x;}
.s_nav li a{ line-height:45px; padding-left:30px;display:inline-block; *display:inline; zoom:1; background:url(../images/icon_05.png) no-repeat 15px 24px;}
.s_nav li a:hover { color:#0075c2;background: url(../images/left_list_on.jpg) no-repeat; display:block;}
.s_nav li dd {display:none;margin:0; color:#555; }
.s_nav li dd a{color:#666;display:inline-block; *display:inline; zoom:1; background:url(../images/icon_06.png) no-repeat 15px 24px;}
.s_nav li dd a:hover {color:#0075c2;background:url(../images/icon_06.png) no-repeat 15px 24px #f6f6f6; display:block;}



.scd .scd_r{ width:100%; background-color:#fff; float:right; width:975px;;}
.case {width:95%;margin:0 auto;padding:0px; line-height:24px;min-height:500px;}
.case_menu {margin:0 auto;clear:both;} 
.case_menu ul{list-style-type:none;}
.case_menu ul li { float:left; padding-bottom:10px;} 
.case_menu ul li a { text-decoration:none; padding-top:4px; display:block; width:124px; height:32px; line-height:32px; text-align:center; background-color:#ececec; margin-left:10px; border-left:4px solid #f0f0f0;}
.case_menu ul li a:hover { background-color:#bcd1f0; border-left:4px solid #3c7bd8; color:#2f63ac;} 


.r_name{ width:95%; height:40px; border-bottom:1px solid #ddd; position:relative; margin-top:15px; clear:both; margin:0 auto;}
.r_name span{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; color:#2f63ac; border-bottom:1px solid #2f63ac; font-weight:bold;}

.r_main{}
.r_main ul{list-style-type:none; zoom:1;}
.r_main ul li{float:left; margin:10px; _display:inline; }
.r_main ul li a img{width:127px; height:164px; padding:5px;border:0;display:block;}
.r_main ul li a.wenzi{line-height:20px; color:#666; display:block; text-align:center;}
.r_main ul li a:hover{color:#F00;}

/*三级-内容*/
.news_d{margin:0 auto; background-color:#fff; }
.news_title{ text-align:center; font-size:18px; font-weight:bold; height:50px; line-height:50px; overflow:hidden; color:#555;}
.news_edit{text-align:center; color:#999; height:30px; line-height:30px; overflow:hidden;}
.news_edit span{ margin:0 10px;}
.news_details{ line-height:30px; font-size:14px; color:#333; margin:0 auto;width:95%;}
.news_details p{text-indent:2em}
.go_next{padding: 20px 0; margin:0; padding:0;}
.go_next ul{}
.go_next ul li{ font-size:14px; height:30px; line-height:30px; margin-bottom:10px; overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}

/*三级-电子书*/
.dzxc{width:100%; }
.dzxc_m{background:#ffffff; margin:0 auto; position:relative; width:220px; height:100px; border: 5px solid #eee;}
.dzxc_m li{position:absolute; top:0; left:0; display:none;}
.dzxc_m span{position:absolute; left:47%; top:45%;}
.dzxc_m .left,.dzxc_m .right{position:absolute; top:0; z-index:11;}
.dzxc_m .left{cursor:url(../images/cur-left.cur.ico), auto; left:0;}
.dzxc_m .right{right:0; cursor:url(../images/cur-right.cur.ico), auto;}
.dzxc_b{height:0px; background:#ffffff; margin:0 auto; overflow:hidden; line-height:50px; padding: 0 15px;}


/*login*/
.form_m{width:50%;margin:15px auto;padding:20px;text-align:left;}
.form_title{ color:#555; height:30px; border-bottom:1px solid #dddbdc; line-height:30px;}
.form_main{ margin-top:10px;}
.form_main label {display: block;padding-top:10px; font-size:14px; color:#555; float:left; width:160px; text-align:right; padding-right:20px;}
.form_main input {display: block;width:70%;height:40px;padding: 6px 10px;color: #333;border: 1px solid #CCC;box-sizing: border-box; color:#999; font-size:12px;}
.anniu{ text-align:center; margin-top:10px;}
.btn1{background-color:#3c7dd9; color:#fff;padding:10px 50px;border:none;font-family:"Microsoft Yahei";}
.btn1:hover {background-color: #2e62ae;color: #fff;}
.btn2{background-color:#e4e4e4; color:#555;padding:10px 50px;border:none;font-family:"Microsoft Yahei";}
.btn2:hover {background-color:#b6b6b6;color: #555;}

/*table*/
.biaoge {border-width: 1px;border-color: #c7c7c7;border-collapse: collapse; width:95%; margin:0 auto;font-size:14px;}
.biaoge th {padding:2px; border:1px solid #c7c7c7;background-color:#ededed;}
.biaoge td {padding:2px; border:1px solid #c7c7c7;background-color:#ffffff;text-align:center;}

/*个人中心*/
.welinfo{height:32px; line-height:32px; padding-bottom:8px; margin-top:20px;}
.welinfo b{padding-left:8px;}

.wrap{width:60%; height:auto; line-height:30px;  font-size:12px;}
.step-case{height:30px;}
.step-case li{ float:left; margin:0px; width:20%;position:relative; cursor:pointer;}
.step-case li span{display:block; background-color:#ccc;  height:40px; line-height:40px;  text-align:center; color:#fff; font-weight:bold;}
.step-case b{position:absolute; font-size:0px; line-height:0px; top:0px;}
.step-case .b-l{border-width:2px 2px 2px 0; border-style:dashed solid dashed dashed; border-color:transparent #ccc transparent transparent; height:36px; left:-2px;}
.step-case .b-r{border-width:2px 0 2px 2px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #ccc; height:36px; right:-2px;}
.step-case .b-1{border-width:20px 0 20px 20px; border-style:solid dashed solid solid; border-color:#ccc transparent #ccc #ddd; left:-20px;}
.step-case .b-2{border-width:20px 0 20px 20px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #ccc; left:-21px;}
/*当前状态*/
.step-case .s-cur span{background-color:orange;}
.step-case .s-cur .b-l{border-right-color:orange;}
.step-case .s-cur .b-r{border-left-color:orange;}
.step-case .s-cur .b-1{border-color:orange orange orange #FABF55;}
.step-case .s-cur .b-2{border-left-color:#FADBA5;}
/*当前状态后*/
.step-case .s-cur-next .b-2{border-color:transparent transparent transparent orange;}
/*完成的状态*/
.step-case .s-finish span{background-color:#FADBA5; color:#000;}
.step-case .s-finish .b-l{border-right-color:#FADBA5;}
.step-case .s-finish .b-r{border-left-color:#FADBA5;}
.step-case .s-finish .b-1{border-color:#FADBA5 #FADBA5 #FADBA5 #FABF55;}
.step-case .s-finish .b-2{border-left-color:#FADBA5;}

.ibox{clear:both;overflow:hidden; padding-bottom:18px;}
.ibtn{background:url(../images/ibtnbg.png) repeat-x;border:solid 1px #bfcfe1; height:23px; line-height:23px; display:block; float:left; padding:0 15px; cursor:pointer; margin-left:10px;}
.ibtn img{margin-top:5px; float:left; padding-right:7px;}

.iconm{ width:100%;}
.iconl{float:left; width:49%;}
.iconr{float:right; width:49%;}
.iconlist{overflow:hidden;}
.iconlist li{text-align:left;  margin-top:15px; }
.iconlist li a{line-height:25px; text-indent:inherit;}




/*footer*/
.footer{color:#555; background:url(../images/footer_bj.png) repeat-x; height:102px;}
.footer_bj{width:1200px; margin:0px auto; padding:20px 0; }
.ftnr{ text-align:center;}
.ftnr h4{font-size:14px; font-weight:normal; line-height:30px;}


 /*菜单小屏幕*/               
@media screen and (max-width: 768px) {
.nav_m{ width:100%;}
.shijian{ display:none}
.menu-link {display: block;}
.nav {clear: both;min-width: inherit;float: none;overflow: hidden;max-height: 0;}
.nav.active {max-height: 100%;}
.nav li.has-submenu > a:after {content: '+';position: absolute;top: 0;right:20px;display: block;}
.nav li.has-submenu > a.active:after {content: "-";}
.nav ul {display: inline;}
.nav ul li {display: block;}
.nav ul li a {display: block;border-bottom: 1px solid #CCCCCC;position: relative;}
.nav ul li > ul.sub-menu {padding: 0px;background-clip: padding-box; }
.nav ul ul {overflow: hidden;max-height: 0;display: inherit;position: relative;left: auto;top: auto;box-shadow: none;border: none;}
.nav ul ul.active {max-height: 100%;}
.nav ul ul > li {display: block;margin-top:0px;}
.nav ul ul > li a { height: auto;color:#fff;}
.nav ul ul > li a:hover{background-color:#3c7dd9; color:#fff;}
}

/*按钮*/
.anniu a:link{background-color: #2e62ae; border:#2e62ae 1px solid;color: #fff; height: 20px; padding:10px; text-decoration: none;}
.anniu a:hover{ background-color: #3c7dd9; border:#3c7dd9 1px solid;color: #fff; height: 20px; padding:10px;text-decoration: none;}


