﻿body{margin:0px auto;padding:0px;color:#5a5859;font-size:12px;font-family:Arial;line-height:18px;background-color:#f0f0f0;}
a:link{color:#5a5859;text-decoration:none;}        
a:visited{color:#5a5859;text-decoration:none;}
a:hover{color:#0072bb;text-decoration:none;}
img{border:none;}
ul,li,h1,h2,h3,p{margin:0px;padding:0px;}
li{list-style:none; }
div,ul,li{display:block;}

/*iphone width
    iphone4: 320x480
    iphone5: 320x568
    iphone6: 375x667
    iphone6s:414x736
    */
.wrap{margin:0px auto;display:block;}
.clear{height:5px;margin:0px;padding:0px;clear:both;}
.l{float:left;display:block;}
.r{float:right;display:block;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:18px;}
.fb{font-weight:bold;}
.fl{font-weight:lighter;}
.fi{font-style:italic;}
.yh{font-family:Microsoft Yahei;}

.device{width:100%;max-width:750px;margin:0px auto;background-color:#fff;}

.top{position:fixed;width:100%;max-width:750px;margin:0px auto;height:60px;/*background-color:#262626;*/background:rgba(255,255,255,0.95); top:0px;z-index:999;}
.top .logo{float:left;margin:5px 0px 0px 15px;}
.top .logo img{height:50px;}
.top .lang{float:right;margin:20px 50px 0px 0px;}

/*目录开关*/
.p_menu_link{width:20px;height:17px;display:block;overflow:hidden;
                        position:fixed;top:21px;right:10px;z-index:9999;
                        transition:all 200ms;-moz-transition:all 200ms;-webkit-transition:all 200ms;-o-transition:all 200ms;
}
.p_menu_link span{width:20px;height:3px;background-color:#2b9a34;display:block;position:absolute;
                  transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.p_menu_link.on{}
.p_menu_link.on span.i1{left:0px;top:1px;}
.p_menu_link.on span.i2{left:0px;top:7px;}
.p_menu_link.on span.i3{left:0px;top:13px;}
.p_menu_link.off{}
.p_menu_link.off span{background-color:#262626;}
.p_menu_link.off span.i1{left:0px;top:7px;transform:rotate(-45deg);}
.p_menu_link.off span.i2{left:20px;top:7px;opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);}
.p_menu_link.off span.i3{left:0px;top:7px;transform:rotate(45deg);}

/*手机版右侧目录*/
.phone_menu{position:fixed;width:100%;height:100%;max-width:750px;margin:0px auto;top:0px;z-index:9998;display:none;}
.phone_menu .p_tm{position:absolute;width:100%;height:100%;top:0px;right:0px;z-index:1;background:rgba(0,0,0,0.67);}
.phone_menu .p_menu{position:absolute;width:100px;height:100%;top:0px;right:0px;background-color:#fff;padding:60px 15px 0px 15px;z-index:20;}
.phone_menu .p_menu .item{border-bottom:solid 1px #ddd;min-height:40px;position:relative;}
.phone_menu .p_menu .item a{display:block;overflow:hidden;width:100%;text-align:right;}
.phone_menu .p_menu .item a.p{height:40px;line-height:40px;font-size:14px;font-weight:bold;}
.phone_menu .p_menu .item a.sel{font-weight:bold;}

.phone_menu .p_menu .item .submenu{width:100%;padding:0px 0px 10px 0px;}
.phone_menu .p_menu .item .submenu a{height:25px;line-height:25px;padding:0px 0px 0px 0px;clear:both;font-size:12px;font-weight:lighter;}
/*目录end*/

/*轮播图片*/
.show_pics
{
    margin:0px;
	background:url(../images/loading2.gif) no-repeat center center;
}
/*图片轮换*/
.wapcircleimg01{
	padding:0; 
	margin:0; 
	/*width:320px;*/
	width:100%;
	overflow:hidden;
	position:relative;
}
.wapcircleimg01 .wrapper_imglist {
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-bottom: 0px;
	width:100%;
}
.wapcircleimg01 .wrapper_imglist li{position: relative;}
.wapcircleimg01 .wrapper_imglist li .nm{display:block;position:absolute;height:30px;line-height:30px;padding:0px 5px 0px 5px;width:100%;color:#fff;font-size:14px;left:0px;bottom:0px;z-index:99;background:url(../images/tm.png);}
.wapcircleimg01 .scroller_imglist {
	width: 3000px;
	float: left;
	padding: 0;
	left: 0;
	top: 0;
}
.wapcircleimg01 .scroller_imglist > div {list-style: none;display: block;float: left;width: 100%;height: 100%;margin: 10px 0 0 0 0;text-align: left;}
.wapcircleimg01 .thelist_imglist > div {-webkit-box-sizing: border-box;display: block;float: left;text-align: center;font-size: 18px;}
.wapcircleimg01 .thelist_imglist .imgbox {float: left;text-align: center}
.wapcircleimg01 .thelist_imglist > div {-webkit-box-sizing: border-box;display: block;float: left;text-align: center;font-size: 18px;line-height: 140%;}
.wapcircleimg01 .nav_imglist {
	height: 34px;
	background-color: #f7f7f7;
		clear: both;
	margin-bottom: 0px;
	width: 100%;
	text-align: center;
	background-image: linear-gradient(top,#f7f7f7,#d9e2fc);
}
.wapcircleimg01 .prev_imglist,.next_imglist {
	height: 31px;
	line-height: 25px;
	font-size: 14px;
	width: 90px;
	text-align: center;
	cursor:pointer;
	display:inline-block;
}
.wapcircleimg01 .indicator_num {
	
	font-size:15px;
	width: 104px;
	height: 26px;
	text-align: center;
	color: #6b6b6b;
	background: #fff;
	border: 1px solid #9fb7d4;
	border-top: none;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	padding-top: 6px;
	font-weight:900;
	display:inline-block;
}
.wapcircleimg01 .c_grey {color: #A3A3A3;}

.wapcircleimg01 .pagination{position:absolute;width:200px;bottom:10px; left:10px;z-index:99;text-align:center;}
.wapcircleimg01 .pagination li {display:inline-block;	margin:0 5px 0px 0px;float:left;}
.wapcircleimg01 .pagination li a {width:5px;height:5px;display:inline-block;overflow:hidden;float:left;background-color:#fff;text-indent:-999px;
                                  border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.wapcircleimg01 .pagination li.current a{background-color:#008ee2;}
/*轮播图片结束*/

.nav{padding:10px 0px 0px 0px;}
.nav table{width:100%;border-top:solid 1px #e3e3e3;border-left:solid 1px #e3e3e3;}
.nav table td{text-align:center;padding:15px 0px 10px 0px;width:33.33%;border-bottom:solid 1px #e3e3e3;border-right:solid 1px #e3e3e3;line-height:25px;}
.nav table td a{color:#2b9a34;font-size:16px;font-weight:bold;}
.nav table td img{width:40%;}

/*案例列表*/
.prdt_pnl{padding:20px 0px 20px 0px;overflow:hidden;}
.prdt_pnl li{float:left;width:44%; margin:0px 0px 15px 4%;background-color:#efeff1;}
.prdt_pnl li img{width:100%;float:left;}
.prdt_pnl li p{width:100%;height:45px;line-height:45px;display:block;text-align:center;float:left;font-size:14px;font-weight:bold;
               white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden;}

.share_pnl{background-color:#2b9a34;height:40px;text-align:center;padding:10px 0px 10px 0px;line-height:40px;font-size:14px;font-weight:bold;color:#fff;overflow:hidden;}
.share_pnl .nm{line-height:40px;float:left;text-align:right;width:40%;}
.share_pnl .bdsharebuttonbox{width:55%;float:left;}
.share_pnl a.b_wx{width:40px;height:40px;display:block;overflow:hidden;float:left;margin:0px 10px 0px 0px;
                        background:url(../images/share_wechat.png) no-repeat center center;background-size:40px 40px;}
.share_pnl a.b_sina{width:40px;height:40px;display:block;overflow:hidden;float:left;margin:0px 10px 0px 0px;
                        background:url(../images/share_sina.png) no-repeat center center;background-size:40px 40px;}
.share_pnl a.b_qq{width:40px;height:40px;display:block;overflow:hidden;float:left;margin:0px 10px 0px 0px;
                        background:url(../images/share_qq.png) no-repeat center center;background-size:40px 40px;}

.b_phone{background-color:#333;color:#fff;text-align:center;padding:20px 0px 20px 0px;}
.b_phone a{display:inline-block;height:40px;background:url(../images/tel_ico.png) no-repeat 0px center;
           background-size:40px 40px;padding:0px 0px 0px 50px;font-size:26px;color:#fff;line-height:40px;
}

/*.b_contact{background-color:#333;color:#fff;border-top:solid 1px #575757;padding:20px 10px 20px 10px;line-height:25px;}
.b_contact a{color:#fff;}*/
.b_contact{background-color:#c9cacc;color:#000;border-top:solid 1px #575757;padding:20px 10px 20px 10px;line-height:25px;overflow:hidden;}
.b_contact a{color:#000;}

.sub_nav{height:40px;background-color:#2b9a34;padding:0px 0px 0px 0px;overflow:hidden;}
.sub_nav a{display:block;float:left;height:40px;color:#fff;font-size:14px;line-height:40px;text-align:center;min-width:100px;}
.sub_nav a.sel{background-color:#70ab75;}

.aboutzoom{padding:10px 10px 10px 10px;line-height:25px;overflow:hidden;}
.aboutzoom p{padding:0px;margin:0px;}
.aboutzoom img{max-width:100%;}
.aboutzoom .nhead{padding:20px 10px 10px 10px;border-bottom:solid 1px #dfdfdf;margin:0px 0px 20px 0px;}
.aboutzoom .nhead h1{font-size:18px;}
.aboutzoom .nhead .attr{font-size:12px;color:#666;padding:10px 0px 0px 0px;}
.aboutzoom table{width:100%;}
.aboutzoom table td{display:block;width:100%;}
.aboutzoom table td p{display:block;padding:0px 0px 0px 0px;}
.aboutzoom table td img{display:block;margin:0px auto;}

.news_list{padding:10px 0px 10px 0px;overflow:hidden;}
.news_list .item{padding:10px 0px 10px 0px;border-bottom:solid 1px #dfdfdf;overflow:hidden;}
.news_list .item .face{float:left;width:25%;height:80px;margin:0px 0px 0px 2%;}
.news_list .item .face img{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.news_list .item .dis{float:left;width:67%;margin:0px 0px 0px 4%;line-height:18px;color:#777;}
.news_list .item .dis .p{font-size:14px;font-weight:bold;padding:0px 0px 7px 0px;color:#333;}

.pager{padding:5px 0px 15px 0px;overflow:hidden;text-align:center;}
.pager a{border:solid 1px #e7ecf0;padding:2px 10px 0px 10px;line-height:25px;margin:0px 5px 0px 0px;background-color:#ffffff;color:#666;display:inline-block;text-decoration:none;}
.pager a:hover,.pager a.sel{background-color:#749743;color:#ffffff;border:solid 1px #749743;}
.pager span.c{line-height:25px;color:#666;display:inline-block;float:right;padding:3px 0px 0px 0px;}

.app_list{}
.app_list .item{padding:0px 0px 1px 0px;line-height:25px;}
.app_list .item .tle{height:40px;background-color:#c9cacc;padding:0px 10px 0px 10px;}
.app_list .item .tle a{display:block;height:40px;line-height:40px;color:#333;font-size:16px;font-weight:bold;
                       background-image:url(../images/add.png);
                       background-position:right center;background-repeat:no-repeat;background-size:20px 20px;}
.app_list .item .appzoom{padding:0px 10px 10px 10px;display:none;}
.app_list .item .appzoom .appbanner{padding:10px 0px 0px 0px;}
.app_list .item .appzoom .appbanner img{width:100%;}
.app_list .item .appzoom .app{border:solid 1px #b6c395;padding:10px;line-height:20px;margin:0px 0px 10px 0px;font-size:12px;}
.app_list .item .appzoom .app h1{font-size:16px;font-weight:bold;color:#577408;height:30px;line-height:22px;margin:0px 0px 10px 0px;
                                 background:url(/cn/images/line.jpg) no-repeat 0px bottom;}
.app_list .item.on{}
.app_list .item.on .tle a{background-image:url(../images/substract.png);}
.app_list .item.on .appzoom{display:block;}

.msg_pnl{padding:30px 10px 30px 10px;overflow:hidden;}
.msg_pnl .form .item{padding:5px 0px 5px 0px;}
.msg_pnl .form .item .key{font-size:14px;color:#000;width:100%;clear:both;text-align:left;padding:0px 0px 0px 0px;}
.msg_pnl .form .item .val{width:100%;clear:both;padding:0px 0px 0px 0px;}
.msg_pnl .form .item .val .txt{width:90%;}
.msg_pnl .form .txt{width:80%;height:40px;line-height:40px;}
.msg_pnl a.button.green{width:150px;}

.contact{padding:50px 30px 50px 30px;overflow:hidden;font-size:12px;}.contact table{width:100%;}.contact td{padding:10px 5px 10px 5px;line-height:25px;/*border-bottom:dashed 1px #efefef;*/}