html { background: #ffffff; font-size: 14px; color: #333; 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: 1240px) {
.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: 50px; }
.g_mt_a::before,
.g_mt_a::after { content: ''; display: block; clear: both; }

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


.g_title{ text-align:center;}
.g_title .p1{ border-top: solid #164d8f 4px; padding-top:10px; font-size:26px; color:#164d8f; font-weight:bold; display:inline-block;}
.g_title .p2{font-size:26px; color:#252a2f; font-weight:normal;}


.g_title_a{ text-align:center;}
.g_title_a .p1{ margin-right:15px;font-size:30px; color:#164d8f; font-weight:900; display:inline-block;letter-spacing:-2px; vertical-align:middle;}
.g_title_a .p2{ padding-top:5px; font-size:18px; color:#393939; font-weight:normal; display:inline-block; vertical-align:middle;}

.fg{padding-top:25px; border-bottom: 1px solid #eee;font-size: 0; display:block; clear:both;}

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

.list_a{}
.list_a li{float:left; width:50%; box-sizing:border-box; display:inline-block;}


.btn{ text-align:center;}
.btn a{ padding:10px 40px; font-size:12px; color:#164d8f; border:solid #164d8f 1px; border-radius:5px;}
.btn a:hover{ background:#164d8f; color:#fff;}

/*.nav_c{ text-align:center;}*/
.nav_c li{ margin:15px 10px; display:inline-block;}
.nav_c li .box{ padding:10px 35px; border:solid #dcdcdc 1px;}
.nav_c li .box:hover{ background:#164d8f; border:solid #164d8f 1px; color:#fff; } 
.nav_c li .on{background:#164d8f; border:solid #164d8f 1px; color:#fff; }

@media (max-width: 667px) {
.nav_c li{ margin:5px 0; width:100%;}
.nav_c li .box{ width:100%; display:inline-block;}
}

.pages{ float:right;}
.pages ul{margin-top:30px; display:inline-block;}
.pages ul li{ margin-left:10px; display:inline-block;}
.pages ul li .box{ padding:10px 12px; color:#444; border:solid #dcdcdc 1px; font-size:12px;}
.pages ul li .box:hover{ background:#f77a22;border:solid #fdd9c1 1px; color:#fff;}
.pages ul li .on { background: #08c1b2; color: #fff; border-color: #08c1b2; }

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

/*g_header*/
.g_header { clear: both; }


.g_header .bar { display: none; }

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


.g_header .main .right{ /*padding-top:26px;*/ display:inline-block; float:right;}

.g_header .main .nav { padding-top:53px; float: right; text-align:center; }
.g_header .main .nav > li { float: left; }
.g_header .main .nav > li > a { margin-left:40px; padding-bottom:40px;display: block; font-size: 16px; color:#333; vertical-align:middle; border-bottom:solid transparent 2px;}
.g_header .main .nav > li:last-child > a {  }
.g_header .main .nav > li > a > b { display: block; color: #2c323e; font-weight:bold; line-height: 1; transition: ease .3s; }
.g_header .main .nav > li > a.on > b {}
.g_header .main .nav > li > a.on { border-bottom:solid #ad2326 2px;}
.g_header .main .nav > li > a:hover{ border-bottom:solid #ad2326 2px;}
.g_header .main .nav > li > a:hover > b {}


@media (max-width: 1024px) {
	body { padding-top: 60px; }
    .g_cw{ width:100%;} 
	.g_header { background: transparent; }
	.g_header .bar { position: relative; display: block; position: fixed; z-index: 100; left: 0; top: 0; right: 0; height: 60px; background: #164d8f; color: #875F23; border-bottom: 1px solid #875F23; }
	.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; }
	.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: 10px 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 { margin:0px 40px; float: none; text-align:left; }
	.g_header .main .nav > li > a { margin-bottom:10px; margin-left:0; width: auto; padding: 10px 50px; border:none;}
	.g_header .main .nav > li > a > b { margin-bottom: 5px; }
	
	.g_header .main .nav > li > a {  border-bottom:solid transparent 2px;}
	.g_header .main .nav > li > a:hover{ border-top: none; border-bottom:solid #ad2326 2px;}

	.g_header .main .nav.show { visibility: visible; opacity: 1; top: 60px; bottom: 0; }
}





/*about*/
.about .buc{ text-align:center;}
.about .buc .p1{ line-height:30px; color:#7a7a7a;}
.about .lt { margin-left:-45px;}
.about .lt .list{}
.about .lt .list li{ padding-left:45px;  width:33.33%; }
.about .lt .list li .box{ padding:42px 20px;text-align:center; display:inline-block;background:#f77a22;height:230px; width:100%;}
.about .lt .list li .box .ico{ font-size:0; height:50px; line-height:50px;}
.about .lt .list li .box .p1{ margin:10px 0; font-size:18px; color:#fff;}
.about .lt .list li .box .p2{ font-size:14px; color:#fff; overflow:hidden; height:3em;}


@media (max-width: 667px) {
.about .lt .list li{ margin-bottom:20px; width:100%;}
}

/*news*/
.news{ padding:50px 0; background:#f7f7f7; overflow:hidden;}
.news .lt{ margin-left:-40px;}
.news .lt .list{}
.news .lt .list li{ padding-left:40px; width:33.33%;}
.news .lt .list li .box{ background:#fff; display:inline-block;}
.news .lt .list li .box .pic img{ width:100%;}
.news .lt .list li .box .mode{ padding:25px; text-align:center;}
.news .lt .list li .box .mode .p1{ margin-bottom:15px; font-size:18px; color:#4d4e51; overflow:hidden; height:1.5em; font-weight: bold;}
.news .lt .list li .box .mode .p2{ font-size:12px; color:#878789; overflow:hidden; height:4em;}
@media (max-width: 1024px) {
.news .lt{ margin-left:-10px;}
.news .lt .list li{ padding-left:10px;}
}
@media (max-width: 800px) {
.news .lt .list li{ margin-bottom:40px; width:50%;}
}

@media (max-width: 667px) {
.news .lt .list li{ margin-bottom:40px; width:100%;}

}

/*course*/
.course{}
.course .lt{ margin-left:-50px;}
.course .lt .list{}
.course .lt .list li{ margin-bottom:50px; padding-left:50px; width:50%;}
.course .lt .list li .box{ background:#f7f7f7; display:inline-block; width:100%;}
.course .lt .list li .box .pic{ margin-right:40px; float:left; font-size:0;} 
.course .lt .list li .box .pic img{ width:100%;}
.course .lt .list li .box .mode{ padding:70px 61px 70px 0;}
.course .lt .list li .box .mode .p1{ margin-bottom:23px; font-size:18px; color:#454649; font-weight:bold; overflow:hidden; height:1.5em;}
.course .lt .list li .box .mode .p2{ font-size:12px; color:#929498; font-weight:normal; overflow:hidden; height:3em;}

@media (max-width: 1110px) {
.course .lt{ margin-left:-10px;}
.course .lt .list li{ padding-left:10px;}
.course .lt .list li .box .pic{ margin-right:20px;}
.course .lt .list li .box .mode{ padding:70px 20px 70px 0;}
}

@media (max-width: 1024px) {
.course .lt{ margin-left:-20px;}
.course .lt .list li{ margin-bottom:20px; padding-left:20px;}
.course .lt .list li .box .pic{ margin-right:0; float:none;}
.course .lt .list li .box .mode{ padding:20px; text-align:center;}
.course .lt .list li .box .mode .p1{ margin-bottom:10px;}
.course .lt .list li .box .mode .p2{overflow:hidden; height:4em; line-height:25px;}
}

@media (max-width: 667px) {
.course .lt{ margin-left:-20px;}
.course .lt .list li{ width:100%;}
}


/*footer*/
.footer{ padding:50px 0 0 0; background:#164d8f; overflow:hidden;}
.footer .lt { display:inline-block;}
.footer .lt .nav_a{ margin-bottom:20px; margin-left:-15px; display:inline-block;}
.footer .lt .nav_a li{ float:left;}
.footer .lt .nav_a li .box{ padding:0 15px; font-size:12px; color:#fff; border-right:solid #fff 1px;}
.footer .lt .nav_a li:nth-child(5) .box{ border-right:none;}

.footer .rt{ float:right; text-align:center;}
.footer .rt .sm{}
.footer .rt .sm .pic{ width:95px;}
.footer .rt .sm .p1{ font-size:12px; color:#fff;}

.footer .footer_a{ margin-top:50px; padding:20px 0; background:#093b76; overflow:hidden; text-align:center;}
.footer .footer_a .p1{ font-size:12px; color:#fff;}



@media (max-width: 515px) {
.footer .lt { width:100%; text-align:center;}
.footer .lt table{ width:100%;}
.footer .lt table tbody{text-align:center;}
.footer .lt table tbody tr{ height:30px;}

.footer .rt{ margin-top:20px; float:none; text-align:center;}
}
@media (max-width: 420px) {
.footer .lt .nav_a li{ width:33.33%;}
.footer .lt .nav_a li .box{ border:none;}

}

/*about_home*/
.about_home{}
.about_home .details{}
.about_home .details .p1{text-indent:2em; line-height:30px; color:#5d5c5c;}
.about_home .details .lt{ margin:30px 0; margin-left:-30px; display:inline-block;}
.about_home .details .lt .list{}
.about_home .details .lt .list li{ padding-left:30px; width:33.33%; float:left;}







/*course_details*/
.course_details{}
.course_details .details{}
.course_details .details .title{ text-align:center;}
.course_details .details .title .p1{ font-size:22px; color:#272727; font-weight:bold;}
.course_details .details .top{ margin-top:30px; height:40px; line-height:40px; background:#f4f5f6;}
.course_details .details .top .lt{ float:left;}
.course_details .details .top .lt .ico{ margin:0 5px 0 15px; width:20px; vertical-align: middle;}
.course_details .details .top .lt span{ vertical-align:middle;}
.course_details .details .top .rt{ float:right; font-size:0; }
.course_details .details .top .rt img{vertical-align:middle;}
.course_details .details .g_content{ padding:40px 0;}
.course_details .details .g_content .p1{ margin-bottom:30px; font-size:14px; color:#505050; line-height:24px;}
.course_details .details .g_content span{ font-weight:bold; display:block;}
.course_details .details .g_content .lt{ margin-bottom:20px; margin-left:-57px; display:inline-block;}
.course_details .details .g_content .lt .list{}
.course_details .details .g_content .lt .list li{ padding-left:25px; width:50%;}
.course_details .details .g_content .lt .list li .pic{ width:100%;}


/*contact*/
.contact{}
.contact .details{}
.contact .details .list{}
.contact .details .list li{ padding:0 20px; width:25%; text-align:center;}
.contact .details .list li .pic{ width:60px; height:60px; border-radius:80px; border:solid #164d8f 3px; display:inline-block; line-height:60px;}
.contact .details .list li .pic img{ margin-top:-7px; vertical-align:middle;}
.contact .details .list li .p1{ margin-top:15px; font-size:14px; color:#4a4a4b;}

.contact .map{ font-size:0;} 
.contact .map .mp1{}
.contact .map .mp2{ display:none;}

@media (max-width: 1024px) {
.contact .mp1{ display:none;}
.contact .mp2{ display: block;}	
}

@media (max-width: 800px) {
.contact .details .list li{ margin-bottom:40px; width:50%;}
.contact .details .list li:nth-child(3){ clear:both;}
}

@media (max-width: 450px) {
.contact .details .list li{ width:100%; float:none;}
.contact .details .list li:nth-child(3){ clear: none;}
}



.banners-pc{ clear:both; font-size:0;height: 550px;}
.banners-pc .frame { background: no-repeat center center; background-size: cover; height:550px; }

.banners-pc .by{ margin-top:160px;}
.banners-pc .by .p1{ font-size:36px; color:#f77a22; font-weight:bold;}
.banners-pc .by .p2{ margin:10px 0; font-size:60px; color:#164d8f; font-weight:bold;}
.banners-pc .by .p3{ font-size:27px; color:#39393b; font-weight:normal;}


.banners-mb{ clear:both; font-size:0;}
.banners-mb { display: none; clear: both; height: 550px; }
.banners-mb div { height: 100%; }
.banners-mb .frame { height: 100%; background: no-repeat center center; background-size: cover; }
.banners-pc .slick-dots li button{border:solid #f5883b 1px; width:10px; height:12px; opacity:0.7; background: none;}
.slick-dots li.slick-active button{ opacity:1; background:#f5883b;}

@media (max-width: 1024px) {
	.banners-pc { display: none; }
	.banners-mb { display: block; }
}





.about .lt .list li .box .p2{ font-size:14px; color:#fff; overflow:hidden; height:3em;}

/*course*/
.course{}
.course .lt{ margin-left:-50px;}
.course .lt .list{}
.course .lt .list li{ margin-bottom:50px; padding-left:50px; width:50%;}
.course .lt .list li:nth-child(2n+1){ clear: both;}
.course .lt .list li .box{ background:#f7f7f7; display:inline-block; width:100%;}
.course .lt .list li .box .pic{ margin-right:40px; float:left; font-size:0; /*height:228px;*/ overflow:hidden; } 
.course .lt .list li .box .pic img{ width:100%;width:287px;}
.course .lt .list li .box .mode{ padding:70px 61px 70px 0;}
.course .lt .list li .box .mode .p1{ margin-bottom:23px; font-size:18px; color:#454649; font-weight:bold; overflow:hidden; height:1.5em;}
.course .lt .list li .box .mode .p2{ font-size:12px; color:#929498; font-weight:normal; overflow:hidden; height:2.8em;}

@media (max-width: 1110px) {
.course .lt{ margin-left:-10px;}
.course .lt .list li{ padding-left:10px;}
.course .lt .list li .box .pic{ margin-right:20px;}
.course .lt .list li .box .mode{ padding:70px 20px 70px 0;}
}

@media (max-width: 1024px) {
.course .lt{ margin-left:-20px;}
.course .lt .list li{ margin-bottom:20px; padding-left:20px;}
.course .lt .list li .box .pic{ margin-right:0; float:none; width:100%;}
.course .lt .list li .box .pic img{ width:100%;}
.course .lt .list li .box .mode{ padding:20px; text-align:center;}
.course .lt .list li .box .mode .p1{ margin-bottom:10px;}
.course .lt .list li .box .mode .p2{overflow:hidden; height:4em; line-height:25px;}
}

@media (max-width: 667px) {
.course .lt{ margin-left:-20px;}
.course .lt .list li{ width:100%;}
.course .lt .list li:nth-child(2n+1){ clear: none;}
}