body{margin:0;padding:0;font:12px "Arial","Helvetica","sans-serif","宋体";}
ul,li,a,h3,img,p{text-decoration:none;margin:0;padding:0;list-style-type:none;border:none;color:inherit;}
.top{background:#e5f1ff;}.sub_top_pic{width:850px;height:auto;margin:0 auto;height:229px;overflow:hidden;}
.top_pic{width:930px;height:auto;margin:0 auto;}.nav{height:37px;background:url(../images/nav_bg.gif) repeat-x;}
.nav_main{width:915px;margin:0 auto;padding-left:25px;height:37px;}.nav_main ul li{float:left;padding-top:5px;font-size:14px;}
.nav_main ul li a{display:block;width:98px;height:29px;float:left;text-align:center;line-height:29px;font-weight:bold;color:#fff;}
.nav_main ul li a:hover{width:98px;height:29px;display:block;float:left;background:url(../images/nav_bg_bh.gif) no-repeat;text-align:center;line-height:29px;color:#013689;}
.bianhua{width:98px;height:29px;display:block;float:left;background:url(../images/nav_bg_bh.gif) no-repeat;text-align:center;line-height:29px;}
a.bianhua,a.bianhua:link,a.bianhua:hover,a.bianhua:visited{color:#013689;}.container{height:auto;background:url(../images/zj_bg.gif) repeat-x;}
.container_xiangxi{width:850px;height:auto;margin:0 auto;padding-top:35px;}.sub_biaoti{text-align:right;padding-right:10px;}
.sub_nav{padding:20px 0;}.sub_nav ul li{line-height:31px;}
.sub_nav ul li a{height:31px;background:url(../images/sub_list_bg.gif) no-repeat;display:block;padding-left:65px;margin-top:-1px;color:#000;}
.sub_nav ul li a:hover,.sub_nav ul a.bh{height:31px;background:url(../images/sub_list_hover.gif) no-repeat;display:block;padding-left:65px;margin-top:-1px;color:#000;}
.container_zt{width:820px;height:auto;margin:0 auto;padding:0 55px;}.jianjie{height:145px;padding-top:30px;background:url(../images/line_bottom.gif) bottom repeat-x;}
.jian_nr,.wenhua_nr{width:410px;float:left;position:relative;height:145px;background:url(../images/line_left.gif) right repeat-y;}
.wenhua_nr{height:155px;}.xinxiang_pic{position:absolute;top:40px;left:0;}.jiajie_wenzi{position:absolute;top:0;right:30px;width:269px;}
.jieshao{padding-top:20px;line-height:18px;}.jieshao a{color:#333;}.jieshao a:hover{text-decoration:underline;}
.xinweng{width:410px;float:left;position:relative;height:145px;}.xinweng_pic{position:absolute;top:30px;left:20px;}.xinweng_wenzi{position:absolute;top:0;right:0;width:269px;}
.xinwen_list{margin-top:15px;}.xinwen_list li{line-height:25px;background:url(../images/dian.gif) no-repeat;}
.xinwen_list li a{color:#333;width:200px;display:block;float:left;padding-left:10px;height:18px;overflow:hidden;}
.xinwen_list li a:hover{color:#999;}.xinwen_list li span{color:#a7a7a7;}.wenhua{height:145px;}.wenhua_pic{position:absolute;top:35px;left:0;}
.wenhua_wenzi{position:absolute;top:30px;right:30px;width:269px;}.lianxi{width:410px;float:left;position:relative;height:145px;}
.lianxi_pic{position:absolute;top:40px;left:20px;}.lianxi_wenzi{top:30px;right:0;position:absolute;width:269px;}
.sub_list_left{width:170px;float:left;}.neye_zhuti{width:640px;float:left;border-left:1px solid #e7e7e7;padding-left:30px;}
.nr_bitoti{height:30px;border-bottom:1px dashed #ccc;}.weizhi_biaoti{font-size:14px;font-weight:bold;width:200px;display:block;float:left;padding-left:10px;}
.dizhi{width:300px;float:right;text-align:right;display:block;}.dizhi a{color:#333;}.dizhi a:hover{text-decoration:underline;}
.neye_xiangxi,.neye_xiangxi_zhaoping,.neye_xiangxi_youshi{padding:20px 0 0 10px;min-height:300px;height:auto !important;height:300px;}
.neye_xiangxi_zhaoping p{line-height:22px;font-size:14px;}.neye_xiangxi_zhaoping p a{text-decoration:underline;color:#039;}
.neye_xiangxi_zhaoping span{color:#0F3B7A;font-weight:bold;}.neye_xiangxi p{text-indent:24px;line-height:26px;font-size:14px;}
.news_bt{height:auto;}.news_list{padding-top:20px;font-size:14px;}.news_list li{line-height:25px;padding-left:15px;}
.news_list li a{width:400px;float:left;display:block;color:#000;background:url(../images/news_jiantou.gif) no-repeat;padding-left:15px;height:30px;overflow:hidden;}
.news_list li a:hover{color:#f18f00;text-decoration:underline;}.news_list li span{width:115px;float:right;display:block;text-align:center;color:#969696;}
.fengye li{color:#333;padding:0 3px;float:left;}.fengye li:hover{color:#f18f00;text-decoration:underline;}
.news_xiangxi_bt{height:35px;font-size:16px;font-weight:bold;text-align:center;border-bottom:1px solid #ccc;}
.laiyuan{line-height:35px;text-align:center;font-size:12px;color:#666;margin-bottom:20px;}
.xinwenxiangxi_nr p{font-size:14px;padding-bottom:10px;text-indent:24px;color:#333;}.next{padding:10px 5px;background:#ededed;margin-top:10px;position:relative;}
.next ul li{line-height:25px;}.next ul li a{color:#666;}.next p{position:absolute;right:10px;top:20px;}.next p a{text-decoration:underline;}
.next ul li a:hover{text-decoration:underline;color:#000;}.dizhi img{margin-bottom:-2px;padding-right:5px;}
.licheng_bg{width:625px;height:auto;background:url(../images/huigu.jpg) no-repeat;font-size:14px;margin:5px 0 30px;}
.zt_a{color:#666;line-height:20px;}.huigu,.zhangwang{width:100px;line-height:25px;text-align:center;background:#f63;color:#fff;font-size:14px;}
.zhangwang{background:#078d3d;}.yingji{float:left;margin:0 10px 15px 0;font-size:14px;color:#666;}.yingji_pic{padding:1px;border:1px solid #ccc;}
.yingji_pic img{width:195px;height:155px;overflow:hidden;}.ziti_b a{color:#666;height:32px;width:195px;overflow:hidden;display:block;padding-top:3px;}
.ziti_b a:hover{color:#f90;}.gedi_zp{line-height:25px;background:#f4f4f4;border:1px solid #ededed;color:#092D95;font-weight:bold;padding-left:10px;}
.df_mingcheng{padding:5px;border:1px solid #ededed;border-top:none;height:100%;}.df_mingcheng a{color:#333;padding:10px;}
.df_mingcheng a:hover{text-decoration:underline;}.sub_nav_b{padding:20px 0;}
.sub_nav_b ul li{float:left;width:51px;display:block;white-space:nowrap;padding:3px 0;overflow:hidden;text-align:center;}
.sousuo_bg{height:31px;background:url(../images/zhaoping_suosou.gif) no-repeat;}.zw{width:185px;color:#666;}
.ss{width:59px;height:21px;background:url(../images/sosuo.gif) no-repeat;border:none;cursor:pointer;}.zhiwei_bg{margin-top:20px;font-size:14px;}
.zhiwei_bg a{color:#000;}.zhiwei_bg a:hover{color:#F98B08;}.zp_lianxi{height:45px;background:url(../images/youjian.gif) no-repeat;padding-left:55px;margin-bottom:20px;}
.hezuo_huoban img{width:92px;height:42px;float:left;margin:0 10px 10px 0;border:1px solid #ccc;}
.quanpin_weizhi{ width:850px;height:30px;line-height:30px;border-bottom:1px dashed #ccc;}.quanpin_nr{padding:20px 5px;font-size:14px;color:#333;line-height:24px;}
.ziti_d span{font-weight:bold;color:#000;}.maodian_bg a{color:#000;}.bianxian{border-right:1px solid #E5770F;}
.maodian_bg{background:url(../images/maodian_bg.gif) repeat-x;border:1px solid #E5770F;font-size:14px;font-weight:bold;line-height:39px;margin-bottom:35px;}
.jm_biaoti{line-height:20px;border-bottom:2px solid #e96900;background:url(../images/jiameng_jiantou.gif) left no-repeat;padding-left:30px;}
.jm_biaoti a{font-weight:bold;color:#e96900;font-size:16px;}.jiameng_wz{padding:15px 0 35px;}.jiameng_wz p{line-height:26px;}
.jiameng_wz p span{font-weight:bold;color:#000;}.jiameng_wz a{text-decoration:underline;color:#03c;}
.ny_lianxi{width:410px;float:left;height:72px;padding-right:20px;padding:0 10px 10px 0;font-size:12px;}
.ny_lianxi_pic img{border:1px solid #ccc;width:66px;height:51px;overflow:hidden;}.hj{line-height:16px;}.youjian{width:650px;padding:0 80px;}
.yijianxiang{border-bottom:1px solid #ccc;line-height:28px;}.shurukuang,.jianyi{width:350px;border:1px solid #a5acb2;color:#666;}
.jianyi{height:70px;}.ziti_e{color:#fe4800;}.yijianxiang img{margin-bottom:-3px;}
.yj_tijiao{width:93px;height:30px;background:url(../images/yj_tjiao.gif) no-repeat;cursor:pointer;border:none;}
.jiejue_wenti{margin-top:20px;padding-top:10px;border-top:1px dashed #ccc;}.gengtie{padding:15px 0;}
.gengtie_biaoti{line-height:25px;height:25px;background:#edebeb;padding-left:10px;}
.gengtie_biaoti span{font-weight:bold;color:#000;}.yongfuming{width:240px;float:left;height:25px;}
.wengti{width:280px;float:left;height:25px;}.wenti_liebiao{padding:5px 10px;font-size:12px;}.wenti_liebiao span{color:#ff770d;}
.jiameng_biaoge{width:648px;margin:0 auto;border:1px solid #000a55;}.biaodang{padding:0 20px;}
.zx_tj{background:#fcf9f1;border-bottom:1px solid #000a55;text-align:center;line-height:35px;font-size:16px;font-weight:bold;color:#000;}
.jimeng_kuang_cs,.jimeng_kuang,.jimeng_kuang_dz,.jimeng_kuang_sj{width:100px;border:1px solid #b7b1aa;color:#999;}
.jimeng_kuang{width:300px;}.jimeng_kuang_dz{width:500px;}.jimeng_kuang_sj{width:180px;}
.zhushi{color:#ff0404;text-align:center;line-height:40px;height:40px;}.gs_jieshao_kuang{height:100px;border:1px solid #b7b1aa;width:600px;}
.jiammeng_bg_tj,.jiammeng_bg_cz{width:69px;height:28px;background:url(../images/jm_tj.gif) no-repeat;cursor:pointer;border:none;}
.jiammeng_bg_cz{width:72px;height:27px;background:url(../images/chongzhi.gif) no-repeat;}
.meti{padding:10px 0;height:60px;overflow:hidden;border-bottom:1px dashed #ccc;margin-bottom:5px;}
.neye_xiangxi_baodao{padding:20px 0 0 10px;min-height:300px;height:auto !important;height:300px;}.ys_zt_a{font-size:14px;font-weight:bold;}
.ys_zt_b{font-size:14px;color:#333;line-height:20px;padding:5px 0;margin-bottom:15px;border-bottom:1px dashed #ccc;}
.meiti_nr{width:498px;padding-left:10px;height:60px;float:left;}.meiti_nr p{font-size:14px;padding-bottom:5px;line-height:16px;}
.meiti_nr p a{height:35px;overflow:hidden;display:block;color:#666;}.meiti_nr p a:hover{color:#f18f00;}.meiti_pic{width:120px;float:left;}
.meiti_pic img{width:120px;height:60px;border:1px solid #ccc;overflow:hidden;}
.foot_nr{width:930px;margin:0 auto;padding:15px 0;}.foot_nr p{text-align:center;color:#5b5b5b;}.foot_nr p a{color:#5b5b5b;}
.foot_nr p a:hover{color:#ccc;}.neye_xiangxi p{text-indent:0;}.neye_xiangxi td{line-height:2;padding-bottom:10px;vertical-align:top;}

/*   new css  */
/* main */
body{
    background-color: #f7f7f7;
}
.main{
    position: relative;
}
.main .top_nav{
    position: absolute;
    height: 88px;
    width: 100%;
    z-index: 2;
}
.main .banner .slides li{
    height: 100vh;
}
.mission,
.desire,
.senseOfWorth{
    display: block;
    height: inherit;

}
.mission{
    background: url("../images/banner1.png") no-repeat center top;

}
.desire{
    background: url("../images/banner2.png") no-repeat center top;

}
.senseOfWorth{
    background: url("../images/banner3.png") no-repeat center top;

}
.banner{ position:relative; margin-bottom:20px; }
.banner{ position:relative; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat;}
.banner .slides{ position:relative; z-index:1;}
.banner .slides li a{ display:block; width:100%; overflow:hidden; background-position:center top; background-repeat:no-repeat;}
.banner .flex-control-nav{ position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.banner .flex-control-nav li{ display:inline-block; width:16px; height:16px; margin:0 5px; *display:inline; zoom:1;}
.banner .flex-control-nav a{ display:block; width:16px; height:16px; line-height:40px; overflow:hidden; background:url(../images/dot.png) left 0 no-repeat; cursor:pointer; font-size:0; }
.banner .flex-control-nav .flex-active{ background-position:right 0;}
.banner .flex-direction-nav{ position:absolute; z-index:3; width:100%; top:45%; }
.banner .flex-direction-nav li a{ display:block; width:30px; height:54px; overflow:hidden; cursor:pointer; position:absolute;}
.banner .flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/prev.png) center center no-repeat;}
.banner .flex-direction-nav li a.flex-next{ right:40px; background:url(../images/next.png) center center no-repeat;}

.top_nav_left{
    position: absolute;
    display: block;
    top:15px;
    left: 10vw;
}
.top_nav_left img{
    cursor: pointer;
}
.top_nav_title_bg{
    width: 100%;
    position: absolute;
    height: 88px;
    background-color: #ffffff;
    opacity: .3;
    z-index: -1;
}
.top_nav_title{
    width: 50%;
    display: block;
    margin: 0 auto;
}
.top_nav_title li{
    font-family: Microsoft YaHei;
    float: left;
    height: 88px;
    line-height: 88px;
    width: 20%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}
{
    color:#f00;
}
.top_nav_title ul:after{
    content: " ";
    display: block;
    clear: both;
}
.top_nav_title li a{
    padding-bottom: 28px;
    color: #333333;
}
.top_nav_title li a.active,
.top_nav_title li:hover a{
    border-bottom: 4px solid #30a15d;
}
.font-content{
    color: #f00;
    width: 960px;
    height: 185px;
    filter: alpha(opacity=70);
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;

    *padding-right: 30px;
}
.font-content p{
    text-align: right;
}
.font-content .font-cn{
    font-size: 40px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}
.font-content .font-en{
    font-size: 40px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
}
.font-content .font-desc{
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
}
.one{
    padding-right: 30px;
    border-right: 13px solid #fff;
}
.two{
    padding-left: 30px;
    border-left: 13px solid #fff;
}
.three .font-cn{
    width: 6em;
    margin: 0 auto;
    padding-top: 30px;
    /*border-top: 13px solid #fff;*/
    position: relative;
}
.three .font-cn:before{
    content: "";
    position: absolute;
    left: 1em;
    top:0;
    width: 4em;
    height: 13px;
    background-color: #ffffff;
}
.two p{
    text-align: left;
}
.three p{
    text-align: center;
}

/*  introduce   */
.introduce{
    max-width: 1254px;
    margin: 0 auto;
    background: url(../images/introduce.png) no-repeat;
    background-size: 100% 100%;
    padding: 82px;
}
.introduce:after {
    content: "";
    display: block;
    clear: both;
}
.introduce_bg{
    background-color: #ffffff;
}
.introduce .title{
    height: 60px;
    width: 8em;
    margin: 20px auto;
    font-size: 30px;
    font-family: Microsoft YaHei;
    border-left: 6px solid #30A15D;
    padding-left: 10px;
}
.introduce .cn{
    line-height: 40px;
    color: #333;
    font-weight: bold;
}
.introduce .en{
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
}
.introduce_content{
    margin: 20px auto;
    float: left;
}
.introduce_content:after{
    content: "";
    display: block;
    clear: both;
}
.introduce .content{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
    padding-bottom: 30px;
    white-space: pre-line;
}
.introduce .content_item{
    margin:0 auto;
    width: 70%;
    margin-bottom: 2em;
    text-indent: 2em;
}
.advantage{
    background-color: #f7f7f7;
    padding-top: 20px;
}
.advantage .title{
    height: 60px;
    width: 8em;
    margin: 20px auto;
    font-size: 30px;
    font-family: Microsoft YaHei;
    border-left: 6px solid #30A15D;
    padding-left: 10px;
}
.advantage .cn{
    line-height: 40px;
    color: #333;
    font-weight: bold;
}
.advantage .en{
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
}
.advantage .phone{
    width: 1000px;
    margin: 0 auto;
}
.advantage .phoneItem{
    position: relative;
    padding: 30px 20px;
}
.advantage .phoneItem li{
    list-style-type: disc;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    margin-left: 20px;
}
.advantage .left,
.advantage .right{
    display: inline-block;
}
.advantage .phoneLeft .right{
    width: 500px;
    position: absolute;
    left: 50%;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #c1c1c1;
    height: 200px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    z-index: 1;
}
.advantage .phoneRight .left{
    width: 500px;
    position: absolute;
    left: 20px;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #c1c1c1;
    height: 200px;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
}
.advantage .phoneRight .right{
    margin-left: 50%;
}
.advantage .numItem{
    font-size: 60px;
    color: #666;
    font-weight: 300;
}
.phoneItem.left1:after{
    content: " ";
    background-image: url("../images/group11.png");
    position: absolute;
    width: 302px;
    height: 56px;
    background-repeat: no-repeat;
    top: 0;
    right: -100px;
}
.phoneItem.right1:before {
    content: " ";
    background-image: url("../images/group22.png");
    position: absolute;
    width: 248px;
    height: 230px;
    background-repeat: no-repeat;
    top: 0;
    left: -200px;
    z-index: 2;
}
.phoneItem.left2:after{
    content: " ";
    background-image: url("../images/group33.png");
    position: absolute;
    width: 238px;
    height: 238px;
    background-repeat: no-repeat;
    top: 0;
    right: -100px;
}
.phoneItem.right2:before {
    content: " ";
    background-image: url("../images/group44.png");
    position: absolute;
    width: 56px;
    height: 302px;
    background-repeat: no-repeat;
    top: 60px;
    left: -80px;
    z-index: 2;
}

.report{
    background-color: #ffffff;
    padding-top: 74px;
    padding-bottom: 50px;
    width: 1240px;
    padding-left: calc((100% - 1240px) / 2);
    padding-right: calc((100% - 1240px) / 2);
}
.report .title{
    height: 60px;
    width: 8em;
    margin: 20px auto;
    font-size: 30px;
    font-family: Microsoft YaHei;
    border-left: 6px solid #30A15D;
    padding-left: 10px;
}
.report .cn{
    line-height: 40px;
    color: #333;
    font-weight: bold;
}
.report .en{
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
}
.report .titleItem{
    display: inline-block;
    float: left;
    margin: 30px 0 0 65px;
    padding: 20px;
}
.report .titleItem:hover{
    background-color: #fff;
    border-radius:5px;
    box-shadow: 0 0 0px 0px #000;
}
.titleItem .left,
.titleItem .right{
    display: inline-block;
}
.report_content li:after{
    content: "";
    display: block;
    clear: both;
}
.titleItem .right{
    vertical-align: top;
    padding-left: 30px;
    width: calc(1240px / 2 - 300px);
}
.titleItem .right p{
    font-size: 26px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #313131;
    line-height: 40px;
    padding-bottom: 10px;
}
.titleItem .right span{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
}
.report_content{ position:relative; margin-bottom:20px; }
.report_content{ position:relative; overflow:hidden; }
.report_content .slides{ position:relative; z-index:1;}
.report_content .slides li a{ display:block; width:100%; overflow:hidden; background-position:center top; background-repeat:no-repeat;}
.report_content .flex-control-nav{ position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.report_content .flex-control-nav li{ display:inline-block; width:16px; height:16px; margin:0 5px; *display:inline; zoom:1;}
.report_content .flex-control-nav a{ display:block; width:16px; height:16px; line-height:40px; overflow:hidden; background:url(../images/dot.png) left 0 no-repeat; cursor:pointer; font-size:0; }
.report_content .flex-control-nav .flex-active{ background-position:right 0;}
.report_content .flex-direction-nav{ position:absolute; z-index:3; width:100%; top:45%; }
.report_content .flex-direction-nav li a{ display:block; width:30px; height:54px; overflow:hidden; cursor:pointer; position:absolute;}
.report_content .flex-direction-nav li a.flex-prev{ left:0px; background:url(../images/prev.png) center center no-repeat;}
.report_content .flex-direction-nav li a.flex-next{ right:0px; background:url(../images/next.png) center center no-repeat;}











.course{
    background:url("../images/course.png");
    padding-top: 20px;
    background-size: 100% 100%;
}
.course .title{
    height: 60px;
    width: 8em;
    margin: 20px auto;
    font-size: 30px;
    font-family: Microsoft YaHei;
    border-left: 6px solid #30A15D;
    padding-left: 10px;
}
.course .cn{
    line-height: 40px;
    color: #333;
    font-weight: bold;
}
.course .en{
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
}
.courseList{
    margin: 100px auto 20px;
    width: 1000px;
    padding-bottom: 200px;
}
.courseList:after{
    content: "";
    display: block;
    clear: both;
}
.course .item{
    width:200px;
    position: relative;
    padding-bottom: 20px;
}
.course .item.right{
    margin-right: 27%;
    border-left: 4px solid #30A15D;
    padding-left: 40px;
    float: right;
}
.course .item.left{
    float: right;
    margin-right: 51%;
    border-right: 4px solid #30A15D;
    padding-right: 40px;
    width: 60%;
}
.course .item.right:before{
    content: "";
    position: absolute;
    box-shadow: 0 0 4px 9px #30A15D;
    border-radius: 50%;
    width:8px;
    height: 8px;
    left:-6px;
    top:-7px;
}
.course .right i{
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #0a7d38;
    border-radius: 50%;
    left: -7px;
    top: -8px;
}
.course .item.left:before{
    content: "";
    position: absolute;
    box-shadow: 0 0 4px 9px #30A15D;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: -7px;
    right: -6px;
}
.course .left i{
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #0a7d38;
    border-radius: 50%;
    right: -7px;
    top: -8px;
}
.course .left .year,
.course .left .event{
    text-align: right;
    white-space: pre-wrap;
}
.course .year{
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}
.course .event{
    color: #666666;
    line-height: 30px;
    white-space: pre;
    font-size: 14px;
    font-family: Microsoft YaHei;
}
.course .end.left:after{
    content: "";
    position: absolute;
    background: url("../images/after.png");
    width: 64px;
    height: 64px;
    right: -34px;
    bottom: -34px;
}
.course .end.left span{
    position: absolute;
    font-family: Microsoft YaHei;
    right: -3em;
    bottom: -64px;
    font-size: 20px;
    font-weight: bold;
}
.course .end.right:after{
    content: "";
    position: absolute;
    background: url("../images/after.png");
    width: 64px;
    height: 64px;
    left: -34px;
    bottom: -34px;
}
.course .end.right span{
    position: absolute;
    font-family: Microsoft YaHei;
    left: -2em;
    bottom: -64px;
    font-size: 20px;
    font-weight: bold;
}
.topImg{
    position: fixed;
    right: 50px;
    bottom: 100px;
    z-index: 4;
    cursor: pointer;
    display: none;
}

/*加入我们*/
.join .header{
    height: 500px;
    background: url(../images/banner5.png) no-repeat center top;
    position: relative;
}
.join .joinUs{
    padding: 0;
    margin: 0;
    margin-top: 185px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    position: relative;
}
.join .joinUs:after{
    content: "JOIN US";
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    text-align: center;
    font-size: 100px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 40px;
    opacity: 0.2;
}
.join .tab{
    height: 154px;
    width: 60%;
    background: #fff;
    position: absolute;
    bottom: -77px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    z-index: 2;
}
.join .tab:after{
    content: "";
    display: block;
    clear: both;
}
.join .tabItem{
    float:left;
    display: inline-block;
    width: 50%;
    text-align: center;
    padding-top: 100px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
    position: relative;
}
.join .tabItem:before{
    content: "";
    position: absolute;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30px;
    border-radius: 50%;
    padding: 17px;
    box-shadow: 0 0 10px 0px #dadada;
    cursor: pointer;
}
.join .tabItem.active{
    color: #30A15D;
}
.join .tabItem.active:before{
    border: 1px solid #30A15D;
    box-shadow: 0 0 0 0;
}
.join .recruit:before{
    width: 36px;
    height: 36px;
    background: url(../images/recruit.png) no-repeat;
    background-position: center;
}
.join .partner:before{
    background: url(../images/partner.png) no-repeat;
    background-position: center;
    width: 36px;
    height: 36px;
}
.join .content{
    width: 893px;
    margin: 187px auto 64px;
    padding: 57px 70px;
    background: #fff;
    box-shadow: 0 0 10px 0 #c1c1c1;
    border-radius: 10px;

}
.join .recruit_content{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
    padding-bottom: 30px;
    white-space: pre-wrap;
}
.join .cooperation{
    padding: 46px 0 100px;
    width: 960px;
    margin: 0 auto;
    display: none;
}
.join .item{
    padding-top: 121px;
}
.join .item>p{
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    text-align: center;
}
.join .imgList{
    padding-top: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.join .imgItem{
    *flex: 1;
    width: 20%;
    margin-bottom: 10px;
    text-align: center;
}
.join .imgItem .name{
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 21px;
    text-align: center;
    padding-top: 8px;
}
.join .imgItem img{
    max-width: 180px;
}
.join .imgItem:hover img{
    box-shadow: 0 0 10px 0 #9e9e9e;
}
.join .imgItem:hover p{
    text-shadow: 0px 5px 20px #000;
}
.swiper-slide img {
    width: 500px;
    margin: 0 auto;
}
button:focus{
    outline: 0;
}
/*  服务声明 */
.service .header{
    height: 500px;
    background: url(../images/banner6.png) no-repeat center top;
    position: relative;
}
.service .hide{
    display: none;
}
.service .statement{
    padding: 0;
    margin: 0;
    margin-top: 185px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    position: relative;
}
.service .statement:after{
    content: "SERVICE STATEMENT";
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    text-align: center;
    font-size: 100px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 40px;
    opacity: 0.2;
}
.service .tab{
    height: 154px;
    width: 60%;
    background: #fff;
    position: absolute;
    bottom: -77px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    z-index: 2;
}
.service .tab:after{
    content: "";
    display: block;
    clear: both;
}
.service .tabItem{
    float:left;
    display: inline-block;
    width: 25%;
    text-align: center;
    padding-top: 100px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
    position: relative;
}
.service .tabItem.active{
    color: #30A15D;
}
.service .tabItem:before{
    content: "";
    position: absolute;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30px;
    border-radius: 50%;
    padding: 17px;
    box-shadow: 0 0 10px 0px #dadada;
    cursor: pointer;
}
.service .tabItem.active:before{
    border: 1px solid #30A15D;
    box-shadow: 0 0 0 0;
}
.service .copyright:before{
    width: 36px;
    height: 36px;
    background: url(../images/copyright.png) no-repeat;
    background-position: center;
}
.service .secret:before{
    background: url(../images/secret.png) no-repeat;
    background-position: center;
    width: 36px;
    height: 36px;
}
.service .exemption:before{
    width: 36px;
    height: 36px;
    background: url(../images/exemption.png) no-repeat;
    background-position: center;
}
.service .agreement:before{
    background: url(../images/agreement.png) no-repeat;
    background-position: center;
    width: 36px;
    height: 36px;
}
.service .content{
    width: 893px;
    margin: 187px auto 64px;
    padding: 57px 70px;
    background: #fff;
    box-shadow: 0 0 10px 0 #c1c1c1;
    border-radius: 10px;
}
.service .recruit_content{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
    padding-bottom: 30px;
    white-space: pre-line;
}

/*意见反馈*/
.feedback .header{
    height: 500px;
    background: url(../images/banner.png) no-repeat center top;
    position: relative;
}
.feedback .opinion{
    padding: 0;
    margin: 0;
    margin-top: 185px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    position: relative;
}
.feedback .opinion:after{
    content: "FEEDBACK";
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    text-align: center;
    font-size: 100px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 40px;
    opacity: 0.2;
}
.feedback .tab{
    height: 110px;
    width: 60%;
    background: #fff;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    z-index: 2;
}
.feedback .tab:after{
    content: "";
    display: block;
    clear: both;
}
.feedback .content{
    width:60%;
    margin: 0 auto 100px;
    background: #fff;
    padding-bottom: 50px;
}
.feedback .btnList{
    padding-left: 180px;
}
.feedback .title_name{
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
    padding: 20px 180px;
}
.feedback .btnItem{
    padding: 0px 36px;
    height: 30px;
    float: left;
    margin-right: 50px;
    background-color: #fff;
    border: 0;
    color: #000;
    font-size: 14px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    cursor: pointer;
}
.feedback .btnItem.active{
    background-color: #30a15d;
    color: #fff;
}
.feedback .btnList:after{
    content: "";
    display: block;
    clear: both;
}
.feedback .input{
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 4px;
    margin: 0 180px;
    width: calc(100% - 360px);
    text-indent: 1em;
}
.feedback .textarea{
    background: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 4px;
    margin: 0 180px;
    width: calc(100% - 360px);
    text-indent: 1em;
    padding: 5px;
    resize: none;
}
.feedback input:focus,
.feedback textarea:focus{
    border: 1px solid #30A15D;
    outline: 0;
    box-shadow: 0 0 4px 0 #30a15d;
}
.feedback input.error,
.feedback textarea.error{
    border:1px solid #ff4e00;
}
.feedback input.error:focus,
.feedback textarea.error:focus{
    border:1px solid #ff4e00;
}
.feedback .formItem{
    position: relative;
}
.feedback .formItem:after{

}
.feedback i.error{
    position: absolute;
    left: 180px;
    color: #ff4e00;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 300;
}
.feedback .desc{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    text-align: center;
    padding-top: 50px;
}
.feedback .submit{
    display: block;
    margin: 50px auto;
    width: 400px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #30a15d;
    height: 40px;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}
.feedback .submit:focus{
    outline: 0;
}
    /*联系我们*/
.contact .header{
    height: 500px;
    background: url(../images/banner4.png) no-repeat center top;
    position: relative;
}
.contact .us{
    padding: 0;
    margin: 0;
    margin-top: 185px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    position: relative;
}
.contact .us:after{
    content: "CONTACT US";
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    text-align: center;
    font-size: 100px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 40px;
    opacity: 0.2;
}
.contact .tab{
    height: 100px;
    width: 60%;
    background: #fff;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    z-index: 2;
}
.contact .content{
    width:60%;
    margin: 0 auto 100px;
    background: #fff;
}
.contact p{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
    white-space: pre-line;
    padding: 0 200px;
    padding-bottom: 30px;
}



.team{
background-color: #f7f7f7;
padding-top: 20px;
}
.team .title{
height: 60px;
width: 8em;
margin: 20px auto;
font-size: 30px;
font-family: Microsoft YaHei;
border-left: 6px solid #30A15D;
padding-left: 10px;
}
.team .cn{
line-height: 40px;
color: #333;
font-weight: bold;
}
.team .en{
font-size: 24px;
line-height: 24px;
font-weight: 300;
}
/* footer */
.foot{
    font-size:14px;
    background-color: #333333;
    color:#ffffff;
    /*205 - 51 = 154*/
    height: 200px;
    text-align:center;}
.foot_nav{
    padding-top: 2.5em;
    display: block;
    margin: 0 auto;
    width: 30vw;
}
.foot .nav_item{
    width: 33%;
    display: inline-block;
    float: left;
    color: #ffffff;
}
.foot_nav:after,
.foot .foot_copy:after{
    content: " ";
    display: block;
    clear: both;
}
.foot .foot_copy{
    padding: 2.8em 0 2em 0;
    display: block;
    margin: 0 auto;
    width: 40vw;
    border-bottom: 1px solid #414141;
}
.foot .foot_copy span{
    display: inline-block;
    width: 45%;
    height: 16px;
    float: left;
}
.foot .foot_copy .s{
    width: 10%;
}
.foot .foot_company{
    text-align: center;
}
.foot .foot_tel{
    position: relative;
}
.foot .foot_tel i{
    position: relative;
}
.foot .foot_tel i:before{
    content: " ";
    background: url("../images/tel.png");
    position: absolute;
    left: -1em;
    top:2px;
    width: .85em;
    height: .85em;
}
.foot .foot_record_cn,
.foot .foot_record_en{
    font-size: 12px;
    padding-top: 1em;
}
.foot .foot_record_cn{
    padding-top: 1.4em;
}
.report_content img{width: 134px;}


/* tips */
.boxTips{
    position: fixed;
    width: 0px;
    height: 0px;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}
.boxTips .tips{
    display: block;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    filter: alpha(opacity=70);
    position: absolute;
    padding: 20px 40px;
    border-radius: 4px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.boxTips .tips .tit {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 10px;
}
.boxTips .tips .desc {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
}










