/* 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_page { clear: both; text-align: center; font-size: 14px; color: #888888; margin-top: 100px; }
.g_page > ul { display: inline-block; }
.g_page > ul > li { float: left; line-height: 35px; margin: 0 5px; }
.g_page > ul > li a { display: block; background: #fff; padding: 0 15px; border: 1px solid #E8E8E8; }
.g_page > ul > li a .fa { font-size: 17px; line-height: 35px; }
.g_page > ul > li a.dis { color: #ccc; cursor: not-allowed; }
.g_page > ul > li a:hover:not(.dis),
.g_page > ul > li a.on { background: #b2662d; color: #fff; border: 1px solid #b2662d;}

@media (max-width: 600px) {
	.g_page > ul .num_li { display: none; }
}


.g_title {clear: both;text-align:center;padding:100px 0 48px 0;}
.g_title .l1 { font-size: 30px; margin-bottom: 10px; text-align: center; color: #fff;}
.g_title .l1 .h1{ font-weight:bold;color:#051f0c;}
.g_title .l1 .line_l{padding-right:28px;}
.g_title .l1 .line_r{padding-left:28px;}
.g_title .l2 {width:65px;margin:14px auto;}
.g_title .l2 .line1{width:100%;height:1px;background:#fff;display:block;margin-bottom:2px;}
.g_title .l2 .line2{width:100%;height:6px;background:#fff;display:block;}
.g_title .l3 {font-size:16px;color:#fff;}

@media (max-width: 1024px) {
	.g_title {padding:50px 0 30px 0;}
	.g_title .l1 .line_l{display:none;}
    .g_title .l1 .line_r{display:none;}
}

@media (max-width: 700px) {
	.g_title .l1 { font-size: 24px;}
	.g_title { margin-bottom: 40px; }
	
}

.g_header { clear: both; background:url(../img/top_bg.png) repeat;height:120px;}


.g_header .bar { display: none; }

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

.g_header .main .nav { float: left;margin:0 35px 0 -35px;}
.g_header .main .nav > li { float: left;}
.g_header .main .nav > li > a { display: block;padding-left:60px;padding-top: 40px; font-size: 14px;}
.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: rgba(255,255,255,.3); font-size: 12px;text-align:center;padding-top:15px;  transition: ease .3s; }
.g_header .main .nav > li > a > p .line { display: block; width: 36px; height: 6px; background: #ff4b64; border-radius: 10px; margin-top: 10px; opacity: 0; transition: ease .3s; }
.g_header .main .nav > li > a.on,
.g_header .main .nav > li > a:hover { color: #c26f31; }
.g_header .main .nav > li > a.on > p > b { font-weight: bold; color: #c26f31;}
.g_header .main .nav > li > a:hover > p > b {color: #c26f31;}
.g_header .main .nav > li > a.on > p .en,
.g_header .main .nav > li > a:hover > p .en { color: #c26f31; }
.g_header .main .nav > li > a.on > p .line,
.g_header .main .nav > li > a:hover > p .line { opacity: 1; }

.g_header .main .lx { float: left; border-left:1px solid rgba(255,255,255,.1);height:120px;padding-left:57px;}
.g_header .main .lx .ico{display:block;text-align:center;margin:21px auto 18px auto;width:36px;height:36px;border:1px solid #c26f31;border-radius:50px;line-height:40px;}
.g_header .main .lx .dh{font-size:18px;color:#bd6c30;}


@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:url(../img/top_bg.png) repeat; color: #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: 32px; }
	.g_header .bar .logo { font-size:18px; line-height: 60px; color:#fff;font-weight:bold;padding-left:10px;}
	.g_header .bar .logo img { max-height: 40px; vertical-align: middle;}

	.g_header .main { height: auto; }
	.g_header .main .logo { display: none; }
    .g_header .main .lx {display:none;}
	.g_header .main .nav { float: none; height: auto; padding: 20px 0; margin: 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 { float: none; }
	.g_header .main .nav > li > a { width: auto; padding: 12px 50px;}
	.g_header .main .nav > li > a > p > b { margin-bottom: 5px; color: #333;}
	.g_header .main .nav > li > a > p .en { font-size: 8px; margin-left: 0; transform: none;color:#666;text-align:left;padding-top:5px;}

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

.g_footer {clear: both; background:url(../img/top_bg.png) repeat;}
.g_footer .left .logo img{display:block;}
.g_footer .left .font{padding:38px 16px 58px 16px;background:#1b1613;max-width:240px;}
.g_footer .left .font .p1{font-size:12px;color:#999;line-height:30px;}
.g_footer .right{}
.g_footer .right .nav{padding:38px 40px 23px 18px;border-bottom:1px solid #45352a;}
.g_footer .right .nav .list{margin-left:-100px;margin-bottom:-20px;overflow:hidden;}
.g_footer .right .nav .list > li{float:left;padding-left:100px;padding-bottom:20px;}
.g_footer .right .nav .list > li a{color:#fff;}
.g_footer .right .nav .list > li a:hover{color:#c26f31;}
.g_footer .right .nav .list > li .on{color:#c26f31;}
.g_footer .right .con{border-top:1px solid #16110e;padding:50px 52px 0 16px;}
.g_footer .right .con .h1{color:#cbcbcb;font-size:16px;font-weight:bold;padding-bottom:16px;}
.g_footer .right .con .tab{color:#b4b4b4;overflow:hidden;}
.g_footer .right .con .tab table{float:left;line-height:30px;}
.g_footer .right .con .tab table .td1{padding-right:33px;}
.g_footer .right .con .tab .ewm{float:right;}
.g_footer .right .con .tab .ewm .pic{float:left;}
.g_footer .right .con .tab .ewm .p1{float:left;padding:43px 0 0 16px;}
@media (max-width: 1024px) {
	  .g_footer .left{float:none;}
	  .g_footer .left .logo{text-align:center;padding:20px 0;}   
	  .g_footer .left .logo img{display:inline-block;}
	  .g_footer .left .font{margin:0 auto;max-width:none;padding:10px;text-align:center;}
	  .g_footer .right{float:none;}
	  .g_footer .right .con .tab table{float:none;} 
	  .g_footer .right .con .tab .ewm{float:none;text-align:center;} 
	  .g_footer .right .con .tab .ewm .pic{float:none;}
	  .g_footer .right .con .tab .ewm .p1{float:none;padding:0;}
	  
}
/*--子页面--*/

		.s_child_banner{display:none;}
        @media (max-width: 1024px) {
	      .child_banner{display:none;}
		  .s_child_banner{display:block;}
        }
		
		.link{background:#f5f5f5;padding:22px 0;margin-top:110px;}
		.link .p1{line-height:24px;}
		.link .p1 .line{width:6px;height:17px;background:#c26f31;display:inline-block; vertical-align:middle;margin-right:10px;}
		.link .p1 .h1{font-weight:bold;}
		.link .p1 a:hover{color:#c26f31;}
        @media (max-width: 1024px) {
	      .link{margin-top:0;}
        }
	
	    .s_main{}
		.child_con{background:#fff;padding:0 30px;}
		.s_main .tab{overflow:hidden;border-bottom:1px solid #eaeaea;margin-top:-61px;}
		.s_main .tab .list > li{float:left;} 
		.s_main .tab .list > li .box{padding:0 64px;background:#c26f31;display:block;color:#fff;height:60px;line-height:60px;}
		.s_main .tab .list > li .box:hover{background:#fff;color:#c26f31;}
		.s_main .tab .list > li .on{background:#fff;color:#c26f31;}
		.br1{border-right:1px solid #ce8c5a;}
		.br2{border-right:1px solid #ce8c5a;}
		.s_pad{padding-left:30px;padding-right:30px;}
		@media (max-width: 1024px) {
	      .s_main .tab{margin-top:0;}
		  .s_main{padding:0;}
		  .child_con{padding:0 10px;}
		  .s_pad{padding-left:0;padding-right:0;}
		  .br2{border-right:none;}
		  
        }
		
		.product .offset{padding-top:33px;}
		.product .offset .list{margin-left:-13px;margin-bottom:-30px;overflow:hidden;}
		.product .offset .list > li{float:left;width:25%;padding-left:13px;padding-bottom:30px;}
		.product .offset .list > li .box{display:block;}
		.product .offset .list > li .box .pic img{border: 1px solid #eaeaea;width:100%;display:block;}
		.product .offset .list > li .box .p1{text-align:center;padding-top:20px;color:#666;}
		.product .offset .list > li .box .pic { position: relative; }
		.product .offset .list > li .box .pic .tj{width:73px;height:73px; position:absolute;top:0;right:0;}
		.product .offset .list > li .box .pic .tj img{border:0;}
        .product .offset .list > li .box .pic .fdj { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px;margin-top:-20px;margin-left:-20px; background: #fff; border-radius: 50px; text-align: center; line-height: 46px; opacity: 0; transition: .3s ease; }
        .product .offset .list > li .box .pic .fdj img { width: 18px; display: inline-block;border:0;}
        .product .offset .list > li .box .pic:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: .3s ease; background: rgba(201,153,71,.9); }
        .product .offset .list > li .box:hover .pic:before {opacity: 1;}
        .product .offset .list > li .box:hover .pic .fdj {opacity: 1;}
		@media (max-width: 1024px) {
			.product .offset .list > li{width:50%;}
        }
		@media (max-width: 750px) {
			.product .title .p2 .line{width:30%;}
        }
		@media (max-width: 600px) {
			.product .offset .list > li{width:100%;}
        }
	
	
	    .fy{margin-top:40px;color:#333;line-height:33px;padding-left:6px;}
		.fy .pre{display:block;}
		.fy .next{display:block;}
	   
	   
	   		/*-----------------------------分页 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: #b2662d;color: #fff;border: 1px solid #b2662d;}
/*--------------------分页 end----------------------*/