﻿.top
{
    background-color:#fff;
    opacity:0.97;
}
.nav
{
    top:40px;
}

/*===========      banner部分      ===========*/
.seccommon
{
    /*background-image:url(../images/banner-service.jpg);*/    
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 120px;
    min-height: 300px;
    text-align: center;
    width: 100%;
}
.secheader
{
    display: inline-block;
    margin: 40px auto;
    min-height: 390px;
    padding: 0 4%;
    position: relative;
    text-align: left;
    width: 72%;
}
.renrencode
{
    width:154px;
    height:154px;
    background:url(../images/renrencode.jpg) no-repeat;
    position:absolute;
    top:20%;
    right:5%;
    display:none;
}
.secheader h1
{
    margin:10% 0 3%;
    font-weight:normal;
    display:inline-block;
    color:#fff;
}
.secheader p
{
    color: #fff;
    line-height:35px;
    font-size:18px;
}
.secrole1
{
    background: rgba(0, 0, 0, 0) url("../images/secrole1.png") no-repeat scroll 0 0;
    -webkit-background-size: 180px auto;
    -moz-background-size:180px auto;
    -o-background-size: 180px auto;
    background-size: 180px auto;
    display: inline-block;
    height: 24px;
    margin-left: 1%;
    width: 222px;
}
.secrole2
{
    background: rgba(0, 0, 0, 0) url("../images/secrole2.png") no-repeat scroll 0 0;
    -webkit-background-size: 145px auto;
    -moz-background-size:145px auto;
    -o-background-size: 145px auto;
    background-size: 145px auto;
    display: inline-block;
    height: 24px;
    margin-left: 1%;
    width: 158px;
}
.seccheckin
{ 
    background: #fff none repeat scroll 0 0;
    bottom: 20px;
    color: #f98303;
    cursor: pointer;
    font-size: 20px;
    line-height: 50px;
    opacity: 0.75;
    position: absolute;
    text-align: center;
    width: 218px;
}


/*===========      banner部分--end      ===========*/


    
/*===========      智慧课堂部分      ===========*/ 

.sec-intel
{
    margin:0 auto;
}
.sec-dlarea
{

}
.sec-menutb
{
    width:100%;
    text-align:center;
    color:#8293a0;
    background:#e3f0f4;
    padding:5% 13%;
}
.sec-menutb span
{   
    -webkit-transition: all -0.2s ease 0s;
    -moz-transition: all -0.2s ease 0s;
    -ms-transition: all -0.2s ease 0s;
    -o-transition:all -0.2s ease 0s;
    transition: all -0.2s ease 0s;
    /*
    -webkit-transition: all 1000ms cubic-bezier(0.56, 0, 0.07, 1) 0s;
    -moz-transition: all 1000ms cubic-bezier(0.56, 0, 0.07, 1) 0s;
    -ms-transition: all 1000ms cubic-bezier(0.56, 0, 0.07, 1) 0s;
    -o-transition:all 1000ms cubic-bezier(0.56, 0, 0.07, 1) 0s;
    transition: all 1000ms cubic-bezier(0.56, 0, 0.07, 1) 0s;
    */
}
.sec-menutb span:hover,.sec-menutb a:hover
{
    color:#4cc7eb;
    cursor:pointer;
}
.sec_beike 
{
    background: rgba(0, 0, 0, 0) url("../images/second/sec_beikebg.png") no-repeat scroll center -266px;
    -webkit-background-size: 280px auto;
    -moz-background-size:280px auto;
    -o-background-size: 280px auto;
    background-size: 280px auto;
}
.sec_shouke
{
    background: rgba(0, 0, 0, 0) url(../images/second/sec_shoukebg.png) no-repeat scroll center -266px;
    -webkit-background-size: 280px auto;
    -moz-background-size:280px auto;
    -o-background-size: 280px auto;
    background-size: 280px auto;
}
.sec_zzn
{
    background: rgba(0, 0, 0, 0) url(../images/second/sec_zhizhiniao.png) no-repeat scroll center -266px;
    -webkit-background-size: 280px auto;
    -moz-background-size:280px auto;
    -o-background-size: 280px auto;
    background-size: 280px auto;
}
.sec_down  
{
    background: rgba(0, 0, 0, 0) url(../images/second/sec_downbg.png) no-repeat scroll center -266px;
    -webkit-background-size: 280px auto;
    -moz-background-size:280px auto;
    -o-background-size: 280px auto;
    background-size: 280px auto;
}
/*.sec_shouke:hover,.sec_down:hover,.sec_beike:hover,.sec_imghigh{background-position: 0 0;color:#4cc7eb;}*/
.sec-intelc3
{
    background: #dfe9f1 url(../images/second/down_bg.jpg) no-repeat scroll 0 0;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}
/*.sec-intelc2,.sec-intelc3{    display:none;}*/
.sec-dlbuttons
{
    margin-top:3%;
}
.sec-dlbtn
{
    display: inline-block;
    height: 115px;
    margin: 10% 0 0;
}
.sec-dl
{
    width:296px;
    height:92px;
    cursor:pointer;
}
.sec-dlwindow
{
    background-image:url(../images/sec-dlwindows.png);
}
.sec-dlwindow:hover
{
    background-image:url(../images/sec-dlwindows-hover.png);
}
.sec-dlmanual
{
    width:302px;height:66px;cursor:pointer;margin-top:30px;
    background-image:url(../images/sec-dlmanual-1.png);
}
.sec-dlmanual:hover
{
    background-image:url(../images/sec-dlmanual-2.png);
}
.sec-dlandroid
{
    background-image:url(../images/sec-dlandroid.png);
}
.sec-version
{
    color:#555;
    font-size:18px;
}
.sec-dlspan
{
    font-size:13px;color:Gray;
}    
.sec-dlp{
    text-align: center;
    /* text-decoration: underline; */
    color: Gray;
    font-size: 13px;
    font-style: normal;
    line-height: 35px;
    margin-left: 10px;
    cursor: pointer;
    width: 450px;
}
.beike_one   
{
    background: #fbfbfb url("../images/second/beike_onebg.jpg")   no-repeat scroll 20% center;
    -webkit-background-size: 36% auto;
    -moz-background-size: 36% auto;
    -o-background-size: 36% auto;
    background-size: 36% auto;
    height: 585px;}
.beike_two   
{
    background: #efefef url("../images/second/beike_twobg.jpg")   no-repeat scroll right center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;     
    height: 585px;}
.beike_three 
{
    background: #fbfbfb url("../images/second/beike_threebg.jpg") no-repeat scroll 20% center;
    -webkit-background-size: 36% auto;
    -moz-background-size: 36% auto;
    -o-background-size: 36% auto;
    background-size: 36% auto;
    height: 585px;}
.shouke_one  
{
    background: #fafafa url("../images/second/shouke_onebg.jpg") no-repeat scroll right center;
    -webkit-background-size: 53% auto;
    -moz-background-size: 53% auto;
    -o-background-size: 53% auto;
    background-size: 53% auto;   
    height: 585px;}
.shouke_two  
{
    background: #f6f6f6 url("../images/second/shouke_twobg.jpg") no-repeat scroll 12% center; 
    background-size:40% auto;   
    height: 585px;}
.shouke_three
{
    background: #edf0f0 url(../images/second/shouke_threebg.jpg) no-repeat scroll right center;
    -webkit-background-size: 60% auto;
    -moz-background-size: 60% auto;
    -o-background-size: 60% auto;
    background-size: 60% auto;
    height:580px;}
.shouke_four 
{
    background: #fafafa url(../images/second/shouke_fourbg.jpg)  no-repeat scroll 12% center;
    background-size: 40% auto; 
    height:585px;}
.shouke_five 
{
     background: #efefef url("../images/second/shouke_fivebg.jpg") no-repeat scroll right center;
     background-size: 66% auto;
     height: 585px;}
.down_content
{
    width:80%;
    margin:0 auto;
}
.up_txt
{
    background: rgba(0, 0, 0, 0) url("../images/second/down_twotitle.png") no-repeat scroll 0 0;
    color: #404040;
    font-size: 1.4em;
    line-height: 110px;
    padding: 0 2%;
    position: absolute;
    text-align: center;
    top: 0%;
    width: 435px;
    
}
.down_intro
{
    margin: 0 10%;padding: 8% 0;color:#646b70;line-height:35px;font-size:1em;
}
.down_content table
{
	width:100%;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
.down-li
{
    display: block;
    text-indent: 2em;
}
.down_content table img
{
    max-width:554px;
}
    
 /*===========      智慧课堂部分--end      ===========*/
 
 
 
/*============          作业系统           ===========*/  

.homework_tea   
{
    background: rgba(0, 0, 0, 0)  url("../images/second/homework_tea.png")  no-repeat scroll center -262px;
    -webkit-background-size: 280px auto;
    -moz-background-size: 280px auto;
    -o-background-size: 280px auto;
    background-size: 280px auto;                 
}
.homework_stu   
{
    background: rgba(0, 0, 0, 0)  url("../images/second/homework_stu.png")   no-repeat scroll center -262px;
    -webkit-background-size: 280px auto;
    -moz-background-size: 280px auto;
    -o-background-size: 280px auto;
    background-size: 280px auto;
}
.homework_parents
{
    background:rgba(0, 0, 0, 0)  url("../images/second/homework_parents.png")no-repeat scroll center -262px;
    -webkit-background-size: 280px auto;
    -moz-background-size: 280px auto;
    -o-background-size: 280px auto;
    background-size: 280px auto;
}
.homework_one   
{
    background: #f2f3f0 url("../images/second/homework_onebg.jpg") no-repeat scroll left center;
    background-size: 52% auto;
    height: 400px;
    position:relative; 
}
.homework_two   
{
    background: #ffffff url("../images/second/homework_twobg.jpg") no-repeat scroll 85% center;
    background-size: 30% auto;
    height: 466px;}
.homework_three 
{
    background: #ffffff url("../images/second/homework_threebg.jpg") no-repeat scroll 20% center;
    background-size: 30% auto;
    height: 466px;}
.homework_four  
{
    background: #ffffff url("../images/second/homework_fourbg.jpg") no-repeat scroll 80% center;
     background-size: 30% auto;
    height: 466px;}
.homework_five  
{
    background: #ffffff url("../images/second/homework_fivebg.jpg")   no-repeat scroll 20% center;
    background-size: 30% auto;            
    height: 466px;
}
.homework_six   
{
    background: #f2f7f5 url("../images/second/homework_sixbg.jpg") no-repeat scroll 20% center;
    background-size: 44% auto;
    height: 510px;
    position:relative;    
}
.homework_seven  
{
    background:#ffffff url("../images/second/homework_sevenbg.jpg") no-repeat scroll 80% center;
    background-size: 30% auto;
    height: 466px;}
.homework_eight 
{
    background: #ffffff url("../images/second/homework_eightbg.jpg")   no-repeat scroll 20% center ;
    background-size: 30% auto;
    height: 466px;}
.homework_nine  
{
    background: #ffffff url("../images/second/homework_ninebg.jpg")   no-repeat scroll 80% center ;
    background-size: 30% auto;
    height: 466px;}
.homework_ten   
{
    background: #f6f7f4 url("../images/second/homework_tenbg.jpg") no-repeat scroll 80% center;
    background-size: 42% auto;
    height: 500px;
    position:relative;
}
.homework_eleven
{
    background: #ffffff url("../images/second/homework_elevenbg.jpg")   no-repeat scroll 20% center ;
    background-size: 35% auto;
    height: 466px;}       
.homework_twelve
{
    background: #ffffff url("../images/second/homework_twelvebg.jpg")   no-repeat scroll 80% center ;
    background-size: 35% auto;
    height: 466px;}
.circel_desc
{
    position:absolute;
    bottom:60px;
    /* width:80px; */
    text-align:center;
    left:50%;
    transform: translateX(-50%);
    /* margin-left:-40px; */
    color:#404040;
}
.down-container {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.down-container a {
    color: #404040;
}
.sec_shouke:hover,.sec_down:hover,.sec_beike:hover,.homework_tea:hover,.sec_zzn:hover,
.homework_stu:hover,.homework_parents:hover,.sec_imghigh,.sec_imghigh span
{    background-position: center 0;
     color:#4cc7eb;
}
.homewoke_nav
{
    width:100%;
    height:258px;
    position:relative;
    cursor:pointer;
    display: inline-block;
}
/*===========      作业系统部分--end      ===========*/  
    
/*============      教学服务系统页       =============*/
.secwrapper
{
    width:100%;
}
.sectop
{
    width:100%;
    
}
.secmain
{
    /*padding-bottom:100px;*/
    background-color:#fff;width:100%;
}

.seccontent
{
    
    margin:0 auto;   
 
}
.sec_one_content
{
   background:url(../../Images/second/sec_one_bg.jpg) no-repeat center;
    padding: 10% 18%;
    background-size:contain;
    min-height:280px;
}
.seccontent h1
{
    color: #404040;
    font-size: 2em;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 12px;
    padding-top: 6%;
}
.seccontent p
{
   color: #646b70;
    font-size: 1.1em;
    font-style: normal;
    line-height: 35px;
}
.seccontent p .subTitle_bold
{
	font-weight:bold;
	font-size:1.2em;
}

.sec_two{ background: #fffef5 url("../../Images/second/sec_two_bg.jpg") no-repeat scroll 80% center;}
.sec_three
{
   background: rgba(0, 0, 0, 0) url("../../Images/second/sec_three_bg.jpg") no-repeat scroll center  center;
   -webkit-background-size: 100% auto;
   -moz-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
   height: 530px;
}
.sec_four{ background:url(../../Images/second/sec_four_bg.jpg) no-repeat 80% center;}
.sce_txt{width:28%;padding:10% 11%;}

/*============          教学服务系统页--end           =============*/

/*============          人人通页         =============*/
.renren_one p
{
    color: #404040;
    font-size: 1.6em;
    font-style: normal;
    line-height: 45px;
}
.renren_one
{
     background:url(../../Images/second/renren_onebg.jpg) no-repeat center;
    padding: 5% 11%;
    background-size:contain;
    min-height:440px;
}
.renren_two 
{
    background: #f4f7f6 url("../../Images/second/renren_twobg.jpg") no-repeat scroll right center ;
    -webkit-background-size: 60% auto;
   -moz-background-size: 60% auto;
   -o-background-size: 60% auto;
   background-size: 60% auto;
    height:578px;
}
.renren_three   
{
    background: #EAE9EA url("../../Images/second/renren_threebg.jpg") no-repeat scroll left center ;
    -webkit-background-size: 50% auto;
   -moz-background-size: 50% auto;
   -o-background-size: 50% auto;
   background-size: 50% auto;
    height: 578px;
}
.renren_four 
{
    background:#fdfdfd url(../../Images/second/renren_fourbg.jpg) no-repeat right center ;    
    -webkit-background-size: 50% auto;
   -moz-background-size: 50% auto;
   -o-background-size: 50% auto;
   background-size: 50% auto;
   height:510px;
}
.renren_five 
{
    background:#f6f2ec url(../../Images/second/renren_fivebg.jpg) no-repeat left center ;    
    -webkit-background-size: 50% auto;
   -moz-background-size: 50% auto;
   -o-background-size: 50% auto;
   background-size: 50% auto;
   height: 495px;
}

/*============          人人通页--end           =============*/

/*============          资源中心页         =============*/

.res_one
{
   background: #f4f4f4 url("../../Images/second/res_onebg.jpg") no-repeat scroll left center;
   -webkit-background-size: 55% auto;
   -moz-background-size:  55% auto;
   -o-background-size:  55% auto;
   background-size:  55% auto;
    min-height: 430px;
    padding: 5% 0;
    
}
.res_two 
{
    background: #fff url("../../Images/second/res_twobg.jpg") no-repeat scroll 85% center;
    -webkit-background-size: 40% auto;
   -moz-background-size: 40% auto;
   -o-background-size: 40% auto;
   background-size: 40% auto;
    height: 550px;
}
.res_two_txt
{
   padding: 10% 8%;
    width: 35%;
       
}
.res_three
{
    background: #f4f4f4 url("../../Images/second/res_threebg.jpg") no-repeat scroll 20% center;
    -webkit-background-size:  38% auto;
   -moz-background-size:  38% auto;
   -o-background-size:  38% auto;
   background-size:  38% auto;
    height: 534px;
}
.res_four 
{
    background:#fdfdfd url(../../Images/second/res_fourbg.jpg) no-repeat right center;
    background-size: 61% auto;
    height:534px;
}

/*============          资源中心页--end           =============*/

.rocket1
{
	background: #59646b none repeat scroll 0 0;
    bottom: 159px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height:38px;
    cursor: pointer;
    display: none;
    height: 38px;
    position: fixed;
    right: 3%;
    width: 38px;
    z-index: 2;
}
.rocket1:hover
{
    background:#92999d;
}



