@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
b{font-weight:normal}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}



body{
    margin:0 auto;
    width:100%;
    overflow-x:hidden;
	background-color:#f7f6f6;
}
.main1{margin:0 auto;width:100%;position:relative;}
.main2{margin:0 auto;width:100%;position:relative;}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:640px;
    min-width:320px;
    overflow:hidden;
}
.header{
    width:100%;
}
.header .header-top{
    width:100%;
}
.header .header-top .logo{

    width:100%;
}
.header .nav{
    width:100%;
    background:#000000;
}
.header .nav li{
    padding:10px 0;
    float:left;
    width:25%;
    line-height:20px;
    text-align:center;
    background:#3388FF;
}
.header .nav li a{
    font-size:1.2em;
    color:#ffffff;
    display:block;
}
.header .nav li.act{
    background:#3388FF;
}
.logo{float:left;padding:5px 0 6px 5px;text-align: center;line-height:26px;position:relative; width:100%;background-color: #FFF;}
.logo a{float:left; width:30%;}
.logo>div{float: left;border-left: 1px solid #ccc;padding-left: 10px;margin-top: px; text-align:left; font-size:12px;}
.logo>div span{ font-size:22px;}
.logo a>img{display:block;width:100%;height:61px;}



.banner{
    width:100%;
    height:auto;
    overflow:hidden;
}
.banner-bg{width:100%;height: auto;}
.banner-bg img{width:100%;height: auto;}

/* ---------------------banner鏍峰紡 ----------------- */
.bg{width:100%;height:770px;overflow:hidden; margin:0 auto;}

@keyframes rotate01{
    100%{transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}
.bjd{top:0; left: -20%;}
.gd01{width:708px;height:150px;background:url(/images/yybjs/guangdian01.png) center no-repeat;bottom:160px;left:220px;animation: gd01 2s linear infinite alternate running;-webkit-animation: gd01 2s linear infinite alternate running;}
@keyframes gd01 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.zixun01{width:20%;height:50px; margin:40px auto 0px;}
.zixun02{width:300px;height:50px; margin:20px 20px 0;}
.zixun01 a,.zixun02 a{display:block;color:#22cb8d;border-radius:30px;text-align:center; border:1px solid #22cb8d;line-height:50px;font-size:20px;}
.zixun_txt p{font-size:18px; color:#055f5c;}
.zixun_txt h2{font-size:16px; color:#055f5c;}
.m-t30{ margin-top:40px;}
.p-t30{ padding-top:40px;}
.btn .mya{display:block;text-transform: uppercase;background: none; outline: none; -webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s; transition: all .5s; border:1px solid #00a8f0; height:48px; line-height:48px; font-size:24px; text-align:center;  position: relative; overflow: hidden; color:#00a8f0; margin:0 auto;width:200px; margin-top:30px;}
.btn .mya:before,.mya:after{content: ""; position: absolute; bottom: 0; left: -5px; width:110%; height:0; background-color:#08ccc5; z-index:-1; -webkit-transition: all .5s;transition: all .5s;}
.btn .mya:hover{ color:#fff;}
.btn .mya:hover:before{ height:100%;}
.btn01 a{color:#000;font-size:20px;border:1px solid #000;border-radius:20px;padding:10px 40px;}

.chengnuo-main{margin:0 auto;width:100%;height: auto;}
.chengnuo-main img{margin:0 auto;width:70%;;height: auto; margin-left:5%;}

.chengnuo{width:100%;height: auto;padding-left:5%; margin-top:25px; margin-bottom:50px;}

.chengnuo span{width:36px;height:40px;line-height:40px;text-align:center;color:#ffffff;background:url(/images/yybjs/bigdata-span-bg.png) no-repeat left top;}
.chengnuo h1{margin-top:5px;margin-bottom:9px;font-size:18px;font-weight:bold;color:#3d3d3d;}
.chengnuo p{font-size:1em;line-height:30px;color:#3d3d3d;}
.container h2{color:#3e3a39;text-align:center;font-size:1.8em;margin:20px auto;}
.container h2 span{color:#3e3a39;text-align:center;font-size:1em;margin:20px auto;}
.container img{ width:90%; height:auto; margin-left:5%;}
.chengnuo-div2{width:90%; margin:auto 0;}
.wow{ margin-left:130px;}
.margin-b{ width:100%; height:50px;}
.h2{color:#e5e5e5;text-align:center; width:100%;font-size:36px;margin:20px auto;}
.h2 font{color:#22cb8d;}
.p{color:#e5e5e5; margin-top:-20px;}

.zhuan-box{margin-left:30px;margin-bottom:12px;float:left;width:204px;height:174px;cursor:pointer;overflow:hidden;position:relative;border-radius:9px;}
.zhuan-box.img1{background:url("/themes/theme_bj_28/pc/zt/images/yx-img1.png") no-repeat center center #ebb100;}
.zhuan-box.img2{background:url("/themes/theme_bj_28/pc/zt/images/yx-img2.png") no-repeat center center #ebb100;}
.zhuan-box.img3{background:url("/themes/theme_bj_28/pc/zt/images/yx-img3.png") no-repeat center center #ebb100;}
.zhuan-box.img4{background:url("/themes/theme_bj_28/pc/zt/images/yx-img4.png") no-repeat center center #ebb100;}
.zhuan-box.img5{background:url("/themes/theme_bj_28/pc/zt/images/yx-img5.png") no-repeat center center #ebb100;}
.zhuan-box h1{padding-top:145px;font-size:16px;text-align:center;color:#ffffff;}
.zhuan-info{top:180px;width:202px;height:172px;position:absolute;border-radius:9px;z-index:9999;background-color:#ffffff;border:1px solid #eb6100;}
.zhuan-info h2{margin-top:12px;padding-left:13px;font-size:18px;line-height:30px;border-left:5px solid #eb6100;}
.zhuan-info p{margin-top:9px;padding:0 20px;font-size:12px;line-height:18px;}
.zhuan-box:hover div.zhuan-info{top:0px;animation-name:show;animation-duration:0.5s;animation-timing-function:ease-in;}
@keyframes show
{
    from {opacity:0}
    to {opacity:1}
}
.list7 li{
    float: left;
    width:260px;
    height:280px;
    text-align: center;
    padding:0 20px 42px;

}
.list7 li img{
    margin-bottom: 40px;
    width:115px;
    height:100px;
    margin:0 auto 40px;
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    -o-transition:1s;
}
.list7 li:hover img{
    transform:rotate(720deg);
    -ms-transform:rotate(720deg);
    -moz-transform:rotate(720deg);
    -webkit-transform:rotate(720deg);
    -o-transform:rotate(720deg);
    transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    -o-transition:1s;
}
.list7 li span{color:#000;display:block;font-size:20px;text-align:center;}
.list7 li p{font-size:14px;color:#333;line-height:20px;text-align:center;}
.list7 li i{font-style:normal;line-height:60px; font-size:18px; background-color:#ebb400; border-radius:15px; padding:4px 20px;}


.xz_btn li{float:left; margin-left:9%;text-align:center; margin-bottom:40px;}
.xz_btn li.active a{border:1px solid #08ccc5; background-color:#08ccc5;background-image: url(/themes/theme_bj_28/pc/zt/images/bigdata-icon2.png);}
.xz_btn li.active span{color:#08ccc5;}
.xz_btn li.active span i{ background-color:#08ccc5;}
.xz_btn a{display:block;width:130px;height:130px;border:1px dashed #00a8f0;border-radius:18px;background:url(/images/wapyybjs/bigdata-icon3.png) no-repeat;}
.xz_btn span{display:block;margin-top:15px;color:#00a8f0;font-size:18px;line-height:30px;}
.xz_btn span p{ font-size:14px; margin-top:4px; line-height:18px;color:#333333;}
.xz_btn span i{font-style:normal;line-height:60px; font-size:18px; background-color:#08ccc5; border-radius:15px; padding:4px 20px; color:#000;}
.xz_btn .xz_btn_li1 a{background-position:36px 34px;}
.xz_btn .xz_btn_li2 a{background-position:36px -77px;}
.xz_btn .xz_btn_li3 a{background-position:36px -182px;}
.xz_btn .xz_btn_li4 a{background-position:36px -282px;}
.xz_btn .xz_btn_li5 a{background-position:36px -390px;}

.part{margin:0 auto;width:100%;overflow:hidden;}
.part.bg1{padding-bottom:60px; background:url(/images/yybjs/bg1.jpg) repeat center center;}
.part-title{padding-top:20px;padding-bottom:20px;}
.part-title h1{font-size:1.8em;line-height:45px;text-align:center; font-weight:bold;}
.part-title.c1 h1{color:#ffffff;}
.part-title h2{font-size:1em;line-height:55px;text-align:center;}
.part-title p{
    padding-top:12px;
    font-size:16px;
    line-height:28px;
    text-align:center;
    color:#989898;
}
.part-title h1 b{
    color:#ec1c32;font-weight:bold;
}
.java-engineer{width:90%; margin-left:5%}
.java-engineer .box{ margin-bottom:20px;
    float:left;
    width:100%;
    height:420px;
    transition:0.5s;
    position:relative;
    background:#e4e4e4;
}
.java-engineer .box img{margin:30px auto 0;
    display:block;
    transition:0.5s;}
.java-engineer .box .info{
    top:300px;
    width:100%;
    position:absolute;
}
.java-engineer .box .info h1{
    font-size:1.4em;
    line-height:30px;
    font-weight:bold;
    color:#535353;
    text-align:center;
}
.java-engineer .box .info p{
    margin-top:12px;
    font-size:1em;
    line-height:24px;
    color:#898989;
    text-align:center;
}
.java-engineer .box .info p span{
    font-size:1rn;
    color:#ec1c32;
}
.java-engineer .box:hover{
    transition:0.5s;
    background:#ffffff;
}
.java-engineer .box:hover img{
    transition:0.5s;
    animation: scaling 1s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.java-engineer .box1{
    float:left;
    width:100%;
    height: auto;
    transition:0.5s;
    position:relative;
    background:#e4e4e4;
}
.java-engineer .box1 img{margin:20px auto 20px auto; width:90%; height:auto;
    display:block;
    transition:0.5s;}

.tjimg{

    width:100%; height:auto; margin-top:40px;

}
.tjimg .info{

    width:100%; height:auto;

}
.tjimg .info h1{
    font-size:1.4em;
    line-height:30px;
    font-weight:bold;
    color:#535353;
    text-align:center;
}
.tjimg .info p{
    margin-top:12px;
    font-size:1em;
    line-height:24px;
    color:#898989;
    text-align:center;
}
.tjimg .info p span{
    font-size:1rn;
    color:#ec1c32;
}
.tjimg:hover{
    transition:0.5s;
    background:#ffffff;
}
.tjimg:hover img{
    transition:0.5s;
    animation: scaling 1s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}	
	

@keyframes scaling {
    0% {    transform:scale(1);}
    25% {    transform:scale(1.05);}
    50% {    transform:scale(1);}
    75% {    transform:scale(0.95);}
    100% {    transform:scale(1);}
}
.part1 li{float:left; margin-left:24px;}
.part2{background:url(/images/yybjs/bg1.jpg) repeat center center; width:100%; height:auto;}


.part2 h2{font-size:1.6em; color:#3e3a39; font-weight:bold; width:100%;}
.part2 h2 span{font-size:.6em; color:#3e3a39; line-height:70px;}

.part_ys{ background-color:#F8F8F8;}
.part_ys h1{width:100%;height:78px;background:#00a8f0;text-align:center;line-height:78px; font-size:1.7em; font-weight:bold;color:#fff; margin:0 auto;}
.part3 li{float:left;width:270px; margin-left:24px;}
.part3_tit{background-color:#000; height:55px; text-align:center; padding-top:15px;}
.part3_tit p{color:#ee534d; font-size:18px;font-weight:bold;}
.part3_tit span{color:#bcbcbc; font-size:16px;}
.part3_con{background-color:#e5e5e5; height:140px;}
.part3_con p{padding-left:10px; text-align:left;line-height:30px; font-size:14px;}
.part3_bot{background-color:#08ccc5; height:40px; line-height:40px; color:#fff; text-align:center;}
.part4{ background-color:#F8F8F8;}
.part7-box{margin-left:12px;margin-top:25px;width:186px;height:390px;
    cursor:pointer;overflow:hidden;}
.part7-box.img1{background:url("/themes/theme_bj_28/pc/zt/images/teacher-01.jpg") no-repeat center top;}
.part7-box.img2{background:url("/themes/theme_bj_28/pc/zt/images/teacher-02.jpg") no-repeat center top;}
.part7-box.img3{background:url("/themes/theme_bj_28/pc/zt/images/teacher-03.jpg") no-repeat center top;}
.part7-box.img4{background:url("/themes/theme_bj_28/pc/zt/images/teacher-04.jpg") no-repeat center top;}
.part7-box.img5{background:url("/themes/theme_bj_28/pc/zt/images/teacher-05.jpg") no-repeat center top;}
.part7-box.img7{background:url("/themes/theme_bj_28/pc/zt/images/teacher-07.jpg") no-repeat center top;}
.part7-box.img8{background:url("/themes/theme_bj_28/pc/zt/images/teacher-08.jpg") no-repeat center top;}
.part7-info{margin-top:188px;width:186px;height:202px;display:none;background-color:rgba(255,255,255,0.9);}
.part7-info h1{padding:10px;font-size:18px;line-height:18px;text-align:left;font-weight:normal;color:#ff7800;}
.part7-info h2{padding:0 10px;line-height:14px; font-size:16px;text-align:left;font-weight:normal; color:#ff7800;}
.part7-info p{padding:6px 10px;line-height:20px;text-align:left;color:#5b5b5b;font-size:12px;}
.part7-box:hover{opacity:0.8;}
.part7-box:hover div.part7-info{animation-name:top;animation-duration:0.5s;display:block;}
@keyframes top
{
    from {margin-top:382px;}
    to {margin-top:188px;}
}
.part5{ background:url(/images/yybjs/ui-05.jpg) no-repeat center; width:100%; height:556px;}
.part5 li{ float:left; width:270px; margin-left:24px; margin-top:30px;}
.part5_con{background-color:#FFF; height:96px; padding:20px; line-height:28px;}
.part5_con p{ color:#808080; font-size:14px;}
.part5_con p span{ font-size:22px; color:#443b38;}
.part5_con p span i{font-size:18px;color:#808080;}
.part5_con p i{ font-size:30px; font-style:normal; color:#d80d2b;}
/*--------------鍏ㄥ眬鏍峰紡------------*/
.box{width:100%;position:relative;color:#333;}
.box .box_in{width:1170px; padding:0 15px; margin:0 auto; overflow:hidden; position:relative;}
.box h2{font-size:40px; font-weight:bold;color:#fff; text-align:center;width:800px;height:75px; line-height:75px; margin:0 auto;margin-bottom:60px;}
.box p{font-size:16px; line-height:28px; text-align:left;}
.box ul{ width:1170px; overflow:hidden; margin:0 auto;}
.box ul li{ float:left;}
.box .btn{ display:block; width:405px; height:85px; margin:0 auto; background:url(/images/yybjs/bigdata-btnbg.png) no-repeat center; text-align:center; line-height:62px; color:#fff; font-size:26px; position:absolute; bottom:35px; left:50%; margin-left:-205px;}
.box .btn span{ font-size:20px;}
.box .btn:hover{ bottom:38px;}
/**/
.box img{display:block; margin:0 auto;}
.box .inner{width: 100%; margin: 0 auto; overflow:hidden;}
.box .h2hd{width:600px;height:78px;background:#fff;text-align:center;line-height:78px; font-size:42px;color:#242424;margin-bottom:50px;}
.box .ulbox{ margin:0 auto; overflow:hidden;}
.box .ulbox li{ float:left; overflow:hidden;}
.box .myh2{ font-size:42px; margin:50px 0 25px; text-align:center;}
.box .myp{ font-size:24px; margin-bottom:60px; text-align:center;}
.box3{ background:#F8F8F8;}
.box3 .h2hd{background:#f8f8f8;color:#3E3A39;}
.box3 .ulbox{ width:100%; height:460px; background:url(/images/yybjs/bigdata-box3bg.png) no-repeat center top; position:relative;}
.box3 .ulbox li{ position:absolute; width:375px; top:0;}
.box3 .ulbox .li_l{ width:54px; height:80px; background:url(/images/yybjs/bigdata-icon.png) no-repeat 0 0; float:left; margin:3px 12px 0 0;}
.box3 .ulbox .li_r p{ float:left;}
.box3 .ulbox .li_r p span{ color:#00A8F0;}
.box3 .ulbox .lis{ top:198px;}
.box3 .ulbox .lis p{ margin-top:44px;}
.box3 .ulbox .li2s .li_l{background-position:0px -80px;}
.box3 .ulbox .li1{left:14px;}
.box3 .ulbox .li2{left:165px;}
.box3 .ulbox .li3{left:328px;}
.box3 .ulbox .li4{left:470px;}
.box3 .ulbox .li5{left:630px;}
.box3 .ulbox .li6{left:818px;}
.box3 .ulbox .li7{left:910px;}
.box3 .ulbox li:hover .li_l{top:-5px;}
.box3 .phd{text-align:center; color:#999;}
.ztgd{ -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.ztgd1{ -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.pr{ position:relative; top:0;}
.pr:hover{ top:0;}
/*box5寮€濮�*/
.box5{ background:#F8F8F8;background-size: 100%;margin-top: -10%;}
.box5 .box_hd .top{margin-top:50px;}
.box5 .box_hd .top p{margin-top:80px; margin-bottom:40px; font-size:1.8em; text-align:center; width:100%; font-weight:bold;}
.box5 .main{padding: 5% 2% 0;overflow: hidden;}
.box5 .main ul{width: 48%;float: left;}
.box5 .main .img1{width: 2%;float: left;margin: 0 1%;}
.box5 .main ul li{overflow: hidden;margin-bottom: 32%;}
.box5 .main ul li img{float: left;width: 28%;}
.box5 .main ul li .con{float: right;width:70%;}
.box5 .main .con h3{font-size: .9em;color:#333333;margin-top:4%;}
.box5 .main .con p{font-size: .8em;color: #fff;}
.box5 .main .con span{font-size:1.3em;color: #FFAB02;}
.box5 .main  .ul2 li{margin-top:27%;margin-bottom: 0;}
.box5 .main  .ul2 .li2{margin-top: 45%;}
.box5 .p5{font-size: .9em;color: #989898;text-align: center;margin: 6% 0 10%;}





.student{padding-bottom:10px;width:100%;}
.student img{width:100%;}
.student .box{margin-bottom:30px;margin-right:14px;float:left;width:157px;height:192px;overflow:hidden;position:relative;}
.student .box img{width:157px;height:192px;}
.student .box .info{top:192px;width:157px;height:192px;opacity:0;transition:0.5s;position:absolute;background:rgba(0,0,0,.7);}
.student .box:hover .info{top:0px;opacity:1;transition:0.5s;}
.student .box .info h1{margin-top:79px;font-size:18px;line-height:18px;text-align:center;color:#ffffff;}
.student .box .info p{margin-top:14px;font-size:16px;line-height:16px;text-align:center;color:#ffffff;}
/*teacher*/
.teacher{width:100%;height: auto;overflow:hidden;background:#ffffff; margin:0 auto;}
.teacher-main{width:100%;}
.teacher-main img{width:45%; border:#2CAAF9 1px dashed; margin-left:2.5%; margin-top:20px;} 
.teacher .box{margin-right:1px;float:left;width:182px;height:374px;overflow:hidden;transition:1s;background:#f2f2f2;}
.teacher .box.act{width:492px;transition:1s;}
.teacher .box .img{float:left;width:182px;height:374px;position:relative;}
.teacher .box .img img{width:182px;height:374px;}
.teacher .box .img .tname{top:292px;width:182px;height:82px;opacity:1;transition:1s;background:rgba(0,0,0,.8);position:absolute;}
.teacher .box .img .tname h1{margin-top:15px;margin-left:12px;font-size:18px;line-height:18px;color:#ffffff;}
.teacher .box .img .tname p{margin-top:8px;margin-left:12px;font-size:14px;line-height:14px;color:#ffffff;}
.teacher .box.act .img .tname{opacity:0;transition:1s;}
.teacher .box .info{float:left;opacity:0;width:0;transition:1s;margin-top:35px;margin-left:15px;}
.teacher .box.act .info{float:left;opacity:1;width:250px;transition:1s;margin-top:35px;margin-left:20px;}
.teacher .box .info h1{padding-bottom:20px;font-size:24px;font-weight:bold;line-height:24px;color:#535353;border-bottom:1px solid #b5b5b5;}
.teacher .box .info h1 b{padding-left:10px;font-size:16px;}
.teacher .box .info p{margin-top:15px;line-height:24px;font-size:12px;color:#898989;}
.teacher .box .info a{margin-top:12px;width:126px;height:37px;display:block;line-height:37px;text-align:center;color:#ffffff;transition:0.5s;background:#ec1c32;}
.teacher .box .info a:hover{transition:0.5s;background:#ff001b;}

.everywhere {

    height: auto;
    padding-top: 40px;
	padding-bottom:40px;
}

.everywhere_title {
    background: url("/images/yybjs/everywhere_tit.png") no-repeat center;
    font-size: 2em;
    color: #41524c;
    line-height:40px;
    letter-spacing: 2px;
    text-align: center;
}

.everywhere_title strong {
    color: #0e9e56;
}

.everywhere_con {
    background: url("/images/yybjs/everywhere_con.png") no-repeat center 0;
    width: 94%;
    height: 344px;
    margin: 144px auto 0;
    position: relative;
}

.everywhere_box1 {
    width: 100%;
    height: 80px;
    position: absolute;

    top: -110px;
}

.everywhere_box2 {
    width:100%;
    height: 177px;
    position: absolute;
    left: 0;
    top: 20px;
}

.everywhere_box3 {
    width: 100%;
    height: 152px;
    position: absolute;
    top: 150px;
}

.everywhere_box4 {
    width:100%;
    height: 172px;
    position: absolute;
    top:280px;
}

.everywhere_num {
    background: url("/images/yybjs/everywhere_num.png") no-repeat 0 0;
    width: 45px;
    height: 67px;
}

.everywhere_num1 {
	float: left;
}

.everywhere_num2 {
    background-position: -45px 0;
    float: left;
}

.everywhere_num3 {
    background-position: -90px 0;
	float: left;
}

.everywhere_num4 {
    background-position: -135px 0;
    float: left;
}

.everywhere_p1 {
    background: url("/images/wapyybjs/everywhere_box1.png") no-repeat 0 0;background-size:100% 100%;
	    border-radius: 8px;
    width:90%;
    height:80px;
    font-size:.9em;
    color: #fff;
    line-height: 22px;
    margin-top: 7px;
    padding: 20px 3% 0 24px;

}

.everywhere_p2 {
    background: url("/images/wapyybjs/everywhere_box1.png") no-repeat 0 0;background-size:100% 100%;
	    border-radius: 8px;
    width: 90%;
    height: 80px;
    font-size:.9em;
    color: #fff;
    line-height: 22px;
    margin-top: 7px;
    padding: 20px 3% 0 24px;
}

.everywhere_p3 {
    background: url("/images/wapyybjs/everywhere_box1.png") no-repeat 0 0;background-size:100% 100%;
	    border-radius: 8px;
    width: 90%;
    height: 80px;
    font-size:.9em;
    color: #fff;
    line-height: 22px;
    margin-top: 7px;
    padding: 21px 3% 0 24px;
}

.everywhere_p4 {
    background: url("/images/wapyybjs/everywhere_box1.png") no-repeat 0 0;background-size:100% 100%;
	    border-radius: 8px;
    width:90%;
    height: 120px;
    font-size:.9em;
    color: #fff;
    line-height: 22px;
    margin-top: 9px;
    padding: 18px 3% 0 24px;
}

.everywhere_btn {
    background: #f2883d;
    width: 80%;
    height: 60px;
    border: none;
    border-radius: 8px;
    display: block;
    margin: 125px auto 0;
    font-size: 20px;
    color: #fff;
    box-shadow: 2px 2px 3px rgba(4, 0, 0, 0.1);
}

/**/
.program{
	width: 100%;
	height: 402px;
	background-image: url("/images/wapyybjs/potentialBg.jpg");
	background-repeat: no-repeat; 
	background-size: 100% 110%;
	padding-top:20px;
}
.programm{
	width: 100%;
	height: 100%;
	margin: 0 auto;

}
.programm ul{margin-top:40px;
}
.program h4{ margin:0 auto;
    width:100%;
	text-align: center;
	line-height: 75px;
	color: #FFF;
	background:#00a8f0; 
	font-size:1.8em;font-family: "Microsoft Yahei";font-weight: bold;
}
.program li{
	float: left; width:90%; margin-left:5%;	font-size:1em; margin-bottom:10px;
	color: #fff;
	line-height:30px;
}
.program li img{
	width:100%;
	height:auto;

}
.pot-left{
	width: 650px;
	height: 182px;
	background: #fff;
	margin-top: 60px;
	box-shadow:0 0 10px #c1c1c1;
}
.pot-left img{
	margin-top: 30px;
	margin-left: 22px;
}
.pot-right{
	width: 434px;
	height: 168px;
	padding: 50px 56px;
	font-size: 20px;
	color: #fff;
	line-height: 40px;
}
/*xinx_wrap*/
.autoin{margin:0 auto;width:100%; position:relative;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
	.xinx_wrap{background:url(/images/yybjs/bg1.jpg) repeat center center;padding:50px 0;}
	.xinx_l{float:left;width:98%;margin-left:5px;}
	.xinx_l h4{line-height:20px;font-size:1.8em;font-weight:bold;color:#5a5762;border-left:3px solid #5AADFB;padding-left:10px;}
	.xinx_wrap h4{line-height:20px;font-size:1.8em;font-weight:bold;color:#5a5762;border-left:3px solid #5AADFB;padding-left:10px;}
	.xinx_lc1{padding-bottom:1px;}
	.xinx_lc2{padding-top:10px;}
	.xinx_lc li{height:34px;margin-top:14px;overflow:hidden;}
	.xinx_lc li span,.xinx_lc li p{float:left;height:34px;line-height:34px;color:#5a5762;}
	.xinx_lc li span{width:54px;font-size:1.2em;text-align:center;margin-right:10px;}
	.xinx_lc li span.span_te,.xinx_lc li .btn2:hover,.xinx_rc a:hover{color:#fff;background-color:#5AADFB;}
	.xinx_lc li p{width:60%;font-size:.8em;}
	.xinx_lc li p a{ color:#333;font-size:1em;}
	.xinx_lc li p a:hover{ color:#0B60A2;}
	.xinx_lc li .btn2{float:right;width:20%;height:24px;line-height:24px;font-size:14px;color:#5a5762;text-align:center;border:1px solid #46ADFB;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;margin-top:2px;}
	.xinx_r{float:left;width:95%;margin-left:2%;}
	.xinx_r h4{line-height:20px;font-size:1.2em;font-weight:bold;color:#5a5762;border-left:3px solid #5AADFB;padding-left:10px;}
	.xinx_rc1{margin-bottom:5px;}
	.xinx_rc2{margin-top:5px;}
	.xinx_rc a{float:left;font-size:1em;text-align:center;}
	.xinx_rc1 a{width:15.8%;height:34px;line-height:34px;color:#fff; margin-top:14px; margin-right:5.2%;background-color:#46ADFB;}
	.xinx_rc2 a{width:109px;height:38px;line-height:38px;color:#46ADFB;margin:23px 40px 0 0;border:1px solid #46ADFB;}
	.time_btn{background:url(/images/zyys/jl.png) no-repeat;}
	.cor1 {color: #FF0000}
	.xinx_rc1 a:hover{ background-color:#0B60A2;}
	
	.btn{display:block;text-align:center;color:#fff;margin:0 auto;}
	.title{ color:#fff; text-align:center;}
	.title h3{ font-size:30px; line-height:140px; color:#ff791f; font-weight:bold;}
	.title h3 img{ display:inline-block; vertical-align:middle; margin-top:-30px;}
	.title p{ line-height:26px; font-size:14px; color:#d5d4d3;}
	.title p em{ color:#ff791f; }
/*problem	*/
	.problem{ width:100%; height:694px; background:url(/images/zyys/pro_bg.jpg) no-repeat top center;}
	.title1 h3{ color:#333;}
	.title1 h3 img{ margin-top:10px;}
	
	.pro_ul{ height:240px;  background:url(/images/zyys/pro_08.png) no-repeat top center; padding:37px 0 0 41px; }
	.pro_ul li{ float:left; margin-right:33px; position:relative; cursor:pointer; text-align:center; width:152px;}
	.pro_d{transition: 0.5s ease-out;-moz-transition: 1s ease-out;-ms-transition: 1s ease-out;-o-transition: 1s ease-out;-webkit-transition: 1s ease-out; transform: rotateY(-0deg);-moz-transform: rotateY(-0deg);-ms-transform: rotateY(-0deg);-o-transform: rotateY(-0deg);-webkit-transform: rotateY(-0deg);position:relative; top:0; left:0; width:152px; height:123px; padding-top:40px; background:url(/images/zyys/pro_02.png) no-repeat; }
	.pro_d img{ margin:0 auto; display:block;}
	.pro_ul li .pro_d.cur{transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);}
	.pro_ul li p{ font-size:22px; line-height:50px; }
	.pro_li1{ margin-top:20px;}
/*learning*/
	.learning{ width:100%; padding-top:30px; height:426px;background:url(/images/yybjs/bg1.jpg) repeat center center;}
	.title3 h3{color:#3E3A39; line-height:100px; font-size:2em;}
	.title3 p{ font-size:1.3em; color:#3E3A39;}
	.lea_con{ width:90%; height:146px; padding:7px 9px;background-color:rgba(222,222,222); margin:20px auto 0; }
	.lea_d{width:100%; height:146px; border:1px dashed #fbf0e9; }
	.lea_d p{ text-align:center; font-size:1em; line-height:30px; color:#3E3A39; padding-top:15px;}

	.lea_btn{ width:100%;margin:0 auto;}
	.lea_btn a{ width:40%; height:38px; line-height:38px; border-radius:5px;float:left; background-color:#fa6f28; font-size:18px; margin:0px 5%; }
	.lea_btn a:hover{ background-color:#fc8e56;}
	
	
.main-ft {background-color: #fff;border-top: 1px solid #ededed;line-height: 35px;padding: 22px 0;}
.main-ft .link {position: relative;	text-align: center;	overflow: hidden;margin: 0 30px;}
.main-ft .link:after {content: '';	position: absolute;	right: 0;	top: 50%;	width: 0;	height: 30px;	margin-top: -15px;	border-left: 1px solid #e5e5e5;	z-index: 2;}
.main-ft .link li {position: relative;float: left;width: 20%;z-index: 1;}
.main-ft .link li:after {content: '';position: absolute;left: 0;top: 50%;width: 0;height: 30px;	margin-top: -15px;
	border-left: 1px solid #e5e5e5;}
.main-ft .link a {padding-left: 42px;display: inline-block;	background-repeat: no-repeat;
	background-position: left center;-webkit-background-size: 35px 35px;background-size: 35px 35px;font-size: 14px;
	color: #3c3c3c;}
	
.footer {
	background-color: #F8F8F8;
}

.footer .hd {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 41px 30px 15px;
}



.footer .copyr {
	margin: 0 15px;
	font-size: .8em;
	color: #898989;
	text-align:center;
	line-height: 20px;
	padding: 20px 0;
	border-top: 1px solid #2e2e2e;
}

.footer .copyr .txt {

}

.footer .copyr span {
	margin: 0 15px;
}