/*index css 2017.7.5*/

body{
    background: #f2f2f2;
    overflow-x: hidden;
}
.clear{
            content:"";        
            display:block;
	clear: both;
}

/*public style*/
.public-title{
    position: relative;
    width: 1200px;
    height: 60px;
    border-bottom: 1px dashed #ddd;
    text-align: center;
    margin: 40px 0;
}
.public-title h2{
    font-size: 25px;
    color: #333;
    font-weight: normal;
}
.public-title h2 .a_curriculum{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_level15s{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_level16s{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_science{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_teacher1{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_teacher2{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_pay{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_obtain{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_obtain1{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_evaluate{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_faqwhy{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_index_videos{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_index_videos1{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_address{
	font-size: 30px;
	color: red;
}
.public-title h2 .a_address1{
	font-size: 30px;
	color: red;
}
.public-title p{
    position: absolute;
    bottom: -2px;
    left: 510px;
    width: 180px;
    height: 4px;
    background: #34C9DD;
}
.public-comtit{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.public-comtit h2{
    font-size: 36px;
    color: #333;
    line-height: 50px;
    font-weight: 400;
    padding: 0 0 15px;
}
.public-comtit h2 span{
    color: red;
}
.public-comtit p{
    font-size: 24px;
    color: #666;
}
.morebtn{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 30px auto;
}
.morebtn>i{
    font-size: 30px;
    color: #999;
    cursor: pointer;
}
.public-bread{
    width:1200px;
    height: 40px;
    line-height:40px;
    margin:0 auto;
    border-bottom: 1px solid #ddd;
}
.public-bread>i{
    display: inline-block;
    float: left;
    color: #999;
    font-size: 19px;
}
.public-bread ul{
    font-size: 14px;
    color: #999;
}
.public-bread ul li{
    float: left;
    padding: 0 10px;
}
.public-bread ul li a{
    font-size: 14px;
    color: #999;
}
.public-bread ul span{
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #999;
}
.public-bread ul span a{
	font-size: 14px;
    color: #999;
}
.public-about-t{
    width: 100%;
    height: 50px;
    line-height: 80px;
    font-size: 25px;
    color: #333;
}
.public-about-t span{
    font-size: 25px;
    padding: 0 10px 0 5px;
    font-weight: 400;
    color: #999;
}
.public-about-t p{
    display: inline;
    font-size: 14px;
}
.public-adimg{
    width:1200px;
    height: 400px;
    margin:0 auto;
}
.public-adimg>img{
    width:1200px;
    height: 400px;
}
.qiyelist-logo ul li{
    float: left;
    width:268px;
    height: 67px;
    margin: 10px 15px;
    border:1px solid #ddd;
    border-radius: 5px;
}
.qiyelist-logo ul li img{
    width:265px;
    height: 65px;
}

.public-page{
    width: 790px;
    height: 40px;
    margin: 0 auto;
}
.public-page ul li{
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #bbb;
    margin: 0 5px;
    border-radius: 3px;
}
.public-page ul li a{
    display: inline-block;
    color: #666;
    padding: 0 15px;
}
.public-page ul li.active{
    background: red;
    border: 1px solid red;
}
.public-page ul li.active a{
    color: #fff;
}
.public-page ul li:hover{
    border: 1px solid red;
}
.public-page ul li.nohover{
    border: none;
}
.public-warpauto{
    width: 1200px;
    margin: 0 auto;
}
.public-wrap{
    width: 1200px;
    margin: 0 auto;
}
.scm-title{
    margin: 50px 0;
    font-size: 30px;
    text-align: center;
}

/*薪资滚动表格*/
.tablescroll{
	width: 1150px;
	margin: 0 auto;
	box-shadow: 0 0 20px #ddd;
}
.tablescroll .table-title{
	width: 100%; 
	height: 60px; 
	line-height: 60px;
	background: #ff4c00;
}
.tablescroll .table-title li{
	float: left;
	color: #fff;
	font-size: 24px;
	text-align: center;
}
.tablescroll .table-hide{
	position: relative;
	width: 100%;
	height: 495px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-top: none;
	overflow: hidden;
}
.tablescroll .table-hide .main{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.tablescroll .table-hide .main ul{
	width: 100%;
	height: 45px;
}
.tablescroll .table-hide .main ul li{
	float: left;
	height: 45px;
	line-height: 45px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	font-size: 18px;
	border-right: none;
	border-top: none;
	text-align: center;
}
.tablescroll .table-hide .main ul li:first-child{
	border-left: none;
}
.tablescroll .w160{
	width: 160px;
}
.tablescroll .w510{
	width: 508px;
}
.tablescroll .xuanqing{
	background: #50616d;
	color: #ff4c00;
	border: none !important;
}

/*header start*/
#header{
    width: 100%;
    height: 150px;
    background: #fff;
}
#header .h-warp{
    position: relative;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    /*border: 1px solid red ;*/
}
#header .h-main{
    width: 100%;
    height: 80px;
}
#header .h-main .h-logo{
    width: 300px;
    height: 100%;
    float: left;
}
#header .h-main .h-logo img{
    margin-top: 16px;
}
#header .h-main .h-option{
    height: 80px;
    float: left;
    margin: 0 165px 0 160px;
}
#header .toplink{
    width: 1200px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    background: url('../images/toplinkbg.png') no-repeat 0 0;
}
#header .toplink ul li{
    float: left;
    margin: 0 96px;
    height: 60px;
}
#header .toplink ul li:nth-of-type(2) i{
    color: #6ECDFD;
}
#header .toplink ul li:nth-of-type(2) span{
    color: #6ECDFD;
}
#header .toplink ul li i{
    font-size: 45px;
    color: #fff;
    margin-right: 10px;
}
#header .toplink ul li span{
    position: relative;
    top: -3px;
    font-size: 30px;
    color: #fff;
}
#header .toplink ul li a{
    display: inline-block;
    transition: 0.5s;
}
#header .toplink ul li a:hover{
    transform: translate3d(0,-8px,0);
}
#header .h-option .h-o-left,.h-o-right{
    background: url('../images/arrow.png') right center no-repeat;
    float: left;
    width: 180px;
    height: 36px;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-top: 38px;
    border-radius: 5px;
}
#header .h-option .h-o-left{
    margin-right: 10px;
}
#header .h-option  select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    padding-left:10px;
    width: 180px;
    height:100%;
}
#header .h-option  select option{
    width: 100%;
    height: 20px;
    color: #333;
}
#header .h-main .iphone{
    float: left;
    width: 200px;
    height: 80px;
}
#header .h-main .iphone p{
    width: 200px;
    height: 25px;
    font-size: 25px;
    color: #333;
    text-indent: 35px;
    background: url(../images/iphone.png) no-repeat;
    background-size: 25px;
    margin-top: 50px;
}
#header .h-nav{
    position: relative;
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin-top: 20px;
}
#header .h-nav ul.indexnav{
    position: absolute;
    top: 0;
    left: 260px;
}
#header .h-nav ul.indexnav.diqu{
    position: static;
}

#header .h-nav ul.indexnav>li{
    float: left;
    padding: 0 15px;
}
#header .h-nav ul.indexnav>li:hover{
    border-bottom: 2px solid red;
}
#header .h-nav ul.indexnav>li:hover a{
    color: red;
}
#header .h-nav ul.indexnav>li.h-active{
    border-bottom: 2px solid red;
}
#header .h-nav ul.indexnav>li.h-active a{
    color: red;
}
#header .h-nav ul.indexnav>li a{
    font-size: 16px;
    color: #333;
}
#header .h-nav ul.hotimg{
    background: url('../images/hot.png') no-repeat 514px -5px;
    background-size: 30px;
}
#header .h-nav .h-hot{
    position: absolute;
    top: 5px;
    left: 0;
    width: 234px;
    height: 45px;
    line-height: 45px;
    background: #D60018;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
#header .h-nav .warp{
    width: 1200px;
    height: 45px;
    margin: 0 auto;
}
#header .lanmu{
    height: 50px;
    line-height: 50px;
    background: #D60018;
}
#header .lanmu ul{
    position: static;
}
#header .lanmu ul li{
    float: left;
    height: 50px;
    padding: 0 28px;
}
#header .lanmu ul li.h-active{
    border: none;
    background: #c90c12;
}
#header .lanmu ul li.h-active a{
    color: #fff;
}
#header .lanmu ul li:hover{
    border: none;
    background: #c90c12;
}
#header .lanmu ul li:hover a{
    color: #fff;
}
#header .lanmu ul li a{
    font-size: 16px;
    color: #fff;
}

/*banner start*/
/*轮播banner*/
.banner-box{
    width: 100%;
    height: 400px;
}
#banner{
    position: absolute;
    top: 150px;
    width: 1920px;
    height: 400px;
}
.banner-m-box{
    width: 1200px;
    height: 100%;
}
#banner .b-main{
    width: 100%;
    height: 100%;
}
#banner .b-main .b-m-con li.bm-item{
    position: absolute;
    top: 0;
    left: -360px;
    display: none;
}
/*
@media screen and (min-width:640px) and (max-width:840px){
    #banner .b-main .b-m-con li.bm-item{
    left: -860px;
    }
}
@media screen and (min-width:841px) and (max-width:960px){
    #banner .b-main .b-m-con li.bm-item{
    left: -760px;
    }
}
@media screen and (min-width:961px) and (max-width:1200px){
    #banner .b-main .b-m-con li.bm-item{
    left: -700px;
    }
}
@media screen and (min-width:1201px) and (max-width:1400px){
    #banner .b-main .b-m-con li.bm-item{
    left: -650px;
    }
}
@media screen and (min-width:1401px) and (max-width:1600px){
    #banner .b-main .b-m-con li.bm-item{
    left: -500px;
    }
}
*/
.h-warp .b-m-dot{
    position: absolute;
    right: 30px;
    bottom: -360px;
    z-index: 3;
}
.h-warp .b-m-dot li{
    float: left;
    margin: 0px 5px;
    width: 10px;
    height: 10px;
    border:2px solid #fff;
    border-color:rgba(255,255,255,0.3);
    background: rgba(0,0,0,0.4);
    border-radius: 50%;
    cursor: pointer;
    transition:0.3s;
}
.h-warp .b-m-dot li.active{
    background: rgba(255,255,255,0.4);
    border-color:rgba(0,0,0,0.4);
}
.h-warp .b-m-dot li:hover{
    background: rgba(255,255,255,0.4);
    border-color:rgba(0,0,0,0.4);
}
.h-warp .bma{
    position: absolute;
    top: 50%;
    margin-top: 236px;
    display: block;
    width: 41px;
    height: 69px;
    cursor: pointer;
    z-index: 3;
}
.h-warp .b-m-prev{
    left: 234px;
    background: url(../images/icon-slides.png) no-repeat -83px 0;
}
.h-warp .b-m-prev:hover{
    left: 234px;
    background: url(../images/icon-slides.png) no-repeat 0 0;
}
.h-warp .b-m-next{
    right: 0;
    background: url(../images/icon-slides.png) no-repeat -125px 0;
}
.h-warp .b-m-next:hover{
    right: 0;
    background: url(../images/icon-slides.png) no-repeat -42px 0;
}
/*轮播左菜单*/
.h-warp .b-nav{
    position: absolute;
    top: 150px;
    left: 0;
    width: 234px;
    height:400px;
    background-color: rgba(0,0,0,0.6);
    filter:alpha(opacity=60);  
    *zoom:1;
    z-index: 3;
}

.h-warp .b-nav li.firstli{
    width: 234px;
    height: 30px;
    line-height: 30px;
}
.h-warp .b-nav li.firstli>a{
    height: 35px;
    line-height: 35px;
    width: 234px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
}
.h-warp .b-nav li.firstli>a:hover{
    background: #f60;
}
.h-warp .b-nav li.firstli>a .content{
    width: 100%;
    height: 100%;
}
.h-warp .b-nav li.firstli>a .content span{
    float: left;
    margin-left: 25px;
}
.h-warp .b-nav li.firstli>a .content i{
    color: rgba(255,255,255,0.5);
    float: right;
    margin-right: 25px;
}

/*banner end*/

/*content start*/
#content{
    width: 1200px;
    margin: 0 auto;
}

 /*快速了解友道  start*/
.yoo-info{
    width: 1200px;
    height: 126px;
    margin: 20px auto;
}
.yoo-info>ul>li{
    position: relative;
    float: left;
    width: 270px;
    height: 126px;
    border-radius: 5px;
    background: #fff url(../images/info1.png) no-repeat 30px center;
    margin-right: 40px;
    padding: 39px 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    text-indent: 100px;
}
.yoo-info>ul>li>.y-i-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    height: 126px;
    line-height: 126px;
    text-align: center;
    background: rgba(0,176,240,.5);
    border-radius: 5px;
    display: none;
}
.yoo-info>ul>li:hover >.y-i-hover{
    display: block;
}
.yoo-info>ul>li>.y-i-hover span{
    position: absolute;
    top: 50px;
    left: 80px;
    display: block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 15px;
    color: #fff;
    text-indent: 4px;
    cursor: pointer;
}
.yoo-info>ul>li>.y-main:hover{
    background: rgba(0,0,0,.5);
}
.yoo-info>ul>li:nth-of-type(2){
    background: #fff url(../images/info2.png) no-repeat 30px center;
}
.yoo-info>ul>li:nth-of-type(3){
    background: #fff url(../images/info3.png) no-repeat 30px center;
}
.yoo-info>ul>li:nth-of-type(4){
    background: #fff url(../images/info4.png) no-repeat 30px center;
    margin: 0;
}
.yoo-info>ul>li h2{
    font-size: 16px;
    color: #333;
    font-weight: normal;
}
.yoo-info>ul>li p{
    font-size: 12px;
    color: #999;
}
.y-i-hide{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 100;
    display: none;
}
.y-i-hide .video{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -175px;
    margin-left: -273.5px;
    width: 560px;
    height: 380px;
    padding-top: 30px;
    box-sizing: border-box;
}
.y-i-hide .video .btn{
    position: absolute;
    top: 12px;
    right: -5px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}

  /*快速了解友道  end*/

/*advantage strat*/
.advantage{
    width: 100%;
}
.advantage .a-main-box{
    width: 100%;
}
.advantage .a-main-box>li{
    position: relative;
    float: left;
    width: 300px;
    height: 300px;
    margin:20px  50px;
    
}

.advantage .a-main-box>li:hover .adv-bg{
    transition:1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari 和 Chrome */
    -o-transition: 1s; /* Opera */
    transform:rotate(90deg);
}
.advantage .a-main-box>li .a-main{
    position: absolute;
    top: 20px;
    left: 20px;
    background: #fff;
    width: 240px;
    height: 240px;
    border-radius: 50%;
}
.advantage .a-main-box>li .a-main .a-m-img{
    position: absolute;
    top: 42px;
    left: 77px;
}
.advantage .a-main-box>li .a-main p{
    position: absolute;
    top: 138px;
    left: 21px;
    font-size: 25px;
    color: #333;
    line-height: 35px;
    text-align: center;
}
.advantage .a-main-box>li .a-main p span{
    color: red;
}
/*advantage end*/

/*course start*/
.course{
    /*width: 100%;*/
}
.course-main{
    width: 100%;
}
.course-main>ul{
    height: 410px;
    overflow: hidden;
    transition:0.5s;
}
.course-main>ul>li{
    position: relative;
    float: left;
    width: 276px;
    height: 176px;
    margin: 20px 11px 0 12px;
    overflow: hidden;
}
.course-main>ul>li>img{
    width: 276px;
    height: 176px;
}
.course-main>ul>li>p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 276px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0,0,0,.5);
    font-size: 16px;
    color: #fff;
}
.course-main>ul>li>.border-line{
    position: absolute;
    top: -3px;
    left: -3px;
    width: 276px;
    height: 176px;
    border: 3px solid rgba(255,255,255,.4);
    transition:0.3s;
}
.course-main>ul>li:hover>.border-line{
    top: 22px;
    left: 18px;
    width: 236px;
    height: 126px;
}

/*course end*/

/*curriculum start*/

.curr-imgbox{
    position: relative;
    width:960px;
    height: 800px;
    margin:0 auto;
}
.curr-imgbox .curotate{
    transition: 1s;
}
.curr-imgbox .curotate:hover{
    transform: rotate(360deg);
}
.curr-imgbox .cu-centerbg{
    position: absolute;
    top:150px;
    left:222px;
}
.curr-imgbox .cu-tag1{
    position: absolute;
    top:100px;
    left:430px;
}
.curr-imgbox .cu-tag2{
    position: absolute;
    top:222px;
    left:215px;
}
.curr-imgbox .cu-tag3{
    position: absolute;
    top:222px;
    left:646px;
}
.curr-imgbox .cu-tag4{
    position: absolute;
    top:478px;
    left:215px;
}
.curr-imgbox .cu-tag5{
    position: absolute;
    top:478px;
    left:646px;
}
.curr-imgbox .cu-tag6{
    position: absolute;
    top:602px;
    left:430px;
}
.curr-imgbox>p{
    padding:2px 18px;
    width:178px;
    height: 80px;
    line-height:24px;
    font-size:14px;
    color: #00ABD6;
    border:1px solid #00ABD6;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.curr-imgbox>p > span{
    color:red; 
}
.curr-imgbox>p.curr-txt1{
    position: absolute;
    top:0;
    left:373px;
}
.curr-imgbox>p.curr-txt2{
    position: absolute;
    top:194px;
    left:-12px;
}
.curr-imgbox>p.curr-txt3{
    position: absolute;
    top:194px;
    left:757px;
}
.curr-imgbox>p.curr-txt4{
    position: absolute;
    top:450px;
    left:-12px;
}
.curr-imgbox>p.curr-txt5{
    position: absolute;
    top:450px;
    left:757px;
}
.curr-imgbox>p.curr-txt6{
    position: absolute;
    top:724px;
    left:373px;
}
/*curriculum end*/

/*featured*/
.featured{
    width:1200px;
    height: auto;
    margin: 0 auto;
}
.featured .tab h2{
    width: 230px;
    height: 40px;
    font-size: 26px;
    font-weight: 400;
    border-left: 2px solid #817AF4;
}
.featured .tab{
    position: relative;
    width: 960px;
    height: 40px;
    margin: 30px 0 20px 240px;
}
.featured .tab li{
    float: left;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
}
.featured .botline{
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 210px;
    height: 4px;
    background: #817AF4;
    text-indent: -9999px;
}
.featured .item-line1{
    width: 276px;
    background: #C84B99;
}
.featured .item-line3{
    width: 169px;
    background: #8C5090;
}
.featured .item-line4{
    width: 138px;
    background: #8562DF;
}
.featured .f-main{
    width: 1200px;
    height: 420px;
}
.featured .f-main>ul{
    height: 100%;
}
.featured .f-main>ul>li{
    position: relative;
    display: none;
	height: 100%;
}
.featured .f-main>ul>li.on{
    display: block;
}
.featured .f-main .tit{
    position: absolute;
    top: -55px;
}
.featured .f-main .tit h2{
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 400;
    border-left: 4px solid #817AF4;
    text-indent: 10px;
}
.featured .item-main2 .tit h2{
    border-left: 4px solid #C84B99;
}
.featured .item-main3 .tit h2{
    border-left: 4px solid #8C5090;
}
.featured .item-main4 .tit h2{
    border-left: 4px solid #8562DF;
}
.featured .f-main .left{
    position: relative;
    float: left;
    width: 230px;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: url('../images/fea1.png') no-repeat 0 0;
    margin-right: 10px;
}
.featured .f-main .left h3{
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    padding: 30px 0 30px 0;
    line-height: 40px;
    text-align: center;
}
.featured .f-main .left a{
    display: inline-block;
    position: absolute;
    bottom: 40px;
    left: 40px;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 10px 20px;
    cursor: pointer;
}
.featured .f-main .left p{
    font-size: 16px;
    color: #fff;
}
.featured .f-main .right{
    float: left;
    width: 960px;
    height: 100%;
}

.featured .f-main .desc{
    float: left;
    width: 660px;
    height: 100%;
    border: 1px solid #817AF4;
    border-radius: 8px;
    box-sizing: border-box;
    margin-right: 10px;
}
.featured .f-main .desc ul.sik{
    margin: 10px 0 0 10px;
}
.featured .f-main .desc ul.sik li{
    position: relative;
    float: left;
    width: 300px;
    height: 110px;
    line-height: 110px;
    background: #EDEDED;
    margin: 10px;
    border-radius: 8px;
}
.featured .f-main .desc ul.sik li span{
    font-size: 60px;
    color: #817AF4;
    margin-left: 20px;
}
.featured .f-main .desc ul.sik li a{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-size: 18px;
    width: 100%;
    height: 100%;
    text-indent: 120px;
    color: #333;
    cursor: pointer;
}
.featured .banxing {
    width: 460px;
    height: 130px;
    margin: 0 auto;
    overflow: hidden;
}
.featured .banxing p{
    position: relative;
    font-size: 20px;
    padding: 0 10px;
    height: 25px;
    border-left: 2px solid #817AF4;
    margin-top: 30px;
}
.featured .banxing p span{
    color: #817AF4;
    padding: 0 5px;
	font-size:16px;
}
.featured .banxing p a{
    position: absolute;
    top: -10px;
    right: 0;
    float: right;
    color: #fff;
    padding: 8px 20px;
    background: #817AF4;
    border-radius: 8px;
    margin-right: 30px;
    cursor: pointer;
}
.featured .banxing p img{
    position: absolute;
    top: -20px;
    right: 0px;
}
.featured .f-main .desc .hide{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
}
.featured .f-main .desc .hide p{
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
}
.featured .f-main .desc li.hover:hover .hide{
    display: block;
}
.featured .f-main .desc li.hover:hover span{
    display: none;
}
.featured .f-main .desc li.hover:hover a{
    display: none;
}
.featured .f-main .desc ul.sik li:hover{
    box-shadow: 5px 5px 10px #ddd; 
}
.featured .f-main .question{
    float: left;
    width: 290px;
    height: 100%;
    border: 1px solid #817AF4;
    border-radius: 8px;
    box-sizing: border-box;
}
.featured .f-main .question h5{
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    background: #817AF4;
    color: #fff;
    text-indent: 10px;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
}
.featured .f-main .question h5 span{
    display: inline-block;
    font-size: 30px;
    margin-left: 10px;
    color: #fff;
}
.featured .f-main .question ul{
    width: 100%;
    height: 100px;
    padding: 10px 10px 0;
    box-sizing: border-box;
}
.featured .f-main .question ul li{
    border-bottom: 1px dashed #ddd;
    line-height: 34px;
}
.featured .f-main .question ul li a{
    font-size: 14px;
    color: #333;
}
.featured .f-main .question ul li a:hover{
    text-decoration: underline;
}

/*第一块*/
.featured .item-main1 ul > li:nth-child(2) .left{
    background: url('../images/fea2.png') no-repeat 0 0;
}
.featured .item-main1 ul > li:nth-child(2) .desc li span{
    color: #DF5253;
}
.featured .item-main1 ul > li:nth-child(2) .right .desc,.featured .item-main1 ul > li:nth-child(2) .right .question{
   border: 1px solid #DF5253;
}
.featured .item-main1 ul > li:nth-child(2) .right .banxing p{
   border-left: 2px solid #DF5253;
}
.featured .item-main1 ul > li:nth-child(2) .right .banxing p span{
   color: #DF5253;
}
.featured .item-main1 ul > li:nth-child(2) .right .banxing p a,.featured .item-main1 ul > li:nth-child(2) .right .question h5{
   background: #DF5253;
}


.featured .item-main1 ul > li:nth-child(3) .left{
    background: url('../images/fea3.png') no-repeat 0 0;
}
.featured .item-main1 ul > li:nth-child(3) .desc li span{
    color: #5BC8B6;
}
.featured .item-main1 ul > li:nth-child(3) .right .desc,.featured .item-main1 ul > li:nth-child(3) .right .question{
   border: 1px solid #5BC8B6;
}
.featured .item-main1 ul > li:nth-child(3) .right .banxing p{
   border-left: 2px solid #5BC8B6;
}
.featured .item-main1 ul > li:nth-child(3) .right .banxing p span{
   color: #5BC8B6;
}
.featured .item-main1 ul > li:nth-child(3) .right .banxing p a,.featured .item-main1 ul > li:nth-child(3) .right .question h5{
   background: #5BC8B6;
}


.featured .item-main1 ul > li:nth-child(4) .left{
    background: url('../images/fea4.png') no-repeat 0 0;
}
.featured .item-main1 ul > li:nth-child(4) .desc li span{
    color: #EEB253;
}
.featured .item-main1 ul > li:nth-child(4) .right .desc,.featured .item-main1 ul > li:nth-child(4) .right .question{
   border: 1px solid #EEB253;
}
.featured .item-main1 ul > li:nth-child(4) .right .banxing p{
   border-left: 2px solid #EEB253;
}
.featured .item-main1 ul > li:nth-child(4) .right .banxing p span{
   color: #EEB253;
}
.featured .item-main1 ul > li:nth-child(4) .right .banxing p a,.featured .item-main1 ul > li:nth-child(4) .right .question h5{
   background: #EEB253;
}

/*第二块tab2*/
.featured .item-main2 ul > li:nth-child(1) .left{
    background: url('../images/fea2-1.png') no-repeat 0 0;
}
.featured .item-main2 ul > li:nth-child(1) .desc li span{
    color: #D45995;
}
.featured .item-main2 ul > li:nth-child(1) .right .desc,.featured .item-main2 ul > li:nth-child(1) .right .question{
   border: 1px solid #D45995;
}
.featured .item-main2 ul > li:nth-child(1) .right .banxing p{
   border-left: 2px solid #D45995;
}
.featured .item-main2 ul > li:nth-child(1) .right .banxing p span{
   color: #D45995;
}
.featured .item-main2 ul > li:nth-child(1) .right .banxing p a,.featured .item-main2 ul > li:nth-child(1) .right .question h5{
   background: #D45995;
}


.featured .item-main2 ul > li:nth-child(2) .left{
    background: url('../images/fea2-2.png') no-repeat 0 0;
}
.featured .item-main2 ul > li:nth-child(2) .desc li span{
    color: #DC5255;
}
.featured .item-main2 ul > li:nth-child(2) .right .desc,.featured .item-main2 ul > li:nth-child(2) .right .question{
   border: 1px solid #DC5255;
}
.featured .item-main2 ul > li:nth-child(2) .right .banxing p{
   border-left: 2px solid #DC5255;
}
.featured .item-main2 ul > li:nth-child(2) .right .banxing p span{
   color: #DC5255;
}
.featured .item-main2 ul > li:nth-child(2) .right .banxing p a,.featured .item-main2 ul > li:nth-child(2) .right .question h5{
   background: #DC5255;
}



/*第三块tab3*/
.featured .item-main3 ul > li:nth-child(1) .left{
    background: url('../images/fea3-1.png') no-repeat 0 0;
}
.featured .item-main3 ul > li:nth-child(1) .desc li span{
    color: #8C5090;
}
.featured .item-main3 ul > li:nth-child(1) .right .desc,.featured .item-main3 ul > li:nth-child(1) .right .question{
   border: 1px solid #8C5090;
}
.featured .item-main3 ul > li:nth-child(1) .right .banxing p{
   border-left: 2px solid #8C5090;
}
.featured .item-main3 ul > li:nth-child(1) .right .banxing p span{
   color: #8C5090;
}
.featured .item-main3 ul > li:nth-child(1) .right .banxing p a,.featured .item-main3 ul > li:nth-child(1) .right .question h5{
   background: #8C5090;
}


.featured .item-main3 ul > li:nth-child(2) .left{
    background: url('../images/fea3-2.png') no-repeat 0 0;
}
.featured .item-main3 ul > li:nth-child(2) .desc li span{
    color: #26b8e1;
}
.featured .item-main3 ul > li:nth-child(2) .right .desc,.featured .item-main3 ul > li:nth-child(2) .right .question{
   border: 1px solid #26b8e1;
}
.featured .item-main3 ul > li:nth-child(2) .right .banxing p{
   border-left: 2px solid #26b8e1;
}
.featured .item-main3 ul > li:nth-child(2) .right .banxing p span{
   color: #26b8e1;
}
.featured .item-main3 ul > li:nth-child(2) .right .banxing p a,.featured .item-main3 ul > li:nth-child(2) .right .question h5{
   background: #26b8e1;
}


/*第四块tab4*/
.featured .item-main4 ul > li:nth-child(1) .left{
    background: url('../images/fea6.png') no-repeat 0 0;
}
.featured .item-main4 ul > li:nth-child(1) .desc li span{
    color: #8562DF;
}
.featured .item-main4 ul > li:nth-child(1) .right .desc,.featured .item-main4 ul > li:nth-child(1) .right .question{
   border: 1px solid #8562DF;
}
.featured .item-main4 ul > li:nth-child(1) .right .banxing p{
   border-left: 2px solid #8562DF;
}
.featured .item-main4 ul > li:nth-child(1) .right .banxing p span{
   color: #8562DF;
}
.featured .item-main4 ul > li:nth-child(1) .right .banxing p a,.featured .item-main4 ul > li:nth-child(1) .right .question h5{
   background: #8562DF;
}


.featured .item-main4 ul > li:nth-child(2) .left{
    background: url('../images/fea5.png') no-repeat 0 0;
}
.featured .item-main4 ul > li:nth-child(2) .desc li span{
    color: #DD6542;
}
.featured .item-main4 ul > li:nth-child(2) .right .desc,.featured .item-main4 ul > li:nth-child(2) .right .question{
   border: 1px solid #DD6542;
}
.featured .item-main4 ul > li:nth-child(2) .right .banxing p{
   border-left: 2px solid #DD6542;
}
.featured .item-main4 ul > li:nth-child(2) .right .banxing p span{
   color: #DD6542;
}
.featured .item-main4 ul > li:nth-child(2) .right .banxing p a,.featured .item-main4 ul > li:nth-child(2) .right .question h5{
   background: #DD6542;
}

/*featured end*/

/*level 5s start*/
.leve-tit{
    position: relative;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: 800;
    color: #34C9DD;
    margin-left: 177px;
}
.leve-tit > p{
    position: absolute;
    top:22px;
    left:200px;
    width:500px;
    height: 3px;
    border-bottom:1px dashed #34C9DD;
}
.leve-con{
    width:100%;
    height: 375px;
    background: url("../images/leve-bg.png") no-repeat center bottom;
}
.leve-con>ul{
    height: 375px;
    margin-left:180px;
}
.leve-con>ul>li{
    float: left;
    width:150px;
    height:260px;
    margin-right: 36px;
}
.leve-con>ul>li>h3{
    line-height: 55px;
    text-indent: 4px;
    font-size: 20px;
    color: #fff;
    font-weight:400;
}
.leve-con>ul>li:nth-of-type(5) h3{
    text-indent: 32px;
}
.leve-con>ul>li:nth-of-type(1){
    margin-top:28px;
}
.leve-con>ul>li:nth-of-type(2){
    margin-top:-8px;
}
.leve-con>ul>li:nth-of-type(3){
    margin-top:-40px;
}
.leve-con>ul>li:nth-of-type(4){
    margin-top:-74px;
}
.leve-con>ul>li:nth-of-type(5){
    margin-top:-102px;
}
.leve-con>ul>li .item{
    position: relative;
    width:100%;
    height: 248px;
    overflow: hidden;
}
.leve-con>ul>li:hover .item .itemnei{
    top:0;
}
.leve-con>ul>li .item .itemnei{
    position: absolute;
    top:85px;
    left:0;
    padding:0 10px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    transition: 0.3s;
}
.leve-con .num{
    width:70px;
    height:70px;
    line-height:70px;
    text-align: center;
    font-size:25px;
    color: #fff;
    -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
    background: #0C8863;
    margin:0 auto;
}
.leve-con>ul>li:nth-of-type(2) .num{
    background: #FFAD01;
}
.leve-con>ul>li:nth-of-type(3) .num{
    background: #E11E40;
}
.leve-con>ul>li:nth-of-type(4) .num{
    background: #3093D4;
}
.leve-con>ul>li:nth-of-type(5) .num{
    background: #FD8E01;
}

.leve-con .leve-line{
    display: block;
    width:3px;
    height:12px;
    border-left:1px dashed #666;
    margin:2px auto;
}

/*index-level5s*/
.index-level5s{
    height: 460px;
    background: url('../images/index-leve.jpg') no-repeat center center;
}
.index-level5s .i-tit p{
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    padding-top: 40px;
}
.index-level5s .warp{
    
}
.index-level5s .warp ul{
    margin-left: 15px;
    margin-top: 50px;
}
.index-level5s .warp ul li{
    float: left;
    position: relative;
    width: 209px;
    height: 207px;
    margin:0 12px;
    background: url('../images/r1.png') no-repeat center center;
}
.index-level5s .warp ul li .round{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -89.5px;
    margin-left: -89.5px;
    width: 179px;
    height: 179px;
    animation: myfirst 8s linear  infinite;
    background: url('../images/r1x.png') no-repeat center center;
}
@keyframes myfirst {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.index-level5s .warp ul li:nth-child(2){
    background: url('../images/r2.png') no-repeat center center;
}
.index-level5s .warp ul li:nth-child(3){
    background: url('../images/r3.png') no-repeat center center;
}
.index-level5s .warp ul li:nth-child(4){
    background: url('../images/r4.png') no-repeat center center;
}
.index-level5s .warp ul li:nth-child(5){
    background: url('../images/r5.png') no-repeat center center;
}
.index-level5s .warp ul li:nth-child(2) .round{
    background: url('../images/r2x.png') no-repeat center center;
}
.index-level5s .warp ul li:nth-child(3) .round{
    background: url('../images/r3x.png') no-repeat center center;
}
.index-level5s .warp ul li:nth-child(4) .round{
    background: url('../images/r4x.png') no-repeat center center;
}
.index-level5s .warp ul li:nth-child(5) .round{
    background: url('../images/r5x.png') no-repeat center center;
}


/*level 5s end*/

/*Science start */
.science{
    width: 100%;
}
.science-main{
    width: 100%;
}
.science-main .s-m-top{
    width: 100%;
    height: 475px;
    margin-bottom: 20px;
}
.science-main .s-m-bottom{
    width: 100%;
    height: 455px;
}
.science-main .s-m-left{
    position: relative;
    float: left;
    width: 550px;
    height: 475px;
    margin-right: 20px;
    overflow: hidden;
}
.science-main .s-m-left img{
    width: 550px;
    height: 475px;
}
.science-main .s-m-center{
    float: left;
    width: 300px;
    height: 475px;
    margin-right: 20px;
    overflow: hidden;
}
.science-main .s-m-center img{
    width: 300px;
    height: 475px;
}
.science-main .s-m-right{
    float: left;
    width: 310px;
    height: 475px;
}
.science-main .s-m-imgt{
    width: 100%;
    height: 225px;
    margin-bottom: 20px;
    overflow: hidden;
}
.science-main .s-m-imgt img{
    width: 310px;
    height: 225px;
}
.science-main .s-m-imgb{
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.science-main .s-m-imgb img{
    width: 310px;
    height: 230px;
}
.science-main .s-m-b-left{
    float: left;
    width: 390px;
    height: 100%;
    overflow: hidden;
    margin-right: 20px;
}
.science-main .s-m-b-left img{
    width: 390px;
    height: 455px;
}
.science-main .s-m-b-right{
    float: left;
    width: 790px;
    height: 100%;
    overflow: hidden;
}
.science-main .s-m-b-right img{
    width: 790px;
    height: 455px;
}

/*效果*/
/*第一个*/
.science .science-main .s-m-top .s-m-left  div{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    transition:all .3s;
}
.science .science-main .s-m-top .s-m-left a  div span{
    display:block;
    position:absolute;
    transition:all .5s;
}
.science .science-main .s-m-top .s-m-left:hover div{
    background:rgba(0,0,0,.5);
}
.science .science-main .s-m-top .s-m-left a  div:hover span.top{
    left:34px;
    width:484px;
    border-color:#fff;
}
.science .science-main .s-m-top .s-m-left a  div:hover span.bottom{
    left:34px;
    width:484px;
    border-color:#fff;
}
.science .science-main .s-m-top .s-m-left a  div:hover span.left{
    height:404px;
    top:36px;
    border-color:#fff;
}
.science .science-main .s-m-top .s-m-left a  div:hover span.right{
    height:404px;
    top:36px;
    border-color:#fff;
}
.science .science-main .s-m-top .s-m-left a  div span.top{
    width:400px;
    left:76px;
    top:48px;
    border-top:1px solid transparent;
}
.science .science-main .s-m-top .s-m-left a  div span.bottom{
    width:400px;
    left:76px;
    bottom:48px;
    border-top:1px solid transparent;
}
.science .science-main .s-m-top .s-m-left a  div span.left{
    height:288px;
    left:50px;
    top:90px;
    border-left:1px solid transparent;
}
.science .science-main .s-m-top .s-m-left a  div span.right{
    height:288px;
    right:50px;
    top:90px;
    border-left:1px solid transparent;
}

/*第二个*/
.science-main .s-m-center{
    position:relative;
    float: left;
    width: 300px;
    height: 475px;
    margin-right: 20px;
    overflow: hidden;
}
.science-main .s-m-center img{
    width: 300px;
    height: 475px;
}
.science-main .s-m-center div{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    transition:all .3s;
}
.science .science-main .s-m-top .s-m-center:hover div{
    background:rgba(0,0,0,.5);
}
.science .science-main .s-m-top .s-m-center a  div span{
    display:block;
    position:absolute;
    transition:all .5s;
}
.science .science-main .s-m-top .s-m-center a  div:hover span.top{
    left:34px;
    width:229px;
    border-color:#fff;
}
.science .science-main .s-m-top .s-m-center a  div:hover span.bottom{
    left:34px;
    width:229px;
    border-color:#fff;
}
.science .science-main .s-m-top .s-m-center a  div:hover span.left{
    height:404px;
    top:36px;
    border-color:#fff;
}
.science .science-main .s-m-top .s-m-center a  div:hover span.right{
    height:404px;
    top:36px;
    border-color:#fff;
}
.science .science-main .s-m-top .s-m-center a  div span.top{
    width:180px;
    left:70px;
    top:48px;
    border-top:1px solid transparent;
}
.science .science-main .s-m-top .s-m-center a  div span.bottom{
    width:180px;
    left:70px;
    bottom:48px;
    border-top:1px solid transparent;
}
.science .science-main .s-m-top .s-m-center a  div span.left{
    height:288px;
    left:50px;
    top:90px;
    border-left:1px solid transparent;
}
.science .science-main .s-m-top .s-m-center a  div span.right{
    height:288px;
    right:50px;
    top:90px;
    border-left:1px solid transparent;
}
/*第三个*/
.science-main .s-m-right{
    float: left;
    width: 310px;
    height: 475px;
}
.science-main .s-m-imgt{
    position:relative;
    width: 100%;
    height: 225px;
    margin-bottom: 20px;
    overflow:hidden;
}
.science-main .s-m-imgt img{
    width: 310px;
    height: 225px;
}
.science-main .s-m-imgt:hover .detail{
    background:rgba(0,0,0,.5);
}
.science-main .s-m-imgt .detail:hover h3{
    right:104px;
    top:72px;
}
.science-main .s-m-imgt .detail:hover p{
    right:100px;
    top:97px;
}
.science-main .s-m-imgt .detail:hover div{
    right:99px;
    top:130px;
}
.science-main .s-m-imgt .detail{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    color:#fff;
    transition:all 1s;
}
.science-main .s-m-imgt .detail > h3{
    position:absolute;
    right:20px;
    top:140px;
    transition:all 1s;
}
.science-main .s-m-imgt .detail > p{
    position:absolute;
    right:20px;
    top:170px;
    transition:all 1s;
}
.science-main .s-m-imgt .detail > div{
    position:absolute;
    right:20px;
    top:230px;
    padding:0 10px;
    height:30px;
    line-height:30px;
    border:1px solid #fff;
    border-radius:10px;
    transition:all 1s;
}
.science-main .s-m-imgt .detail > div a{color:#fff;text-decoration:none;cursor: pointer;}

/*第四个*/
.science-main .s-m-imgb{
    position:relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.science-main .s-m-imgb img{
    width: 310px;
    height: 230px;
}
.science-main .s-m-imgb:hover .detail{
    background:rgba(0,0,0,.5);
}
.science-main .s-m-imgb .detail:hover h3{
    right:118px;
    top:60px;
}
.science-main .s-m-imgb .detail:hover p{
    right:83px;
    top:85px;
}
.science-main .s-m-imgb .detail:hover div{
    right:115px;
    top:118px;
}
.science-main .s-m-imgb .detail{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    color:#fff;
    transition:all 1s;
}
.science-main .s-m-imgb .detail > h3{
    position:absolute;
    right:20px;
    top:140px;
    transition:all 1s;
}
.science-main .s-m-imgb .detail > p{
    position:absolute;
    right:20px;
    top:170px;
    transition:all 1s;
}
.science-main .s-m-imgb .detail > div{
    position:absolute;
    right:20px;
    top:230px;
    padding:0 10px;
    height:30px;
    line-height:30px;
    border:1px solid #fff;
    border-radius:10px;
    transition:all 1s;
}
.science-main .s-m-imgb .detail > div a{
    color:#fff;
    text-decoration:none;
    cursor: pointer;
}

/*第五个*/
.science-main .s-m-bottom .s-m-b-left{
    position:relative;
    float: left;
    width: 390px;
    height: 100%;
    overflow: hidden;
    margin-right: 20px;
}
.science-main .s-m-b-left img{
    width: 390px;
    height: 455px;
}
.science-main .s-m-bottom .s-m-b-left  div{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    transition:all .3s;
}
.science-main .s-m-bottom .s-m-b-left a  div span{
    display:block;
    position:absolute;
    transition:all .5s;
}
.science-main .s-m-bottom .s-m-b-left:hover div{
    background:rgba(0,0,0,.5);
}
.science-main .s-m-bottom .s-m-b-left a  div:hover span.top{
    left:40px;
    width:310px;
    border-color:#fff;
}
.science-main .s-m-bottom .s-m-b-left a  div:hover span.bottom{
    left:40px;
    width:310px;
    border-color:#fff;
}
.science-main .s-m-bottom .s-m-b-left a  div:hover span.left{
    height:400px;
    top:28px;
    border-color:#fff;
}
.science-main .s-m-bottom .s-m-b-left a  div:hover span.right{
    height:400px;
    top:28px;
    border-color:#fff;
}
.science-main .s-m-bottom .s-m-b-left a  div span.top{
    width:230px;
    left:80px;
    top:40px;
    border-top:1px solid transparent;
}
.science-main .s-m-bottom .s-m-b-left a  div span.bottom{
    width:230px;
    left:80px;
    bottom:40px;
    border-top:1px solid transparent;
}
.science-main .s-m-bottom .s-m-b-left a  div span.left{
    height:290px;
    left:50px;
    top:90px;
    border-left:1px solid transparent;
}
.science-main .s-m-bottom .s-m-b-left a  div span.right{
    height:290px;
    right:50px;
    top:90px;
    border-left:1px solid transparent;
}


/*第六个*/
.science-main .s-m-b-right{
    position:relative;
    float: left;
    width: 790px;
    height: 100%;
    overflow: hidden;
}
.science-main .s-m-b-right img{
    width: 790px;
    height: 455px;
}
.science-main .s-m-b-right:hover .detail{
    background:rgba(0,0,0,.5);
}
.science-main .s-m-b-right .detail:hover h3{
    right:305px;
    top:180px;
}
.science-main .s-m-b-right .detail:hover p{
    right:345px;
    top:220px;
}
.science-main .s-m-b-right .detail:hover div{
    right:364px;
    top:260px;
}
.science-main .s-m-b-right .detail{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    color:#fff;
    transition:all 1s;
}
.science-main .s-m-b-right .detail > h3{
    position:absolute;
    right:20px;
    top:370px;
    transition:all 1s;
}
.science-main .s-m-b-right .detail > p{
    position:absolute;
    right:20px;
    top:405px;
    transition:all 1s;
}
.science-main .s-m-b-right .detail > div{
    position:absolute;
    right:20px;
    top:460px;
    padding:0 10px;
    height:30px;
    line-height:30px;
    border:1px solid #fff;
    border-radius:10px;
    transition:all 1s;
}
.science-main .s-m-b-right .detail > div a{
    color:#fff;
    text-decoration:none;
    cursor: pointer;
}
/*效果*/
/*Science end*/

/*teacher start*/
.teacher{
    width: 100%;
}
.teacher .teacher-main{
    width: 100%;
}
.teacher-main .t-m-title ul li{
    float:left;
    height:60px;
    list-style:none;
    line-height:60px;
    text-align:center;
    }
.teacher-main .t-m-title ul li a{
    display: inline-block;
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
}
.teacher-main .t-m-title ul li.red{
    border-bottom:4px solid red;
}
.teacher-main .t-m-title ul{
    width:100%;
    height:60px;
    border-bottom:4px solid #ddd;
}
.teacher-main .t-m-cont{
    height: 340px;
    padding:20px 0 0 0;
    overflow: hidden;
    }
.teacher-main .t-m-cont ul{
    height: 340px;
        display:none;
        width:100%;
        margin-bottom: 10px;
    }
.teacher-main .t-m-cont ul.block{
        display:block;
    }
.teacher-main .t-m-cont ul li{
        position:relative;
        float:left;
        width:234px;
        height:340px;
        overflow:hidden;
        margin:0 3px;
    }
.teacher-main .t-m-cont ul li .detail{
        position:absolute;
        bottom:-148px;
        left:0;
        padding:10px;
        width:214px;
        height:188px;
        color:#fff;
        background:rgba(0,0,0,.5);
        transition:all .5s;
    }
    .teacher-main .t-m-cont ul li .detail p,.teacher-main .t-m-cont ul li .detail span{
        font-size: 14px;
        line-height: 20px;
    }
.teacher-main .t-m-cont ul li>img{
    width: 234px;
    height: 340px;
}
.teacher-main .t-m-cont ul li .detail .wline{
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 4px 0;
}
.teacher-main .t-m-cont ul li:hover .detail{
        bottom:0;
    }
/*teacher end*/

/*pay start*/
.pay-main{
    width: 100%;
}
.pay-main ul{
    height:460px;
    overflow: hidden;
    transition:0.5s;
}
.pay-main ul li{
    position: relative;
    float: left;
    width: 178px;
    height: 215px;
    margin:10px;
    overflow: hidden;
}
.pay-main ul li img{
    width: 178px;
    height: 215px;
}
.pay-main ul li .pay-hide{
    position: absolute;
    top: 215px;
    left: 0;
    width: 178px;
    height: 215px;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 16px;
    text-align: center;
    transition:0.5s;
    opacity: 0;
}
.pay-main ul li .pay-hide h3{
    margin:88px 0 4px 0;
}
.pay-main ul li:hover .pay-hide{
    top:0;
    opacity: 1;
}
/*index-pay-main*/
.index-pay-main{
    width: 1200px;
    overflow: hidden;
}
.index-pay-main .p-list-warp{
    position: relative;
    left: 0;
    width: 2400px;
    overflow: hidden;
}
.index-pay-main .p-list-warp .p-list{
    position: relative;
    float: left;
    width: 1200px;
}
.index-pay-main .warp{
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 100px;
}
.index-pay-main .warp ul li{
    float: left;
    position: relative;
    width: 232px;
    height: 100px;
    transition: 0.5s;
    margin: 0 4px;
}
.index-pay-main .warp ul li img{
    width: 232px;
    height: 100%;
}
.index-pay-main .warp ul li .t-tou{
    position: absolute;
    top: 0;
    left: 0;
    width: 232px;
    height: 100px;
    background: rgba(0,0,0,.5);
    text-align: center;
}
.index-pay-main .warp ul li .t-tou p{
    color: #fff;
    line-height: 20px;
    color: #aaa;
    font-size: 14px;
}
.index-pay-main .warp ul li .t-tou p.name{
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    margin-top: 20px;
}
.index-pay-main .warp ul li.hover{
    transform: translateY(-10px);
    box-shadow: 0 5px 10px rgba(0,0,0,0.4);
}
.index-pay-main .warp ul li.hover .t-tou{
    background: rgba(255,255,255,.9);
}
.index-pay-main .warp ul li.hover .t-tou p.name{
    color: #333;
}
.index-pay-main .p-con ul li{
    height: 479px;
    display: none;
}
.index-pay-main .p-con ul li.active{
    display: block;
}
.index-pay-main .p-con .leftimg{
    float: left;
    width: 400px;
    height: 479px;
    margin:0 20px 0 50px;
}
.index-pay-main .p-con .leftimg img{
    width: 400px;
    height: 479px;
}
.index-pay-main .p-con .desc{
    float: left;
    width: 730px;
    height: 429px;
    margin-top: 50px;
}
.index-pay-main .p-con .desc p{
    font-size: 20px;
    line-height: 30px;
    font-family: PingFangSC-light;
    border-left: 2px solid #ddd;
    padding: 0 20px;
}
.index-pay-main .p-con .desc p.jsm{
    font-size: 16px;
    color: #666;
    line-height: 50px;
}

/*pay end*/

/*obtain start*/
.obtain-main{
    width: 100%;
    height: 372px;
    margin: 0 auto;
    padding-top:30px;
}
.obtain-main ul{

}
.obtain-main ul li{
    margin-right: 20px;
    float: left;
}
.obtain-main ul li:nth-of-type(1){
    margin-left: 133px;
}
.obtain-main ul li:nth-of-type(8){
    margin-left: 62px;
}
.obtain-main ul li:nth-of-type(16){
    margin-left: 126px;
}
.obtain-main .lanren2{
    width: 66px;
    height: 120px;
    margin:-16px auto;
    background-color: #EAEAEA;
    position: relative;
    transform:rotate(30deg);
}
.obtain-main .lanren2 .left{
    width: 0;
    height: 0;
    position:absolute;
    left:-34px;
    top:0;
    border-right:35px solid #EAEAEA;
    border-top:60px solid transparent;
    border-bottom:60px solid transparent;
}
.obtain-main .lanren2 .right{
    width: 0;
    height: 0;
    position:absolute;
    right:-34px;
    top:0;
    border-left:35px solid #EAEAEA;
    border-top:60px solid transparent;
    border-bottom:60px solid transparent;
}
.obtain-main .lanren2 .img{
    position:absolute;
    left:0;
    top:36px;
    width:68px;
    height:38px;
    transform:rotate(-30deg);
}
.obtain-main .hover{
    margin:auto;
    width:116px;
    height:138px;
}
.obtain-main .hover:hover{
    transform:rotate(30deg);
}
.obtain-main .hover:hover .lanren2{
    background-color: #33cc66;

    animation:move 2s infinite;
}
.obtain-main .hover:hover .left{
    border-right:35px solid #33cc66;
}
.obtain-main .hover:hover .right{
    border-left:35px solid #33cc66;
}
.obtain-main .hover:hover .img img{
    display:none;
}
.obtain-main .hover:hover .img span{
    display:block;
    color:#fff;
}
.obtain-main .lanren2 .img span{
    display:none;
    line-height:48px;
    text-align: center;
    font-size:16px;
}
@keyframes move{
    from{transform:scale(0)}to{transform:scale(1)}
}

/*obtain end*/

/*evaluate strat*/
.evaluate-main{
    width: 100%;
}
.evaluate-main>ul{
    height: 640px;
    overflow: hidden;
    transition:0.5s;
}
.evaluate-main>ul>li{
    position: relative;
    float: left;
    width: 374px;
    height: 300px;
    margin: 20px 11px 0 12px;
    overflow: hidden;
}
.evaluate-main>ul>li>a>.eva-imgbox{
    width: 374px;
    height: 300px;
    overflow: hidden;
}
.evaluate-main>ul>li>a img{
    width: 374px;
    height: 300px;
    transition:0.5s;
}
.evaluate-main>ul>li>a>p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 374px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(0,0,0,.5);
    font-size: 16px;
    color: #fff;
}

.evaluate-main>ul>li>a>.hidebg{
    position: absolute;
    top: 0;
    left: 0;
    width: 374px;
    height: 300px;
    background: rgba(0,0,0,0.5);
    font-size: 14px;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    text-indent: 2em;
    display: none;
}
.evaluate-main>ul>li>a:hover img{
    transform: scale(1.1);
}
.evaluate-main>ul>li>a:hover p{
    display: none;
}
.evaluate-main>ul>li>a:hover .hidebg{
    display: block;

}

/*evaluate end*/

/*faqwhy start*/
.faqwhy-main{
    height: 320px;
}
.faqwhy-main ul li{
    width:290px;
    height:320px;
    float:left;
    border:1px solid #fff;
    margin-right:10px;
    background: #fff;
    border-radius: 10px;
    }
.faqwhy-main ul li:nth-of-type(4){
    margin:0;
}

.faqwhy-main ul li dl dt .img{
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 115px;
    border-radius: 8px 8px 0 0;
}


.faqwhy-main ul li dl dt{
    position: relative;
        height:115px;
    margin-bottom: 10px;
    }
.faqwhy-main ul li dl dt .zhe{
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 115px;
    background: rgba(0,0,0,0.4);
    z-index: 9;
    border-radius: 8px 8px 0 0;
}
.faqwhy-main ul li dl dt p{
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    color: #fff;
    font-size: 30px;
    line-height: 115px;
    z-index: 22;
    text-align: center;
}
.faqwhy-main ul li dl dd{
    line-height:27px;
    border-bottom: 1px dashed #ddd;
    
    }
.faqwhy-main ul li dl dd span{
    padding: 0 5px;
}
.faqwhy-main ul li dl dd:hover{
    background: #ddd;
}
.faqwhy-main ul li dl dd a{
    text-decoration:none;
    color:#333;
    font-size: 14px;
}
/*faqwhy end*/

/*videos strat*/
.videos-main > ul{
    height: 600px;
    overflow: hidden;
    transition:0.5s;
}
.videos-main > ul > li{
        position:relative;
        float:left;
        width:274px;
        height:278px;
        text-align:center;
        margin:12px 13px;
        background: #fff;
    }
.videos-main ul > li span{
    position: absolute;
    top: 180px;
    left: 0;
    line-height:40px;
    width: 274px;
    display: block;
    }
.videos-main ul > li span a{
    font-size: 14px;
    color: #333;
}
.videos-main ul > li span a:hover{
    text-decoration: underline;
}
.videos-main ul > li>.vid-box{
    width: 274px;
    height: 178px;
    overflow: hidden;
}
.videos-main ul > li>.vid-box img{
    width: 274px;
    height: 178px;
    transition:1s;
}
.videos-main ul > li>.vid-box:hover img{
    transform:scale(1.2);
}
.videos-main ul > li div{
    position:absolute;
}
.videos-main ul > li div.l{
        left:15px;
        bottom:20px;
        color: #999;
    }
.videos-main ul > li>div.r{
        right:15px;
        bottom:15px;
        width:92px;
        height:28px;
        line-height:28px;
        text-align:center;
        border:1px solid #FF3299;
        border-radius:5px;
    }
.videos-main  ul > li div.r a{
        display:block;
        width:100%;
        color:#FF3299;
    }
.videos-main>ul>li .border-icon{
    position: absolute;
    top: 66px;
    left: 110px;
    width: 60px;
    height: 60px;
    background: url(../images/video.png) no-repeat;
}

/*index-videos-main*/
.index-videos-main{
    width: 100%;
    overflow: hidden;
}
.index-videos-main ul{
     height: 700px;
    overflow: hidden;
    transition: 0.5s;
}
.index-videos-main ul li{
    position: relative;
    float: left;
    width: 380px;
    height: 330px;
    background: #fff;
    margin: 10px;
    transition: 0.5s;
}
.index-videos-main ul li .vid-box{
    width: 380px;
    height: 217px;
}
.index-videos-main ul li .vid-box img{
    width: 380px;
    height: 217px;
}
.index-videos-main ul li p a{
    font-size: 14px;
    color: #333;
}
.index-videos-main ul li .tea{
    font-size: 12px;
    color: #333;
    font-weight: 800;
    margin-bottom: 10px;
}
.index-videos-main ul li .tea span{
    color: #999;
    padding: 0 10px;
    font-weight: 400;
}
.index-videos-main ul li .pric .free{
    font-size: 14px;
    color: green;
    display: none;
}
.index-videos-main ul li .pric .free2{
    font-size: 14px;
    color: #333;
}
.index-videos-main ul li .pric .free2 span{
    color: #FF6A08;
    padding: 0 10px;
}
.index-videos-main ul li .pric .num{
    float: right;
    font-size: 12px;
    color: #666;
}
.index-videos-main ul li .v-con{
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
.index-videos-main ul li .small-icon{
    position: absolute;
    top:0;
    left: 0;
    width: 380px;
    height: 217px;
}
.index-videos-main ul li .small-icon div{
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.index-videos-main ul li .border-icon{
    position: absolute;
    top:0;
    left: 0;
    width: 380px;
    height: 217px;
    text-align: center;
    background: rgba(0,0,0,.5);
    display: none;
}
.index-videos-main ul li .border-icon>div{
    position: absolute;
    top: 75px;
    width: 380px;
    height: 217px;
    line-height: 260px;
}
.index-videos-main ul li:hover .border-icon{
    display: block;
}
.index-videos-main ul li:hover .small-icon{
    display: none;
}
.index-videos-main ul li:hover{
    box-shadow: 0 0 10px #ccc;
    transform: translate3d(0,0,8px);
}

/*videos end*/

/*address strat*/
.address {
    position: relative;
}
.address-main{
    width: 1200px;
}
    /*china Map strat*/
.address-main .m_map{ width:989px; height:724px; margin:30px auto; position:relative;  background:url(../images/diru.png) no-repeat 0 0 ;}
.address-main .tait{ font-size:36px; font-weight:bold; color:#666666; text-align:center;  left:100px;}
.address-main .tait span{ color:#ff6d3b;}
.address-main .tait2{font-size:36px; font-weight:bold; color:#666666; text-align:center; padding:50px 0px;}
.address-main .mp{ position:absolute; cursor:pointer; background:url(../images/fi1.png) no-repeat 4px 20px; width:24px; height:63px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.address-main .mp:hover{ background:url(../images/fi2.png) no-repeat 4px 20px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.address-main .hover_tu{background:url(../images/fi2.png) no-repeat 4px 20px;}
.address-main .mp .mito{ position:absolute; left:-37px; bottom:0px; font-size:12px; color:#666666;word-break: keep-all;width: 100px;text-align: center;}
.address-main .mp .find_mi1{ left:-12px; width:55px;}
.address-main .mp .find_mi2{ left:-5px; width:55px;}
.address-main .fbg{background:url(../images/fi4.png) no-repeat 4px 20px; } /*分公司背景图标*/
.address-main .feng{ position:absolute; display:none; width:347px; height:85px; left:-230px; top:-78px; background:url(../images/vf1.png) no-repeat 0 top; z-index:10;}
.address-main .feng .sang{ position:absolute; left:235px; bottom:0px; background:url(../images/vf2.png) no-repeat 0 0; width:14px; height:8px;}
.address-main .feng .tree{ height:62px; width:330px; margin:9px; }
.address-main .feng .tree .boou{ width:86px; height:62px; float:left;}
.address-main .feng .tree .du_size{ float:right; height:62px; width:230px;}
.address-main .feng .tree .du_size p{ font-size:12px; color:#FFF; line-height:20px;}
.address-main .mp10{left:477px; top:442px; z-index: 3;}
.address-main .mp14{left:742px; top:498px; z-index: 5;}
.address-main .mp16{left:618px; top:581px; z-index: 6;}
.address-main .mp18{left:692px; top:443px; z-index: 4;}
.address-main .mp19{left:727px; top:428px; z-index: 4;}
.address-main .mp22{left:745px; top:345px; z-index: 3;}
.address-main .mp23{left:681px; top:266px; z-index: 2;}
.address-main .mp33{left:766px; top:285px; z-index: 2;}
.address-main .mp34{left:607px; top:450px; z-index: 2;}
/*分公司*/
.address-main .mp35{left:710px; top:334px; z-index: 3;}
.address-main .mp36{left:619px; top:509px; z-index: 5;}
.address-main .mp37{left:672px; top:456px; z-index: 4;}
.address-main .mp38{left:670px; top:496px; z-index: 5;}
.address-main .mp39{left:752px; top:462px; z-index: 4;}
.address-main .mp40{left:633px; top:609px; z-index: 6;}
.address-main .mp41{left:730px; top:544px; z-index: 5;}
.address-main .mp42{left:614px; top:319px; z-index: 2;}
.address-main .mp43{left:558px; top:388px; z-index: 3;}
.address-main .mp44{left:640px; top:384px; z-index: 3;}
.address-main .mp45{left:434px; top:456px; z-index: 3;}
.address-main .mp46{left:730px; top:392px; z-index: 3;}
    /*china Map end*/

/*首页地图表单*/
.address .b-form{
    position: absolute;
    top: 290px;
    left: 100px;
    width: 270px;
    height: 430px;
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
    margin-top: 25px;
}
.address .b-form .form-con{
    margin: 0 15px 15px;
}
.address .b-form p.tit{
    font-size: 25px;
    line-height: 60px;
/*    background: #4baa47;*/
    color: #fff;
    border-radius: 10px 10px 0 0;
    font-weight: 800;
    text-align: center;
}
.address .b-form p.des{
/*    background: #4baa47;*/
    font-size: 16px;
    color: #fff;
    text-align: center;
    height: 40px
}
.address .b-form p.tit span{
    color: #FFD700;
}
.address .b-form input{
    height: 40px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
}
.address .b-form #username{
    width: 227px;
    height: 40px;
    line-height: 40px;
    font-family: "Microsoft YaHei", Arial, Tahoma;
    border-radius: 4px;
    background: #fafafa;
    padding-left: 15px;
    border: none;
    font-size: 16px;
    float: left;
    margin-top: 20px;

}

.address .b-form #phone{
    width: 227px;
    height: 40px;
    line-height: 40px;
    font-family: "Microsoft YaHei", Arial, Tahoma;
    border-radius: 4px;
    background: #fafafa;
    padding-left: 15px;
    border: none;
    font-size: 16px;
    margin: 10px 0;

}
.address .b-form #qq{
    width: 227px;
    height: 40px;
    line-height: 40px;
    font-family: "Microsoft YaHei", Arial, Tahoma;
    border-radius: 4px;
    background: #fafafa;
    padding-left: 15px;
    border: none;
    font-size: 16px;

}
.address .b-form #submit{
    display: inline-block;
    width: 190px;
    text-align: center;
    background: #FFD700;
    font-size: 18px;
    color: #333;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    margin: 20px 0 10px 30px;
    border: none;
    cursor: pointer;
    outline: none;

}
.address .b-form .ti{
    color: #FFD700;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
    font-size: 14px;
}
.address .b-form .ming{
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.address .b-form .ming span{
    color: #FFD700;
}
/*首页地图表单*/


/*address end*/

/*yoodao news*/

.yoodao-news{
    width: 100%;
}
.yoodao-news .more span{
    float: right;
}
.yoodao-news .more em{
    width: 4px;
}
.yoodao-news .more a{
    font-size: 14px;
    color: #666;
}
.yoodao-news .a-r-left{
    float: left;
    width: 800px;
    margin-right: 30px;
}
.yoodao-news .a-r-left .main ul li.list{
    width: 800px;
    height: 160px;
}
.yoodao-news .a-r-left .main ul li.list .thum{
    float: left;
    width: 200px;
    height: 125px;
}
.yoodao-news .a-r-left .main ul li.list .thum img{
    width: 200px;
    height: 125px;
}
.yoodao-news .a-r-left .main ul li.list .con{
    float: left;
    width: 540px;
    height: 125px;
    padding-left: 20px;
    box-sizing: border-box;
}
.yoodao-news .a-r-left .main ul li.list .con a{
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}
.yoodao-news .a-r-left .main ul li.list .con p{
    line-height: 20px;
    color: #666;
}
.yoodao-news .a-r-left .main ul li.list .con a:hover{
    color: #E52500;
}
.yoodao-news .a-r-left .main ul li.list .con .box .acco{
    float: left;
    height: 20px;
    line-height: 20px;
    border: 1px solid #E52500;
    padding: 3px 5px;
    border-radius: 3px;
    margin-right: 
    
}
.yoodao-news .a-r-left .main ul li.list .con .box .acco a{
    display: inline-block;
    font-size: 14px;
    color: #E52500;
    
}
.yoodao-news .a-r-left .main ul li .con .box .tag{
    float: left;
    margin: 0 10px;
}
.yoodao-news .a-r-left .main ul li .con .box .tag li{
    float: left;
    margin: 0 5px;
    line-height: 28px;
}
.yoodao-news .a-r-left .main ul li .con .box .fen{
    float: right;
}
.yoodao-news .a-r-left .main ul li .con .share{
    float: right;
}
.yoodao-news .a-r-left .main ul li .con .time{
    float: right;
    padding: 0 10px;
    line-height: 28px;
    color: #999;
}
.yoodao-news .a-r-right{
    float: left;
    width: 370px;
}
.yoodao-news .a-r-right .img{
    position: relative;
    width: 370px;
    height: 177px;
    margin-bottom: 10px;
    overflow: hidden;
}
.yoodao-news .a-r-right .img:before{
    content: '';
    position: absolute;
    top: -80px;
    width: 60px;
    height: 300px;
    background: linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
    display: inline-block;
    transform:skewX(-45deg);
    animation: mymove 1s ease-in 1s infinite;
    }
    @keyframes mymove{
    from {left:-100px;}
    to {left:390px;}
}
.yoodao-news .a-r-right img{
    width: 370px;
    height: 177px;
}
.yoodao-news .rong{
    width: 1200px;
    
}
.yoodao-news .warp{
    width: 1200px;
    height: 400px;
    overflow: hidden;
}
.yoodao-news .rong ul{
    position: relative;
    left: 0;
    width: 4800px;
    height: 175px;
}
.yoodao-news .rong ul li{
    float: left;
    width: 220px;
    height: 160px;
    margin: 0 10px;
}
.yoodao-news .rong ul li img{
    width: 220px;
    height: 160px;
}
.yoodao-news .rong ul.long li{
    width: 150px;
    height: 200px;
}
.yoodao-news .rong ul.long li img{
    width: 150px;
    height: 200px;
}
.public-area-tit{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #eee;
}
.public-area-tit h2{
    color: #333;
    font-size: 20px;
     line-height: 60px;
    
}
.public-area-tit h2 em{
    position: relative;
    top: 3px;
    left: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background:url('../images/iconbg.png') no-repeat 4px 0;
    margin-right: 20px;
}

/*Enterprise service strat*/
.enterprise{
    height:500px;
}
.enterprise-main>ul>li{
    float: left;
    width: 378px;
    height: 374px;
    background: #fff;
    padding: 5px 30px;
    margin-right:32px;
    box-sizing: border-box;
}
.enterprise-main>ul>li:last-of-type{
    margin:0;
}
.enterprise-main>ul>li>h2{
    font-size: 20px;
    color: #F89F27;
    height: 50px;
    line-height: 50px;
}
.enterprise-main>ul>li>.e-m-img-main{
    position: relative;
    width: 320px;
    height: 210px;
    margin-bottom: 10px;
}
.enterprise-main>ul>li>.e-m-img-main img{
    width: 320px;
    height: 210px;
    transition: 0.5s;
}
.enterprise-main>ul>li>.e-m-img-main .e-m-img-box{
    width: 320px;
    height: 210px;
    overflow: hidden;
}
.enterprise-main>ul>li>.e-m-img-main p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 320px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background: rgba(0,0,0,.5);
    text-align: center;
}
.enterprise-main>ul>li>.e-m-img-main:hover >.e-m-img-box>img{
    -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
.enterprise-main>ul>li>p{
    font-size: 14px;
    color: #333;
    line-height: 30px;
}
/*Enterprise service end*/

/*link start*/
.link{
    height: 50px;
    margin-bottom: 10px;
}
.l-tab{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:16px;
    color: #333;
}
.l-tab > ul > li{
    float: left;
    width:120px;
    text-align: center;
    cursor: pointer;
}
.l-tab > ul > li.l-active{
    background: #34C9DD;
    color:#fff;
}
.link .l-cont ul{
    display: none;
    margin:10px 0;
}
.link .l-cont ul.con-active{
    display: block;
}
.link .l-cont ul li{
    line-height: 80px;
    float: left;
    
}
.link .l-cont ul.l-cont1 li{
    width: 154px;
    height: 80px;
    margin-right:15px;
    border-radius: 5px;
}
.link .l-cont ul.l-cont1 li img{
    width: 154px;
    height: 80px;
    border-radius: 5px;
}
.link .l-cont ul.l-cont1 li:nth-of-type(7){
    margin:0;
}
.link .l-cont ul.l-cont2 li a{
    font-size: 14px;
    color: #333;
    padding: 0 10px
}
/*link end*/

  /*content end*/

/* .footer start */
.footer-box {
    width: 100%;
    background: rgba(0,0,0,.5);
}
.footer{
    position: relative;
    width:1200px;
    margin: 0 auto;
    color: #fff;
}
.footer .f-nav{
    width: 100%;
    height: 100px;
    line-height: 100px;
}
.footer .f-nav ul li{
    float: left;
    padding: 0 15px;
}
.footer .f-nav ul li a{
    font-size: 18px;
    color: #fff;
}
.footer .f-nav ul li.f-active{
    background: url(../images/footer-h.png) no-repeat
}
.footer .f-cont{
    margin: 30px 0;
}
.footer .f-cont ul li{
    display: none;
}
.footer .f-cont ul li.con-active{
    display: block;
}
.footer .f-cont ul li p{
    font-size: 16px;
    line-height: 30px;
}
.footer .weixin{
    position: absolute;
    top: 25px;
    right: 140px;
}
.footer .weixin span{
    display: inline-block;
    width: 150px;
    font-size: 18px;
    line-height: 50px;
}
.footer .weixin img{
    width: 150px;
}
.footer .weibo{
    position: absolute;
    top: 75px;
    right: 180px;
	display:none;
}
.footer .weibo img{
    width: 150px;
}
.footer .weibo p{
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}

.footer .weixin p{
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}
.course-link{
    position: absolute;
    top: 210px;
    left: 0;
}
.course-link h3{
    font-weight: 400;
    font-size: 16px;
}
.course-link > a{
    font-size: 14px;
    color: #fff;
    padding: 0 5px;
}
.course-link > a:hover{
    text-decoration: underline;
}

.f-link{
    height: 150px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding-top: 80px;
    box-sizing: border-box;
}
.f-link a{
    color: #fff;
    font-size: 16px;
    padding: 0 10px;
}
.f-link p{
    font-size: 14px;
    line-height: 30px;
}
/* footer end */


/*友道介绍*/


/*about public-adimg*/
.about-bg{
    background: #DD6707;
}
.baoming-bg{
    background: #F9D064;
}

/*about-content start*/
.about-content{
    width:1200px;
    margin:0 auto;
}

/*company start*/
.about-content .company{
    width: 100%;
    height: 300px;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 30px;
}

.about-content .company p{
    font-size: 16px;
    color: #333;
    text-indent: 2em;
    line-height: 35px;
}
.about-content .company .c-cont{
    margin-top: 30px;
    width: 100%;
}
.about-content .company img{
    width: 340px;
    height: 300px;
    float: right;
}
/*company end*/

/*path start*/
.path{
    position: relative;
    width: 1200px;
    height: 700px;
    margin: 0 auto;
    background: url('../images/map.png') no-repeat 400px 50px;
    background-size: 700px;
}
.path .left{
    position: absolute;
    top: 150px;
    left: 80px;
    width: 270px;
    height: 400px;
    background: #e2e2e2 url('../images/about.png') no-repeat 20px 60px;
    border-radius: 8px;
    padding: 50px;
    box-sizing: border-box;
}
.path .left ul li{
    height: 70px
}
.path .left h3{
    font-size: 24px;
    color: #333;
    line-height: 35px;
}
.path .left h3 span.red{
    color: #269ACC;
}
.path .left h3 span.line{
    position: relative;
    top: -6px;
    display: inline-block;
    width: 40px;
    height: 4px;
    background: #269ACC;
    margin-left: 30px;
}
.path .left p{
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

/*path end*/

.a-develo{
    width: 100%;
    height: 400px;
    background: url('../images/128.png') no-repeat center 0;
}

/*dynamic start*/
.a-dynamic{
    height: 620px;
    text-align: center;
}
.a-dynamic ul{
    margin-top: 30px;
}
.a-dynamic ul li{
    float: left;
    width: 360px;
    height: 280px;
    margin: 15px 20px;
}
.a-dynamic ul li .img{
    position: relative;
    width: 360px;
    height: 220px;
    margin-bottom: 10px;
    overflow: hidden;
}
.a-dynamic ul li img{
    width: 360px;
    height: 220px;
    border-radius: 8px;
}
.a-dynamic ul li a.tit{
    display: inline-block;
    font-size: 14px;
    color: #333;
    width: 300px
}
.a-dynamic ul li a:hover{
    color: red;
}
.a-dynamic ul li .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    height: 220px;
    opacity: 0;
    filter:Alpha(opacity=0);
    transition: 0.5s;
    background: rgba(0,0,0,0.4);
    border-radius: 8px;
}
.a-dynamic .line1{
    position: absolute;
    top: 218px;
    left: -108px;
    width: 210px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    transition: 0.5s;
}
.a-dynamic .line2{
    position: absolute;
    top: 0px;
    left: 254px;
    width: 210px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    transition: 0.5s;
}
.a-dynamic ul li:hover .line1{
    top: 144px;
    left: -30px;
}
.a-dynamic ul li:hover .line2{
    top: 74px;
    left: 180px;
}
.a-dynamic ul li:hover .bg{
    opacity: 1;
    filter:Alpha(opacity=100);
}
/*dynamic end*/
/*about us start*/
.about-content .aboutus{
    width:100%;
    height: 350px;
}
.about-content .aboutus ul{
    margin-top: 40px;
}
.about-content .aboutus ul li{
    position: relative;
    float: left;
    width: 390px;
    height: 140px;
    background: #ddd;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 40px 20px 0 90px;
    box-sizing: border-box;
    border-radius: 8px;
}
.about-content .aboutus ul li span{
    position: absolute;
    top: 55px; 
    left: 30px;
    font-size: 45px;
    color: #333;
    
}
.about-content .aboutus ul li:nth-child(3) span{
    font-size: 50px;
}
.about-content .aboutus ul li:nth-child(3),.about-content .aboutus ul li:nth-child(6){
    margin: none;
}
.about-content .aboutus p{
    font-size:16px;
    line-height:30px;
    color: #333;
}
/*about us end*/
/*about-content end*/

/*article*/
.article{
    width: 1200px;
    margin: 0 auto;
}
.article .left{
    float: left;
    width: 900px;
    margin-right: 20px;
}
.article .left > h3.title{
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin: 20px;
}
.article .left .warp{
    color: #999;
    text-align: center;
}
.article .left .warp span{
    padding-right: 30px;
}
.article .left .content{
    color: #333;
    font-size: 14px;
    padding: 30px;
}
.article .left .share{
    text-align: right;
    padding-right: 30px;
}
.article .left .go{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.article .left .go a{
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin: 0 20px
}
.article .left .go a:hover{
    color: #DD6707;
}
.article .left .related h3{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
}
.article .left .related ul li{
    float: left;
    width: 450px;
    height: 40px;
    line-height: 40px;
}
.article .left .related ul li a{
    font-size: 14px;
    color: #666;
}
.article .left .related ul li a:hover{
    color: #DD6707;
}
.article .right{
    float: left;
    width: 280px;
}
.article .right .ad img{
    width: 280px;
    height: 250px;
}
.article .right h3.ri-tit{
    font-size: 18px;
    color: #333;
    line-height: 40px;
}
.article .right h3.ri-tit span{
    position: relative;
    top: 5px;
    display: inline-block;
    width: 4px;
    height: 20px;
    background: red;
    margin-right: 20px;
}
.article .right .hotnews ul li{
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.article .right .hotnews ul li span{
    position: relative;
    top: 2px;
    padding-right: 5px;
}
.article .right .hotnews ul li a{
    font-size: 14px;
    color: #333;
}
.article .right .hotnews ul li a:hover{
    color: #DD6707;
}
.article .right .recom > a{
    display:inline-block;
    width: 75px;
    height: 100px;
    text-align: center;
    color: #333;
    margin: 10px 8px 0 8px;
}
.article .right .recom > a .icon img{
    width: 65px;
    height: 65px;
    transition: 0.5s;
}
.article .right .recom > a:hover{
    color: #DD6707;
}
.article .right .recom > a:hover .icon img{
    transform: rotate(360deg);
}
/*article*/

/*baoming form*/
.baoming-form{
    width: 1200px;
    margin: 0 auto;
}
.baoming-form h2{
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    margin: 60px 0 55px 0;
}
.baoming-form p{
    font-size: 14px;
    color: #333;
    line-height: 35px;
}
.baoming-form p i{
    position: relative;
    top: 3px;
    font-size: 30px;
    color: #0099ff;
}
.baoming-form p span{
    font-size: 18px;
    color: #0099ff;
    margin: 0 15px;
}
.baoming-form .main{
    margin-top: 50px;
}
.baoming-form .main h3{
    font-size: 22px;
    color: #0099ff;
    font-weight: 400;
    text-align: center;
    line-height: 40px;
}
.baoming-form .main h3:before{
    content: '';
    display: block;
    width: 108px;
    color: #0099ff;
    position: relative;
    border: 1.5px solid #0099ff;
    top: 40px;
    left: 544px;
}
.baoming-form .main .con{
    background: #fff;
    padding: 40px;
    box-shadow: 0 0 10px #ddd;
}
.baoming-form .main .con p{
    float: left;
    width: 320px;
    height: 66px;
    color: #333;
    font-size: 16px;
    margin-right: 80px;
}
.baoming-form .main .con p input{
    width: 240px;
    height: 40px;
    font-size: 14px;
    color: #999;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
.baoming-form .main .con p select{
    height: 40px;
    width: 240px;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    border: 1px solid #ddd;
}
.baoming-form .main .con .btn{
    width: 228px;
    height: 50px;
    margin: 0 auto;
    padding-top: 50px;
}
.baoming-form .main .con .btn:hover input{
    background: #0AA1FF;
}
.baoming-form .main .con .btn input{
    width: 228px;
    height: 50px;
    border: none;
    border-radius: 5px;
    background: #0099ff;
    color: #fff;
    font-size: 14px;
}

.payment {
    width: 100%;
    height: 860px;
    background: #fff;
    margin-top: 50px;
}
.payment .main{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.payment .main h2{
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    line-height: 130px;
}
.payment .main .con > h3{
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #0099ff;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin: 15px 0;
}
.payment .main .con > p{
    color: #333;
    font-size: 18px;
    line-height: 30px;
}
.payment .main .shouk{
    border: 2px solid #0099ff;
    margin-top: 40px;
}
.payment .main .shouk h3{
    font-size: 18px;
    font-weight: 400;
    background: #0099ff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.payment .main .shouk .img{
    width: 450px;
    margin: 30px auto 0;
}
.payment .main .shouk p{
    width: 450px;
    font-size: 22px;
    height: 170px;
    line-height: 50px;
    margin: 0 auto;
    color: #333;
}
.payment .main .shouk p span{
    font-size: 24px;
}
.payment .main .con .red{
    font-size: 18px;
    height: 60px;
    line-height: 100px;
    color: red;
}
.ruxue-l {
    width: 1200px;
    margin: 0 auto;
    height: 600px;
}
.ruxue-l > h2{
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    line-height: 130px;
}
.ruxue-l ul li{
    float: left;
    position: relative;
    width: 230px;
    height: 338px;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #aaa;
    overflow: hidden;
    margin: 0 35px;
}
.ruxue-l ul li .img{
    position: relative;
    width: 150px;
    height: 110px;
    background: url('../images/form01.png') no-repeat center 0;
    margin: 15px auto;
    text-align: center;
}
.ruxue-l ul li:nth-child(2) .img{
    background: url('../images/form02.png') no-repeat center 0;
}
.ruxue-l ul li:nth-child(3) .img{
    background: url('../images/form03.png') no-repeat center 0;
}
.ruxue-l ul li:nth-child(4) .img{
    background: url('../images/form04.png') no-repeat center 0;
}
.ruxue-l ul li .img p{
    display: inline-block;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    background: #0099ff;
    border-radius: 10px; 
    color: #fff;
    padding: 0 8px;
    margin-top: 85px;
}
.ruxue-l ul li > p{
    background: #ECF6FD;
    padding: 0 10px;
    color: #666;
}
.ruxue-l ul li > span{
    position: absolute;
    bottom: -12px;
    right: -12px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #0099ff;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    color: #fff;
}
/*baoming form*/

/*友道介绍end*/

/*培训课程*/
/*course public-adimg*/
.course-bg{
    background: #01BCC3;
}

/*course content*/
.course-con{
    width:1200px;
    height:auto;
    margin:0 auto 20px;
}
.course-con .c-left{
    float: left;
    width: 234px;
    height: 403px;
    background: url('../images/01.jpg') no-repeat 0 0 ;
    text-align: center;
    margin-right: 20px;
}
.course-con:nth-child(2) .c-left{
    background: url('../images/02.jpg') no-repeat 0 0 ;
}
.course-con .c-left p{
    width: 185px;
    height: 90px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #fff;
    margin: 70px auto;
    padding: 10px 0;
    box-sizing: border-box;
}
.course-con .c-left span{
    display: block;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.course-con .c-left >a{
    display: inline-block;
    background: #fff;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    cursor: pointer;
}
.course-con .c-left >a span{
    position: relative;
    top: 2px;
    display: inline;
    color: #333;
    font-size: 20px;
    padding-right: 5px;
}
.course-con .c-right{
    float: left;
    width: 946px;
    height: 403px;
}
.course-con .c-right .list{
    float: left;
    width: 660px;
    height: 200px;
    background: #fff;
    margin-right: 20px;
}
.course-con .c-right .list ul{
    margin-top: 20px
}
.course-con .c-right .list li{
    float: left;
    margin: 10px 20px;
}
.course-con .c-right .kaib{
    float: left;
    width: 264px;
    height: 200px;
    background: #fff;
}
.course-con .c-right .imgicon{
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: url(../images/l07.png) no-repeat 0 0;
}
.course-con .c-right .text{
    float: left;
    width: 120px;
    height: 60px;
    box-sizing: border-box;
    padding: 15px 0 0 10px;
}
.course-con .c-right .text h3{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.course-con .c-right .text h3 a{
    color: #333;
    cursor: pointer;
}
.course-con .c-right .text p{
    color: #999;
    line-height: 20px;
}
.course-con .c-r-top{
    width: 100%;
    height: 200px;
}
.course-con .kaib .tit{
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #3f86d6;
    margin: 0 auto;
    text-align: center;
    border-top: 4px solid #3f86d6;
}
.course-con .kaib .con{
    width: 150px;
    border: 2px solid #3f86d6;
    text-align: center;
    padding: 10px 0;
    margin: 20px auto;
    border-radius: 5px;
}
.course-con .kaib .con p{
    line-height: 25px;
    font-size: 16px;
    
}
.course-con .kaib .con p.red{
    color: red;
}
.course-con .c-r-bottom{
    width: 100%;
    height: 200px;
}
.course-con .c-r-bottom ul{
    margin-top: 12px
}
.course-con .c-r-bottom ul li{
    float: left;
    position: relative;
    background: pink;
    width: 180px;
    height: 190px;
    margin-right: 11px;
}
.course-con .c-r-bottom ul li:last-child{
    margin: 0;
}
.course-con .c-r-bottom ul li img{
    width: 180px;
    height: 190px;
}
.course-con .c-r-bottom ul li p{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    background: rgba(0,0,0,0.6);
    width: 180px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.course-con .c-r-bottom ul li:hover p{
	background: #5093E2;
}
.course-con .qing ul li:hover p{
	background: #3FA9E3;
}
.course-con .yellow2 ul li:hover p{
	background: #C99438;
}
.course-con .c-list{
    width: 100%;
    height: 130px;
    border: 1px solid #ddd;
    margin-top: 10px;
}
.course-con .c-list .list-tit{
    position: relative;
    top: -1px;
    width: 100%;
    height: 40px;
    border-top: 2px solid #E66B46;
}

.course-con .c-list h3{
    font-size: 14px;
    font-weight: normal;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #E66B46;
    color: #fff;
    text-align: center;
}
.course-con .c-list ul{
    margin-top: 10px;
}
.course-con .c-list ul li{
    float: left;
    margin: 0 10px;
    height: 30px;
    line-height: 40px;
    width: 280px;
}
.course-con .c-list ul li a{
    font-size: 14px;
    color: #333;
}
.course-con .c-list ul li span{
    color: #E66B46;
    padding: 10px;
}

.course-con .c-list ul li a:hover{
    color: #E66B46;
}
.course-con .warp{
    height: 403px;
    margin-top: 20px;
}
/*微电子小图标*/
.course-con .warp .c-right .list li:nth-child(1) .imgicon:hover{
    background: url(../images/l02.jpg) no-repeat 0 0;
}
.course-con .warp .c-right .list li:nth-child(2) .imgicon{
    background: url(../images/l04.png) no-repeat 0 0;
}
.course-con .warp .c-right .list li:nth-child(2) .imgicon:hover{
    background: url(../images/l09.png) no-repeat 0 0;
}
.course-con .warp .c-right .list li:nth-child(3) .imgicon{
    background: url(../images/l06.png) no-repeat 0 0;
}
.course-con .warp .c-right .list li:nth-child(3) .imgicon:hover{
    background: url(../images/l12.png) no-repeat 0 0;
}
.course-con .warp .c-right .list li:nth-child(4) .imgicon{
    background: url(../images/l03.png) no-repeat 0 0;
}
.course-con .warp .c-right .list li:nth-child(4) .imgicon:hover{
    background: url(../images/l08.png) no-repeat 0 0;
}
.course-con .warp .c-right .list li:nth-child(5) .imgicon{
    background: url(../images/l05.png) no-repeat 0 0;
}
.course-con .warp .c-right .list li:nth-child(5) .imgicon:hover{
    background: url(../images/l10.png) no-repeat 0 0;
}
.course-con .warp .c-right .list li:nth-child(6) .imgicon{
    background: url(../images/l.png) no-repeat 0 0;
}
.course-con .warp .c-right .list li:nth-child(6) .imgicon:hover{
    background: url(../images/l11.png) no-repeat 0 0;
}

/*java小图标*/
.course-con .warp2icon li:nth-child(1) .imgicon{
    background: url(../images/dasj07.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(1) .imgicon:hover{
    background: url(../images/dasj01.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(2) .imgicon{
    background: url(../images/dasj09.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(2) .imgicon:hover{
    background: url(../images/dasj03.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(3) .imgicon{
    background: url(../images/dasj11.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(3) .imgicon:hover{
    background: url(../images/dasj05.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(4) .imgicon{
    background: url(../images/dasj08.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(4) .imgicon:hover{
    background: url(../images/dasj02.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(5) .imgicon{
    background: url(../images/dasj10.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(5) .imgicon:hover{
    background: url(../images/dasj04.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(6) .imgicon{
    background: url(../images/dasj12.png) no-repeat 0 0 !important;
}
.course-con .warp2icon li:nth-child(6) .imgicon:hover{
    background: url(../images/dasj06.png) no-repeat 0 0 !important;
}

/*大数据小图标*/
.course-con .warp3icon li:nth-child(1) .imgicon{
    background: url(../images/h01.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(1) .imgicon:hover{
    background: url(../images/h07.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(2) .imgicon{
    background: url(../images/h03.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(2) .imgicon:hover{
    background: url(../images/h09.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(3) .imgicon{
    background: url(../images/h05.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(3) .imgicon:hover{
    background: url(../images/h11.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(4) .imgicon{
    background: url(../images/h02.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(4) .imgicon:hover{
    background: url(../images/h08.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(5) .imgicon{
    background: url(../images/h04.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(5) .imgicon:hover{
    background: url(../images/h10.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(6) .imgicon{
    background: url(../images/h06.png) no-repeat 0 0 !important;
}
.course-con .warp3icon li:nth-child(6) .imgicon:hover{
    background: url(../images/h12.png) no-repeat 0 0 !important;
}

/*ARM小图标*/
.course-con .arm .c-r-top .list li:nth-child(1) .imgicon{
    background: url(../images/04icon.png) no-repeat 0 0 !important;
}
.course-con .arm .c-r-top .list li:nth-child(1) .imgicon:hover{
    background: url(../images/04icon.png) no-repeat 0 -372px !important;
}
.course-con .arm .c-r-top .list li:nth-child(2) .imgicon{
    background: url(../images/04icon.png) no-repeat 0 -122px !important;
}
.course-con .arm .c-r-top .list li:nth-child(2) .imgicon:hover{
    background: url(../images/04icon.png) no-repeat 0 -495px !important;
}
.course-con .arm .c-r-top .list li:nth-child(3) .imgicon{
    background: url(../images/04icon.png) no-repeat 0 -245px !important;
}
.course-con .arm .c-r-top .list li:nth-child(3) .imgicon:hover{
    background: url(../images/04icon.png) no-repeat 0 -618px !important;
}
.course-con .arm .c-r-top .list li:nth-child(4) .imgicon{
    background: url(../images/04icon.png) no-repeat 0 -60px !important;
}
.course-con .arm .c-r-top .list li:nth-child(4) .imgicon:hover{
    background: url(../images/04icon.png) no-repeat 0 -434px !important;
}
.course-con .arm .c-r-top .list li:nth-child(5) .imgicon{
    background: url(../images/04icon.png) no-repeat 0 -184px !important;
}
.course-con .arm .c-r-top .list li:nth-child(5) .imgicon:hover{
    background: url(../images/04icon.png) no-repeat 0 -557px !important;
}
.course-con .arm .c-r-top .list li:nth-child(6) .imgicon{
    background: url(../images/04icon.png) no-repeat 0 -308px !important;
}
.course-con .arm .c-r-top .list li:nth-child(6) .imgicon:hover{
    background: url(../images/04icon.png) no-repeat 0 -680px !important;
}
.course-con .arm .tit{
    color: #C83DDC;
    border-color: #C83DDC;
}
.course-con .arm .con{
    border-color: #C83DDC;
}
.course-con .arm .w307 li:hover p{
    background-color: #C83DDC;
}
.course-con .arm .c-left p{
    margin-bottom: 30px;
}
.course-con .arm .c-left span{
    text-align: left;
    padding: 0 10px;
}


/*linux小图标*/
.course-con .linux .c-r-top .list li:nth-child(1) .imgicon{
    background: url(../images/05icon.png) no-repeat 0 0 !important;
}
.course-con .linux .c-r-top .list li:nth-child(1) .imgicon:hover{
    background: url(../images/05icon.png) no-repeat 0 -372px !important;
}
.course-con .linux .c-r-top .list li:nth-child(2) .imgicon{
    background: url(../images/05icon.png) no-repeat 0 -122px !important;
}
.course-con .linux .c-r-top .list li:nth-child(2) .imgicon:hover{
    background: url(../images/05icon.png) no-repeat 0 -495px !important;
}
.course-con .linux .c-r-top .list li:nth-child(3) .imgicon{
    background: url(../images/05icon.png) no-repeat 0 -245px !important;
}
.course-con .linux .c-r-top .list li:nth-child(3) .imgicon:hover{
    background: url(../images/05icon.png) no-repeat 0 -618px !important;
}
.course-con .linux .c-r-top .list li:nth-child(4) .imgicon{
    background: url(../images/05icon.png) no-repeat 0 -60px !important;
}
.course-con .linux .c-r-top .list li:nth-child(4) .imgicon:hover{
    background: url(../images/05icon.png) no-repeat 0 -434px !important;
}
.course-con .linux .c-r-top .list li:nth-child(5) .imgicon{
    background: url(../images/05icon.png) no-repeat 0 -184px !important;
}
.course-con .linux .c-r-top .list li:nth-child(5) .imgicon:hover{
    background: url(../images/05icon.png) no-repeat 0 -557px !important;
}
.course-con .linux .c-r-top .list li:nth-child(6) .imgicon{
    background: url(../images/05icon.png) no-repeat 0 -308px !important;
}
.course-con .linux .c-r-top .list li:nth-child(6) .imgicon:hover{
    background: url(../images/05icon.png) no-repeat 0 -680px !important;
}
.course-con .linux .tit{
    color: #3DDCB5;
    border-color: #3DDCB5;
}
.course-con .linux .con{
    border-color: #3DDCB5;
}
.course-con .linux .w307 li:hover p{
    background-color: #3DDCB5;
}
.course-con .linux .c-left p{
    margin-bottom: 30px;
}
.course-con .linux .c-left span{
    text-align: left;
    padding: 0 10px;
}



/*fpga小图标*/
.course-con .fpga .c-r-top .list li:nth-child(1) .imgicon{
    background: url(../images/06icon.png) no-repeat 0 0 !important;
}
.course-con .fpga .c-r-top .list li:nth-child(1) .imgicon:hover{
    background: url(../images/06icon.png) no-repeat 0 -372px !important;
}
.course-con .fpga .c-r-top .list li:nth-child(2) .imgicon{
    background: url(../images/06icon.png) no-repeat 0 -122px !important;
}
.course-con .fpga .c-r-top .list li:nth-child(2) .imgicon:hover{
    background: url(../images/06icon.png) no-repeat 0 -495px !important;
}
.course-con .fpga .c-r-top .list li:nth-child(3) .imgicon{
    background: url(../images/06icon.png) no-repeat 0 -245px !important;
}
.course-con .fpga .c-r-top .list li:nth-child(3) .imgicon:hover{
    background: url(../images/06icon.png) no-repeat 0 -618px !important;
}
.course-con .fpga .c-r-top .list li:nth-child(4) .imgicon{
    background: url(../images/06icon.png) no-repeat 0 -60px !important;
}
.course-con .fpga .c-r-top .list li:nth-child(4) .imgicon:hover{
    background: url(../images/06icon.png) no-repeat 0 -434px !important;
}
.course-con .fpga .c-r-top .list li:nth-child(5) .imgicon{
    background: url(../images/06icon.png) no-repeat 0 -184px !important;
}
.course-con .fpga .c-r-top .list li:nth-child(5) .imgicon:hover{
    background: url(../images/06icon.png) no-repeat 0 -557px !important;
}
.course-con .fpga .c-r-top .list li:nth-child(6) .imgicon{
    background: url(../images/06icon.png) no-repeat 0 -308px !important;
}
.course-con .fpga .c-r-top .list li:nth-child(6) .imgicon:hover{
    background: url(../images/06icon.png) no-repeat 0 -680px !important;
}
.course-con .fpga .tit{
    color: #DC5A3D;
    border-color: #DC5A3D;
}
.course-con .fpga .con{
    border-color: #DC5A3D;
}
.course-con .fpga .w307 li:hover p{
    background-color: #DC5A3D;
}
.course-con .fpga .c-left p{
    margin-bottom: 30px;
}
.course-con .fpga .c-left span{
    text-align: left;
    padding: 0 10px;
}



.course-con .warp2icon .tit{
    color: #3FB0EA ;
    border-top: 4px solid #3FB0EA;
}
.course-con .warp2icon .con{
    border: 2px solid #3FB0EA;
}
.course-con .yellow .tit{
    color: #D1A34D ;
    border-top: 4px solid #D1A34D;
}
.course-con .yellow .con{
    border: 2px solid #D1A34D;
}
.course-con .qing li:hover p{
    background: #3FB0EA;
}
.course-con .yellow2 li:hover p{
    background: #D1A34D;
}

.course-con .warp2bg{
    background: url('../images/02.jpg');
}
.course-con .warp3bg{
    background: url('../images/03.jpg');
}
.course-con .arm .c-left{
    background: url('../images/04.jpg');
}
.course-con .linux .c-left{
    background: url('../images/05.jpg');
}
.course-con .fpga .c-left{
    background: url('../images/06.jpg');
}
.course-con .warp .c-right .w307 li{
    width: 307px; 
}
.course-con .warp .c-right .w307 li img{
    width: 307px;
}
.course-con .warp .c-right .w307 li p{
    width: 100%;
}




/*course end*/
/*培训课程end*/

/*豪华名师*/
/*teacher-b-bg*/
.teacher-b-bg{
    background: #6C5E99;
}

/*teacher-nav start*/
.teacher-nav{
    position: relative;
    width:1200px;
    margin:0 auto;
    height:4260px;
}
.teacher-nav .t-n-left{
    position: absolute;
    top: 20px;
    left: 0;
    width:150px;
    background: #ddd;
}
.teacher-nav .t-n-left h2{
    font-size: 16px;
    text-indent: 30px;
    padding-top: 20px;
}
.teacher-nav .t-n-left>ul{
    margin: 30px;
    border-left:1px solid #999;
}
.teacher-nav .t-n-left ul li{
    font-size: 14px;
    color: #333;
    height: 30px;
    cursor: pointer;
}
.teacher-nav .t-n-left ul li a{
    color: #333;
}
.teacher-nav .t-n-left>ul li span{
    position: relative;
    top: 3px;
    left: -8px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border:1px solid #666;
    background: #fff;
}
.teacher-nav .t-n-left>ul li.on{
    color: #E2006C;
}
.teacher-nav .t-n-left>ul li.on a{
    color: #E2006C;
}
.teacher-nav .t-n-left>ul li.on span{
    background: #E2006C;
    border: 1px solid #E2006C;
}
.teacher-nav .t-n-right{
    position: absolute;
    top: 0;
    left: 200px;
    float: left;
    width:1000px;
}
.teacher-nav .t-n-right h2{
    font-size: 20px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
}
.teacher-nav .t-n-right h2 span{
    position: relative;
    top: 5px;
    display: inline-block;
    width: 3px;
    height: 20px;
    background: #E2006C;
    margin-right: 10px;
}
.teacher-nav .t-n-right .t-n-list{
    margin:20px 0;
    height: 230px;
    padding: 10px 0;
}
.teacher-nav .t-n-right .t-n-list:hover{
    background: #eee;
}
.teacher-nav .t-n-right .t-n-list img{
    width: 185px;
    height: 228px;
}
.teacher-nav .t-n-right .t-n-list .list-img{
    float: left;
    margin:0 20px;
}
.teacher-nav .t-n-right .t-n-list .list-con{
    float: left;
}
.teacher-nav .t-n-right .t-n-list .list-con h3{
    height: 25px;
    line-height: 25px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
}
.teacher-nav .t-n-right .t-n-list .list-con h3 span.zhuan{
    background: #E2006C;
    font-size: 12px;
    padding: 2px 5px;
    color:#fff;
    border-radius:5px;
    margin-right: 15px;
}
.teacher-nav .t-n-right .t-n-list .list-con h3 span.line{
    color: #666;
    margin:0 10px;
}
.teacher-nav .t-n-right .t-n-list .list-con h3 span.tit{
    font-size: 16px;
    color: #666;
}
.teacher-nav .t-n-right .t-n-list .list-con p{
    font-size: 16px;
    line-height: 30px;
}
.teacher-nav .t-n-right .t-n-list .list-con .t-link{
    margin-top: 20px;
}
.teacher-nav .t-n-right .t-n-list .list-con .t-link a{
    font-size: 14px;
    border: 1px solid #E2006C;
    border-radius: 5px;
    padding: 5px 10px;
    color: #E2006C;
}
.teacher-nav .t-n-right ul li{
    height: 320px;
}
.t-n-list .tea-txt{
	width: 775px;
}
/*teacher-nav end*/

/*teachershow strat*/
.teachershow .teashow{
    padding: 10px 0;
}
.teachershow .teashow .img{
    float: left;
    width: 240px;
    height: 300px;
    margin-right: 20px;
}
.teachershow .teashow .img img{
    width: 240px;
    height: 300px;
}

.teachershow .teashow .con h3{
    height: 25px;
    line-height: 25px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
}
.teachershow .teashow .con h3 span.zhuan{
    background: #E2006C;
    font-size: 12px;
    padding: 2px 5px;
    color:#fff;
    border-radius:5px;
    margin-right: 15px;
}
.teachershow .teashow .con h3 span.line{
    color: #666;
    margin:0 10px;
}
.teachershow .teashow .con h3 span.tit{
    font-size: 16px;
    color: #666;
}
.teachershow .teashow .con p.tea-txt{
    font-size: 16px;
    line-height: 30px;
}
.teachershow #tjimg div.img{
    width: 120px;
}
.teachershow #tjimg div.img img{
    width: 120px;
    height: 175px;
}
.teachershow #tjimg .con p{
    height: 130px;
}
.teachershow #tjimg ul li{
    height: 200px;
}
/*teachershow end*/


/*豪华名师end*/


/*学员就业*/
/*jiuye-b-bg*/
.jiuye-b-bg{
    background: #651EAA;
}
/*品质高薪*/
.j-quality{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.j-quality .main{
    overflow: hidden;
}
.j-quality .main ul li{
    position: relative;
    float: left;
    width: 380px;
    height: 220px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.j-quality .main ul li:nth-child(3),.j-quality .main ul li:nth-child(6){
    margin: 0;
}
.j-quality .main ul li button{
    position: absolute;
    top: 45px;
    left: 130px;
    padding: 10px 25px;
    border: none;
    background: red;
    color: #fff;
    font-size: 18px;
    display: none;
    border-radius: 8px;
    cursor: pointer;
}
.j-quality .main ul li:hover button{
    display: block;
}
.j-quality .main ul li:hover .durm p{
    display: none;
}
.j-quality .main ul li:nth-child(2) .durm{
	background:url('../images/2.jpg') no-repeat 0 0;

}
.j-quality .main ul li:nth-child(3) .durm{
	background:url('../images/3.jpg') no-repeat 0 0;

}
.j-quality .main ul li:nth-child(4) .durm{
	background:url('../images/4.jpg') no-repeat 0 0;

}
.j-quality .main ul li:nth-child(5) .durm{
	background:url('../images/5.jpg') no-repeat 0 0;

}
.j-quality .main ul li:nth-child(6) .durm{
	background:url('../images/6.jpg') no-repeat 0 0;

}

.j-quality .main .durm{
    width: 100%;
    height: 130px;
    background:url('../images/1.jpg') no-repeat 0 0;
    background-size: 100% 130px;
    border-radius: 5px;
    overflow: hidden;
}

.j-quality .main .durm .bgcolor{
    position: relative;
    width: 100%;
    height: 130px;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    line-height: 130px;
    font-size: 25px;
}
.j-quality .main .durm .bgcolor span{
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 14px;
    background: rgba(0,0,0,.5);
    padding: 5px;
    border-radius: 5px;
    height: 16px;
    line-height: 16px;
}
.j-quality .main .con{
    padding: 10px;
    box-sizing: border-box; 
    background: #fff;
}
.j-quality .main .con p{
    line-height: 30px;
    font-size: 14px;
    color: #333;
}
.j-quality .main .con .salary{
    font-size: 14px;
    color: #F06800;
}
.j-quality .main .con .des{
    padding-top: 15px;
}
.j-quality .main .con .time{
    float: right;
    font-size: 14px;
    color: #666;
}
.j-quality .main .con .time i{
    padding: 0 5px;
}
.jiuye-table{
    width:1200px;
    margin:0 auto;
}
.jiuye-tit{
    height: 160px;
}
.jiuye-tit h2{
    line-height:50px;
    font-size:44px;
    color: #333;
    text-align: center;
    padding:20px 0;
    font-weight: initial;
}
.jiuye-tit h2 .jiuye-tit-color{
	color: red;
}
.jiuye-tit p{
    font-size:18px;
    color:#666;
    text-align: center;
    line-height: 30px;
}

/*客观数据*/
.jke-data{
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}
.jke-data .num li{
    float: left;
    width: 396px;
    height: 130px;
    text-align: center;
    padding-top: 30px;
}
.jke-data .num li em{
    font-size: 60px;
    color: #E43E3E;
}
.jke-data .num li em span{
    font-size: 20px;
}
.jke-data .num li p{
    font-size: 18px;
    color: #999;
    line-height: 30px;
}
.jke-data .logo li{
    float: left;
    width: 183px;
    height: 67px;
    margin: 0px 8px 20px;
    border-radius: 5px;
}
.jke-data .logo li img{
    width: 183px;
    height: 67px;
    border-radius: 5px;
}

/*教学服务*/
.j-tea-ser{
    width: 1200px;
    height: 800px;
    margin: 0 auto;
    overflow: hidden;
}
.j-tea-ser .main{
    position: relative;
    width: 1053px;
    height: 520px;
    background: url('../images/teach.png') no-repeat 0 0;
    background-size: 1053px;
    margin: 0 auto;
}
.j-tea-ser .main li{
    position: absolute;
    width: 200px;
    text-align: center;
}
.j-tea-ser .main li span{
    display: block;
    color: #333;
    font-size: 18px;
    line-height: 30px;
}
.j-tea-ser .main li p{
    font-size: 14px;
    color: #999;
}
.j-tea-ser .main li:nth-child(1){
    top: 295px;
    left: -35px;
}
.j-tea-ser .main li:nth-child(2){
    top: 460px;
    left: 190px;
}
.j-tea-ser .main li:nth-child(3){
    top: 515px;
    left: 425px;
}
.j-tea-ser .main li:nth-child(4){
    top: 460px;
    left: 675px;
}
.j-tea-ser .main li:nth-child(5){
    top: 295px;
    left: 890px;
}
/*一条龙*/
.j-oneservice{
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.j-oneservice ul li{
    float: left;
    width: 380px;
    height: 189px;
    text-align: center;
    border: 1px solid deepskyblue;
    border-radius: 8px;
    margin: 0 10px 10px 8px;
    background: deepskyblue;
    cursor: pointer;
}
.j-oneservice ul li:hover{
    background: #fff;
}
.j-oneservice ul li:hover .icon span{
    color: deepskyblue;
}
.j-oneservice ul li:hover h3{
    color: deepskyblue;
}
.j-oneservice ul li:hover p{
    color: deepskyblue;
}
.j-oneservice .icon{
    margin-top: 50px;
}
.j-oneservice .icon span{
    font-size: 70px;
    color: #fff;
}
.j-oneservice ul li h3{
    font-size: 18px;
    line-height: 40px;
    color: #fff;
}
.j-oneservice ul li p{
    font-size: 14px;
    color: #fff;
}
/*就业协议*/
.j-agreem{
    width: 1200px;
    height: 600px;
    overflow: hidden;
    margin: 0 auto;
}
.j-agreem .main{
    width: 900px;
    margin: 0 auto;
}
.j-agreem .main img{
    width: 900px;
}

.jiuye-wid{
    width:1200px;
    margin:0 auto;
}
.jiuye-end{
    width:100%;
    height: 400px;
    background: url('../images/bg.jpg') center center;
}
.jiuye-end .main{
    width:1200px;
    height:100%;
    margin: 0 auto;
    text-align: center;
}
.jiuye-end .main h3{
    font-size: 40px;
    color: #fff;
    padding-top: 150px;
    
}
.jiuye-end .main a{
    display: inline-block;
    font-size: 18px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;
    background: #F53A49;
    padding: 0 50px;
    border-radius: 5px;
    cursor: pointer;
}

/*学员就业end*/

/*企业内训*/
/*neixun-b-bg*/
.neixun-b-bg{
    background: #BD1314;
}
/*school-b-bg*/
.school-b-bg{
    background: #009DD7;
}
.neixun-desc{
    width:1200px;
    margin:10px auto 50px;
    background: #fff;
}
.neixun-desc h2{
    line-height:30px;
    font-size:25px;
    color: #333;
    text-align: center;
    padding:30px 0;
    font-weight: initial;
}
.neixun-desc p{
    line-height:30px;
    font-size:18px;
    color: #666;
    text-indent:2em;
    padding:20px;
}

/*why neixun start*/
.neixun-why{
    width:1200px;
    margin:0 auto;
    height: 460px;
}
.neixun-public-tit{
    height:50px;
    line-height:50px;
    font-size:25px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: initial;
}
.neixun-why ul li{
    float: left;
    width:270px;
    height:315px;
    background:#fff;
    margin-right:39px;
    border-top:8px solid #D2D2D2;
    transition:0.5s;
}
.neixun-why ul li:hover{
    transform: translate3d(0,0,4px);
    box-shadow:4px 5px 10px #aaa;
}
.neixun-why ul li:nth-of-type(2){
    border-top:8px solid #F9D36B;
}
.neixun-why ul li:nth-of-type(3){
    border-top:8px solid #67CDF2;
}
.neixun-why ul li:nth-of-type(4){
    border-top:8px solid #F9BD6F;
    margin:0;
}
.neixun-why ul li:nth-of-type(2) .imgcon{
    background: url("../images/prise02.png") no-repeat center top;
}
.neixun-why ul li:nth-of-type(3) .imgcon{
    background: url("../images/prise03.png") no-repeat center top;
}
.neixun-why ul li:nth-of-type(4) .imgcon{
    background: url("../images/prise04.png") no-repeat center top;
}
.neixun-why ul li .imgcon{
    width:200px;
    height:170px;
    border:1px solid #fff;
    text-align:center;
    margin:0 auto;
    background: url("../images/prise01.png") no-repeat center top;
    margin-top: 30px;
}

.neixun-why ul li .imgcon span{
    display: block;
    margin-top:140px;
    font-size: 20px;
}
.neixun-why ul li p{
    font-size:14px;
    color:#666;
    line-height:25px;
    padding: 20px;
}

/*liucheng start*/
.neixun-liucheng-box{
    width:100%;
    height:400px;
    background: #fff;
}
.neixun-liucheng{
    width:1200px;
    height:100%;
    margin:0 auto;
    padding: 30px 0;
}
.neixun-liucheng ul li{
    float: left;
    width:150px;
    height:150px;
    border:1px solid #ddd;
    background: url("../images/prise06.png") no-repeat center 40px;
    text-align:center;
}
.neixun-liucheng ul li:nth-of-type(3){
    background: url("../images/prise07.png") no-repeat center 40px;
}
.neixun-liucheng ul li:nth-of-type(5){
    background: url("../images/prise08.png") no-repeat center 40px;
}
.neixun-liucheng ul li:nth-of-type(7){
    background: url("../images/prise09.png") no-repeat center 40px;
}
.neixun-liucheng ul li:nth-of-type(9){
    background: url("../images/prise10.png") no-repeat center 40px;
}
.neixun-liucheng ul li:nth-of-type(11){
    background: url("../images/prise11.png") no-repeat center 40px;
}
.neixun-liucheng ul li:nth-of-type(2n){
    width:37px;
    height:150px;
    background: url("../images/prise05.png") no-repeat 0 65px;
    border:none;
    margin: 0 10px;
}
.neixun-liucheng ul li span{
    display:inline-block;
    font-size: 18px;
    color: #333;
    margin-top: 100px;
}
.neixun-liucheng .look{
    height: 50px;
    text-align: center;
}
.neixun-liucheng .look>a{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background: #0C82DE;
    padding: 10px 30px;
    border-radius: 8px;
    margin-top: 50px;
    cursor: pointer;
}

/*fangshi start*/
.fangshi{
    width:1200px;
    margin:0 auto;
    height: 428px;
}
.fangshi>p{
    font-size:18px;
    color: #666;
    text-align: center;
}
.fangshi .f-con{
    margin-top:30px;
}
.fangshi .f-con ul li{
    float: left;
    width:312px;
    height:248px;
    background: #fff;
    margin:0 43px;
}
.fangshi .f-con ul li .f-w{
    padding:20px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.fangshi .f-con ul li h3{
    width:311px;
    height:58px;
    line-height:58px;
    font-size:25px;
    color: #fff;
    text-align: center;
    background: url("../images/shi01.png") no-repeat 0 0;
}
.fangshi .f-con ul li p{
    font-size: 14px;
    color: #333;
    line-height:25px;
}
/*dianxing start*/
.neixun-dianxing-box{
    width:100%;
    height:390px;
    background: #fff;
}
.neixun-dianxing{
    width:1200px;
    height:100%;
    margin:0 auto;
    border: 1px solid #fff;
}
.neixun-dianxing ul li{
    float: left;
    width:388px;
    height:228px;
    background: url("../images/shi02.jpg") no-repeat 0 0;
    margin-right:17px;
}
.neixun-dianxing ul li:nth-of-type(2){
    background: url("../images/shi03.jpg") no-repeat 0 0;
}
.neixun-dianxing ul li:nth-of-type(3){
    margin:0;
    background: url("../images/shi04.jpg") no-repeat 0 0;
}
.neixun-dianxing ul li h3{
    font-size:26px;
    color:#fff;
    padding-top:40px;
    margin-bottom:10px;
    text-align: center;
}
.neixun-dianxing ul li p{
    text-align:center;
    color:#fff;
    line-height:22px;
}
.neixun-dianxing ul li a{
    font-size:14px;
    color:#fff;
    border:1px #fff solid;
    width:143px;
    height:35px;
    line-height:35px;
    display:block;
    margin:0 auto;
    margin-top:20px;
    text-align: center;
    cursor: pointer;
}

/*jiangshi start*/
#j-banner{
    width: 1200px;
    height: 320px;
    margin:1px auto;
    position: relative;
}
#j-banner .b-main{
    position: relative;
    width: 100%;
    height: 100%;
}
#j-banner .b-main .b-m-con li.bm-item{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#j-banner .b-main .b-m-con li.bm-item ul{
    margin-left: 20px;
}
#j-banner .b-main .b-m-con li.bm-item ul li{
    float: left;
    width:214px;
    height:280px;
    margin: 0 5px;
}
#j-banner .b-main .b-m-con li.bm-item ul li .img img{
    border:6px solid #fff;
    border-radius: 50%;
	width:200px;
}
#j-banner .b-main .b-m-con li.bm-item ul li span{
    font-size:18px;
    color:#333;
    display: block;
    padding-top: 10px;
    padding-bottom: 2px;
    text-align: center;
}
#j-banner .b-main .b-m-con li.bm-item ul li p{
    font-size:14px;
    color: #777;
    text-align: center;
}
#j-banner .b-main .bma{
    position: absolute;
    top: 50%;
    margin-top: -34.5px;
    display: block;
    width: 41px;
    height: 69px;
    cursor: pointer;
}
#j-banner .b-main .b-m-prev{
    left: -25px;
    background: url(../images/icon-slides.png) no-repeat 0 0;
    top: 147px;
}
#j-banner .b-main .b-m-next{
    right: 0;
    background: url(../images/icon-slides.png) no-repeat -42px 0;
    top: 147px;
}

/*quanwei start*/
.neixun-quanwei-box{
    width:100%;
    height:540px;
    background: #fff;
}
.neixun-quanwei{
    width:1200px;
    height:100%;
    margin:0 auto;
    border: 1px solid #fff;
}
.neixun-quanwei .quan-img{
    width:1104px;
    margin:0 auto;
}

/*linian start*/
.neixun-linian{
    width: 1200px;
    height: 430px;
    margin:0 auto;
}
.neixun-linian .n-lian ul{
    height: 250px;
}
.neixun-linian .n-lian ul li{
    height:216px;
}
.neixun-linian .n-lian ul li .lian-img{
    width:276px;
    height:216px;
    overflow: hidden;
}
.neixun-linian .n-lian ul li img{
    transition: 0.5s;
}
.neixun-linian .n-lian ul li:hover img{
    transform: scale(1.1);
}
.neixun-linian .n-lian ul li:hover p{
    background: #1296DB;
    color: #fff;
}
 
.neixun-linian .n-lian ul li p{
    background: #fff;
    color: #333;
}



.neixun-linian .n-lian dl{
    height: 642px;
}
.hezuoxianyu_img dd{
    float: left;
    width: 169px;
    height: 169px;
    margin: 10px 15px;

    border-radius: 5px;
}
.hezuoxianyu_img dd img{
 width: 169px;
    height: 169px;
}
.neixun-linian .n-lian dd dl{
    height:214px;
}
.neixun-linian .n-lian dl dd .lian-img{
    width:214px;
    height:214px;
    overflow: hidden;
}
.neixun-linian .n-lian dl dd img{
    transition: 0.5s;
}
.neixun-linian .n-lian dl dd:hover img{
    transform: scale(1.1);
}
.neixun-linian .n-lian dl dd:hover p{
    background: #1296DB;
    color: #fff;
}
.neixun-linian .n-lian dl dd img{
    height:216px;
}
.neixun-linian .n-lian dl dd p{
    background: #fff;
    color: #333;
}


.neixun-linian .look{
    height: 50px;
    text-align: center;
}
.neixun-linian .look>a{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background: #0C82DE;
    padding: 10px 30px;
    border-radius: 8px;
    margin-top: 50px;
    cursor: pointer;
}

/*success case*/
.sch-success{
    width:1200px;
    margin:0 auto;
}
.sch-success .schlist>ul>li>a>p{
    bottom: 74px;
    width: 280px;
    height: 70px;
    line-height:25px;
    padding:30px 0;
}
.sch-success .schlist>ul>li .line{
    width:200px;
    height:4px;
    background: #ff9c00;
    position: absolute;
    top:190px;
    left:43px;
}
.schhz{
    width:1200px;
    margin:0 auto;
}
.schhz .mito{
    width:100px;
}

/*school about*/

.school-about{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.public-sch-tit{
    width: 1200px;
    margin: 35px auto;
    text-align: center;
}
.public-sch-tit h2{
    font-size: 30px;
    line-height: 30px;
    color: #333;
    font-weight: 400;
}
.public-sch-tit tt{
    width: 80px;
    height: 2px;
    display: block;
    margin: 30px auto 10px;
    background: #F8C8BE;
}
.public-sch-tit p{
    color: #555; 
    margin-top: 21px;
    display: inline-block;
    font-size: 22px; 
    line-height: 30px;
}
.school-about .main{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 50px;
}
.school-about .s-logo{
    width: 520px;
    margin: 0 auto;
}
.school-about .s-logo img{
    width: 180px;
    margin: 0 39px;
}
.school-about .s-numb ul li{
    float: left;
    width: 398px;
    height: 100px;
    text-align: center;
    border-right: 1px solid #ddd;
    margin-top: 30px;
    margin-bottom: 20px;
}
.school-about .s-numb ul li:last-child{
    border: none;
}
.school-about .s-numb ul li div{
    font-size: 70px;
    padding-top: 20px;
    color: crimson;
}
.school-about .s-numb ul li div sup{
    font-size: 40px;
    color: #666;
}
.school-about .s-numb ul li div span{
    font-size: 14px;
    color: #666;
}
.school-about .s-numb ul li p{
    font-size: 14px;
    text-align: center;
    color: #999;
}


/*online-train*/
.online-train{
    width: 100%;
    height: 684px;
    background: url('../images/pic2.jpg') no-repeat center center;
}
.online-train .online h2{
    padding-top: 60px;
}
.online-train .online h2,.online-train .online p{
    color: #fff;
}
.online-train .online tt{
    background: #aaa;
}
.online-train .main{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.online-train .main ul li{
    float: left;
    width: 32%;
    height: 190px;
    background: rgba(0,0,0,.4);
    margin: 3px;
    padding: 30px 30px 30px 90px;
    box-sizing: border-box;
}
.online-train .main ul li h3{
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
.online-train .main ul li p{
    margin-top: 30px;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}
.online-train .main ul li .con{
    position: relative;
}
.online-train .main ul li .con .icon{
    position: absolute;
    top: 0;
    left: -60px;
    width: 36px;
    height: 34px;
    background: url('../images/icon.png') no-repeat -28px -16px;
}

.online-train .main ul li:nth-of-type(2) .con .icon{
    background: url('../images/icon.png') no-repeat -28px -79px;
}
.online-train .main ul li:nth-of-type(3) .con .icon{
    background: url('../images/icon.png') no-repeat -30px -143px;
}
.online-train .main ul li:nth-of-type(4) .con .icon{
    background: url('../images/icon.png') no-repeat -28px -204px;
}
.online-train .main ul li:nth-of-type(5) .con .icon{
    background: url('../images/icon.png') no-repeat -28px -270px;
}
.online-train .main ul li:nth-of-type(6) .con .icon{
    background: url('../images/icon.png') no-repeat -30px -333px;
}

.online-train .main ul li:hover{
    background: #C86648;
}
.online-train .main ul li:nth-of-type(1):hover .con .icon{
    background: url('../images/icon.png') no-repeat -111px -16px;
}
.online-train .main ul li:nth-of-type(2):hover .con .icon{
    background: url('../images/icon.png') no-repeat -111px -79px;
}
.online-train .main ul li:nth-of-type(3):hover .con .icon{
    background: url('../images/icon.png') no-repeat -111px -143px;
}
.online-train .main ul li:nth-of-type(4):hover .con .icon{
    background: url('../images/icon.png') no-repeat -111px -204px;
}
.online-train .main ul li:nth-of-type(5):hover .con .icon{
    background: url('../images/icon.png') no-repeat -111px -270px;
}
.online-train .main ul li:nth-of-type(6):hover .con .icon{
    background: url('../images/icon.png') no-repeat -113px -333px;
}

/*教育生态*/
.s-ecolo{
    width: 1200px;
    margin: 0 auto;
}
.s-ecolo .main{
    position: relative;
    width: 100%;
    height: 600px;
    background: url('../images/bg-line.png') no-repeat center 242px;
    margin-left: 10px;
}
.s-ecolo .main ul li{
    position: absolute;
}
.s-ecolo .main ul li img{
    border-radius: 50%;
    transition: 0.5s;
}
.s-ecolo .img1{
    top: 110px;
    left: 0;
}
.s-ecolo .main ul li.img1:hover img{
    box-shadow: 0 0 30px #82E000;
    transform: scale(1.1);
}
.s-ecolo .img2{
    top: 420px;
    left: 300px;
}
.s-ecolo .main ul li.img2:hover img{
    box-shadow: 0 0 30px #FF7100;
    transform: scale(1.1);
}
.s-ecolo .img3{
    top: 420px;
    left: 750px;
}
.s-ecolo .main ul li.img3:hover img{
    box-shadow: 0 0 30px #6C33FF;
    transform: scale(1.1);
}
.s-ecolo .img4{
    top: 110px;
    left: 1030px;
}
.s-ecolo .main ul li.img4:hover img{
    box-shadow: 0 0 30px #33BDFF;
    transform: scale(1.1);
}
.s-ecolo .tit{
    width: 200px;
    display: inline-block;
    height: 40px;
    font-size: 18px;
    border: 1px solid #7846E2;
    color:#333;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 10px;
    text-align: center;
    background: rgba(120, 70, 226,0.3);
}
.s-ecolo .desc{
    position: relative;
    top: 12px;
    display: inline-block;
    font-size: 16px;
    color: #333;
    margin-left: 30px;
    width: 450px;
    height: 50px;
}
.s-ecolo .list{
    height: 50px;
    margin: 20px 0;
}
.s-ecolo .con{
    position: absolute;
    top: 30px;
    left: 245px;
}

/*合作体系*/
.s-systen{
    width: 1200px;
    margin: 0 auto;
}
.s-systen .main ul.m-icon{
    height: 230px;
}
.s-systen .main ul.m-icon li{
    float: left;
    width: 300px;
    text-align: center;
}
.s-systen .main .schicon{
    font-size: 50px;
    border: 1px solid #ddd;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
}
.s-systen .main ul.m-icon li .tit{
    font-size: 18px;
    line-height: 50px;
    color: #333;
}
.s-systen .main ul.m-icon li p{
    font-size: 14px;
    color: #999;
}
.s-systen .main ul.m-icon li:nth-child(1) .schicon{
    color:#00AAE5;
}
.s-systen .main ul.m-icon li:nth-child(1):hover .schicon{
    color:#FFF;
    background: #00AAE5;
}
.s-systen .main ul.m-icon li:nth-child(2) .schicon{
    color:#F99217;
}
.s-systen .main ul.m-icon li:nth-child(2):hover .schicon{
    color:#FFF;
    background: #F99217;
}
.s-systen .main ul.m-icon li:nth-child(3) .schicon{
    color:#39D213;
}
.s-systen .main ul.m-icon li:nth-child(3):hover .schicon{
    color:#FFF;
    background: #39D213;
}
.s-systen .main ul.m-icon li:nth-child(4) .schicon{
    color:#13CCB5;
}
.s-systen .main ul.m-icon li:nth-child(4):hover .schicon{
    color:#FFF;
    background: #13CCB5;
}
.s-systen .main ul.m-img{
    width: 700px;
    margin: 0 auto;
}
.s-systen .main ul.m-img li{
    display: none;
}
.s-systen .main ul.m-img li.on{
    display: block;
}
.s-systen .main ul.m-img li img{
    width: 700px;
}

/*服务流程*/
.s-process{
    width: 1200px;
    margin: 0 auto;
}
.s-process .main{
    position: relative;
    width: 100%;
    height: 688px;
    background: url('../images/pro-bg.png') no-repeat center 0;
}
.s-process .main ul li{
    position: absolute;
}
.s-process .main ul li h3{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.s-process .main ul li p{
    font-size: 14px;
    color: #666;
}
.s-process .main ul li:nth-child(1){
    top: 20px;
    right: 280px;
}
.s-process .main ul li:nth-child(2){
    top: 109px;
    left: 160px;
    text-align: right;
}
.s-process .main ul li:nth-child(3){
    top: 196px;
    right: 220px;
}
.s-process .main ul li:nth-child(4){
    top: 292px;
    left: 160px;
    text-align: right;
}
.s-process .main ul li:nth-child(5){
    top: 377px;
    right: 250px;
}
.s-process .main ul li:nth-child(6){
    top: 470px;
    left: 200px;
    text-align: right;
}
.s-process .main ul li:nth-child(7){
    top: 559px;
    right: 290px;
}
/*成功案例*/
.s-success{
    width: 1200px;
    margin: 0 auto;
}
.s-success .s-img a{
    position: relative;
    display: inline-block;
    width: 390px;
    height: 280px;
    margin-right: 10px;
}
.s-success .s-img a:last-child{
    margin: 0;
}
.s-success .s-img a img{
    width: 390px;
    height: 280px;
}
.s-success .s-img .zhe{
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    height: 280px;
    background: rgba(0,0,0,.4);
    color: #fff;
    font-size: 18px;
    display: none;
}
.s-success .s-img a:hover .zhe{
    display: block;
}
.s-success .s-img .zhe p{
    border:1px solid #fff;
    width: 200px;
    height: 110px;
    text-align: center;
    margin: 80px auto 0;
    padding-top: 30px;
    box-sizing: border-box;
}
.s-success .s-listimg{
    height: 210px;
    width: 1200px;
    overflow: hidden;
}
.s-success .s-listimg ul{
    position: relative;
    left: 0;
    width: 2400px;
    height: 180px;
    margin-top: 10px;
}
.s-success .s-listimg ul li{
    float: left;
    width: 289px;
    height: 180px;
    margin-right: 11px
}

/*高校企业合作*/
.s-ident{
    width: 1200px;
    height: 600px;
    margin: 0 auto;
}
.s-ident .sch-lo ul li{
    float: left;
    margin: 8px;
}
.s-ident .sch-lo ul li img{
    width: 183px;
    height: 67px;
}

/*企业荣誉*/
.s-honor {
    width: 1200px;
    margin: 0 auto;
}
.s-honor .tab{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom:1px solid #ddd;
}
.s-honor .tab span{
    display: inline-block;
    background: #ddd;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
}
.s-honor .tab span.on{
    background: red;
    color: #fff;
}
.s-honor ul{
    display: block;
    height: 650px;
    display: none;
}
.s-honor ul.block{
    display: block;
}
.s-honor ul.shu li{
    float: left;
    width: 168px;
    height: 276px;
    margin: 15px;
    font-size: 14px;
    text-align: center;
}
.s-honor ul.shu li img{
    width: 168px;
    height: 222px;
}
.s-honor ul.shu li p{
    line-height: 25px;
}
.s-honor ul.heng li{
    float: left;
    width: 265px;
    height: 270px;
    margin: 15px;
    font-size: 14px;
    text-align: center;
}
.s-honor ul.heng li img{
    width: 265px;
    height: 199px;
}
.s-honor ul.heng li p{
    width: 200px;
    line-height: 25px;
    margin: 0 auto;
}

/*end banner*/
.s-endbanner{
    width: 100%;
    height: 400px;
    background: #fff url('../images/end.png') no-repeat center 0;
}

/*企业内训end*/

/*人才定制*/
/*talent-b-bg*/
.talent-b-bg{
    background: #EC9F59;
}

.talent-adv{
    width:1200px;
    margin:0 auto;
    height:590px;
}
.talent-adv .adv-con ul{
    margin-left: 50px;
}
.talent-adv .adv-con ul li{
    float: left;
    width:490px;
    height:214px;
    background: #FF9C00 url("../images/youshi1-1.png") no-repeat top right;
    margin: 15px 30px
}
.talent-adv .adv-con ul li:nth-of-type(2){
    background: #FF9C00 url("../images/youshi2-2.png") no-repeat top right;
}
.talent-adv .adv-con ul li:nth-of-type(3){
    background: #FF9C00 url("../images/youshi3-3.png") no-repeat top right;
}
.talent-adv .adv-con ul li:nth-of-type(4){
    background: #FF9C00 url("../images/youshi4-4.png") no-repeat top right;
}

.talent-adv .adv-con ul li .leftimg{

    float: left;
    width:241px;
    height:214px;
}
.talent-adv .adv-con ul li .leftimg img{
    width:241px;
    height:214px;
}
.talent-adv .adv-con ul li .rightcon{

    float: left;
    width:245px;
    height:100%;
}
.talent-adv .adv-con ul li .rightcon h3{
    font-size:24px;
    color: #fff;
    padding:35px 0 20px;
    text-indent: 30px;
}
.talent-adv .adv-con ul li .rightcon p{
    font-size:12px;
    color: #fff;
    line-height:20px;
    padding: 0 30px;
}

/*custom start*/
.talent-custom{
    width:1200px;
    margin:0 auto;
    height: 392px;
}
.talent-custom .cont{
    position: relative;
}
.talent-custom .cont .img{
    width:934px;
    height:143px;
    margin:0 auto;
}
.talent-custom .cont .img img{
    width:934px;
    height:143px;
}
.talent-custom .cont p{
    position: absolute;
    font-size:14px;
    color:#666;
    line-height:30px;
    text-align: center;
}
.talent-custom .cont p.liuc1{
    left:242px;
}
.talent-custom .cont p.liuc2{
    left:463px;
}
.talent-custom .cont p.liuc3{
    left:682px;
}
.talent-custom .cont p.liuc4{
    left:901px;
}
.talent-custom .cont p span{
    border-bottom:1px solid #888;
    display:block;
    padding-bottom:5px;
    margin-bottom:5px;
    top:17px;
    font-size:16px;
}

/*dingzhi ban start*/
.dingzhi-list {
    width:1200px;
    margin:0 auto;
    height: 526px;
}
.dingzhi-list .topimg{
    width: 100%;
    height: 204px;
}
.dingzhi-list .topimg .topp{
    float: left;
    width: 600px;
    height: 100%;
    font-size: 16px;
    color:#333;
    padding: 20px;
}
.dingzhi-list .topimg .topp p{
    text-indent:2em;
}
.dingzhi-list .topimg img{
    float: right;
}
.dingzhi-list .botimg ul li{
    float: left;
    width:250px;
    height:160px;
    margin-right: 66px;
}
.dingzhi-list .botimg ul li:last-of-type{
    margin:0;
}
.dingzhi-list .botimg ul li img{
    width:250px;
    height:160px;
}
.qiyewidth{
    width:1200px;
    height:500px;
    margin:0 auto;
}
/*人才定制end*/


.video-bg{
    background: #3E436B;
}


/*video public*/
.public-video-t{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}
.public-video-t span{
    display: inline-block;
    position: relative;
    top: 6px;
    width: 4px;
    height: 25px;
    background: red;
    margin-right: 20px;
}
.public-video-t a{
    float: right;
    font-size: 14px;
    color: #999;
}
.public-video-t a:hover{
    text-decoration: underline;
}

.video-warp{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.video-warp .video ul{
    margin: 20px 0;
    overflow: hidden;
}
.video-warp .video ul li{
    position: relative;
    float: left;
    width: 290px;
    height: 220px;
    text-align: center;
    background: #fff;
    border-radius: 5px 5px 0 0;
    margin-right: 12px;
    margin-bottom: 12px;
}
.video-warp .video ul li img{
    width: 290px;
    height: 164px;
    transition: 0.5s;
    border-radius: 5px 5px 0 0;
}
.video-warp .video ul li a.title{
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 50px;
}
.video-warp .video ul li a.title:hover{
    color: #DD6707;
}
.video-warp .video ul li .v-icon{
    position: absolute;
    top: 60px;
    left: 130px;
    width: 40px;
    height: 40px;
    background: url(../images/video.png) no-repeat 0 0;
    background-size: 40px;
    display: none;
}
.video-warp .video ul li .img{
    width: 290px;
    height: 164px;
    overflow: hidden;
}
.video-warp .video ul li:hover img{
    transform: scale(1.1);
}
.video-warp .video ul li:hover .v-icon{
    display: block;
}
.video-warp .video ul li:nth-child(4),.video-warp .video ul li:nth-child(8){
    margin: 0;
}
.video-warp .v-article{
    margin-bottom: 30px;
    overflow: hidden;
}
.video-warp .v-article .warp{
    float: left;
    width: 290px;
    height: 260px;
    background: #fff;
    margin-right: 12px;
}
.video-warp .v-article .warp:last-child{
    margin: 0;
}
.video-warp .v-article .warp h3.wei{
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    background: url('../images/learn01.jpg') no-repeat 0 0;
    background-size: 290px 64px;
    color: #fff;
}
.video-warp .v-article .warp h3.shu{
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    background: url('../images/learn04.jpg') no-repeat 0 0;
    background-size: 290px 64px;
    color: #fff;
}
.video-warp .v-article .warp h3{
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    background: url('../images/learn07.jpg') no-repeat 0 0;
    background-size: 290px 64px;
    color: #fff;
}
.video-warp .v-article .warp h3.arm{
	background: url('../images/learn08.jpg') no-repeat 0 0;
    background-size: 290px 64px;
}
.video-warp .v-article .warp h3.linux{
	background: url('../images/learn09.jpg') no-repeat 0 0;
    background-size: 290px 64px;
}
.video-warp .v-article .warp h3.fpga{
	background: url('../images/learn010.jpg') no-repeat 0 0;
    background-size: 290px 64px;
}
.video-warp .v-article .warp .wen{
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin: 0 20px;
}
.video-warp .v-article .more{
    float: right;
    color: #fff;
}
.video-warp .v-article .more span{
    font-size: 40px;
}
.video-warp .v-article .warp ul{
}
.video-warp .v-article .warp ul li{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.video-warp .v-article .warp ul li a{
    color: #333;
	display:inline-block;
}
.video-warp .v-article .warp ul li a:hover{
    color: #DD6707;
}
.video-warp .v-article .warp ul li a span{
    position: relative;
    top: 10px;
    font-size: 40px;
    line-height: 20px;
}

/*视频列表*/

.videolist .v-l-main ul.list li{
    width: 100%;
    height: 150px;
    margin: 20px 0;
    border-bottom: 1px solid #ddd;
}
.videolist .v-l-main ul.list li:hover .img img{
    transform: scale(1.1);
}
.videolist .v-l-main .img{
    float: left;
    width: 200px;
    height: 130px;
    margin-right: 30px;
    overflow: hidden;
}
.videolist .v-l-main .img img{
    width: 200px;
    height: 130px;
    transition: 0.5s;
}
.videolist .v-l-main .con{
    float: left;
    width: 630px;
    height: 130px;
}
.videolist .v-l-main .con a{
    display: inline-block;
    font-size: 16px;
    color: #333;
}
.videolist .v-l-main .con a:hover{
    color: red;
}
.videolist .v-l-main .con p.summ{
    color: #999;
    margin: 5px;
}
.videolist .v-l-main .con p.time{
    font-size: 14px;
    color: #999;
}
.videolist .v-l-main .con p.time span{
    padding-right:10px;
}
.videolist .v-l-tui h3{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.videolist .v-l-tui  ul li{
    float: left;
    width: 440px;
    height: 120px;
    margin-right: 20px;
}
.videolist .v-l-tui  ul li:nth-child(even){
    margin: 0;
}
.videolist .v-l-tui  ul li .img{
    float: left;
    width: 150px;
    height: 100px;
    margin-right: 20px;
}
.videolist .v-l-tui  ul li .img img{
    width: 150px;
    height: 100px;
}
.videolist .v-l-tui  ul li .con{
    float: left;
    width: 270px;
}
.videolist .v-l-tui  ul li .con a{
    display:inline-block;
    font-size: 16px;
    color: #333;
}
.videolist .v-l-tui  ul li .con a:hover{
    color: red;
}
.videolist .v-l-tui  ul li .con p{
    color: #999;
    height: 55px;
}
.videolist .v-l-tui  ul li .con .desc{
    color: #666;
    line-height: 20px;
}
.videolist .v-l-tui  ul li .con .desc span.fen{
    color: #FF6A08;
    margin-right: 30px;
}
.videolist .v-l-tui  ul li .con .desc span.icon-time{
    margin-right: 10px;
}
.videolist .title{
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin: 20px;
}


/*嵌入式集成电路*/

/*名师*/
.elec-teacher {
    margin-top: 50px;
}
.elec-teacher .terch-ban{
    height: 360px;
}
.elec-teacher .terch-con ul{
    margin: 50px 0 0 20px;
}
.elec-teacher .terch-con li{
    position: relative;
    float: left;
    width: 210px;
    height: 330px;
    border: 1px solid #ddd;
    border-radius: 8px;
}
.elec-teacher .terch-con li + li{
    margin-left: 30px;
}
.elec-teacher .terch-con li img{
    width: 210px;
    height: 270px;
    border-radius: 8px 8px 0 0;
}
.elec-teacher .terch-con li .img p{
    position: absolute;
    top: 0;
    left: 0;
    height: 270px;
    background: rgba(0,0,0,.6);
    border-radius: 8px 8px 0 0;
    color: #fff;
    line-height: 20px;
    padding: 10px;
    box-sizing: border-box;
    text-align: left;
    display: none;
}
.elec-teacher .terch-con li:hover .img p{
    display: block;
}
.elec-teacher .terch-con li .warp{
    position: absolute;
    top: 10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    transition: 0.5s;
}
.elec-teacher .terch-con li:hover .warp{
    top: 0;
    left: 0;
}
.elec-teacher .terch-con .warp h3{
    font-size: 18px;
    color: #333;
}
.elec-teacher .terch-con .warp p{
    font-size: 14px;
    color: #666;
}
/*名师*/

/*高薪*/
.elec-goodmoney{
    margin-top: 30px;
}
.elec-goodmoney>ul{
    width: 100%;
    height: 660px;
    margin-top: 40px;
}
.elec-goodmoney>ul> li{
    position: relative;
    float: left;
    width: 230px;
    height: 310px;
    border-radius: 8px;
    margin: 10px 10px 10px 0;
    background: #fff;
}
.elec-goodmoney li:nth-of-type(5),.elec-goodmoney li:nth-of-type(10){
    margin-right: 0;
}
.elec-goodmoney li img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.elec-goodmoney li .des{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 0 0 8px 8px;
    text-align: center;
}
.elec-goodmoney li .des h3{
    font-size: 18px;
    line-height: 20px;
    padding-top: 10px;
}
.elec-goodmoney li .des p{
    font-size: 14px;
}
.elec-goodmoney .m-scroll{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fff;
}
.elec-goodmoney .m-scroll li{
    position: relative;
    float: left;
    font-size: 14px;
    padding: 0 26px;
}
.elec-goodmoney .m-scroll li:before{
    content: '.';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 21px;
    left: 0;
    background: #d60018;
    color: transparent;
}
.elec-goodmoney .m-scroll >em{
    float: left;
    font-size: 18px;
    margin: 0 50px 0 10px;
}
.elec-goodmoney .m-scroll .con{
    float: left;
    width: 961px;
    overflow: hidden;
}
.elec-goodmoney .m-scroll .con ul{
    width: 2500px;
}
/*高薪*/


/*开发作品*/
.elec-ambient{
    margin-top: 40px;
}
.elec-ambient .warp{
    width: 100%;
    height: 290px;
    background: #fff;
    border-radius: 8px;
    padding-top: 20px;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 30px;
}
.elec-ambient ul{
    width: 3500px;
}
.elec-ambient ul li{
    float: left;
    position: relative;
    width: 320px;
    height: 250px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 10px;
}
.elec-ambient ul li img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    transition: 0.5s;
}
.elec-ambient ul li:hover img{
    transform: scale(1.1);
}
.elec-ambient ul li p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 0 0 8px 8px;
}
/*开发作品*/

/*嵌入式集成电路学习资源*/
.elec-resource{
    margin-top: 50px;
}
.elec-resource .res-tit h3{
    font-size: 18px;
    color: #333;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 20px 0;
}
.elec-resource .res-tit h3::before{
    content: '.';
    width: 5px;
    height: 35px;
    background: #00a0e9;
    color: transparent;
    position: relative;
    top: 0;
    left: -15px;
}
/*嵌入式集成电路学习资源end*/


/*媒体报道*/
.elec-media{
    overflow: hidden;
    margin-top: 50px;
}
.elec-media .con{
    width: 100%;
    height: 340px;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
}
.elec-media .con .c-left{
    position: relative;
    float: left;
    width: 455px;
    height: 280px !important;
    margin: 20px 0 0 20px;
}
.elec-media .con .c-left > p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 16px;
}
.elec-media .con .c-right{
    float: left;
    width: 670px;
    height: 100%;
    margin-left: 20px;
}
.elec-media .con .c-right .tit{
    width: 100%;
    height: 45px;
}
.elec-media .con .c-right h3{
    float: left;
    width: 177px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    background: url('../images/mtbg.png') no-repeat 0 0;
    text-align: center;
}
.elec-media .con .c-right img{
    float: left;
    width: 84px;
    margin: 0 10px;
    padding-top: 8px;
}
.elec-media .c-right ul li{
    margin-top: 20px;
}
.elec-media .c-right ul li > a{
    display: inline-block;
    line-height: 40px;
    color: #333;
    font-size: 16px;
}
.elec-media .c-right ul li > a:before{
    content: " ";
    display: inline-block;
    width: 2px;
    height: 20px;
    background: #00a0e9;
    margin: 0 10px;
    position: relative;
    top: 4px;
}
.elec-media .c-right ul li > a:hover{
    text-decoration: underline;
}
.elec-media .c-right ul p{
    font-size: 14px;
    color: #666;
    padding: 0 10px;
}
.elec-media .c-right ul p a{
    color: #333;
}
/*媒体报道*/

/*企业招聘*/
.elec-job{
    margin: 50px 0;
}
.elec-job .main{
    width: 1200px;
    height: 340px;
    margin: 0 auto;
    background: #fff;
    margin-top: 30px;
}
.elec-job .main .left{
    float: left;
}
.elec-job .main .right{
    float: left;
    width: 810px;
    margin: 30px 0 0 30px;
}
.elec-job .main .right h3{
    height: 40px;
    line-height: 40px;
    background: #f2f2f2;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}
.elec-job .main .right ul li{
    float: left;
    width: 400px;
    height: 30px;
    line-height: 30px;
    text-align: left;
}
.elec-job .main .right ul li:before{
    content: " ";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 2px;
    margin:0 4px 1px 4px;
}
.elec-job .main .right ul li a{
    font-size: 14px;
    color: #333;
}
.elec-job .main .right ul li a:hover{
    text-decoration: underline;
}
/*企业招聘*/


/*合作伙伴*/
.elec-hezuo .qiyelist-logo{
    width: 1200px;
    height: 170px;
    margin: 10px auto;
    background: #fff;
    border-radius: 8px;
}
.elec-hezuo .qiyelist-logo ul{
    padding-top: 15px;
    margin-left: 15px;
}
.elec-hezuo .qiyelist-logo ul li{
    width: 134px;
    height: 50px;
    margin: 10px 5px;
}
.elec-hezuo .qiyelist-logo ul li img{
    width: 121px;
    height: 43px;
    margin: 4px 0 0 4px;
}
/*合作伙伴*/

/*FPGA系统设计班*/
.fpga-class{
    width: 1200px;
    margin: 0 auto;
}
.fpga-class .fpgamb h2{
    margin: 50px 0 20px;
}
.fpga-class .tab{
    position: relative;
    width: 100%;
    height: 71px;
    margin-bottom: 30px;
}
.fpga-class .line{
    position: absolute;
    top: 26px;
    left: 0;
    width: 1200px;
    height: 2px;
    background: #ccc;
    display: inline-block;
    z-index: 3;
}
.fpga-class .tab ul{
    position: absolute;
    z-index: 6;
}
.fpga-class .tab li{
    float: left;
    width: 500px;
    height: 71px;
    font-size: 28px;
    line-height: 50px;
    margin: 0 50px;
    text-align: center;
}
.fpga-class .tab li.on{
    background: url('../images/zj2.png') no-repeat 0 0;
    z-index: 5;
}
.fpga-class .tab li.on2{
    background: url('../images/gj2.png') no-repeat 0 0;
    z-index: 5;
}
.fpga-class .tab li span{
    display: inline-block;
    background: #f2f2f2;
    height: 70px;
    padding: 0 10px;
}
.fpga-class .tab li.on span{
    background: none;
    color: #fff;
}
.fpga-class .tab li.on2 span{
    background: none;
    color: #fff;
}
.fpga-class .main{
    display: none;
}
.fpga-class .main .top{
    margin-bottom: 50px;
    overflow: hidden;
}
.fpga-class .main .top li{
    position: relative;
    float: left;
    width: 500px;
    margin: 0 50px;
}
.fpga-class .main .top h3{
    font-size: 30px;
    text-align: center;
    font-weight: 400;
    
    z-index: 6;
}
.fpga-class .main .top span{
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    margin-top: 10px;
    z-index: 4;
}
.fpga-class .main .top b{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 73px;
    line-height: 73px;
    background: url('../images/zj1.png') no-repeat 50px 0;
    font-size: 40px;
    color: #fff;
    text-indent: 84px;
    font-weight: 400;
}
.fpga-class .gaojion{
    display: block;
}
.fpga-class .gaoji .top b{
    background: url('../images/gj1.png') no-repeat 50px 0;
}
.fpga-class .main .top p{
    font-size: 20px;
    color: #666;
    width: 100%;
    height: 230px;
    line-height: 35px;
    border: 1px solid #ccc;
    padding: 20px;
    box-sizing: border-box;
    text-align: justify;
    margin-top: 20px;
}

.fpga-class .content .stage-tit{
    position: relative;
    width: 100%;
    height: 57px;
    margin: 40px 0;
}
.fpga-class .content .stage-tit h3{
    position: absolute;
    width: 189px;
    height: 100%;
    line-height: 57px;
    background: url('../images/zj3.png') no-repeat 0 0;
    z-index: 6;
    color: #fff;
    font-size: 20px;
    text-indent: 40px;
    font-weight: 400;
    margin-left: 130px;
}
.fpga-class .gaoji .content .stage-tit h3{
    background: url('../images/gj3.png') no-repeat 0 0;
}
.fpga-class .content .s-table{
    width: 1200px;
}
.fpga-class .content .s-table th{
    font-size: 20px;
    background: #fc899c;
    color: #fff;
    width: 130px;
}
.fpga-class .gaoji .content .s-table th{
    background: #fec460;
}
.fpga-class .content .s-table td{
    font-size: 16px;
    color: #666;
    padding-left: 20px;
    padding-right: 5px;
    box-sizing: border-box;
    background: #f0eeee;
}
.fpga-class .content .s-table tr:not(:first-child) td{
    vertical-align: text-top;
    padding-top: 10px;
}
.fpga-class .content .s-table tr:nth-of-type(even) th{
    background: #eb667c;
}
.fpga-class .gaoji .content .s-table tr:nth-of-type(even) th{
    background: #e6a73a;
}
.fpga-class .content .s-table tr:nth-of-type(even) td{
    background: #e0dede;
}
.fpga-class .content .s-table tr:first-child td{
    padding-right: 20px;
    text-indent: 2em;
}
.fpga-class .content .bodline td{
    border-bottom: 1px solid #fff;
}
.fpga-class .content .bodline td + td{
    border-left: 1px solid #fff;
}
/*FPGA系统设计班*/

/*arm培训班*/
.arm-class .main .top p{
	height: 280px;
}
.arm-class .main .top b{
	background: url('../images/arm.png') no-repeat 50px 0;
}
.arm-class .content .stage-tit h3{
	background: url('../images/arm2.png') no-repeat 0 0;
}
.arm-class .content .s-table th{
	background: #49DDC4;
}
.arm-class .content .s-table tr:nth-of-type(2n) th{
	background: #39c0a8;
}
/*arm培训班*/

/*linux培训班*/
.linux-class .main .top b{
	background: url('../images/linux.png') no-repeat 50px 0;
}
.linux-class .content .stage-tit h3{
	background: url('../images/linux2.png') no-repeat 0 0;
}
.linux-class .content .s-table th{
	background: #7da0f8;
}
.linux-class .content .s-table tr:nth-of-type(2n) th{
	background: #5a7fdd;
}
/*linux培训班*/

/*微电子基础提升班*/
.basis-class .main .top p{
	height: 310px;
}
.basis-class .main .top b{
	background: url('../images/basis.png') no-repeat 50px 0;
}
.basis-class .content .stage-tit h3{
	background: url('../images/basis2.png') no-repeat 0 0;
}
.basis-class .content .s-table th{
	background: #c089fd;
}
.basis-class .content .s-table b{
	font-weight: normal;
    color: #333;
}
.basis-class .content .s-table tr:nth-of-type(2n) th{
	background: #945fcf;
}
/*微电子基础提升班*/

/*微电子强化提升班*/
.stren-class .main .top p{
	height: 410px;
}
.stren-class .main .top b{
	background: url('../images/stren.png') no-repeat 50px 0;
}
.stren-class .content .stage-tit h3{
	background: url('../images/stren2.png') no-repeat 0 0;
}
.stren-class .content .s-table th{
	background: #85ddfa;
}
.stren-class .content .s-table b{
	font-weight: normal;
    color: #333;
}
.stren-class .content .s-table tr:nth-of-type(2n) th{
	background: #3aa8cc;
}
/*微电子强化提升班*/

/*网站地图sitemap*/
.map{
    width: 1200px;
    margin: 20px auto;
    overflow: hidden;
}
.map .list{
    line-height: 50px;
    border-bottom: 1px dashed #ddd;
}
.map h3{
    position: relative;
    font-weight: 400;
    float: left;
    padding-left: 20px;
}
.map h3:before{
    content: " ";
    position: absolute;
    top: 13px;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 25px;
    background: #999;
}
.map h3 a{
    font-size: 18px;
    color: #333;
}
.map h3 a:hover{
    text-decoration: underline;
}
.map ul{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    width: 90%;
}
.map ul li{
    line-height: 30px;
    float: left;
}
.map ul a{
    font-size: 14px;
    color: #666;
    padding: 0 10px;
}
.map ul a:hover{
    text-decoration: underline;
    color: red;
}
/*网站地图sitemap*/

 /* 模块1 */

.scm-module1 ul{
    overflow:hidden;
}
.scm-module1 li{
    float:left;
    width:268px;
    padding:15px;
    text-align: center;
    border:1px solid transparent;
}
.scm-module1 li:hover{
    border:1px solid #ddd;
}
.scm-module1 li img{
    width:100%;
    height:auto;
}
.scm-module1 li h3{
    font-size:18px;
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
    margin-bottom:10px;
}
.scm-module1 li p{
    font-size:14px;
    color:#666;
}

 /* 模块1 */

/* 模块2 */

.scm-module2 .main{
    overflow:hidden;
    width:1200px;
}
.scm-module2 ul{
    overflow:hidden;
    width:2400px;
    transition:0.5s;
}
.scm-module2 ul li{
    float:left;
    margin:0 25px;
    opacity: 0.4;
}

.scm-module2 ul li img{
    margin-top:63px;
}
.scm-module2 .active{
    width:217px;
    height:428px;
    background:url('../images/shouji.png') no-repeat 0 0;
    opacity: 1;
}
.scm-module2 .active img{
    margin-top:63px;
    margin-left:18px;
}

/* 模块2 */

/* 模块3 */

.scm-module3{
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    background: url('../images/bg.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    margin-top:50px;
}
.scm-module3 .zhe-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
.scm-module3 .public-wrap {
    position: relative;
    color:#fff;
}
.scm-module3 .left,.scm-module3 .right{
    float:left;
}
.scm-module3 .left{
    width:585px;
    padding-right:50px;
}
.scm-module3 .left h3{
    margin: 30px 0;
    font-size: 24px;
}
.scm-module3 .left p{
    font-size: 16px;
    line-height: 1.8;
    margin-bottom:30px;
}
.scm-module3 .left a{
    color: #fff;
    display: inline-block;
    padding: 10px 30px;
    line-height: 1;
    border: 1px solid #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.scm-module3 .left a:hover {
    color: #ffffff;
    background-color: red;
    border-color: red;
}
.scm-module3 .right img{
    width:550px;
}
/* 模块3 */

/* 模块4 */
.scm-module4 ul{
    overflow:hidden;
}
.scm-module4 h4{
    height: 36px;
    margin: 0 auto 20px;
    line-height: 36px;
    color: #fff;
    padding: 0 10px;
    background-color: #00cccc;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,204,204,0.5);
}

.scm-module4 .pcb h4{
    background-color: #189fde;
    box-shadow: 0 2px 8px rgba(24,159,222,0.5);
}
.scm-module4 .dlsj h4{
    background-color: #0fbbcf;
    box-shadow: 0 2px 8px rgba(15,187,207,0.5);
}

.scm-module4 li{
    float: left;
    width: 290px;
    height: 400px;
    padding-top: 20px;
    margin: 0 7px 0 158px;
    background-color: #f2f2f2;
}
.scm-module4 .pcb li{
    margin-left:6px;
}
.scm-module4 .dlsj li{
    margin-left:6px;
}
.scm-module4 li:hover{
    box-shadow: 0 5px 8px #ddd;
}
.scm-module4 li:hover span{
    background-color: #00cccc;
}
.scm-module4 .pcb li:hover span{
    background-color: #189fde;
}
.scm-module4 .dlsj li:hover span{
    background-color: #0fbbcf;
}

.scm-module4 span{
    font-size: 14px;
    display:block;
    background-color: #d2d2d2;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}
.scm-module4 p{
    padding: 10px 0 0 20px;
    height: 300px;
    line-height: 24px;
    font-size:13px;
}

/* 模块4 */


/* 模块5 */

.scm-module5 ul{
    overflow:hidden;
}
.scm-module5 li{
    width:570px;
    height:230px;
    float:left;
    box-shadow:0 4px 8px #ddd;
    margin-bottom:30px;
}
.scm-module5 li:nth-of-type(1),.scm-module5 li:nth-of-type(3){
    margin-right:50px;
}
.scm-module5 .left,.right{
    float:left;
}
.scm-module5 .left{
    width:225px;
    background:url('../images/03.png') no-repeat center right;
}
.scm-module5 .pcb .left{
    background:url('../images/01.png') no-repeat center right;
}
.scm-module5 .dlsj .left{
    background:url('../images/02.png') no-repeat center right;
}
.scm-module5 .right{
    padding:30px 0 0 20px;
    width:320px;
}
.scm-module5 h3{
    font-size:18px;
    color:#00cccc;
    padding-bottom:10px;
}
.scm-module5 .pcb h3{
    color:#189fde;
}
.scm-module5 span{
    font-size:14px;
    color:#666;
    padding-left:20px;
}
.scm-module5 p{
    font-size:14px;
}
.scm-module5 img{
    margin-top:7px;
}

/* 模块5 */

/* 模块7 */

.scm-module7{

}

.scm-module7 .col-md-4{
    float: left;
    margin-left:20px;
    width: 375px;
    height: 440px;
    border: 1px solid transparent;
    text-align: center;
}
.scm-module7 .col-md-4:hover{
    border: 1px solid #E1E1E1;
}
.scm-module7 .col-md-4 h4{
    font-size:18px;
    font-weight:normal;
    border-bottom:1px solid #ddd;
    padding:30px 0 10px;
    width:80%;
    margin:0 auto;
}

.scm-module7 .col-md-4 p{
    font-size:14px;
    color:#666;
    padding:10px 30px 0;
}
.scm-module7 img{
    margin-top:10px;
}

/* 模块7 */


/*六大举措*/
.scm-measure{
    color:#fff;
    background: #36C5B3;
    overflow:hidden;
    margin-top:20px;
}

.scm-measure ul li{
    list-style-type: none;
    float: left;
    width: 580px;
    border-bottom: 1px solid #DDDDDD;
    padding:30px 0;
}
.scm-measure h1{
    font-size: 64px;
    width: 100px;
    float: left;
    margin-top: 15px;
    font-weight: normal;
}
.scm-measure h3{
    font-size:20px;
    padding-bottom:10px;
}
.scm-measure p{
    font-size:14px;
}
.scm-measure .box{
    font-weight: 200;
    float: left;
    width: 480px;
}
.scm-measure .line{
    background-color: #DDDDDD;
    width: 60px;
    height: 2px;
}

/*六大举措结束*/

/* 模块9 */

.scm-module9 {
    height:300px;
    background:url('../images/endbg.jpg') no-repeat center center;
    background-size:cover;
    background-attachment: fixed;
    text-align:center;
    color:#fff;
}
.scm-module9 h2{
    font-size:35px;
    padding:100px 0 50px;
    font-weight:normal;
}
.scm-module9 h4{
    font-size:20px;
    font-weight:normal;
}

/* 模块9 */