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

body { min-width: 1120px; }

.g_cw { width: 1120px; 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: right; font-size: 14px; color: #888888; margin-top: 50px;}
.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: #17ad48; color: #fff; border: 1px solid #17ad48;}

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


.g_title {overflow:hidden;border-bottom:1px solid #dcdde1;padding-bottom:14px;margin-bottom:16px;}
.g_title .l1 {font-size:16px;font-weight:bold;color:#333537;float:left;}
.g_title .l1 .fa{width:14px;height:14px;background:#33a458;border-radius:4px;display:inline-block;text-align:center;line-height:12px;color:#fff;margin-right:10px;}
.g_title .btn {float:right;}
.g_title .btn .more{padding:2px;border:1px solid #c6c6c6;font-size:12px;display:inline-block;}





.g_header { clear: both; overflow:hidden;}

.g_header .top { clear: both; height: 110px; border-bottom: 1px solid #E9E9E9;}

.g_header .top .logo { float: left; line-height: 100px; font: bold 50px/100px arial; color: #333333; }
.g_header .top .logo img { vertical-align: middle; margin-right: 10px; }

.g_header .top .right { float: right; line-height: 105px; }
.g_header .top .right .p1 .s1{ font-size:28px;color: #828386; }
.g_header .top .right .p1 .ico img{width:26px;height:26px;text-align:center;line-height:30px;color:#fff;margin-left:9px;}
.g_header .top .right .p1 .ico .fa-weibo{background:#ea3534;}
.g_header .top .right .p1 .ico .fa-weixin{background:#33a458;}
.g_header .top .right .p1 .ico .fa-qq{background:#6d90ca;}



.g_header .bar { display: none; }


.g_header .nav { position: relative; z-index: 99; background:rgba(0,0,0,.5);}
.g_header .nav .g_cw {  height: 52px;}
.g_header .nav .list { display: inline-block; text-align: left;}
.g_header .nav .list > li { float: left; }
.g_header .nav .list > li > a { display: block;  font-size: 14px; color: #ffffff;}
.g_header .nav .list > li > a.on,
.g_header .nav .list > li > a:hover {background:#33a458;}
.g_header .nav .list > li > a b {padding: 0 25px; line-height: 51px;border-right:1px solid rgba(255,255,255,.15);font-weight:normal;}
.g_header .nav .list > li > a.on b,
.g_header .nav .list > li > a:hover b{border-right:0;}


.g_header .nav .search{display: inline-block; float: right;margin-top:11px;background: #fff;border-radius: 30px;padding:0 8px;overflow: hidden;}
.g_header .nav .search .input_1 {

    height: 28px;
    background: #fff;
    border:0;}
.g_header .nav .search .ico{height:30px;width:30px;display:inline-block;text-align:center;line-height:30px;}
.g_header .nav .search .ico img{height:13px; }


@media (max-width: 1024px) {
	body { padding-top: 70px; }
	.g_header { height: auto; }
	.g_header .top { display: none; }
	.g_header .bar { position: relative; display: block; position: fixed; z-index: 100; left: 0; top: 0; right: 0; height: 70px; background: #fff; border-bottom: 1px solid #2977da; }
	.g_header .bar .logo { position: absolute; left: 0; top: 0; display: block; padding: 0 10px; color: #333333; font: bold 24px/70px arial; }
	.g_header .bar .logo img { height: 40px;line-height:40px; vertical-align: middle; margin-right: 10px; }
	.g_header .bar .menu { position: absolute; right: 0; top: 0; display: block; float: right; padding: 0 10px; line-height: 70px;}
	.g_header .bar .menu img { vertical-align: middle; height: 40px;}

	.g_header .nav { 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 .nav .g_cw { text-align: left; padding: 0 20px; height: auto; overflow: visible;}
	.g_header .nav .list { display: block; }
	.g_header .nav .list > li { float: none; border-right:0;}
	.g_header .nav .list > li > a { padding: 20px 30px; font-size: 16px; color: #333;}
	.g_header .nav .list > li > a.on,
	.g_header .nav .list > li > a:hover { color: #3E87C4;background:none; }
	.g_header .nav .list > li > a b { line-height: 40px; }
     .g_header .nav .search{display:none;}
	.g_header .nav.show { visibility: visible; opacity: 1; top: 70px; bottom: 0;}
}



.g_footer { clear: both;margin-top: 100px; }
.g_footer .top{background:#33a458;}
.g_footer .top .nav {float:left; padding: 85px 0 77px 0; margin-left: -30px;}
.g_footer .top .nav > li { float: left; padding-left: 30px; }
.g_footer .top .nav > li .box { padding-right: 20px; 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: #fff; padding-bottom:18px;}
.g_footer .top .nav > li .p1 { line-height: 30px; color:rgba(255,255,255,.7); }
.g_footer .top .right {float:right; padding-top: 85px;}
.g_footer .top .right .list > li{float:left;color:#fff;border-left:1px solid #36c264;height:66px;}
.g_footer .top .right .list > li .box1{font-size:18px;font-weight:bold;padding:14px 35px 0 35px;}
.g_footer .top .right .list > li .box1 .ico{width:36px;height:36px;background:#fff;border-radius:4px;display:inline-block;text-align:center;line-height:40px;margin-right:10px;}
.g_footer .bottom { padding: 22px 0; color: #a8a9a9; text-align: center; }
.g_footer .top .right .list > li .box2{padding-left:25px;}
.g_footer .top .right .list > li .box2 .gzh{display:block;float:left;}
.g_footer .top .right .list > li .box2 .s1{display:block;float:left;padding:15px 0 0 17px;}

@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 .right .list{display:inline-block;padding-bottom:30px;}
	.g_footer .top .right .list > li{border-left:0;}
	.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: 600px) {
	.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;}
	.g_footer .top .right .list > li{float:none;}
}

            
/*--产品--*/
       
/*--子页面--*/

		.s_child_banner{display:none;}
		.child_banner{margin-top:-52px;}
		.child_banner img{display:block;}
		.s_child_banner img{display:block;}
        @media (max-width: 1024px) {
	      .child_banner{display:none;}
		  .s_child_banner{display:block;}
        }
		
		
	   .child{margin-top:30px;}
		.child .left{float:left;max-width:188px;}
		.child .left .offset .top{background:#33a458;color:#fff;padding:29px 74px 30px 32px;}
		.child .left .offset .top .h1{font-size:20px;font-weight:bold;}
		.child .left .offset .top .p1{font-size:12px;padding-top:10px;}
		.child .left .offset .list > li{width:100%;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
		.child .left .offset .list > li .box{display:block;padding:18px 25px 18px 33px;overflow:hidden;}
		.child .left .offset .list > li .box .fa{float:right; vertical-align:middle;display:inline-block;}
		.child .left .offset .list > li .box:hover{color:#33a458;font-weight:bold;}
		.child .left .offset .list > li .on{color:#33a458;font-weight:bold;}
         
		 .child .right{float:right;min-width:874px;}
		 .child .right .title{overflow:hidden;border-bottom:1px solid #dddee0;padding:4px 0 13px 0;}
		 .child .right .title .h1{font-size:18px;color:#3c3d41;font-weight:bold;float:left;}
		 .child .right .title .page{float:right;}
		 .child .right .title .page .ico{padding-right:8px;}
		 .child .right .title .page .ico img{ vertical-align:middle;}
		 .child .right .title .page a{font-size:12px;color:#6f6f6f;}
		 .child .right .title .page a:hover{color:#33a458;}
		 .child .right .title .page .on{color:#33a458;}
		 .child .right .con{margin-top:30px;max-width:874px;}
		 @media (max-width: 1024px) {
	        .child .left{float:none;max-width:none;}
			.child .right{float:none;min-width:auto;margin-top:30px;}
			.child .right .con{max-width:none;}
        }
		
		/*-----------------------------分页 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: #17ad48;color: #fff;border: 1px solid #17ad48;}
/*--------------------分页 end----------------------*/


.link{padding:10px 15px; text-align: center;}
.link li  {color:#fff;font-size: 14px;display: inline-block;vertical-align: top;margin:0 10px;}
.link li a{color:#fff;font-size: 14px;}