@charset "utf-8";
/* CSS Document */

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
h1 , h2 , h3 , h4 , h5 , h6 {font-size:100%;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.clear {clear:both;}
.cl {clear:left;}
.cr {clear:right;}
.clearfix:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix {height:1%}
.Clearfix {display:block;}
.vm {vertical-align:center;}
.pr {position:relative;}
.pa {position:absolute;}
.abs-right {position:absolute;right:0;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.none {display:none;}


/*其他*/
.curp{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif; font-size:63%;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/

/*标题*/
article{ overflow: hidden; width: 100%; margin-top: 5%; text-align: center}
article h2{ font-size: 1.2rem; color: #00824a;}
article h2 a{ color: #00824a}
article p{ font-size: 1rem; color: #d2d2d2; margin-top: 0.2rem; font-family: Arial; text-transform: uppercase}
article i{ width: 100%; height: 3px; background-size: 100%; display: block; margin-top: .25rem;}
section.section{ width: 94%; margin-left: auto; margin-right: auto;}
a.More{margin: .2rem auto;text-align: center;font-size: .9rem;color: #00824a;border: 1px solid #00824a;padding: .5rem;width: 20%;text-transform: uppercase;border-radius: 5px;display: block;}

input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

.g-se{ padding:15px 10px;position:relative;} /*搜索布局*/
.g-se .m-ipt{margin-right:43px;}
.g-se .u-glass{ position:absolute; right:10px;top:15px; width:42px; height:30px; background:transparent; z-index:888;}
.g-se .u-bt{ width:42px; height:30px; float:right; border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0; position:relative;}
.g-se .u-bt:before{content:'';display:block;width:12px;height:12px;border-radius:17px;position:absolute;right:14px;top:5px;z-index:99;} /*搜索右边的图标css3样式*/
.g-se .u-bt:after{content:'';display:block;width:4px;height:10px;border-radius:5px;border:0;position:absolute;right:12px;top:16px;z-index:99;-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg);} /*搜索右边的图标css3样式*/
.g-se .u-in{ float:right; position:absolute; z-index:100; right:10px; top:15px; width:42px; height:30px;}
.g-se .u-key{width:100%;
	height:14px;
	padding:7px 0; 
	line-height:14px; 
	border-right:0;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:0;
	border-top-right-radius:0;
	-webkit-border-top-left-radius:5px;   /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-left-radius:5px;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-top-right-radius:0;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-right-radius:0;  /*圆角，针对苹果浏览器写的兼容*/
	text-indent:15px;
	float:left;} /*搜索中的请输入关键词样式*/
	/*搜索按钮背景色*/
.g-se .u-bt:before{border:3px solid #fff;}/*搜索按钮-放大镜圆圈颜色*/
.g-se .u-bt:after{background:#fff;}/*搜索按钮-放大镜直线颜色*/
.g-se .u-in{ background:transparent;}





.g-se .u-bt{ background-color:#4d921b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4d921b), to(#407b16)); 
	background-image: -webkit-linear-gradient(top, #4d921b, #407b16); 
	background-image: -moz-linear-gradient(top,  #4d921b, #407b16); 
	background-image: -o-linear-gradient(top,  #4d921b, #407b16); 
	background-image: -ms-linear-gradient(top, #4d921b, #407b16); 
	background-image: linear-gradient(top, #4d921b, #407b16);
}
/*搜索按钮背景色*/
.u-key {color:#d0d0d0; border:1px solid #4d921b; box-shadow:3px 2px 3px #ccc inset;} 	/*搜索框*/
.m-tit.z-spe .xg{ color:#000000;} /*产品详情页关于"手机"相关产品，手机样式*/
/* 会员注册  */
.m-con-1 .havlog { color:#4d921b; border-bottom:1px solid #4d921b; }
.m-con-1 .forget { color:#d42626;border-bottom:1px solid #4d921b; }
.m-con-1 .welcome { color:#a90000;}
/*会员中心*/
.f-tc.welcome { color:#C47A43; } /*会员中心标题文字颜色*/
.g-bd .m-con .helplia { color: #546280;}/*会员中心列表文字颜色*/
/*----------------------------------------------------------------------------------------------------------------------------*/

	
/*顶部*/
header{ overflow: hidden; padding: 4% 0; width: 100%;  }
header h1 img{  display: block; width: 80%;}
header h1{width:40%;float: left;}
header h2{float:left; padding-top:5px;width:60%; margin-left:-20px; color: #01991a;font-size: 25px; font-weight:bold;}
header p{font-size: 16px;color: #01991a;margin-left:-20px;float:left; }
/*nav*/
nav{ overflow: hidden; width: 100%; background-color: #03ac1f;}
nav a{ width: 25%; float: left; text-align: center; font-size: 14px; font-weight:bold; color: #fff; padding: .75rem 0; display: block; border-right: 1px solid #fff; box-sizing: border-box;border-bottom: 1px solid #f1f1f1; white-space: nowrap;}
nav a:nth-child(4n){ border-right: none}

/*banner*/





.banner{position:relative; overflow:hidden; margin:0 auto;}
.banner .hd{ position: absolute; bottom:10px; text-align: center; width: 100%;}
.banner .hd li{display: inline-block; width:8px; height:8px; margin: 0 4px; z-index:100; background: #fff; filter: alpha(Opacity=60); opacity: .6; text-indent:-100px; border-radius:4px; overflow:hidden; }
.banner .hd li.on{ filter: alpha(Opacity=100); opacity: .9; background: #FF9012; width:20px; height:8px;}
.banner .bd{position:relative; z-index:0;}
.banner .bd li{position:relative; text-align:center;}
.banner .bd li img{background:url(loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.banner .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}



/*方案*/
.advantage{ overflow: hidden; width: 100%}
.advantage h2{ font-size:20px; line-height:34px;}
.advantage p{ font-size:16px;line-height:24px;}
.advantage img{ display: block; width: 100%; margin-top:8px;}

.advantage dl{ padding: 1rem 0; overflow: hidden; width: 100%; border-bottom: 1px solid #e5e5e5}
.advantage dl dt,.advantage dl dd{ width: 50%;}
.advantage dl dt{ float: right}
.advantage dl dt img{ display: block; width: 100%;}
.advantage dl dd{float: left;position: relative;z-index: 99999;}
.advantage dl dd h3{ font-size: 1.25rem; color: #00824a; margin-bottom: .5rem; overflow: hidden}
.advantage dl dd h3 img{ display: block; float: left; width: 15%; margin-right: .5rem;}
.advantage dl dd p{ line-height: 1.4rem; font-size: .85rem; color: #666666; white-space: nowrap}
.advantage dl:last-of-type{ border-bottom: none}

/*产品*/
.Service{ overflow: hidden; width: 100%;}
.Service h2{ font-size:25px;}
.Service p{ font-size:16px;}
.Service .list{ margin-top: 4%; overflow: hidden; width: 100%; text-align: center}
.Service .list li{ width: 31%; display: inline-block; position: relative; background: #000; margin: 0 .5%; margin-bottom: .3rem;}
.Service .list li img{ opacity: 0.6; width: 100%; display: block}
.Service .list li span{ display: block; width: 100%; font-size: 1rem; color: #fff; position: absolute; left:0; top:48%;}
.Service .list li:last-of-type img{ opacity: 1}

/*案例*/
.case,.case .list{ overflow: hidden; width: 100%;}
.case{ padding-bottom: 4%;}
.case h2{ font-size:25px;}
.case p{ font-size:16px;}
.case .list{ margin-top: 4%;}
.case .list li{ width: 48%; height: 11rem; float: left; margin-bottom: .5rem; text-align: center;}
.case .list li img{ display: block; width: 100%; }
.case .list li span{ display: block; font-size: .9rem; color: #666666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: .5rem 0;}
.case .list li:nth-child(2n){ float: right}


/*关于我们*/
.aB{ overflow: hidden; background-color: #fff; width: 100%; padding-bottom: 1.5rem;}
.aB h2{ font-size:25px;}
.aB p{ font-size:16px;}
.aB .abDl{margin-top: 4%;overflow:hidden;}
.aB dt img{ display: block; width: 100%; box-sizing: border-box; border: 5px solid #fff}
.aB dd p{ font-size: 14px; color: #666666; line-height:22px;  overflow: hidden; text-align: justify; margin: 3% 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12 ;
    -webkit-box-orient: vertical;}
.aB .More{ margin-top: 3%;}


/*新闻*/
.homeTitle{height:40px;line-height:40px;font-size:16px; font-weight:bold;border-bottom:2px solid #ccc;color:#222;margin-bottom:10px;}
.homeTitle span{display:inline-block;height:40px;padding:0 2%;position:relative;border-bottom:2px solid #fac12c;color:#00824a;}
.homeTitle .more{float:right;margin-right:;font-size:12px; color:#000000; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase; font-weight:normal;}
#news .homeTitle span{border-bottom:2px solid transparent;}
#news .homeTitle .on{border-bottom:2px solid #00824a;}
.news{margin-bottom:10px;border-bottom:0px solid #f2f2f2;}
.news li{height:auto;border-bottom:1px solid #d6d6d6;overflow:hidden;position:relative;padding: 0 10% 0 2%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:30px;line-height:30px; font-size:14px;}
.news li:last-child{border-bottom:none;}
.news li::after {position:absolute;font-size: 0.8rem;right:2%;top:0rem; font-family:"iconfont" !important;color:#999; }






/*地址*/
.addRess{ overflow: hidden; width: 100%; background: #eee; padding-bottom: 3.5rem;}
.addRess dl{ overflow: hidden; padding: 1.5rem 0; width: 100%;}
.addRess dl dt{ width: 25%; float: left;}
.addRess dl dt img{ width: 100%;}
.addRess dl dd{ width: 72%; float: right}
.addRess dl dd h3{ font-weight: normal; font-size: 1rem; color: #00824a;}
.addRess dl dd h3 a{ color: #00824a; font-weight: bold}
.addRess dl dd p{ font-size: .85rem; color: #666666; line-height: 1.5rem;}
.addRess dl dd p a{ color: #666}
.addRess dl dd p:first-of-type{ margin-top: .3rem;}

/*底部*/
footer{ position: fixed;bottom: 0;left: 0; background: #00824a;width: 100%;overflow: hidden;}
footer img{display: block;width: 114%;}
footer a{display: block;float: left;width: 25%;text-align: center;padding: .75rem 0 .5rem 0;box-sizing: border-box;border-left: 1px solid #fff;}
footer a:first-child{border-left: none;}
footer em{display: block;width: 1.875rem;height: 1.875rem;margin: 0 auto;} 
footer span{display: block;font-size: 0.8rem;color: #fff;margin-top: .467rem;}
footer a.on{background: #ffba00;}



/*正文*/
.cont_c table{ display:inline-table!important;}
.cont_c{border-top:1px solid #eee; padding:10px 14px 7px 14px; font-size:1.2rem; line-height:1.7em;color: #333;}
.cont_c p img{max-width:100%;}
.box_info{margin:0 0 .8em;padding:0;box-shadow:2px 2px 5px rgba(0,0,0,.1);}

.catetitle{background:#fff;padding:10px 15px;color:#03ac1f; font-weight:bold;font-size:16px;margin:0 0 .5em;position:relative;}

/*新闻*/


.newslist{padding: 0 3%;}
.newslist .item{width: 100%; border-bottom: 1px solid #eeeeee;}
.newslist .item *{transition: all .3s linear;}
.newslist .item a{padding: .3rem 0; width: 100%; display: block;}
.newslist .item img{width: 1.44rem; height: .96rem;display: block; margin-top: .06rem;float: right; margin-right: .1rem;}
.newslist .item h3{font-size: .3rem; line-height: .36rem; max-height: .72rem; overflow: hidden; color: #000000;}
.newslist .item .dec{color: #999999; font-size: .2rem; margin-top: .08rem;}
.newslist .item .dec span{margin-right: .2rem;}
.newslist .item.pic4 h3{height: .36rem; margin-bottom: .08rem;}
.newslist .item.pic4 img{float: left; margin-right: .06rem;}
.newslist .item.pic4 img:last-child{margin-right: 0;}


/* 新闻列表详情 */
.newsList li,.history li h4{height:30px;line-height:30px;border-bottom:1px solid #ddd;position:relative;padding:0 10% 0 5%;white-space:nowrap;overflow:hidden; font-size:14px;text-overflow: ellipsis;}
.newsList li::before{background:#666;height:3px;left:2%;position: absolute;top:.8rem;width:3px;border-radius:50%;}
.newsList li::after,.downList li a::after,.history li h4::after{position:absolute;font-size: 0.8rem;right:2%;top:3px; }



.listWrapper{padding:0 2% 5% 2%;overflow:hidden;}









.info_view{position:relative;margin:0 0 .8em;padding:0;background:#fff;}
.case{padding:3% 1%}
.TPLB_LIST{overflow:hidden;zoom:1;}
.TPLB_LIST li{float:left;text-align:center;width:50%}
.TPLB_LIST li .pic{position:relative;font-size:0}
.TPLB_LIST li .pic img{border:1px solid #d9d9d9;}
.TPLB_LIST li .pic img:hover{opacity:.8;filter:alpha(opacity=80);}
.TPLB_LIST li .pic_list_li{padding:0 3%;}
.TPLB_LIST li .txt{margin:10px;}
.TPLB_LIST li .memo{color:#888;overflow:hidden;height:40px;line-height:20px;}

.pic_list_1{width:100%}
.pic_list_2{width:50%}
.pic_list_3{width:33.3%}
.pic_list_4{width:25%}
.pic_list_5{width:20%}

.pic_list_li{padding:0 5px}
.pic_list_li{overflow:hidden;}
.pic_list_li img{height:150px;width:100%;}
.pic_list_li .txt{ font-size:14px;}


.CategoryList_Title{height:2.968rem; line-height:2.968rem; padding:0 .687rem; color:#333; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.2rem; background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title i{font-size:1.2rem; margin-top:.75rem;}


.CategoryList_Title .icon-left{ padding-top:4px;}
.CategoryList_Title .icon-details{ padding-top:4px;}
.fy_page {
float:left;width:22px; height:22px; line-height:22px; background-color:#F0F4F5; text-align:center; margin-right:6px;border:#DDDDDD 1px solid; color:#1F3A87;padding:0;
display:none}
.fy_page a{color:#1F3A87;}
.fy_page2 {
float:left;width:22px; height:22px; line-height:22px; text-align:center; color:#1F3A87;padding:0; margin-right:6px;}
.fy_page3 {
float:left;width:22px; height:22px; line-height:22px; text-align:center;  background-color:#1F3A87; margin-right:6px;border:#DDDDDD 1px solid; color:#1F3A87;padding:0;
color:#FFFFFF; font-weight:bold}
.fy_page3 a{
color:#FFFFFF; font-weight:bold}

.fy_page4 {
float:left;width:22px; height:22px; line-height:22px; text-align:center;  background-color:#F0F4F5; margin-right:6px;border:#DDDDDD 1px solid; color:#1F3A87;padding:0;}
.fy_page4 a{color:#1F3A87;}
/*标题*/
article{ overflow: hidden; width: 100%; margin-top: 5%; text-align: center}
article h2{ font-size: 1.2rem; color: #00824a;}
article h2 a{ color: #00824a}
article p{ font-size: 1rem; color: #d2d2d2; margin-top: 0.2rem; font-family: Arial; text-transform: uppercase}
article i{ width: 100%; height: 3px; background-size: 100%; display: block; margin-top: .25rem;}
section.section{ width: 94%; margin-left: auto; margin-right: auto;}
a.More{margin: .2rem auto;text-align: center;font-size: .9rem;color: #00824a;border: 1px solid #00824a;padding: .5rem;width: 20%;text-transform: uppercase;border-radius: 5px;display: block;}

.content {width:100%;}
.content .cont_t{padding:0 20px;}
.content .cont_t h1{font-size:16px; padding-top: 10px; color:#53b133; font-weight:bold;}
.content .cont_t p{line-height:22px; color:#999; font-size:12px;}
.content .cont_c{border-top:1px solid #eee; padding:10px 14px 7px 14px; font-size:1.2rem; line-height:1.7em;color: #333;}
.content .cont_c p img{max-width:100%;}
	/*正文*/
.cont_c table{ display:inline-table!important;}
.cont_c{border-top:1px solid #eee; padding:10px 14px 7px 14px; font-size:1.2rem; line-height:1.7em;color: #333;}
.cont_c p img{max-width:100%;}
.box_info{margin:0 0 .8em;padding:0;box-shadow:2px 2px 5px rgba(0,0,0,.1);}


 .wrap img{width: 100%;}