@charset "utf-8";
/* CSS Document */

.warp{ width:100%; border:solid #F00 0px; overflow:hidden}
.center{ width:1200px; margin:0 auto}

.logo_nav{ padding:18px 0; line-height:56px}
.logo{ width:535px}
.nav{ width:665px; font-size:16px; color:#333333; line-height:56px}
.nav a{ font-size:14px; color:#333333; line-height:56px !important; float:right; text-decoration:none}
.nav span{ padding-left:20px}

.banner{ background:url(../images/banner.jpg) center top no-repeat; min-height:540px; overflow:hidden}
.banner .banner_cont{ margin-top:184px}
.banner .banner_cont .banner_txt{ font-size:43px; color:#FFF; line-height:100px; margin:0 0 60px 60px}
.banner .banner_cont .banner_txt span{ font-size:18px; color:#ffffff; line-height:30px}
.banner .banner_cont .banner_video{ margin-left:60px; width:480px; height:270px; position: relative;}
.banner .banner_cont .banner_video img{ cursor:pointer}
.banner .banner_cont .banner_video .clickPlay{ position:absolute; width:60px; height:60px; background:rgba(55,125,255,.6); border-radius:60px; box-shadow:rgba(100,160,255,.2) 0 5px 30px; margin:-30px 0 0 -30px; cursor:pointer; top:50%; left:50%; z-index:999}
.banner .banner_cont .banner_video .clickPlay:before{ content:""; position:absolute; width:0; height:0; border-top:solid 14px transparent; border-left:solid 26px #FFF; border-bottom:solid 14px transparent; margin:-14px 0 0; top:50%; left:20px}
.banner .banner_cont .banner_video.pause .clickPlay{ transform:scale(4,4); opacity:0; transition:all 0.2s linear}
.banner .banner_cont .banner_text{ margin-left:33px}
.banner .banner_cont .banner_text .banner_yuan{ margin-top:27px}
.banner .banner_cont .banner_text .banner_yuan .banner_dashed{ width:93px; height:93px; border:dashed #FFFFFF 1px; padding:5px; border-radius:103px; margin-left:33px; float:left}
.banner .banner_cont .banner_text .banner_yuan .banner_dashed .banner_nei{ height:78px; width:93px; border-radius:93px; background:#FFF; text-align:center; font-size:17px; color:#333333; line-height:28px; padding-top:15px}
.banner .banner_cont .banner_text .banner_yuan .banner_dashed .banner_nei span{ font-size:27px; color:#333333; font-weight:bold; line-height:30px}
.banner .banner_cont .banner_text .banner_button{ margin-top:70px}
.banner .banner_cont .banner_text .banner_button a{ background:#00AAFF; height:40px; line-height:40px; float:left; font-size:18px; color:#FFF; border-radius:5px; padding:0 25px; margin:0 45px}
.banner .banner_berkeley{ margin:67px auto}
.banner .banner_berkeley span{ font-size:24px; color:#333333; line-height:57px}
.banner .banner_berkeley a{ float:left; height:57px; width:57px; border-radius:57px; text-align:center; line-height:57px; font-size:13px; color:#666666; background:#F5F5F5; margin-left:11px}
.banner .banner_berkeley a.kera{ background:#00AAFF; color:#FFF}

.title{ text-align:center}
.title .title_top{ font-size:50px; color:#333333; line-height:50px; min-height:90px}
.title i{ font-style:normal; color:#00aaff}
.title span{ font-size:24px; color:#333333; line-height:25px; border-top:#333333 solid 1px; padding-top:17px}

.main1{ background:#F5F5F5; overflow:hidden; padding:80px 0 60px 0}
.main1 .main1_cont{ width:376px; position:relative; margin:45px 0 0 36px}
.main1 .main1_cont1{ margin-left:0}
.main1 .main1_cont .main1_1{ border:solid 1px #D9D9D9; border-bottom:none; padding:22px 13px}
.main1 .main1_cont .main1_2{ width:376px; height:220px; position:relative}
.main1 .main1_cont .main1_2 .main1_2_1{ width:240px; height:65px; line-height:65px; text-align:center; font-size:24px; color:#333333; background:rgba(245,245,245,0.8); position:absolute; top:77px; left:68px}
.main1 .main1_cont .main1_3{ background:#112031; height:55px; font-size:16px; color:#ffffff; line-height:25px; padding:5px 0 0 126px}
.main1 .main1_cont .main1_4{ height:45px; padding-right:7px}
.main1 .main1_cont .main1_4 a{ height:25px; width:98px; text-align:center; line-height:25px; border:#00AAFF solid 1px; border-radius:3px; float:right; font-size:14px; color:#00aaff; margin-right:21px; margin-top:13px}
.main1 .main1_cont .main1_4 a:hover{ background:#00aaff; color:#FFF}
.main1 .main1_cont .main1_5{ position:absolute; bottom:0; left:12px}

.main2{ margin:80px auto}
.main2 .main2_cont{ position:relative; height:630px; margin-top:80px; font-size:24px; color:#ffffff}
.main2 .main2_cont .main2_1,.main2_2,.main2_3,.main2_4,.main2_5,.main2_6,.main2_7,.main2_8,.main2_9,.main2_10,.main2_11,.main2_12,.main2_13{ position:absolute; display:table; overflow:hidden}
.main2 .main2_cont .main2_1 .main2_p,.main2_2 .main2_p,.main2_3 .main2_p,.main2_4 .main2_p,.main2_5 .main2_p,.main2_6 .main2_p,.main2_7 .main2_p,.main2_8 .main2_p,.main2_9 .main2_p,.main2_10 .main2_p,.main2_11 .main2_p,.main2_12 .main2_p,.main2_13 .main2_p{ display:table-cell; vertical-align:middle; text-align:center; line-height:35px}
/*.main2 .main2_cont .main2_postion{ position:absolute; top:0; left:0; background:#112031; display:table; opacity:0; transition:all 1s;}
.main2 .main2_cont .main2_hover:hover .main2_postion{ display:table; opacity:1;}*/
.main2 .main2_cont .main2_postion{ position:absolute; bottom:-100px; left:0; background:#112031; display:table; position:absolute}
.main2 .main2_cont .main2_hover:hover .main2_postion{ }
.main2 .main2_cont .main2_postion .main2_txt{ font-size:12px; color:#ffffff; display:table-cell; vertical-align:middle; text-align:left; line-height:22px; padding:0 7px}
.main2 .main2_cont .main2_postion .main2_txt span{ color:#00aaff; font-weight:bold}
.main2 .main2_cont .main2_9 .main2_p a{ color:#FFF; display:block; height:130px; line-height:130px; transition:all 0.3s}
.main2 .main2_cont .main2_9 .main2_p a:hover{ background:#FFF; border:#00AAFF 1px solid; color:#00AAFF}
.main2 .main2_cont .main2_1{ background:url(../images/main2_bg1.jpg); width:240px; height:150px; top:0px; left:0px}
.main2 .main2_cont .main2_1 .main2_postion1{ width:240px; height:150px; position:absolute; left:0}
.main2 .main2_cont .main2_2{ background:url(../images/main2_bg2.jpg); width:270px; height:150px; top:0px; left:250px}
.main2 .main2_cont .main2_2 .main2_postion2{ width:270px; height:150px;}
.main2 .main2_cont .main2_3{ background:url(../images/main2_bg3.jpg); width:320px; height:150px; top:0px; left:530px}
.main2 .main2_cont .main2_3 .main2_postion3{ width:320px; height:150px;}
.main2 .main2_cont .main2_4{ background:url(../images/main2_bg4.jpg); width:150px; height:150px; top:0px; left:860px}
.main2 .main2_cont .main2_4 .main2_postion4{ width:150px; height:150px;}
.main2 .main2_cont .main2_5{ background:url(../images/main2_bg5.jpg); width:180px; height:320px; top:0px; left:1020px}
.main2 .main2_cont .main2_5 .main2_postion5{ width:180px; height:320px;}
.main2 .main2_cont .main2_6{ background:url(../images/main2_bg6.jpg); width:310px; height:130px; top:160px; left:0px}
.main2 .main2_cont .main2_6 .main2_postion6{ width:310px; height:130px;}
.main2 .main2_cont .main2_7{ background:url(../images/main2_bg7.jpg); width:500px; height:300px; top:160px; left:320px}
.main2 .main2_cont .main2_7 .main2_postion7{ width:500px; height:300px;}
.main2 .main2_cont .main2_8{ background:url(../images/main2_bg8.jpg); width:180px; height:160px; top:160px; left:830px}
.main2 .main2_cont .main2_8 .main2_postion8{ width:180px; height:160px;}
.main2 .main2_cont .main2_8 .main2_postion .main2_txt{ letter-spacing:-1px}
.main2 .main2_cont .main2_9{ background:#00AAFF; width:370px; height:130px; top:330px; left:830px}
.main2 .main2_cont .main2_10{ background:url(../images/main2_bg9.jpg); width:120px; height:330px; top:300px; left:0px}
.main2 .main2_cont .main2_10 .main2_postion10{ width:120px; height:330px;}
.main2 .main2_cont .main2_11{ background:url(../images/main2_bg10.jpg); width:180px; height:160px; top:300px; left:130px}
.main2 .main2_cont .main2_11 .main2_postion11{ width:180px; height:160px;}
.main2 .main2_cont .main2_12{ background:url(../images/main2_bg11.jpg); width:420px; height:160px; top:470px; left:130px}
.main2 .main2_cont .main2_12 .main2_postion12{ width:420px; height:160px;}
.main2 .main2_cont .main2_13{ background:url(../images/main2_bg12.jpg); width:640px; height:160px; top:470px; left:560px}
.main2 .main2_cont .main2_13 .main2_postion13{ width:640px; height:160px;}

.main3{ height:610px;}
.main3 .main3_title{ font-size:50px; text-align:center; color:#FFF; line-height:245px}
.main3 .main3_button{ padding:0 150px}
.main3 .main3_button a{ width:158px; height:38px; float:left; margin-left:108px; font-size:18px; color:#00aaff; text-align:center; line-height:38px; border:#00aaff 1px solid; border-radius:3px; margin-bottom:70px}
.main3 .main3_button a:hover{ background:#00aaff; color:#FFF}
.main3 .main3_txt{ text-align:center}
.main3 .main3_txt a{ font-size:24px; color:#ffffff; line-height:70px; border-bottom:solid 1px #FFF}

.main4{ margin:80px 0}
#index {z-index: 1; margin: 50px auto 0px; width: 1200px; height:auto;}
#index_box {POSITION: relative; margin: 0px auto 0px; width: 1200px; height:auto}
#index_box UL {POSITION: relative; width: 760px; height: 300px; margin:0 auto}
#index_box LI {z-index: 0; POSITION: absolute; LIST-STYLE-TYPE: none; width: 0px; height: 0px; OVERFLOW: hidden; TOP: 146px; CURSOR: pointer; LIST-STYLE-IMAGE: none; LEFT: 377px; border:4px solid #CCCCCC; border-radius:50%;}
#index_box li.on{ border:4px solid #00aaff;}
#index_box LI IMG {width: 100%; BACKGROUND: url(images/loading.gif) no-repeat center 50%; height: 100%; VERTICAL-ALIGN: top}
#index_box li.borderli1{ border:solid #F00 2px}
#index_box li.borderli2{ border:solid #FFF 2px}
#index_box .prev {DISPLAY: block}
#index_box .next {DISPLAY: block}
#index_box .prev {z-index: 100; OVERFLOW: hidden; CURSOR: pointer}
#index_box .next {z-index: 100; OVERFLOW: hidden; CURSOR: pointer}
#index_box .prev {POSITION: absolute; width: 105px; height: 105px; TOP: 60px; LEFT:0px}
#index_box .next {POSITION: absolute; width: 105px; height: 105px; TOP: 60px; RIGHT:0px}
.main4 .main4_text{ overflow:hidden; width:950px; margin:0 auto;}
.main4 .main4_zong{ width:4750px; overflow:hidden;}
.main4 .main4_txt{ font-size:14px; color:#333333; line-height:25px; width:950px; margin:0 auto; overflow:hidden; float:left}
.main4 .main4_txt span{ font-size:24px; color:#00aaff; line-height:25px; display:block; text-align:center; padding-bottom:30px}

.main5{ background:#F5F5F5; padding:80px 0}
.main5 .main5_cont{ margin-top:50px}
.main5 .main5_cont .main5_1{ background:#FFF; border:dashed 1px #999999; width:529px; height:190px; padding:24px 20px 24px 24px; float:left; margin-top:30px}
.main5 .main5_cont .main5_1rgt{ float:right}
.main5 .main5_cont .main5_1 .main5_img{ width:150px; padding-right:24px}
.main5 .main5_cont .main5_1 .main5_txt{ width:355px}
.main5 .main5_cont .main5_1 .main5_txt .main5_txt2{ font-size:20px; color:#333333; font-weight:bold; line-height:40px}
.main5 .main5_cont .main5_1 .main5_txt .main5_txt3{ font-size:14px; color:#666666; line-height:24px;}
.main5 .main5_cont .main5_1 .main5_txt .main5_button{ display:block; width:158px; height:33px; line-height:33px; text-align:center; font-size:14px; color:#00AAFF; border:#00AAFF 1px solid; border-radius:3px; margin-top:10px}
.main5 .main5_cont .main5_1 .main5_txt .main5_button:hover{ background:#00AAFF; color:#FFF}


.main6{ padding:80px 0}
.movie{ margin:60px auto 0px auto; position:relative;}
.movie .mplay{ height:409px; overflow:hidden; z-index:1;}
.movie .plcon{ width: 62%; margin: 0 auto; position: relative;}
.movie .plcon video{ width:100%}
.movie .plcon .clickPlay{ position:absolute; width:87px; height:87px; background:rgba(55,125,255,.6); border-radius:87px; box-shadow:rgba(100,160,255,.2) 0 5px 30px; margin:-43px 0 0 -43px; cursor:pointer; top:50%; left:50%; z-index:999}
.movie .plcon .clickPlay:before{ content:""; position:absolute; width:0; height:0; border-top:solid 19px transparent; border-left:solid 32px #FFF; border-bottom:solid 19px transparent; margin:-19px 0 0; top:50%; left:33px}
.movie .plcon.pause .clickPlay{ transform:scale(3,3); opacity:0; transition:all 0.2s linear}
.movie .menu{ text-align:center; height:110px; background:#007799; padding-left:352px}
.movie .menu img{ float:left; margin:13px 23px 0 0; border:1px #fff solid; cursor:pointer;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:gray;}
.movie .menu img.current{ border:1px red solid;-webkit-filter: grayscale(0%); -moz-filter:grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter:;}

.main7{ background:#F5F5F5; padding:80px 0}
.twelve{ height:486px; background:#FFF; margin:50px auto 0 auto; box-shadow:1px 1px 3px #999999}
.twecon{ background:url(../images/img32.png) left no-repeat; height:486px; overflow:hidden}
.tweleft,.tweright{ float:left; border:solid #F00 0px}
.tweleft{ width:375px; height:486px}
.tweleft p{ font-size:54px; color:#000; line-height:182px; text-align:right}
.tweleft p.twebott{ font-size:24px; line-height:40px; text-align:left; color:#FFF; padding:20px 0 0 35px}
.tweleft p.twebott span{ display:block; text-align:right}
.tweright{ width:820px; overflow:hidden}
.tweright img{ float:left; margin:0 2px 2px 0}
.tweright img.tweone{ margin:55px 2px 2px 223px; display:inline}
.tweright img.twefour{ margin-top:55px; display:inline}
.tweright img.twetwo{ margin-left:84px; display:inline}

.main8{ padding:80px 0}
.tags-cloud {
        width:950px;
        height: 550px;
        position: relative;
        margin: 60px auto 0px;
		padding-top:20px;
		border:solid #000 0px;
		
    }

          .tags-cloud .item-hover {
            position: absolute;
        }
		.tags-cloud .item-hover-weight18 {
            width: 217px;
            height: 217px;
            border-radius: 9999px;
            opacity: .3;
        }

          .tags-cloud .item-hover-weight0 {
            width: 123px;
            height: 123px;
            border-radius: 9999px;
            opacity: .3;
        }
		
		.tags-cloud .item-hover-weight19 {
            width: 123px;
            height: 123px;
            border-radius: 9999px;
            opacity: .4;
        }
          .tags-cloud .item-hover-weight1 {
            width: 177px;
            height: 177px;
            border-radius: 9999px;
            opacity: .4;
        }

          .tags-cloud .item-hover-weight2 {
            width: 180px;
            height: 180px;
            border-radius: 9999px;
            opacity: .6;
        }

          .tags-cloud .item {
            position: absolute;
            text-align: center;
            color: #fff;
        }

              .tags-cloud .item a {
                color: #fff;
                display: block;
                *position: relative;
            }

                  .tags-cloud .item a span {
                    display: block;
                    display: table-cell;
                    vertical-align: middle;
                    padding: 0 10px;
                    *position: absolute;
                    *top: 50%;
                    *left: 0;
                    cursor: pointer;
                }

                      .tags-cloud .item a span i {
                        *display: block;
                        *position: relative;
                        *top: -15%;
                        *left: 0;
                        font-style:normal;
                    }

                  .tags-cloud .item a:hover {
                    text-decoration: none;
                }

                      .tags-cloud .item a:hover span {
                        *background: none;
                    }
			
			.tags-cloud .tag-ieltz{ background-color:#3FB2E6}
			.tags-cloud .tag-toefy{ background-color:#49C99A}
			.tags-cloud .tag-ieltx{ background-color:#00AAFF}
			.tags-cloud .tag-ieltw{ background-color:#09B677}
          .tags-cloud .tag-ielts {
            background-color: #84DABB;
        }

          .tags-cloud .tag-toefl {
            background-color: #42C0FF;
        }
		.tags-cloud .tag-weight19 {
            width: 217px;
            height: 217px;
            border-radius: 9999px;
            opacity: .7;
            font-size: 24px;
            line-height: 24px;
        }
		.tags-cloud .tag-weight19 a,   .tags-cloud .tag-weight19 span {
                width: 217px;
                height: 217px;
                border-radius: 60px;
				text-decoration:none
            }

              .tags-cloud .tag-weight0 a {
                width: 217px;text-decoration:none
            }

          .tags-cloud .tag-weight0 {
            width: 123px;
            height: 123px;
            border-radius: 9999px;
            opacity: .7;
            font-size: 18px;
            line-height: 24px;text-decoration:none
        }

              .tags-cloud .tag-weight0 a,   .tags-cloud .tag-weight0 span {
                width: 115px;
                height: 123px;
                border-radius: 60px;text-decoration:none
            }

              .tags-cloud .tag-weight0 a {
                width: 123px;text-decoration:none
            }

          .tags-cloud .tag-weight1 {
            width: 177px;
            height: 177px;
            border-radius: 9999px;
            opacity: .7;
            font-size: 24px;
            line-height: 30px;
        }

              .tags-cloud .tag-weight1 a,   .tags-cloud .tag-weight1 span {
                width: 160px;
                height: 180px;
                border-radius: 90px;text-decoration:none
            }

              .tags-cloud .tag-weight1 a {
                width: 180px;text-decoration:none
            }

          .tags-cloud .tag-weight3 {
            width: 123px;
            height: 123px;
            border-radius: 9999px;
            font-size: 24px;
            line-height: 30px;
        }

              .tags-cloud .tag-weight3 a,   .tags-cloud .tag-weight3 span {
                width: 123px;
                height: 123px;
                border-radius: 90px;text-decoration:none
            }

              .tags-cloud .tag-weight3 a {
                width: 123px;text-decoration:none
            }
          .tags-cloud .tag-weight2 {
            width: 180px;
            height: 180px;
            border-radius: 9999px;
            font-size: 21px;
            line-height: 38px;
        }

              .tags-cloud .tag-weight2 a,   .tags-cloud .tag-weight2 span {
                width: 160px;
                height: 180px;
                border-radius: 110px;text-decoration:none
            }

              .tags-cloud .tag-weight2 a {
                width: 180px;text-decoration:none
            }
			.tags-cloud .tag-pos11{ left:383px; top:0}

          .tags-cloud .tag-pos1 {
            left: 5px;
            top: 4px;
        }

          .tags-cloud .tag-pos2 {
            left: 170px;
            top: 19px;
        }

          .tags-cloud .tag-pos3 {
            left: 556px;
            top: 1px;
        }

          .tags-cloud .tag-pos4 {
            left: 411px;
            top:408px;
        }

          .tags-cloud .tag-pos5 {
            left: 769px;
            top: 6px;
        }

          .tags-cloud .tag-pos6 {
            left: 4px;
            top: 157px;
        }

          .tags-cloud .tag-pos7 {
            left: 344px;
            top: 149px;
        }

          .tags-cloud .tag-pos8 {
            left: 599px;
            top: 224px;
        }

          .tags-cloud .tag-pos9 {
            left: 569px;
            top: 421px;
        }

          .tags-cloud .tag-pos10 {
            left: 766px;
            top: 402px;
        }
		.tags-cloud .tag-pos12 {
            left: 810px;
            top: 186px;
        }
		.tags-cloud .tag-pos13 {
            left: 153px;
            top: 285px;
        }
		.tags-cloud .tag-pos14 {
            left: 0px;
            top: 367px;
        }
/*
          .tags-cloud .tag-pos11 {
            left: -30px;
            top: 220px;
        }

          .tags-cloud .tag-pos12 {
            left: 412px;
            top: 415px;
        }

          .tags-cloud .tag-pos13 {
            left: 572px;
            top: 429px;
        }

          .tags-cloud .tag-pos14 {
            left: 766px;
            top: 399px;
        }
*/































.item-hover:hover{ display:block;}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        opacity: .7;
        -webkit-transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        opacity: .7;
        -moz-transform: scale(.9);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0%;

{
    opacity: 0;
    -o-transform: scale(.3);
}

50% {
    opacity: 1;
    -o-transform: scale(1.05);
}

70% {
    opacity: .7;
    -o-transform: scale(.9);
}

100% {
    opacity: 1;
    -o-transform: scale(1);
}

}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        opacity: .7;
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes bounceIn-infinite {
    0% {
        -webkit-transform: translate(0, 0);
    }

    20% {
        -webkit-transform: translate(0, 3px);
    }

    50% {
        -webkit-transform: translate(0, 0);
    }

    70% {
        -webkit-transform: translate(0, -3px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@-moz-keyframes bounceIn-infinite {
    0% {
        -moz-transform: translate(0, 0);
    }

    20% {
        -moz-transform: translate(0, 3px);
    }

    50% {
        -moz-transform: translate(0, 0);
    }

    70% {
        -moz-transform: translate(0, -3px);
    }

    100% {
        -moz-transform: translate(0, 0);
    }
}

@-o-keyframes bounceIn-infinite {
    0%;

{
    -o-transform: translate(0, 0);
}

20% {
    -o-transform: translate(0, 3px);
}

50% {
    -o-transform: translate(0, 0);
}

70% {
    -o-transform: translate(0, -3px);
}

100% {
    -o-transform: translate(0, 0);
}

}

@keyframes bounceIn-infinite {
    0% {
        transform: translate(0, 0);
    }

    20% {
        transform: translate(0, 5px);
    }

    50% {
        transform: translate(0, 0);
    }

    70% {
        transform: translate(0, -5px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes bounceIn-infinite2 {
    0% {
        -webkit-transform: translate(0, 0);
    }

    20% {
        -webkit-transform: translate(0, 8px);
    }

    50% {
        -webkit-transform: translate(0, 0);
    }

    70% {
        -webkit-transform: translate(0, -8px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@-moz-keyframes bounceIn-infinite2 {
    0% {
        -moz-transform: translate(0, 0);
    }

    20% {
        -moz-transform: translate(0, 8px);
    }

    50% {
        -moz-transform: translate(0, 0);
    }

    70% {
        -moz-transform: translate(0, -8px);
    }

    100% {
        -moz-transform: translate(0, 0);
    }
}

@-o-keyframes bounceIn-infinite2 {
    0%;

{
    -o-transform: translate(0, 0);
}

20% {
    -o-transform: translate(0, 8px);
}

50% {
    -o-transform: translate(0, 0);
}

70% {
    -o-transform: translate(0, -8px);
}

100% {
    -o-transform: translate(0, 0);
}

}

@keyframes bounceIn-infinite2 {
    0% {
        transform: translate(0, 0);
    }

    20% {
        transform: translate(0, 8px);
    }

    50% {
        transform: translate(0, 0);
    }

    70% {
        transform: translate(0, -8px);
    }

    100% {
        transform: translate(0, 0);
    }
}



.bounceIn {
    animation: bounceIn 800ms linear 1;
    -webkit-animation: bounceIn 800ms linear 1;
    -moz-animation: bounceIn 800ms linear 1;
    -o-animation: bounceIn 800ms linear 1;
    -ms-animation: bounceIn 800ms linear 1;
}

.bounceIn-infinite {
    animation: bounceIn-infinite 4s linear infinite;
    -webkit-animation: bounceIn-infinite 4s linear infinite;
    -moz-animation: bounceIn-infinite 4s linear infinite;
    -o-animation: bounceIn-infinite 4s linear infinite;
    -ms-animation: bounceIn-infinite 4s linear infinite;
}

.bounceIn-infinite2 {
    animation: bounceIn-infinite2 4s linear infinite;
    -webkit-animation: bounceIn-infinite2 4s linear infinite;
    -moz-animation: bounceIn-infinite2 4s linear infinite;
    -o-animation: bounceIn-infinite2 4s linear infinite;
    -ms-animation: bounceIn-infinite2 4s linear infinite;
}

.bounceIn-infinite3 {
    animation: bounceIn-infinite2 6s linear infinite;
    -webkit-animation: bounceIn-infinite2 6s linear infinite;
    -moz-animation: bounceIn-infinite2 6s linear infinite;
    -o-animation: bounceIn-infinite2 6s linear infinite;
    -ms-animation: bounceIn-infinite2 6s linear infinite;
}

@-webkit-keyframes bounceIn-hover {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.16);
    }

    80% {
        -webkit-transform: scale(1.03);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn-hover {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.16);
    }

    80% {
        -moz-transform: scale(1.03);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn-hover {
    0%;

{
    -o-transform: scale(1);
}

50% {
    -o-transform: scale(1.16);
}

80% {
    -o-transform: scale(1.03);
}

100% {
    -o-transform: scale(1);
}

}

@keyframes bounceIn-hover {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.16);
    }

    80% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
    }
}

.bounceIn-hover {
    animation: bounceIn-hover 1s linear infinite;
    -webkit-animation: bounceIn-hover 1s linear infinite;
    -moz-animation: bounceIn-hover 1s linear infinite;
    -o-animation: bounceIn-hover 1s linear infinite;
    -ms-animation: bounceIn-hover 1s linear infinite;
}

@-webkit-keyframes bounceIn2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3) rotate(45deg);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05) rotate(45deg);
    }

    70% {
        opacity: .7;
        -webkit-transform: scale(.9) rotate(45deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(45deg);
    }
}

@-moz-keyframes bounceIn2 {
    0% {
        opacity: 0;
        -moz-transform: scale(.3) rotate(45deg);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05) rotate(45deg);
    }

    70% {
        opacity: .7;
        -moz-transform: scale(.9) rotate(45deg);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1) rotate(45deg);
    }
}

@-o-keyframes bounceIn2 {
    0%;

{
    opacity: 0;
    -o-transform: scale(.3) rotate(45deg);
}

50% {
    opacity: 1;
    -o-transform: scale(1.05) rotate(45deg);
}

70% {
    opacity: .7;
    -o-transform: scale(.9) rotate(45deg);
}

100% {
    opacity: 1;
    -o-transform: scale(1) rotate(45deg);
}

}

@keyframes bounceIn2 {
    0% {
        opacity: 0;
        transform: scale(.3) rotate(45deg);
    }

    50% {
        opacity: 1;
        transform: scale(1.05) rotate(45deg);
    }

    70% {
        opacity: .7;
        transform: scale(.9) rotate(45deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(45deg);
    }
}

.bounceIn2 {
    animation: bounceIn2 800ms linear 1;
    -webkit-animation: bounceIn2 800ms linear 1;
    -moz-animation: bounceIn2 800ms linear 1;
    -o-animation: bounceIn2 800ms linear 1;
    -ms-animation: bounceIn2 800ms linear 1;
}

.main9{ height:576px; overflow:hidden}
.main9 .main9_cont{ width:665px; height:244px; margin:0 auto; background:url(../images/bottom_img.png) top left no-repeat; margin-top:178px}
.main9 .main9_cont .main9_1{ width:417px; height:219px; margin-left:202px; background:#FFF; border-radius:3px; padding:25px 0 0 45px; font-size:32px; color:#333333; line-height:60px; position:relative}
.main9 .main9_cont .main9_1 .main9_button{ width:122px; height:40px; line-height:40px; text-align:center; background:#00AAFF; font-size:20px; color:#ffffff; display:block; position:absolute; bottom:45px; right:27px}