@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px; font-family:"微软雅黑"; font-size:12px; color:#333}

img{ border:0px;}

a{ text-decoration:none; color:#333}

ul,li,dl,dt,dd{list-style:none}

.L{ float:left;}
.R{ float:right;}

.header{width:1040px;margin:0 auto;padding:15px;}
.header .logo_area{float:left;margin-right:10px;}
.header .logo_area{color:#767676; line-height:24px;}
.header  em{font-size:18px;}
.header  em font{font-size:14px;}

/*
.header{ background:#333434; height:65px;}
.header .logo_area{padding-left:5px; padding-top:5px; width:510px;}
.header .logo_area h1{margin:0;padding:0; width:141px; height:44px; background:url(../images/logo.jpg) no-repeat 0px 0px; float:left; overflow:hidden; text-indent:1000em;padding-left:15px; border-right:#B4B3B3 1px solid; float:left;white-space:nowrap;}
.header .logo_area a{margin-left:15px;}
.header .logo_area   strong{  color:#B4B3B3;font-size:14px; font-weight:normal;display:block; float:left;padding-left:15px;}
.header .logo_area  span{  color:#fff;font-size:14px; }
.header   p{ float:right; color:#fff; height:35px;}
.header  p span{color:#DCDDDD; font-size:14px;padding-left:35px; display:block; height:35px; float:left;padding-right:20px;}
.header p{}
.header p.fr{ position:relative;width:500px; text-align:right; font-style:italic; }
.header p.fr .tel{ font-size:14px;position:absolute; right:0px;}
.header p.fr .hour24{font-size:14px;position:absolute;top:30px; right:0px; background:none}
.header p.fr .tous{font-size:14px;position:absolute;top:6px; right:0px; line-height:25px;}*/
.layout{width:1000px;margin:0 auto; clear:both}
.nav{font-size:14px;line-height:24px; background:url("../images/nav_bg.jpg") repeat; height:66px;}
.nav_con{width:1040px;margin:0 auto;}
.nav  span{color:#fff;width:71px; height:20px; display:block; text-align:center; float:left; line-height:20px;}
.nav  ul li{float:left;margin-left:16px;}
.nav  div:before{display:table;content:"";clear:both;padding-bottom:4px;}
.nav .nav_it span{background:url("../images/nav_it_bg.png") no-repeat;}
.nav .nav_notit span{background:url("../images/nav_notit_bg.png") no-repeat;}
.nav  ul li a{margin-right:16px;}
.nav .nav_it ul li a,.nav .nav_it ul li {color:#FF0;font-size:14px;}
.nav .nav_notit ul li a,.nav .nav_notit ul li {color: #FF0;font-size:14px;}


.banner{ width:100%; float:left; height:646px; background:url(../images/pp.png) repeat;}
.banner .b_img{ width:1366px;}
.banner .b_img img{ float:left}

.kc{ width:100%; float:left; }
.kc ul{ width:1024px;}
.kc ul li{ float:left; width:144px; height:163px; margin-left:26px; margin-top:20px; margin-bottom:10px;}

.main{ width:100%; float:left; margin-top:30px;}
.main .title{ width:1024px; font-size:36px; padding-top:30px; padding-bottom:20px; font-weight:bold}
.main .title span{ color:#ff5555; font-size:36px;}
.main .title p{ font-size:18px; font-weight:normal}
.main .m_test{ width:1024px;}
.main .m_test .p_l{ width:200px; float:left;  font-size:18px; text-align:left; margin-left:280px; margin-bottom:5px}
.main .m_test .p_r{ width:200px; float:left;  font-size:18px; text-align:left; margin-left:90px; margin-bottom:5px}
.main .jiuye{ width:1024px; border-bottom:1px solid #000; }
.main .jiuye .jy_test{ width:1024px; float:left; margin-top:20px;}
.main .jiuye .jy_test span{ float:left; text-align:left; font-size:16px; width:400px; line-height:30px}

.main .gcs{ width:1094px; height:596px; background:url("../images/pjxz.jpg") no-repeat;} 
.main .gcs .gcs_test{ width:900px; float:left; margin-left:50px; font-size:16px; text-indent:24px; line-height:25px; text-align:left}
	

/*.main{ width:100%; float:left; margin-top:30px;}
.main .title{ width:1024px; font-size:36px; padding-top:30px; padding-bottom:20px; font-weight:bold}
.main .title span{ color:#ff5555; font-size:36px;}
.main .title p{ font-size:18px; font-weight:normal}
.main .m_test{ width:1024px;}
.main .m_test .p_l{ width:200px; float:left;  font-size:18px; text-align:left; margin-left:280px; margin-bottom:5px}
.main .m_test .p_r{ width:200px; float:left;  font-size:18px; text-align:left; margin-left:90px; margin-bottom:5px}
.main .jiuye{ width:1024px; border-bottom:1px solid #000; }
.main .jiuye .jy_test{ width:1024px; float:left; margin-top:20px;}
.main .jiuye .jy_test span{ float:left; text-align:left; font-size:16px; width:400px; line-height:30px}
.main img{ margin-top:40px}
.main table{ padding-bottom:30px}
.main table tr td{ line-height:20px; font-size:14px; text-indent:20px; color:#4e5d70}
.main table tr td.ziti{ color:#FFF; font-weight:bold;}

.main .gcs{ width:1094px; height:596px; background:url(../images/pjxz.jpg) no-repeat;} 
.main .gcs .gcs_test{ width:900px; float:left; margin-left:50px; font-size:16px; text-indent:24px; line-height:25px; text-align:left}

*/
.main2{ width:100%; float:left;}
.main2 .m_img{ width:1090px; height:220px} 
.main2 .m_img img{ float:left; margin-right:35px}


.main3{ width:100%; float:left;}
.main3 .m3_bg{width:1093px; height:848px; background:url(../images/bjt.jpg) no-repeat;}
.main3 .title{ width:1024px; font-size:36px; padding-top:25px; font-weight:bold}
.main3 .title span{ color:#ff5555; font-size:36px;}
.main3 .title p{ font-size:18px; font-weight:normal}
.main3 .title .kn{font-size:24px; font-weight:normal; color:#ff5555; margin-top:20px;}
.main3 .title .kn p{  text-align:left; width:700px; font-size:24px; color:#ff5555; float:left; margin-top:5px; margin-left:260px}
.main3 ul{ width:955px; height:395px; margin-top:220px; background:url(../images/zuinan.png) no-repeat;}
.main3 ul li{ width:955px; float:left}
.main3 ul li .zn_l{ width:180px; float:left; font-size:13px; color:#E25A02; margin:30px 195px 0 100px; text-align:left}
.main3 ul li .zn_r{ width:180px; float:right; font-size:13px; color:#93B3C1; margin:30px 100px 0px 195px; text-align:left}


.main4{ width:100%; float:left;}
.main4 .teacher_bg{ width:1103px; height:369px; background:url(../images/ds.jpg) no-repeat;}
.main4 .teacher_bg .title{ width:440px; font-size:40px; text-align:left; float:left; margin:50px 583px 0px 80px;  font-weight:bold}
.main4 .teacher_bg .title span{ color:#ff5555; font-size:40px;}
.main4 .teacher_bg .teachers{width:440px; font-size:38px; color:#5c9df5; text-align:left; float:left; margin:0px 583px 0px 80px;  font-weight:bold}
.main4 .teacher_bg .qcfd{ width:440px; color:#ff5555; font-size:36px; text-align:left; float:left; margin:0px 583px 0px 80px;  font-weight:bold}
.main4 .teacher_bg .test{ font-size:16px; width:440px; text-align:left; float:left; margin:0px 583px 0px 80px; line-height:35px}

/*
.main5{ width:100%; float:left;}
.main5 .m5_bg{ width:1094px; height:528px; background:url(../images/xybjt.jpg) no-repeat;}
.main5 .title{ width:924px; font-size:36px; padding-top:25px; padding-bottom:20px;  font-weight:bold; float:left; text-align:left; margin-left:100px}
.main5 .title span{ color:#ff5555; font-size:36px;}
.main5 .jybz{ width:340px; float:left; margin-left:550px; text-align:left; line-height:27px}
.main5 .jybz p{  font-size:16px;}
*/

.class-info{
    margin:0 auto;
    width:100%;
    padding-bottom:55px;
    background-color:#29333d;
}
.class-info-main{
    width:888px;
    margin:0 auto;
}
.class-info-box{
    margin:0 auto;
    padding-top:56px;
    width:888px;
    height:255px;
}
.class-info-main div{
    margin:2px;
}
.class500{
    width:194px;
    height:250px;
    background:url("../images/class500.png") no-repeat center center;
    background-color:#ffffff;
}
.class500:hover{
    background-color:#ffee5a;
}
.class500 a{
    width:194px;
    height:250px;
    display:block;
}
.class-box{
    width:225px;
    height:123px;
}
.class-box a{
    width:225px;
    height:123px;
    display:block;
}
.class-box1{
    background:url("../images/class-box1.png") no-repeat center center;
    background-color:#4a87a3;
}
.class-box1:hover{
    background-color:#ee534d;
}
.class-box2{
    background:url("../images/class-box2.png") no-repeat center center;
    background-color:#23908c;
}
.class-box2:hover{
    background-color:#ee534d;
}
.class-box3{
    background:url("../images/class-box3.png") no-repeat center center;
    background-color:#4a87a3;
}
.class-box3:hover{
    background-color:#ee534d;
}
.class-box4{
    background:url("../images/class-box4.png") no-repeat center center;
    background-color:#23908c;
}
.class-box4:hover{
    background-color:#ee534d;
}
.class-box5{
    background:url("../images/class-box5.png") no-repeat center center;
    background-color:#4a87a3;
}
.class-box5:hover{
    background-color:#ee534d;
}
.class-box6{
    background:url("../images/class-box6.png") no-repeat center center;
    background-color:#23908c;
}
.class-box6:hover{
    background-color:#ee534d;
}
.fl{ float:left;}


.ycsj{ width:1000px; margin:0 auto; height:520px;}
.ycsj h3{font-size:48px; font-weight:bold; line-height:70px; color:#333333; padding:50px; text-align:center;}

.ycsj h3 span{font-size:48px; font-weight:bold; line-height:70px; color:#f0571b;}
.part9-box{
    margin:30px;
    width:248px;
    height:325px;
    display:block;
}
#part09{ width:1000px; height:480px; margin:0 auto;  text-align:center;}
.fl{ float:left;}
.part_tit{ text-align:center; padding:60px 0;}
.part9-box.p9b1{
    background:url("../images/p9b1.png");
}
.part9-box.p9b1:hover{
    background:url("../images/p9b1-h.png");
}
.part9-box.p9b2{
    background:url("../images/p9b2.png");
}
.part9-box.p9b2:hover{
    background:url("../images/p9b2-h.png");
}
.part9-box.p9b3{
    background:url("../images/p9b3.png");
}
.part9-box.p9b3:hover{
    background:url("../images/p9b3-h.png");
}

.main6{ width:100%; float:left; background:#f6ffe2}
.main6 .title{ width:1024px; font-size:36px; padding-top:25px; font-weight:bold}
.main6 .title span{ color:#ff5555; font-size:36px;}
.main6 .title p{ font-size:18px; font-weight:normal}
.main6 ul{ width:1024px; margin-top:20px;}
.main6 ul li{ width:289px; height:161px; float:left; margin-left:35px; margin-bottom:20px}

.con08 h2{ font-size:36px; color:#222a35; text-align:center;padding:50px 0 20px 0; font-style:italic}
.con08 h2 strong{font-size:36px; color:#006aa4}
.con08 .intro{ font-size:18px; line-height:30px;color:#222a35;padding:10px 0 40px 0; text-align:center}
.con08 .intro span{color:#ff6345; font-size:18px;}


.main7{ width:100%;}
.main7 .title{ width:1024px; font-size:36px; padding-top:25px; color:#ff5555; padding-bottom:10px;  font-weight:bold}
.main7 .main7_bg{ width:1103px; height:334px; background:url(../images/ren.jpg) no-repeat;}
.main7 .main7_bg p{ width:500px; margin:0px 130px 0 520px; font-size:18px; float:left; line-height:40px; text-align:left}
.main7 .main7_bg p span{ color:#ff5555; font-size:18px; }


.main8{ width:100%; float:left; background:#eef3f9}
.main8 .main_bg{ width:1024px; height:547px; background:url(../images/14.jpg) no-repeat;}
.main8 .main_bg .tixi_title{ width:1024px; font-size:36px; color:#FFF; float:left; margin-top:60px}
.main8 .main_bg .tixi_title p{ font-size:18px; color:#FFF; letter-spacing:10px}
.main8 .main_bg ul{ width:1024px; float:left;}
.main8 .main_bg ul li.test1{ font-size:16px; color:#79cfe4; width:110px; float:left; margin-top:35px; margin-left:75px}
.main8 .main_bg ul li.test1 p{ font-size:14px; color:#7c7c7c; text-align:left; float:left; margin-top:10px}
.main8 .main_bg ul li.test2{ font-size:16px; color:#d8aab3; width:110px; float:left; margin-top:170px; margin-left:50px}
.main8 .main_bg ul li.test2 p{ font-size:14px; color:#7c7c7c; text-align:left; float:left; margin-top:10px; margin-left:5px}
.main8 .main_bg ul li.test3{ font-size:16px; color:#5aa9ce; width:110px; float:left; margin-top:225px; margin-left:120px}
.main8 .main_bg ul li.test3 p{ font-size:14px; color:#7c7c7c; text-align:left; float:left; margin-top:10px; margin-left:5px}
.main8 .main_bg ul li.test4{ font-size:16px; color:#b7acc9; width:130px; float:left; margin-top:160px; margin-left:95px}
.main8 .main_bg ul li.test4 p{ font-size:14px; color:#7c7c7c; text-align:left; float:left; margin-top:10px; margin-left:5px}
.main8 .main_bg ul li.test5{ font-size:16px; color:#aed5d1; width:140px; float:left; margin-top:15px; margin-left:25px}
.main8 .main_bg ul li.test5 p{ font-size:14px; color:#7c7c7c; text-align:left; float:left; margin-top:10px}



.nr{width:1024px; text-align:left}
.tts7_l{ width:345px; height:480px;}
.tts7_l img{ margin-top:100px; margin-left:50px;}
.tts7_r{ width:670px; height:480px; color:#3e3e3e}
.tts7_r .tts_top{ width:670px; height:220px;}
.tts7_r .tts_top img{ margin-left:70px; margin-top:50px;}
.tts7_r .tts_title{ font-size:24px; width:620px; margin-left:35px; line-height:30px;}
.tts7_r .tts_title span{ color:#fe4932; font-size:24px;}
.tts7_r .tts_content{ width:636px; height:135px; background:url(../images/test_bg.jpg) no-repeat; margin-top:20px; margin-left:30px;}
.tts7_r .tts_content .test1{ font-size:18px; color:#fe4932; margin-top:13px; margin-left:40px;}
.tts7_r .tts_content .test2{ font-size:18px; color:#fe4932; margin-top:13px; margin-left:75px;}
.tts7_r .tts_content .test3{ font-size:18px; color:#fe4932; margin-top:18px; margin-left:40px;}
.tts7_r .tts_content .test4{ font-size:18px; color:#fe4932; margin-top:18px; margin-left:110px;}

.tts7_r .tts_content .test5{ font-size:14px; color:#3e3e3e; margin-top:5px; margin-left:40px;}
.tts7_r .tts_content .test6{ font-size:14px; color:#3e3e3e; margin-top:5px; margin-left:70px;}
.tts7_r .tts_content .test7{ font-size:14px; color:#3e3e3e; margin-top:5px; margin-left:40px;}
.tts7_r .tts_content .test8{ font-size:14px; color:#3e3e3e; margin-top:5px; margin-left:70px;}
.tts_c_color{ color:#fe4932}





.ad{ width:100%; float:left}
.ad .ad_img{ width:1103px;}

 
.footer{ width:100%; height:80px; background:#000; }
.footer .foot{ width:1103px; color:#FFF;  line-height:30px;}

/*tit*/
.tit{
    text-align: center;
    margin-top: 60px;
}
.tit h3{
    font-size: 38px;
    color: #333;
    font-weight: normal;
}
.tit h3 span{
    color: #3697d9;
    font-size: 38px;
}
.tit p{
    font-size: 20px;
    color: #999;
}

.border_line{
    border-bottom: 1px solid #ebebeb;
}

.part{
    margin-top: 50px;
    /*margin-bottom: 100px;*/
    padding-bottom: 50px;
}
.w-container {
    max-width: 1000px;
    margin: auto;
}
.position_rel {
    position: relative
}   
.tBox{
    width: 1000px;
    height:445px;
    margin: 60px auto 0;
}
.tBox .top{
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
.tBox .top em{
    width: 8px;
    height: 13px;
    position: absolute;
    top: 5px;
    cursor: pointer;
    transition: 0.2s;
}
.tBox .top em.fir{
    background: url(../img/pre01.png) no-repeat;
    left: 0;
}
.tBox .top em.sec{
    background: url(../img/next02.png) no-repeat;
    right: 0;
}
.tBox .top em.fir:hover{
    background: url(../img/pre1.png) no-repeat;
}
.tBox .top em.sec:hover{
    background: url(../img/next2.png) no-repeat;
}
.tBox .top .rollBox{
    width: 922px;
    height: 36px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.tBox .top .rollBox .rollW{
    width:1844px;
    position: absolute;
    left: 0;
    top: 0;
}
.tBox .top .rollBox .rollW li{
    width: 60px;
    height: 30px;
    text-align:center;
    margin-right: 26px;
    position: relative;
    float: left;
}
.tBox .top .rollBox .rollW a{
    font-size: 14px;
    color: #74777b;
    display: block;
    width: 100%;
    height: 100%;
}
.tBox .top .rollBox .rollW li i{
    width: 100%;
    height: 4px;
    background: #3697d9;
    position: absolute;
    left: 0;
    bottom: -5px;
    opacity: 0;
    transition: 0.2s;
}
.tBox .top .rollBox .rollW li i.opa{
    opacity: 1;
}
.tBox .bottom{
    width: 1000px;
    margin: 26px auto 0;
    height:380px;
    position: relative;
}
.tBox .bottom ul{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    transition: 0.4s;
}
.tBox .bottom ul.opa{
    display: block;
}
.tBox .bottom ul li{
    width: 240px;
    height: 350px;
    margin-right: 13px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left;
}
.tBox .bottom ul li.last{
    margin-right: -13px;
}
.tBox .bottom ul li h3{
    width: 100%;
    height:80px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    transition:0.3s;
}
.tBox .bottom ul li:hover h3{
    height:100%;
}
.tBox .bottom ul li:hover h3 p{
    padding-top: 35%;
}
.tBox .bottom ul .topC2:hover h3 p{
    padding-top: 10%;
}


.tBox .bottom ul li h3 strong{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top:0;
}
.tBox .bottom ul li h3 p{
    color: #fff;
    font-size: 14px;
    width: 220px;
    position: absolute;
    left: 15px;
    top: 16px;
    padding-right: 10px;
    line-height: 29px;
}
.tBox .bottom ul li h3 p span{
    font-size: 16px;
    color: #fff;
}
.tBox .bottom ul li h3 p em{
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
}
.tBox .bottom ul li.topC h3{
    height: 250px;
}
.tBox .bottom ul li.topC:hover h3{
    top: 100px;
}
/*.tBox .bottom ul li.topC2 h3{
    height: 300px;
}*/
/*.tBox .bottom ul li.topC2:hover h3{
    top: 50px;
}*/
.tBox .bottom ul li.topC3 h3{
    height: 330px;
}
.tBox .bottom ul li.topC3:hover h3{
    top: 20px;
}
.global_link{
    text-align: center;
}
.global_link >a{
    display: inline-block;
    width: 190px;
    height: 46px;
    border-radius: 23px;
    border:1px solid #3697d9;
    line-height: 44px;
    color: #3697d9;
    font-size: 20px;

    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.global_link >a:hover{
    background: #3697d9;
    color: #fff;

    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.global_link_top{
    margin-top: 30px;
}

/*子导航*/
.sub_nav{
    position:absolute;
    top: 80px;
    left: 0;
    right:0;
    background: rgba(0,154,198,0.96) url("../images/nav_bg.jpg");
    background: #fff \9;
    filter:alpha(opacity=50);
    -ms-filter:alpha(opacity=50);
    text-align: center;
    height: 40px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.sub_nav_ul{
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.sub_nav_ul li{
    display: inline-block;
    text-align: center;
    font-size: 16px;
    float: left;
}
.sub_nav_ul li a{
    color: #FF0;
    font-size: 14px;
    padding: 0 10px;
    border-right: 1px solid #fff;
}
.sub_nav_ul li a:hover{
    background: #fff;
    color: #0195bf;
    border-right:none;
    margin-left: -1px;
}