﻿
.wrap {background:#fff;}

/*导航*/
.g_nav {height:56px;z-index:10;}
.g_nav:before {position:absolute;content:"";left:0;top:27px;width:100%;height:1px;background:#63c4aa;border-bottom:1px solid #106274;z-index:9;}
.g_nav li {position:relative;float:left;height:28px;line-height:28px;width:25%;text-align:center;background:#057249;font-size:14px;z-index:8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#005a31), to(#0fa47c)); 
background-image: -webkit-linear-gradient(top, #005a31, #0fa47c);
background-image: -moz-linear-gradient(top, #005a31, #0fa47c);
background-image: -o-linear-gradient(top, #005a31, #0fa47c);}
.g_nav a {color:#f8f8f8;}
.g_nav li:before {content:"";position:absolute;right:0;top:0;width:1px;height:100%;background:#023b42;border-right:1px solid #6ba990;z-index:8;}
.g_nav a:nth-child(4n) li {}
.g_nav a:nth-child(4n) li:before {display:none;}

/*通栏广告*/
.g-adv{ position:relative; width:100%;margin-top:5px;overflow:hidden;}
.g-adv .sclwrap_box {height:12rem;}
.g-adv .m-box img{ display:block; height:100%;}


.bg1 {height:98px;margin-top:7px;padding:70px 0 0 155px;border-top:2px solid #016234;background:url(/mobile/Images/Index/bg1.jpg) no-repeat;background-size:320px 168px;}
.bg1_p1 {font-size:12px;color:#000;}
.bg1_p2 {font-size:20px;color:#d71518;line-height:22px;}
.bg1_p3 {font-size:14px;color:#016234;padding-top:3px;font-weight:bold;}
.bg1_p4 {font-size:8px;color:#c1c1c1;font-family:Arial, Helvetica, sans-serif;}
.bg1_cont {padding:5px 10px 0 10px;height:210px;z-index:10;background:url(/mobile/Images/Index/shadow_01.jpg) no-repeat center bottom;background-size:320px 13px;}
.bg1_cont li {position:relative;padding:5px 0 5px 13px;font-size:12px;line-height:18px;color:#046138;border-bottom:1px dotted #7e7e7e;}
.bg1_cont li span {color:#d71518;}
.bg1_cont li:last-child {border:none;} 
.bg1_cont li:before {content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:8px;border:1px solid #606060;}
.bg1_cont li:after {content:"";position:absolute;left:4px;top:14px;width:1px;height:1px;background:#606060;border-radius:1px;}

.bg2 {height:92px;margin-top:7px;padding:75px 0 0 155px;border-top:2px solid #016234;background:url(/mobile/Images/Index/bg2.jpg) no-repeat;background-size:320px 168px;}
.bg2_p1 {font-size:12px;color:#000;}
.bg2_p2 {font-size:20px;color:#d71518;line-height:22px;}
.bg2_p3 {font-size:14px;color:#016234;padding-top:3px;font-weight:bold;}
.bg2_p4 {font-size:8px;color:#c1c1c1;font-family:Arial, Helvetica, sans-serif;}

.bg2_shadow {height:143px;background:url(/mobile/Images/Index/shadow_01.jpg) no-repeat center bottom;background-size:320px 13px;}
.bg2_cont {height:120px;padding:11px 0 0 7px;background:url(/mobile/Images/Index/ys_numb.gif) no-repeat 16px 14px;background-size:189px 102px;overflow:hidden;}
.bg2_cont li {float:left;width:100px;margin:10px 0 11px 52px;font-size:12px;color:#016234;}
.bg2_cont li span {color:#d71518;}




/*产品分类*/
.title {float:left;padding-left:4px;}
.title li {position:relative;float:left;padding:0 6px;height:1.4rem;cursor:pointer;z-index:10;}
.title li.z-on {color:#ffe800;font-size:15px;font-weight:bold;}
.title li:before {content:"";position:absolute;right:0;top:10px;height:10px;width:1px;background:#8ee3c9;z-index:10;}
.title li:last-child:before {display:none;}
.linear_01 {height:1.4rem;line-height:1.4rem;border-top:2px solid #016234;font-size:12px;color:#fff;
background:#005a31;overflow:hidden;
background-image: -webkit-gradient(linear, left top, left bottom, from(#005a31), to(#32b290)); 
background-image: -webkit-linear-gradient(top, #005a31, #32b290);
background-image: -moz-linear-gradient(top, #005a31, #32b290);
background-image: -o-linear-gradient(top, #005a31, #32b290);}
.linear_01 em {float:right;margin-right:10px;font-style:normal;color:#fff;}
.linear_01 em a {color:#fff;}


.shadow_bg {margin-top:9px;}
.shadow_bg .sclwrap_box {padding-top:11px;height:34rem;}
.shadow_bg .m-box {}
.c_list {padding-left:6px;overflow:hidden;}
.c_list a {float:left;width:46%;margin:0 1.5%;}
.c_list li {float:left;width:100%;font-size:12px;}
.c_list img {width:100%;height:auto;border:1px solid #eaeaea;}
.c_list p {width:100%;height:auto;}
.c_list span {display:block;padding-top:10px;height:1.5rem;text-align:center;color:#016234;background:url(/mobile/Images/Index/shadow_02.jpg) no-repeat center top;background-size:147px 8px;}




/*---搜索----*/
.home_so {margin-bottom:8px;height:42px;background:#eaf6ed;position:relative;}
.home_so:before {position:absolute;content:"";left:0;top:0;height:2px;width:100%;background:#016234;border-bottom:1px solid #fff;}
.home_so .g-se{ padding:11px 23px 3px 20px;position:relative;z-index:1;} 
.home_so .g-se .m-ipt{margin-right:63px;}
.home_so .g-se .u-glass{ position:absolute; right:10px;top:15px; width:42px; height:30px; background:transparent; z-index:888;}
.home_so .g-se .u-tx{ width:58px; height:21px;line-height:21px;text-align:center;color:#fff;font-size:12px; float:right; border-radius:21px;-webkit-border-radius:21px; position:relative;
background:#2c955a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2c955a), to(#1c7446)); 
background-image: -webkit-linear-gradient(top, #2c955a, #1c7446);
background-image: -moz-linear-gradient(top, #2c955a, #1c7446);
background-image: -o-linear-gradient(top, #2c955a, #1c7446);}
.home_so .g-se .u-in{ float:right; position:absolute; z-index:100; right:23px; top:11px;width:58px; height:21px;border-radius:21px;-webkit-border-radius:21px;cursor:pointer; }
.home_so .g-se .u-key{width:100%;
	box-shadow:none;
	font-size:12px;
	height:22px;
	padding:0;
	line-height:22px; 
	border-right:0;
	border-radius:22px;
	-webkit-border-radius:22px;   /*圆角，针对苹果浏览器写的兼容*/
	text-indent:15px;
	float:left;} /*搜索中的请输入关键词样式*/
.home_so .u-key {color:#d2d2d2; border:1px solid #b9d5c8; } 	/*搜索框*/	



/*---产品导航----*/
.t_span1 span {float:left;margin-left:10px;font-size:15px;font-weight:bold;color:#ffe800;}
.pronav_cont {padding:8px 10px 0 10px;overflow:hidden;}
.pronav_cont a h3{float:left;width:100%;text-indent:7px;margin:4px 0;height:1.1rem;line-height:1rem;background:#f2f2f2;position:relative;font-size:12px;color:#016234;font-weight:bold;}
.pronav_cont a h3:before {content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#b5b5b5;border-top:1px solid #fff;}
.pronav_cont li {float:left;padding-left:6px;color:#565656;font-size:12px;width:132px;height:23px;line-height:23px;border-bottom:1px dotted #c3c3c3;background:url(/mobile/Images/Index/item_01.gif) no-repeat left 10px;background-size:2px 3px;}
.pronav_cont a:nth-child(2n) li {float:right;}
.pronav_cont .nobd {border:none;}

/*---闪动电话----*/
.c-tel {padding-left:79px;height:42px;line-height:42px;background:#077e56;background-image: -webkit-gradient(linear, left top, left bottom, from(#005930), to(#23ad89)); position:relative;
background-image: -webkit-linear-gradient(top, #005930, #23ad89);
background-image: -moz-linear-gradient(top, #005930, #23ad89); 
background-image: -o-linear-gradient(top, #005930, #23ad89);}
a.s-tel {position:relative;left:0;top:0;font-size:16px;font-weight:bold;color:#fff;}
.s-tel span {padding-right:10px;}
.c-tel .u-tel_01{position:absolute;left:42px;top:10px;width:24px; height:25px; background:url(/mobile/images/Index/tel_01.png) no-repeat;background-size:100% 100%;} /*头部电话图标*/
.c-tel .s-ln-1,.c-tel .s-ln-2,.c-tel .s-ln-3{	border: 2px solid #fff;}/*电话闪动声波颜色*/
.c-tel .u-tel_01 .z-ln-1{
	width:6px;
	height:6px;
	border-width: 2px 2px 0 0;
	top:4px;
	right:4px;}
.c-tel .u-tel_01 .z-ln-2{
	width:9px;
	height:9px;
	border-width: 2px 2px 0 0;
	top:1px;
	right:1px;
}
.c-tel .u-tel_01 .z-ln-3{
	width:12px;
	height:12px;
	border-width: 2px 2px 0 0;
	top:-2px;
	right:-2px;
}

.bg3 {height:25.35rem;margin-top:7px;padding:53px 9px 0 10px;border-top:2px solid #016234;background:url(/mobile/Images/Index/bg3.jpg) no-repeat;background-size:100% 53px;}
.re_list {padding:16px 12px 0 20%;margin-top:13px;}
.re_list dt {color:#feffff;margin-bottom:5px;padding:3px 0;font-size:12px;line-height:17px;border-bottom:1px dotted #489576;}
.re_list dt span {font-size:15px;color:#f9ee00;}
.re_list dd {padding-left:8px;color:#c7f5e2;font-size:12px;line-height:17px;background:url(/mobile/Images/Index/item_02.png) no-repeat left 5px;background-size:4px 7px}
.re_list dd span {color:#f9ee00;}
.re_list1 {height:5.75rem;background:url(/mobile/Images/Index/recom1.jpg) no-repeat ;background-size:100% 111px;}
.re_list2 {height:4.4rem;padding:23px 12px 0 20%;background:url(/mobile/Images/Index/recom2.jpg) no-repeat;background-size:100% 111px;}
.re_list2 dt {color:#000;border-color:#d0d0d0;}
.re_list2 dt span {color:#016234;}
.re_list2 dd {color:#646464;}
.re_list2 dd span {color:#d71518;}
.re_list2 dd {background:url(/mobile/Images/Index/item_03.png) no-repeat left 5px;background-size:4px 7px}
.re_list3 {height:7.15rem;padding:26px 12px 0 20%;background:url(/mobile/Images/Index/recom3.jpg) no-repeat;background-size:100% 169px;}

/*---客户见证----*/
.client_side {height:293px;overflow:hidden;}
.client {margin-top:14px;height:5rem;overflow:hidden;}
.client dt {float:left;width:30%;height:4.6rem;}
.client dt img {width:100%;height:4.5rem;border:1px solid #eaeaea;}
.client dd {float:left;width:67%;padding-left:1%;color:#565656;}
.client h3 {font-size:12px;color:#016234;height:0.9rem;line-height:0.9rem;overflow:hidden;}
.client p {padding-top:5px;height:2.55rem;overflow:hidden;font-size:12px;line-height:19px;}
.client span {display:block;color:#d71518;line-height:18px;font-size:12px;position:relative;}
.client span:before {content:"";position:absolute;left:25px;top:7px;width:6px;height:0.3rem;border-top:1px solid #d71518;border-right:1px solid #d71518;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.client span:after {content:"";position:absolute;left:30px;top:7px;width:6px;height:0.3rem;border-top:1px solid #d71518;border-right:1px solid #d71518;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}

/*---荣誉资质----*/
.r-honor {margin-top:14px;position:relative;}
.r-honor .sclwrap_box, .r-honor .m-box {height:143px;}
.nowarp {width:268px;margin:0 auto;}
.ct {float:left;margin:0 5px;width:124px;height:136px;overflow:hidden;}
.ct dt {width:112px;height:76px;padding:11px 5px 11px 4px;border:1px solid #eaeaea;}
.ct dt img {width:112px;height:76px;}
.ct dd {height:30px;line-height:30px;text-align:center;font-size:12px;color:#016234;overflow:hidden;background:url(/mobile/Images/Index/shadow_03.jpg) no-repeat center top;background-size:124px 8px;}
.r-honor .prev {position:absolute;left:10px;top:43px;}
.r-honor .next {position:absolute;right:10px;top:43px;}




/* 底部导航不同分辨率显示  */
@media screen and (min-width: 640px) { 
	.g-ft nav ul {width:252px;}
	.g-ft nav a:nth-child(4n) li:before{display:none;}
}
@media screen and (max-width: 640px) { 
	.g-ft nav a:nth-child(4n) li:before{display:none;}
}









