@charset "utf-8";
/* CSS Document */
/* 重置 */
body{ background-color:#FFF; font-size:14px; line-height:32px; color:#333; }
a{font-size:15px; line-height:32px; color:#000;}
.border{border:1px solid #dcdcdc; border-top:none;}



.sec4 p {
padding: 0;
margin: 0;
}
table {border-collapse: collapse;
border-spacing: 0;
}

fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style:none outside none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:'';
}
abbr,acronym { border: 0;
} 
input {
    font-family: "SimSun","黑体";
    padding-bottom: 0;
    padding-top: 0;
}
input::-moz-focus-inner {
    border: medium none;
    padding: 0;
}
select, input {
    vertical-align: middle;
}
select, input, textarea {
	font-family:黑体;
    font-size: 14px;
    margin: 0;
}
input[type="text"], input[type="password"], textarea {
    outline-style: none;
}
textarea {
    resize: none;
}

/* 基本 */
a { text-decoration:none;}
a:hover { color:#cc0000;}
a:focus {  outline: none;  } 


.heiti { font-family:"黑体", "黑体";}
.font_s12{ font-size:12px;}
.font_s14{ font-size:14px;}
.font_s16{ font-size:16px;}
.font_s18{ font-size:18px;}
.font_s24{ font-size:24px;}
.font_s30{ font-size:30px;}
.lh20{ line-height:20px;}
.lh26{ line-height:26px;}
.lh28{ line-height:40px;}
.lh30{ line-height:30px;}
.lh35{ line-height:35px;}
.lh40{ line-height:40px;}
.clear {clear: both; }
.left { float:left;}
/*.right { float:right;}
*/

.txt_left {text-align: left;}
.txt_right {text-align: right;}
.txt_center {text-align: center;}
.txt_2em{ text-indent:2em;}
.show { display: block;}
.hidden { display: none;}
.b { }
.of{ overflow:hidden;}



.blue{ color:#3477b4;}
.blue a { color:#3477b4;}
.blue p { color:#3477b4;}
.white{ color:#FFF; font-size:18px;  letter-spacing: 1px;}
.white a{ color:#FFF}
.white p{ color:#FFF}
.white a:hover{ color:#ffcc00}
.lgray{ color:#7f7f7f;}
.lgray a { color:#7f7f7f;}
.red{ color: #b63a3d;}
.red p{ color: #b63a3d}
.red a { color:#b63a3d;}
.red a:hover{ color:#0e4ac3;}
.green{ color:#384902;}
.green a { color:#384902;}
.orange{ color:#ff6600;}
.orange a{ color:#ff6600;}

.kong5{ width:100%; height:5px;}
.kong10{ width:100%; height:10px;}
.kong15{ width:100%; height:15px;}
.kong20{ width:100%; height:20px;}
.kong30{ width:100%; height:30px;}
.kong40{ width:100%; height:40px;}



.ydy { width:100%;height:100%;position:fixed; background-image:url(../images/bc2.jpg); background-repeat:no-repeat; background-position:bottom center;
 text-align:center;}
.ydy img{ width:50%; height:auto;position: absolute;
top: 50%;
left: 50%;
margin: -15% 0 0 -25%;}

/* sec1 */
.sec1{ width:1146px; height:570px; margin:0 auto; margin-top:10px; margin-bottom:10px; overflow:hidden;}
/*焦点图*/
.focus{ position:relative; width:1146px; height:570px; float: left;}  
.focus img{ width:1146px; height:570px;} 
.focus .shadow .title{width: 260px; height: 40px;padding-left: 30px;padding-top: 10px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:25px; 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:#c90200;}  
.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:50px; line-height: 50px; 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; font-size:14px; overflow:hidden; margin-left:10px; line-height:50px;}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:15px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;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:#c90200;}    
.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;}  

/* sec2 */
.sec2{ width:1146px; margin:0 auto; margin-bottom:10px;}
.sec2_tit{ background-image:url(../images/sec_tit.jpg); width:1106px; height:35px; padding-left:26px; padding-right:14px;}
.more{ font-size:12px; line-height:40px; color:#999999;}
.more:hover{color:#cc0000;}
.sec2_cnt{ width:1250px; margin:10px auto 0;}
.sec2_l{ width:405px; height:300px;}
.sec2_r{ width:405px;}
.sec2_list{ background-image:url(../images/sec1_r_tit.jpg); width:557px; height:36px; padding-top:13px;}


/* sec3 */
.sec3{ width:820px;  margin:0 auto; margin-bottom:10px;}
.sec2_dl{ width:820px; padding-top:20px; padding-bottom:0px; overflow:hidden; margin:0 auto;}


.sec2_dt {float:left;cursor:pointer; height:40px; text-align:center;}


.sec2_dt h1{ margin:0 auto !important; background:url(../images/sec3_bc.jpg); line-height:40px; border:1px solid #f1f1f1;   padding:0 0px; width:100px;}
.sec2_dd { padding:0; display:none; width:290px; float:right;}
h1{ font-size:15px; color:#333;font-family:"黑体"; margin:5px auto;}
h2{ font-size:16px; color:#999;font-family:"黑体";}
.sec2_active{ position:relative}
.sec2_active i{width: 8px;
    height: 12px;
    overflow: hidden;
    background: url(../images/icn6_1.png) no-repeat center top;
    position: absolute;
    right:-6px;
    margin-left:0;
    top:16px;}
.sec2_active h1{ color:#FFF; margin:5px auto; background:url(../images/sec3_hover.jpg);}
.sec2_active h2{ color:#ff9999;}
.sec2_dd_l{ width:230px; padding:20px; background-color:#f5f2f2; min-height:380px;}
.sec2_dd_r{ width:;}
.sec2_dd_list{ width:100%; border-bottom:1px dashed #CCCCCC; padding-bottom:10px; margin-bottom:10px;}
.sec2_dd_list img{ width:165px; height:122px;}



/* sec4 */
.sec4{ width:1250px; margin:0 auto; margin-bottom:10px;}
.sec4_l{ width:595px;}
.sec4_r{ width:595px;}
.sec4_tit{ background-image:url(../images/sec_tit.jpg);  height:40px; padding-left:35px; padding-right:14px;}
.sec41_tit{ background-image:url(../images/sec_tit1.jpg);  height:40px; padding-left:35px; padding-right:14px;}
.sec4_cnt{ padding:15px 15px 0px 15px; height:540px;}
.sec4_l_img img{ width:117px; height:86px;}
.sec4_l_img{ width:117px; height:86px; padding:5px; border:1px solid #CCC;}
.sec4_l_tit{ background-image:url(../images/ico02.png); padding-left:40px; height:32px; background-repeat:no-repeat; background-position:center left;}
.sec4_active { background-image:url(../images/sub_tit_hover.jpg); background-position:bottom center; background-repeat:no-repeat;}
.sec4_r_tit{ background-image:url(../images/sec4_bc.jpg); height:40px; width:266px; background-repeat:repeat-x; background-position:top left; margin:0 auto; margin-bottom:0px;}
.sec4_dt {float:left;cursor:pointer; width:132px; height:40px; text-align:center;font-family:"黑体", "黑体"; font-size:16px;  }
.sec4_dl{ padding:10px 15px 0px 15px; height:546px;}
.sec4_dd {clear:both;display:none;}


/* sec5 */
.sec5_l_tit{ background-image:url(../images/sec4_bc.jpg); height:40px; width:530px; background-repeat:repeat-x; background-position:top left; margin:0 auto; margin-bottom:15px;}
.sec5_dl{ padding:10px 15px 0px 15px; height:226px;}

.sec5_r_dl{ padding-top:12px; height:324px;}
.sec5_dt{ width:134px; padding-right:10px; text-align:center; margin-top:16px;cursor:pointer; }
.sec5_active{ background-image:url(../images/lesson_hover.jpg); background-repeat:no-repeat; background-position:center right;}
.sec5_dd{clear:both;display:none; width:395px; height:297px; background-color:#f5f2f2; padding-top:15px; padding-left:15px;}


/* sec6 */
.sec6{ width:1146px; margin:0 auto; margin-bottom:10px;}
.sec6_cnt{ padding:0px 20px 0px 20px; overflow:hidden; height:240px;}
.sec6_line{ width:1px; height:190px; border-right:1px dashed #CCCCCC;}
.sec6_l_tit{ background-image:url(../images/icon3.jpg); padding-left:50px; overflow:hidden; background-repeat:no-repeat; height:37px; margin-top:15px; margin-bottom:15px;}
#demo1{ overflow:hidden; width:710px; text-align:center;}
#demo1 img { width:100px; height:125px; margin-right:10px;}
.sec6_r_tit{ background-image:url(../images/icon4.jpg); padding-left:50px; overflow:hidden; background-repeat:no-repeat; height:37px; margin-top:15px; margin-bottom:15px;}

/* sec7 */
.sec7{ width:1146px; margin:0 auto; margin-bottom:10px;}
.sec7_cnt{ padding:20px 0px 0px 20px; overflow:hidden; height:170px;}
#demo2{ overflow:hidden; width:1104px; text-align:center;}
#demo2 img { width:170px; height:125px; margin-right:10px;}
#demo3{ overflow:hidden; width:1065px; text-align:center;}
#demo3 img { width:170px; height:125px; margin-right:10px;}





.tianze-login{
width: 345px;
height: 240px;
margin:24px auto;
padding: 0px 55px 15px;
background-color: #f5f6f7;
background-image:  background: 

-moz-linear-gradient(top, #f1f1f1 0%, #ffffff 100%);
background: 

-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff));
background: 

-webkit-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);
background: 

-o-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);
background: 

-ms-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f1f1f1 0%,#ffffff 100%);
/* background-image: url(../images/regist-bg.png); */
background-repeat: no-repeat;
background-position: center bottom;
border: 1px solid #Dadbdd;
/* border-top: 3px solid #E60000; */
border-radius: 5px;
box-shadow: inset 0 0 15px #fff;
position: relative;
z-index: 100;
}


.tianze-login:before {
background-image: url(../images/regist-bg.png); 
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
content: "";
position: absolute;
bottom: -41px;
display: block;
width: 100%;
height: 45px;
z-index: 0;
left: 0;
}
.tianze-login .login-top{
height: 58px;
line-height: 58px;
color: #000;
font-size: 18px;
padding-left: 20px;
border-bottom: 1px solid #E9E9E9;
}
.tianze-login h3{
font-size: 28px;
line-height: 2.8;
color:#454545btn;
font-weight: 200;
text-align: center;
height: 78px;
display: inline-block;
width: 100px;
font-size: 0;
background: url(../images/login-h3.png) left 66% no-repeat;
}
.tianze-user-box{
position: relative;
margin: 16px 0;
}
.tianze-user-box:before{
display: block;
background-color: transparent;
content: '';
width: 32px;
height: 32px;
position: absolute;
left: 3px;
top: 1px;
}
.tianze-user-box input{
border: 1px solid #d7d8d9;
line-height: 35px;
vertical-align: top;
width: 300px;
font-size: 15px;
font-family: "黑体";
border-radius: 5px;
padding-left: 45px;
}
.e-form .text{
position: absolute;
bottom: -33px;
font-size: 14px;
color: #E60000;
}
.tianze-user,.tianze-pwd{
text-indent:45px;
}
.tianze-username:before{
background: url(../images/tianze-peo.png) 4px 2px no-repeat;
}
.tianze-password:before{
background: url(../images/tianze-lock.png) 4px 2px no-repeat;
}
.tianze-sryzm:before{
background: url(../images/tianze-sjyzm.png) 4px 2px no-repeat;
}
.e-form .w-width input{
width: 160px;
float: left;
}
.e-form .tianze-yzm{
float:right;
width:126px;
border:1px solid #ddd;
background-color: #fbfbfb;
height: 33px;
overflow:hidden;
border-radius: 0;
}
.e-form .tianze-yzm img{
width: 100%;
height: 100%;
}
.tianze-loginbtn{
display: inline-block;
width:150px;
height: 35px;
background-color: #DC0A09;
box-shadow: inset 0px 0px 5px #b51413;
border-radius: 3px;
border:0;
text-align: center;
margin-top:10px;
color:#fff;
margin-right:4%;
}
.tianze-loginbtn:hover{
background-color: #BF0605;
box-shadow: inset 0px 0px 5px #B51413;
color:#FFF;
}
.margin-none{
margin:0;
}
input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 
}
.tianze-user-box input{
padding: 0;
height: 34px;
padding-left: 45px;
box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.12);
}
.e-form .form-item{
float:none;
width: auto;
} 
@media screen and (max-width: 600px){
.tianze-login{
margin: 6.3% 10px;
padding: 15px 20px;
}
}
.e-form .text{
left: 46px;
top: 42px;
color: #E60000;
}
@media screen and (max-width: 550px){
.tianze-user-box input{
width: 210px;
}
.e-form{
width: 257px;
margin: 0 auto;
}
.e-form .w-width input{
width: 124px;
}
.e-form .tianze-yzm{
width: 80px;
}
}
.tianze-user-box {
position: relative;
margin: 16px 0;
margin-top: 0;
}
.e-form .text {
left: 46px;
top: 39px;
color: #E60000;
}

.login-forget{
color: #999;
}
.login-regist {
float: right;
color: #1974a4;
margin-top: 42px;
padding-right: 10px;
background: url(../images/login-regist-bg.png) no-repeat right center;
}