﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */
html { background: #ffffff; font-size: 14px; color: #666; font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif"; }

body { min-width: 1220px; }

.g_cw { width: 1220px; padding: 0 10px; margin: 0 auto; }
.g_cw::before,
.g_cw::after { content: ''; display: block; clear: both; }

.g_mt { margin-top: 80px; }
.g_mt::before,
.g_mt::after { content: ''; display: block; clear: both; }

.g_mb { margin-bottom: 80px; }
.g_mb::before,
.g_mb::after { content: ''; display: block; clear: both; }

@media (max-width: 1024px) {
	body { min-width: 0; }
	.g_cw { width: 100%; }
}

@media (max-width: 700px) {
	.g_mt { margin-top: 40px; }
	.g_mb { margin-bottom: 40px; }
}


.g_title { clear: both; text-align: center; margin-top: 73px; margin-bottom: 43px; }
.g_title .h1 { font-size: 90px; font-weight: bold; color: #ededed; }
.g_title .l1 { font-size: 24px; font-weight: bold; color: #000; line-height: 24px; margin-top: -65px; }
.g_title .l1 .line1 { width: 24px; height: 1px; background: #c99947; display: inline-block; margin: 10px; }
.g_title .l2 { margin-top: 30px; }
.g_title .l3 { font-size: 12px; color: #999; padding-top: 12px; }

@media (max-width: 700px) {
	.g_title { margin-bottom: 40px; }
}


.g_header { clear: both; z-index: 99; position: relative; border-bottom: 1px solid #4d4d4d; height: 85px; }


.g_header .bar { display: none; }

.g_header .logo_pc { float: left; font-size: 24px; font-weight: bold; color: #fff; height: 100%; border-right: 1px solid #4d4d4d; }
.g_header .logo_pc a { display: inline-block; padding: 2px 0px 0 60px; }
.g_header .logo_pc a img{ width:50%; }
.g_header .main .con { overflow: hidden; height: 100px; position: relative; }
.g_header .main .nav { display: inline-block; text-align: center; padding-left: 130px; }
.g_header .main .nav > li { display: inline-block; }
.g_header .main .nav > li > a { display: inline-block; margin: 0 30px; padding: 40px 0 0px; font-size: 14px; text-align: center; }
.g_header .main .nav > li:last-child > a { margin-right: 0; }
.g_header .main .nav > li > a > p { transition: ease .3s; }
.g_header .main .nav > li > a > p > b { display: block; color: #fff; font-weight: normal; line-height: 1; transition: ease .3s; }
.g_header .main .nav > li > a > p .en { display: block; color: #A4A4A4; font-size: 12px; transform: scale(.8); transition: ease .3s; }
.g_header .main .nav > li > a.on,
.g_header .main .nav > li > a:hover { color: #d69d5a; }
.g_header .main .nav > li > a.on > p > b { font-weight: bold; color: #d69d5a; }
.g_header .main .nav > li > a:hover > p > b { color: #d69d5a; }
.g_header .main .nav > li > a.on > p .en,
.g_header .main .nav > li > a:hover > p .en { color: #d69d5a; }
.g_header .main .con .book { height: 85px; width: 200px; background: #c99b46; padding: 20px 0 0 20px; clear: both; float: right; top: 0; right: 0; }
.g_header .main .con .book .phone { float: left; display: block; width: 26px; height: 26px; background: #fff; border-radius: 50%; text-align: center; line-height: 26px; margin: 5px 10px 0 0; }
.g_header .main .con .book .phone img { width: 11px; }
.g_header .main .con .book .font { float: left; }
.g_header .main .con .book .font .s1 { font-size: 12px; color: rgba(255,255,255,.6); display: block; }
.g_header .main .con .book .font .s2 { font-size: 18px; font-weight: bold; color: #fff; display: block; }

@media (max-width: 1350px) {
	.g_header .main .nav { padding-left: 0; }
}

@media (max-width: 1024px) {
	body { padding-top: 60px; }

	.g_header { background: transparent; height: auto; }
	.g_header .bar { position: relative; display: block; position: fixed; z-index: 100; left: 0; top: 0; right: 0; height: 60px; background: #fff; color: #875F23; border-bottom: 1px solid #4d4d4d; }
	.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: 32px; }
	.g_header .bar .logo { font-size: 22px; font-weight: bold; line-height: 60px; color: #4d4d4d; padding-left: 10px; }
	.g_header .bar .logo img { max-height: 36px; vertical-align: middle; }

	.g_header .main .con { text-align: left; height: auto; }
	.g_header .logo_pc { display: none; }

	.g_header .main .nav { display: block; 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 { display: block; text-align: left; }
	.g_header .main .nav > li > a { width: auto; padding: 20px 50px; margin: 0; }
	.g_header .main .nav > li > a > p > b { margin-bottom: 5px; color: #4d4d4d; }
	.g_header .main .nav > li > a > p .en { font-size: 8px; margin-left: 0; transform: none; }

	.g_header .main .nav.show { visibility: visible; opacity: 1; top: 60px; bottom: 0; }
	.g_header .main .con .book { display: none; }
}








.g_footer { clear: both; border-top: 1px solid #eaeaea; background: #f0f0f0; margin-top: 100px; }
.g_footer .top .nav { padding: 85px 0 77px 0; margin-left: -50px; }
.g_footer .top .nav > li { float: left; padding-left: 50px; }
.g_footer .top .nav > li .box { padding-right: 50px; border-right: 1px solid #e2e2e2; height: 180px; }
.g_footer .top .nav > li .box .line { width: 15px; height: 1px; background: #e2e2e2; display: block; margin: 18px 0 21px 0; }
.g_footer .top .nav > li .h1 { font-size: 18px; color: #333; }
.g_footer .top .nav > li .p1 { line-height: 30px; color: #999; }
.g_footer .top .right { padding-top: 85px; width: 120px; }
.g_footer .top .right .p1 { background: #d69d5a; padding: 13px 0; color: #fff; display: inline-block; width: 100%; text-align: center; font-size: 18px; position: relative; }
.g_footer .top .right .p1 .t { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #d69d5a; position: absolute; top: -10px; left: 55px; }
.g_footer .top .right .gzh { padding: 10px 14px; background: #d9d9d9; }
.g_footer .bottom { padding: 22px 0; color: #666; border-top: 1px solid #e2e2e2; text-align: center; }

@media (max-width: 1024px) {
	.g_footer .top .nav { float: none; padding: 30px 0 0 0; }
	.g_footer .top .right { float: none; padding: 0; text-align: center; margin: 0 auto; }
	.g_footer .top .nav { margin-bottom: 0; }
	.g_footer .top .nav > li { width: 20%; padding-left:; padding-bottom: 30px; }
	.g_footer .top .nav > li .box { border: 0; }
	.g_footer .top .nav > li:nth-child(5n+1) { clear: both; }
	.g_footer .top .nav .li_lx { padding-left: 0; }
	.g_footer .bottom { padding: 22px 10px; }
}

@media (max-width: 900px) {
	.g_footer .top .nav > li { width: 33.33%; text-align:; }
	.g_footer .top .nav .li_lx { width: 50%; padding-left: 50px; }
	.g_footer .top .nav > li .box { padding-right: 0; border: 0; }
	.g_footer .top .nav > li:nth-child(n) { clear: none; }
	.g_footer .top .nav > li:nth-child(3n+1) { clear: both; }
}
@media (max-width: 667px) {
	.g_footer .top .right{ margin-top:30px;}
}
@media (max-width: 400px) {
	.g_footer .top .nav > li{ padding-bottom:20px; text-align: center; width:50%;}
	.g_footer .top .nav > li:nth-child(3n+1){ clear:none;}
	.g_footer .top .nav .li_lx { width:100%;}
	.g_footer .top .nav > li .box{ height:auto;}
	.g_footer .top .nav > li .box .line{ margin:10px 0; display:inline-block;}
}

/*--内页--*/
.main2 { background: url(../img/index_bg1.jpg) no-repeat; height: 340px; background-size: cover; }
.main2 .list { padding-top: 95px; }
.main2 .list > li { float: left; width: 33.33%; }
.main2 .list > li .box { text-align: center; }
.main2 .list > li .box .ico { width: 90px; height: 90px; border: 2px solid #c99947; border-radius: 50%; text-align: center; line-height: 130px; margin: 0 auto; }
.main2 .list > li .box .p1 { font-size: 18px; font-weight: bold; color: #fff; padding-top: 22px; }
.main2 .list > li .box .p2 { font-size: 12px; color: rgba(255,255,255,.4); padding-top: 14px; }

@media (max-width: 1024px) {
}

.page { background: #f5f5f5; border-bottom: 1px solid #eaeaea; height: 60px; line-height: 60px; margin-top: -85px; margin-bottom: 70px; }
.page .ico { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 0 25px; margin-right: 16px; }

.page .ico img { width: 18px; }

@media (max-width: 1024px) {
	.page { margin-top: 0; margin-bottom: 50px; height: 40px; line-height: 40px; }
}


.news { }
		.news .list { margin-left: -15px; margin-bottom: -60px; }
		.news .list > li { float: left; width: 33.33%; padding-left: 15px; padding-bottom: 60px; }
		.news .list > li .box { display: block; }
		.news .list > li .box .pic{ }
		.news .list > li .box .font { padding: 12px 16px 0 0; }
		.news .list > li .box .font .p1 { font-size: 16px; color: #333; }
		.news .list > li .box .font .p2 { font-size: 12px; padding: 6px 0 10px 0; }
		.news .list > li .box .font .p3 { font-size: 12px; color: #999; line-height: 22px; }
		
		@media (max-width: 1024px) {
			.news .list > li { width: 50%; }
		}
		
		@media (max-width: 600px) {
			.news .list > li { width: 100%; }
		}
		
		/*-----------------------------分页 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: #d69d5a;color: #fff;border: 1px solid #d69d5a;}
/*--------------------分页 end----------------------*/


.link{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;}