/* eyoucms.com 易优CMS -- 好用,免费,安全 */
html { background: #fff; font-size: 14px; color: #7d8287; font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif"; }


.g_cw { width: 1220px; padding: 0 10px; margin: 0 auto; }
.g_cw::before,
.g_cw::after { content: ''; display: block; clear: both; }

@media (max-width: 1260px) {
	.g_cw { width: 100%; }
}

.g_mt { margin-top: 60px; }
.g_mt::before,
.g_mt::after { content: ''; display: block; clear: both; }

.g_mb { margin-bottom: 60px; }
.g_mb::before,
.g_mb::after { content: ''; display: block; clear: both; }


.g_mt_a { margin-top: 40px; }
.g_mt_a::before,
.g_mt_a::after { content: ''; display: block; clear: both; }

.g_mb_a { margin-bottom: 40px; }
.g_mb_a::before,
.g_mb_a::after { content: ''; display: block; clear: both; }


.g_title { text-align: center; }
.g_title .p1 { margin-bottom: 10px; font-size: 30px; color: #2f2f32; }
.g_title .p2 { font-size: 16px; color: #2f2f32; }

.title:after { display: inline-block; position: relative; top: -5px; left: 10px; content: ""; width: 25px; height: 0px; border: 0.5px solid #d2d2d2; }
.title:before { display: inline-block; position: relative; top: -5px; right: 10px; content: ""; width: 25px; height: 0px; border: 0.5px solid #d2d2d2; }


.g_title_a { }
.g_title_a .p1 { font-size: 18px; color: #4e4e4e; display: inline-block; }
.g_title_a .p2 { font-size: 12px; color: #989898; display: inline-block; }

.title_a:after { }
.title_a:before { margin-left: 8px; display: inline-block; position: relative; top: 2px; left: -8px; content: ""; width: 5px; height: 18px; background: #08c1b2; border: none; }

.top_nav { }
.top_nav .left { float: left; }
.top_nav .right { padding: 5px 0; float: right; }
.top_nav .right p { font-size: 12px; color: #838383; }
.top_nav .right span { }
.top_nav .right a:hover { color: #08c1b2; }
.top_nav .right .on { color: #08c1b2; }

@media (max-width: 470px) {
	.top_nav .right { margin-top: 10px; float: left; clear: both; }
}

.fg { padding-top: 20px; border-bottom: solid #e4e4e4 1px; clear: both; }

.clearfix:after { display: block; clear: both; content: "\0020"; visibility: hidden; height: 0; }

.list { }
.list li { float: left; box-sizing: border-box; display: inline-block; }

.list1 { }
.list1 li { box-sizing: border-box; display: inline-block; }

.pages { float: right; clear:both; margin-top:50px; }
.pages ul li{ display:inline-block;}
.pages ul li a { padding: 10px 15px; border: solid #dedede 1px; }
.pages ul li a:hover { background: #08c1b2; color: #fff; border-color: #08c1b2; }
.pages ul li .on { background: #08c1b2; color: #fff; border-color: #08c1b2; }


@media (max-width: 800px) {
	.page { float: none; text-align: center; }
}

@media (max-width: 400px) {
	.page span { padding-top: 30px; display: inline-block; }
}

.frame { background: no-repeat center center; background-size: cover; height: 650px; }


/*g_header*/
.g_header { position: relative; z-index: 1; }

.g_header .bar { display: none; }
.g_header .main { background: #fff; height: 100px; }


.g_header .main .logo { line-height: 100px; padding-left: 50px; float: left; }
.g_header .main .logo img { vertical-align: middle; }

.g_header .main .nav { padding-top: 38px; padding-right: 50px; text-align: center; float: right; }
.g_header .main .nav > li { padding-left: 60px; float: left; }
.g_header .main .nav > li > a { display: block; font-size: 14px; color: #fff; vertical-align: middle; border: none transparent 3px; }
.g_header .main .nav > li:last-child > a { }
.g_header .main .nav > li > a > b { font-size: 14px; color: #4d4d4f; font-weight: normal; line-height: 1; transition: ease .3s; display: inline-block; }
.g_header .main .nav > li > a > em { margin-top: 5px; font-size: 10px; color: #bebec2; display: block; transform: scale(.8); transition: ease .3s; }

.g_header .main .nav > li > a.on { }
.g_header .main .nav > li > a.on > b { color: #08c1b2; }
.g_header .main .nav > li > a.on > em { color: #08c1b2; }
.g_header .main .nav > li > a:hover > b { color: #08c1b2; }
.g_header .main .nav > li > a:hover > em { color: #08c1b2; }

@media (max-width: 1170px) {
	.g_header .main .nav > li { padding-left: 50px; }
}

@media (max-width: 1100px) {
	.g_header .main .nav > li { padding-left: 45px; }
}

@media (max-width: 1060px) {
	.g_header .main .nav > li { padding-left: 37px; }
}


@media (max-width: 1024px) {
	body { padding-top: 60px; }
	.g_cw { width: 100%; }
	.g_header { background: transparent; }
	.g_header .top { display: none; height: auto; }
	.g_header .bar { position: relative; display: block; position: fixed; z-index: 100; left: 0; top: 0; right: 0; height: 60px; background: #08c1b2; color: #7fb800; }
	.g_header .bar .menu { position: absolute; right: 0; top: 0; display: inline-block; padding: 0 10px; line-height: 60px; }
	.g_header .bar .menu img { vertical-align: middle; height: 30px; }
	.g_header .bar .logo { font-size: 0; line-height: 60px; }
	.g_header .bar .logo img { padding: 0 10px; max-height: 40px; vertical-align: middle; }
	.g_header .main { height: auto; background: none; }
	.g_header .main .logo { display: none; }
	.g_header .main .right .top_dh { display: none; }
	.g_header .main .right { padding: 0; }

	.g_header .main .nav { float: none; height: auto; padding: 30px 0; margin-top: 0; line-height: 1; visibility: hidden; opacity: 0; position: fixed; z-index: 99; left: 0; top: -100%; bottom: 100%; right: 0; background: #fff; border-top: 0; transition: ease .4s; }
	.g_header .main .nav > li { padding-left: 0; float: none; text-align: left; width: auto; }
	.g_header .main .nav > li .nv_xl { display: none; }
	.g_header .main .nav > li > a:hover .nv_xl_a { display: none; }
	.g_header .main .nav > li > a { margin-bottom: 15px; margin-left: 0; width: auto; padding: 5px 30px; border: none; }
	.g_header .main .nav > li > a > b { margin-bottom: 0; font-size: 16px; }
	.g_header .main .nav.show { visibility: visible; opacity: 1; top: 60px; bottom: 0; }

	.g_header .main .nav_bj { height: auto; }
	.g_header .main .bo { padding-top: 0; height: auto; background: none; }
	.g_header .main .nav > li p { color: #000; }
	.g_header .main .nav > li .na_a em { color: #000; }
	.g_header .main .nav > li > a { border-left: solid transparent 3px; }
	.g_header .main .nav > li > a > em { margin-top: 10px; transform: scale(1); }
}


.banner-pc { margin-top: -100px; width: 100%; }
.bom_nav .left { margin-left: -10px; }
.bom_nav { padding: 15px 0; background: rgba(0,0,0,0.5); display: inline-block; width: 100%; }
.bom_nav .list li { padding-left: 10px; }
.bom_nav .list .li1 { width: 18%; }
.bom_nav .list .li2 { width: 18%; }
.bom_nav .list .li3 { width: 18%; }
.bom_nav .list .li4 { width: 36%; }
.bom_nav .list .li5 { width: 10%; }
.bom_nav .list li select { padding-left: 20px; width: 100%; background: #fff; border: none; height: 50px; color: #5a5a5e; }
.bom_nav .list li input { padding-left: 20px; width: 100%; background: #fff; border: none; height: 50px; }
.bom_nav .list li .btn { padding: 0; background: #ff7f00; color: #fff; }


.banner-mb { width: 100%; display: none; }



@media (max-width: 1024px) {
	.banner-pc { display: none; }
	.banner-mb { display: block; }
	.banner-mb .frame { height: 100%; }

	.bom_nav .list .li1 { width: 18%; }
	.bom_nav .list .li2 { width: 18%; }
	.bom_nav .list .li3 { width: 18%; }
	.bom_nav .list .li4 { width: 36%; }
	.bom_nav .list .li5 { width: 10%; }
}


@media (max-width: 830px) {
	.bom_nav { }
	.bom_nav .list .li1 { width: 100%; }
	.bom_nav .list .li2 { width: 100%; }
	.bom_nav .list .li3 { width: 100%; }
	.bom_nav .list .li4 { width: 100%; }
	.bom_nav .list .li5 { width: 100%; }
}





.banner-pc-n { margin-top: -100px; width: 100%; }
.banner-pc-n .frame { height: 576px; }
.bom_a_nav { padding: 30px 0; background: rgba(0,0,0,0.5); display: inline-block; width: 100%; text-align: center; }
.bom_a_nav .nav_a { display: inline-block; }
.bom_a_nav .nav_a li { margin: 0 10px; float: left; }
.bom_a_nav .nav_a li a { padding: 10px 35px; color: #fff; border: solid rgba(255,255,255,0.5) 1px; }
.bom_a_nav .nav_a li:hover a { background: #fff; color: #515151; }

.bom_a_nav .nav_a li .on { background: #fff; color: #515151; }


.banner-pc-m { width: 100%; display: none; }
.banner-pc-m .frame { height: 576px; }


@media (max-width: 1024px) {
	.banner-pc-n { display: none; }
	.banner-pc-m { display: block; }
	.banner-pc-m .frame { height: 100%; }
	.bom_a_nav .g_cw { padding: 0; }
	.bom_a_nav .nav_a { margin-bottom: -13px; width: 100%; }
	.bom_a_nav .nav_a li { margin: 0 0 10px 0; padding: 0 10px; width: 50%; }
	.bom_a_nav .nav_a li a { width: 100%; display: inline-block; }
}

@media (max-width: 370px) {
	.bom_a_nav .nav_a li { width: 100%; float: none; }
}





/*about*/
.about { }
.about .box { margin-top: 100px; padding: 40px; background: url(../img/about_ct1.jpg) no-repeat center bottom; background-size: cover; text-align: center; }
.about .box .ab_ct { margin-top: -120px; margin-bottom: 45px; }
.about .box .mode { margin-bottom: 65px; padding: 0 180px; overflow: hidden; }
.about .box .mode p { font-size: 12px; color: #fff; line-height: 25px; }
.about .box .tj { padding: 10px 35px; background: #fff; color: #08c1b2; display: inline-block; }

@media (max-width: 1024px) {
	.about .box .mode { padding: 0; }
}

@media (max-width: 667px) {
	.about .box { padding: 40px 10px; }
}

/*about*/
/*about_survey*/
.about_survey { }
.about_survey .mode { padding: 0 50px; }
.about_survey .mode .pic { text-indent: 0; text-align: center; }
.about_survey .mode p { margin-top: 10px;  color: #818080; line-height: 30px; }

@media (max-width: 1024px) {
	.about_survey .mode { padding: 0px; }
}
/*about_honor*/
.about_honor { }
.about_honor .lt { margin-left: -35px; }
.about_honor .left { float: left; width: 61%; display: inline-block; }
.about_honor .left .list { width: 100%; }
.about_honor .left .list li { margin-bottom: 35px; padding-left: 35px; width: 50%; font-size: 0; }
.about_honor .left .list li:nth-child(3n+3) { margin-bottom: 0; }
.about_honor .left .list li:nth-child(3n+4) { margin-bottom: 0; }
.about_honor .left .list li .pic { width: 100%; }
.about_honor .right { float: right; width: 25%; display: inline-block; font-size: 0; }



/*about_course*/
.about_course { }
.about_course .g_cw { }
.about_course .cs_bg { position: relative; width: 100%; }
.about_course .cs_bg::before { /* this is the vertical line */ content: ''; position: absolute; left: 50%; height: 1100px; width: 1px; background: #c5c5c5; }
.about_course .cs_bg .list li { width: 100%; float: left; }

.about_course .cs_bg .list li .plate { position: relative; height: 200px; width: 50%; float: left; }
.about_course .cs_bg .list li .plate .left { width: 62%; position: absolute; left: 0; }
.about_course .cs_bg .list li .plate .left .mode { padding: 30px; background: #f3f3f3; display: inline-block; border-radius: 5px; }
.about_course .cs_bg .list li .plate .left .mode .l1 { margin-bottom: 20px; font-size: 15px; color: #403f3f; }
.about_course .cs_bg .list li .plate .left .mode .l1 .ico { margin-right: 10px; vertical-align: bottom; width: 25px; }
.about_course .cs_bg .list li .plate .left .mode .l2 { font-size: 12px; color: #939393; line-height: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.about_course .cs_bg .list li .plate .left .mode a { margin-top: 10px; font-size: 12px; color: #04c0b1; float: right; }



.about_course .cs_bg .list li .plate .right { position: absolute; right: 20px; top: 47%; height: 25px; }
.about_course .cs_bg .list li .plate .right .date { }
.about_course .cs_bg .list li .plate .right .date .ico { margin-top: 5px; margin-right: 10px; width: 13px; vertical-align: middle; }
.about_course .cs_bg .list li .plate .right .date .ico_a { vertical-align: middle; display: inline-block; }
.about_course .cs_bg .list li .plate .right .date .ico_b { vertical-align: middle; display: inline-block; display: none; }
.about_course .cs_bg .list li .plate .right .date .na { float: right; font-size: 16px; color: #c3c3c3; border-bottom: solid #c3c3c3 1px; display: inline-block; transition: ease .3s; }


.about_course .cs_bg .list li .plate .point { margin-right: -8px; position: absolute; right: 0; top: 50%; background: #fff; border: solid #c5c5c5 2px; border-radius: 50px; width: 15px; height: 15px; transition: ease .3s; }
.about_course .cs_bg .list li .plate .point .point_a { margin: 3px; background: #fff; border: solid #c5c5c5 2.5px; border-radius: 50px; transition: ease .3s; }

.about_course .cs_bg .list li:hover .plate .right .date .ico_a { display: none; }
.about_course .cs_bg .list li:hover .plate .right .date .ico_b { display: inline-block; }
.about_course .cs_bg .list li:hover .plate .right .date .na { color: #08c1b2; border-bottom: solid #08c1b2 1px; }
.about_course .cs_bg .list li:hover .plate .point { border: solid #08c1b2 2px; }
.about_course .cs_bg .list li:hover .plate .point_a { border: solid #08c1b2 2.5px; }

.about_course .cs_bg .list li:nth-child(2n+2) .plate { float: right; }
.about_course .cs_bg .list li:nth-child(2n+2) .plate .left { left: auto; right: 0; }
.about_course .cs_bg .list li:nth-child(2n+2) .plate .right { right: auto; left: 20px; }
.about_course .cs_bg .list li:nth-child(2n+2) .plate .right .date .na { float: left; }
.about_course .cs_bg .list li:nth-child(2n+2) .plate .right .date .ico { margin-right: 0; margin-left: 10px; -webkit-transform: rotate(180deg); }
.about_course .cs_bg .list li:nth-child(2n+2) .plate .point { margin-left: -8px; margin-right: 0; right: auto; left: 0; }


.about_course .cs_bg .list li .cs_sj { text-align: center; padding-top: 98px; }

@media (max-width: 1024px) {

	.about_course .cs_bg::before { left: 10%; }
	.about_course .cs_bg .list li .plate { width: 90%; }
	.about_course .cs_bg .list li .plate .left { width: 70%; }

	.about_course .cs_bg .list li:nth-child(1n+1) .plate { float: right; }
	.about_course .cs_bg .list li:nth-child(1n+1) .plate .left { left: auto; right: 0; }
	.about_course .cs_bg .list li:nth-child(1n+1) .plate .right { right: auto; left: 20px; }
	.about_course .cs_bg .list li:nth-child(1n+1) .plate .right .date .na { float: left; }
	.about_course .cs_bg .list li:nth-child(1n+1) .plate .right .date .ico { margin-right: 0; margin-left: 10px; -webkit-transform: rotate(180deg); }
	.about_course .cs_bg .list li:nth-child(1n+1) .plate .point { margin-left: -8px; margin-right: 0; right: auto; left: 0; }
	.about_course .cs_bg .list li .cs_sj { padding-left: 8.5%; float: left; }
}


/*order*/
.order .left { width: 50%; float: left; display: inline-block; }
.order .p1 { margin-bottom: 60px; font-size: 20px; color: #00bfaf; text-align: center; }
.order .left .btn-numbox { overflow: hidden; display: inline-block; }
.order .left .btn-numbox li { float: left; line-height: 45px; }
.order .left .btn-numbox li .number, .kucun { margin-right: 12px; display: inline-block; font-size: 13px; color: #67676a; vertical-align: sub; }
.order .left .btn-numbox .count { margin-right: 20px; overflow: hidden; }
.order .left .btn-numbox .count .num-jian, .input-num, .num-jia { display: inline-block; padding: 15px; text-align: center; color: #999; cursor: pointer; border: 1px solid #dbd8d8; line-height: initial; }
.order .left .btn-numbox .count .input-num { width: 85px; color: #333; border-left: 0; border-right: 0; }
.order .left .btn-numbox .count .num-jian_a, .input-num_a, .num-jia_a { display: inline-block; padding: 15px; text-align: center; color: #999; cursor: pointer; border: 1px solid #dbd8d8; line-height: initial; }
.order .left .btn-numbox .count .input-num_a { width: 85px; color: #333; border-left: 0; border-right: 0; }

.order .left .lt { display: inline-block; float: left; }
.order .left .rt { display: inline-block; float: right; }

.order .left .message { margin-top: 25px; clear: both; width: 100%; display: inline-block; }
.order .left .message .mg1 { margin-bottom: 25px; width: 100%; display: inline-block; line-height: 45px; }
.order .left .message .mg1 span { width: 13%; float: left; font-size: 13px; color: #67676a; display: inline-block; }
.order .left .message .mg1 .input1 { width: 87%; float: right; border: solid #dbd8d8 1px; height: 45px; display: inline-block; }
.order .left .message .mg1 .tex1 { padding-top: 20px; width: 87%; float: right; border: solid #dbd8d8 1px; height: 135px; display: inline-block; }

.order .left .message .btn { text-align: center; }
.order .left .message .btn1 { margin: 0 25px; padding: 12px 60px; color: #fff; display: inline-block; background: #08c1b2; border-radius: 5px; }
.order .left .message .btn2 { margin: 0 25px; padding: 12px 60px; color: #fff; display: inline-block; background: #969696; border-radius: 5px; }

.order .right { width: 38%; float: right; display: inline-block; }

@media (max-width: 1180px) {
	.order .left { width: 60%; }
}

@media (max-width: 1024px) {
	.order .left .lt { width: 50%; float: left; }
	.order .left .rt { width: 50%; float: right; }
	.order .left .lt .lt_a { float: left; }
	.order .left .rt .rt_a { float: right; }
	.order .left { width: 100%; }
	.order .left .message .mg_lt { margin-left: -20px; }
	.order .left .message .mg1 { padding-left: 20px; width: 100%; float: left; }
	.order .left .message .mg1 span { width: auto; }
	.order .left .message .mg1 .input1 { width: 100%; float: left; }
	.order .left .message .mg1 .tex1 { width: 100%; float: left; }
	.order .right { display: none; }
}

@media (max-width: 667px) {
	.order .left .lt { width: 100%; }
	.order .left .rt { width: 100%; clear: both; }
	.order .left .lt .lt_a { margin-bottom: 20px; float: none; }
	.order .left .rt .rt_a { float: none; }
}
/*standard*/
.standard { }
.standard .list li { margin-bottom: 45px; }
.standard .list li p { font-size: 14px; color: #636363; line-height: 30px; }

/*advantage*/
.advantage { margin-top: 230px; }
.advantage .mode { margin-top: 35px; padding: 60px 0; position: relative; width: 100%; background: #f9fafb; }
.advantage .mode .left { position: absolute; bottom: 0; float: left; }

.advantage .mode .right { width: 56%; float: right; }
.advantage .mode .right .list { width: 100%; }
.advantage .mode .right .list li { margin-bottom: 70px; width: 50%; }
.advantage .mode .right .list .no { margin-bottom: 0; }

.advantage .mode .right .list li .ico { margin-right: 20px; background: #00bfaf; font-size: 0; border-radius: 4px; float: left; width: 65px; height: 65px; line-height: 65px; text-align: center; }
.advantage .mode .right .list li .ad_ico { vertical-align: middle; }
.advantage .mode .right .list li .l1 { margin-bottom: 10px; font-size: 16px; }
.advantage .mode .right .list li .l2 { font-size: 12px; color: #454549; }

@media (max-width: 1024px) {
	.advantage { margin-top: 130px; }
	.advantage .mode .left { width: 30%; }
	.advantage .mode .right { width: 65%; }
}

@media (max-width: 860px) {
	.advantage .mode .left { display: none; }
	.advantage .mode .right { width: 100%; }
	.advantage .mode .right .list li { text-align: center; }
	.advantage .mode .right .list li:nth-child(3) { clear: both; }

	.advantage .mode .right .list li .ico { margin-bottom: 20px; float: none; margin-right: 0; display: inline-block; }
}

@media (max-width: 440px) {
	.advantage .mode .right .list li { margin-bottom: 60px; width: 100%; float: none; text-align: left; }
	.advantage .mode .right .list .no { margin-bottom: 60px; }
	.advantage .mode .right .list li .ico { margin-right: 20px; float: left; }
}





/*advantage_a*/
.advantage_a { }
.advantage_a .list { }
.advantage_a .list li { border-right: solid #e5e6ea 1px; width: 25%; text-align: center; }
.advantage_a .list li:nth-child(4n+4) { border-right: none; }
.advantage_a .list li p { font-size: 12px; color: #7c7c7e; }
.advantage_a .list li .l1 { margin-bottom: 15px; vertical-align: middle; line-height: 30px; }
.advantage_a .list li .pic { margin-right: 10px; vertical-align: middle; width: 35px; }
.advantage_a .list li em { padding: 5 0px; vertical-align: middle; font-size: 24px; color: #575757; }

@media (max-width: 1024px) {
	.advantage_a .list li { margin-bottom: 40px; width: 50%; }
	.advantage_a .list li:nth-child(2) { border-right: none; }
}


@media (max-width: 520px) {
	.advantage_a .list li { margin-bottom: 50px; width: 100%; }
	.advantage_a .list li:nth-child(2n+1) { border-right: none; }
	.advantage_a .list li:nth-child(3n+4) { margin-bottom: 0; }
}


/*copyright*/
.copyright { padding: 35px 0; background: #f9fafb; overflow: hidden; }
.copyright .cooperation { padding-bottom: 25px; border-bottom: solid #e5e6ea 1px; display: inline-block; width: 100%; }
.copyright .cooperation .list { }
.copyright .cooperation .list li { margin-right: 15px; }
.copyright .cooperation .list li p { color: #656669; font-size: 12px; }
.copyright .cooperation .list li .l1 { color: #08c1b2; }

@media (max-width: 830px) {
	.copyright .cooperation .list li { margin-bottom: 10px; }
	.copyright .cooperation .list .hn { height: 50px; }
}

.copyright .bom { margin-top: 30px; }
.copyright .bom .left { float: left; }
.copyright .bom .left .nav_a { display: inline-block; }
.copyright .bom .left .nav_a li { margin-right: 10px; padding-right: 10px; float: left; display: inline-block; box-sizing: border-box; border-right: solid #c6c7c8 1px; }
.copyright .bom .left .nav_a .no { border-right: none; }
.copyright .bom .left .nav_a li a { font-size: 12px; color: #656669; }
.copyright .bom .left .nav_a li a:hover { color: #08c1b2; }
.copyright .bom .left .cp1 { margin-top: 15px; font-size: 12px; color: #a9abaf; }

.copyright .bom .right { float: right; }
.copyright .bom .right p { font-size: 12px; color: #a9abaf; }
.copyright .bom .right b { margin-top: 14px; font-size: 20px; color: #00bfaf; display: block; }
.copyright .bom .no_a { display: none; }

@media (max-width: 667px) {
	.copyright .bom { text-align: center; }
	.copyright .bom .left { float: none; }
	.copyright .bom .right { display: none; }
	.copyright .bom .no_a { margin-bottom: 20px; display: inline-block; float: none; text-align: center; }
	.copyright .bom .left .cp1 { margin-top: 10px; }
}

@media (max-width: 470px) {
	.copyright .bom .left .nav_a { text-align: center; width: 100%; }
	.copyright .bom .left .nav_a li { margin-right: 0; padding-right: 0; margin-bottom: 10px; float: left; border-right: none; width: 16.66%; }
	.copyright .bom .left .cp1 { margin-top: 0; }
}

@media (max-width: 380px) {
	.copyright .bom .left .nav_a li { width: 33.33%; }
}


/*contact*/
/*consult*/
.consult .p1 { margin-bottom: 20px; color: #696969; }

.consult .mode { margin-top: 70px; }
.consult .mode .left { padding: 0 70px; width: 60%; display: inline-block; float: left; }
.consult .mode .left .l1 { margin-bottom: 20px; display: inline-block; width: 100%; }
.consult .mode .left .l1 .input1 { padding: 15px 0 15px 15px; border: solid #d2d2d2 1px; width: 100%; }
.consult .mode .left .l1 .tex1 { padding: 15px; width: 100%; height: 150px; }
.consult .mode .left .btn { margin-top: 30px; text-align: center; }
.consult .mode .left .btn .btn1 { margin: 0 25px; padding: 10px 40px; color: #fff; background: #08c1b2; border-radius: 8px; }

.consult .mode .right { width: 40%; display: inline-block; float: right; text-align: center; }

@media (max-width: 830px) {
	.consult .mode .left { width: 100%; float: none; }
	.consult .mode .left { padding: 0px; }
	.consult .mode .right { display: none; }
}
/*recruit*/
.recruit { }
.recruit .mode { }
.recruit .mode .p1 { margin-bottom: 20px; color: #818181; line-height: 25px; text-indent: 2em; }
.recruit .mode .no { margin-bottom: 0; }
.recruit .mode .pic { margin: 45px 0; width: 100%; }

.recruit .rr_form { }
.recruit .rr_form table { width: 100%; }
.recruit .rr_form table tbody { }
.recruit .rr_form table tbody > tr > th { padding: 15px 0; width: 25%; text-align: center; border-bottom: solid #08c1b2 3px; background: #fafbfc; }
.recruit .rr_form table tbody > tr > td { padding: 15px 0; width: 25%; text-align: center; }
.recruit .rr_form table tbody > tr > .td1 { padding: 14px 0; width: 25%; text-align: center; border-bottom: solid #f2f2f2 1px; border-top: solid #f2f2f2 1px; background: #fafbfc; }
.recruit .rr_form table tbody > tr > td:hover a { color: #08c1b2; border-bottom: solid #08c1b2 1px; transition: ease .3s; }


/*method*/
.method .map { border: solid #e6e6e6 1px; font-size: 0; }
.method .mode { margin: 25px 0; }
.method .mode .left { float: left; }
.method .mode .left > table > tbody > tr { color: #6d6d6d; }

.method .mode .right { float: right; }
.method .mode .right .pic { width: 135px; }

@media (max-width: 667px) {
	.method .mode .left { width: 100%; float: none; }
	.method .mode .right { margin-top: 30px; width: 100%; float: none; text-align: center; }
}
/*activity*/

	/*member*/
	.member { margin-top: 70px; }
	.member .mb_pic { text-align: center; }
	
		   		/*-----------------------------分页 start--------------------------------*/
.next1{width: 100%;height: auto;overflow: hidden;text-align: center;}
.next1 ul{display: inline-block;}
.next1 ul li{display: inline-block;}
.next1 a{display: inline-block;border: 1px solid #ebebeb;color: #999;width: 30px;height: 30px;line-height: 30px;margin: 0 4px;overflow: hidden;}
.next1 a.on1,.next1 a:hover{background: #08c1b2;color: #fff;border: 1px solid #08c1b2;}
/*--------------------分页 end----------------------*/

@media (max-width:767px) {
.link { 
	display: none;
}
}
.link{border:1px solid #ebebeb;padding:10px 15px;}
.link li  {color:#999;font-size: 14px;display: inline-block;vertical-align: top;margin:0 10px;}
.link li a{color:#999;font-size: 14px;}
.link li a:hover{color:#f1453b;}