body{margin:0px auto;padding:0px;color:#5a5859;font-size:12px;font-family:'Microsoft YaHei';line-height:18px;background-color:#dedede;}
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{overflow:hidden;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;top:0px;z-index:999;}
.top .logo{float:left;margin:10px 0px 0px 10px;}
.top .logo img{height:40px;}

/*目录开关*/
.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:#fff;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-color:#000;opacity: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;}


/*轮播图片*/
.show_pics
{
    margin:0px;
	background:#fff 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%;height:200px;
}
.wapcircleimg01 .wrapper_imglist li{position: relative;width:100%;}
.wapcircleimg01 .wrapper_imglist li img{width:100%;height:200px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.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:997;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;}
/*轮播图片结束*/


.pnl_tle{text-align:center;padding:20px 0px 20px 0px;}
.pnl_tle img{max-width:40%;}

.category{background-color:#7f7f7f;padding:5px 5px 5px 5px;}
.category li{float:left;width:25%;float:left;height:30px;line-height:30px;text-align:center;}
.category a{color:#fff;display:block;}
.category li.sel a{background-color:#fff;color:#333;border-radius:4px;}

/*案例列表*/
.case_pnl{padding:5px 0px 20px 0px;}
.case_pnl li{float:left;width:46%; margin:0px 0px 0px 5px;}
.case_pnl li img{width:100%;height:100px;float:left;background-color:#efefef;
                 background-repeat:no-repeat;background-position:center center;background-size:cover;
}
.case_pnl li p{width:100%;height:30px;line-height:30px;display:block;text-align:center;float:left;
               white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden;
}

.more{margin:10px 5px 0px 5px;height:32px;text-align:center;position:relative;}
.more .line{width:100%;height:1px;background-color:#ddd;margin:16px 0px 0px 0px;}
.more a{display:inline-block;width:120px;height:30px;line-height:30px;border:solid 1px #ddd;text-transform:uppercase;border-radius:15px;
        position:absolute;top:0px;left:50%;margin-left:-60px;background-color:#fff;overflow:hidden;
}
.more.bg a{background-color:#303030;color:#ddd;}

.graybg{background-color:#303030;padding:0px 0px 20px 0px;}

.customer{}
.customer li{float:left;width:50px;height:50px;margin:0px 0px 3px 3px;}
.customer li img{width:100%;height:100%;background-color:#fff;
                 background-repeat:no-repeat;background-position:center center;background-size:contain;
}

.btm{background-color:#202120;padding:20px 10px 20px 10px;color:#A3A4A3;line-height:20px;}
.btm a{color:#A3A4A3;}
.btm .xf{display:inline-block;padding:0px 3px 0px 3px;}
.btm p{padding:0px 0px 20px 0px;}
.btm .sns{text-align:center;}
.btm .sns a{display:inline-block;margin:0px 10px 0px 10px;width:30px;height:30px;overflow:hidden;
            background-position:center center;background-repeat:no-repeat;background-size:100% auto;
}
.btm .sns a.weixin{background-image:url(/Public/images/footer-wei.png);}
.btm .sns a.qq{background-image:url(/Public/images/footer-qq.png);}
.btm .sns a.sina{background-image:url(/Public/images/footer-weibo.png);}

.banner{height:100px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;}
.video_zoom{padding:5px 5px 0px 5px;}
.about_zoom{padding:10px 5px 10px 5px;line-height:25px;text-align:justify;text-justify:inter-ideograph;}
.about_zoom p{ color:#555655;}
.about_zoom hr{border:0px; border-bottom:1px solid #9A9B9A;}
.about_zoom img{max-width:100%;}

.office{padding:10px 5px 5px 5px;line-height:24px;background-color:#303030;}
.office p{margin:0px;padding:0px;}
.office img{max-width:100%;}

.team{padding:0px 0px 20px 0px;}
.team .team_tag{margin:10px 5px 0px 5px;height:32px;text-align:center;position:relative;}
.team .team_tag .line{width:100%;height:1px;background-color:#ddd;margin:16px 0px 0px 0px;}
.team .team_tag a{display:inline-block;width:35%;height:30px;line-height:30px;border:solid 1px #ddd;text-transform:uppercase;border-radius:15px;
        position:absolute;top:0px;background-color:#fff;overflow:hidden;
}
.team .team_tag a.sel{background-color:#303030;color:#fff;}
.team .team_tag a.zc{left:10%;}
.team .team_tag a.hz{left:55%;}

.team .item{padding:20px 0px 0px 0px;}
.team .item li{float:left;width:46%; margin:0px 0px 5px 5px;background-color:#efefef;position:relative;
             background-repeat:no-repeat;background-position:center center;background-size:cover;
}
.team .item li span{display:block;position:absolute;height:30px;line-height:30px;bottom:0px;}
.team .item li span.tm{background-color:#000;opacity:0.6;z-index:1;left:0px;width:100%;}
.team .item li span.nm{color:#fff;left:5px;z-index:3;}
.team .item li span.zw{color:#fff;right:5px;z-index:2;}
.team .item li a.link{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:99;}

.page{padding:10px 5px 0px 5px;}
.page a{display:block;height:30px;line-height:30px;padding:0px 10px 0px 10px;border:solid 1px #dedede;float:left;margin:0px 5px 0px 0px;}
.page .pcount{float:right;display:block;height:30px;line-height:30px;color:#333;}

.news_list{padding:10px 0px 20px 0px;}
.news_list ul{margin:0px 5px 10px 5px;border-top:solid 1px #efefef;}
.news_list li{border-bottom:solid 1px #efefef;}
.news_list li a{display:block;height:40px;width:100%;overflow:hidden;}
.news_list li span{height:40px;line-height:40px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden;}
.news_list li span.nm{float:left;width:80%;font-size:14px;}
.news_list li span.time{float:right;width:20%;text-align:right;font-size:12px;color:#ccc;}

/*.job{padding:0px 5px 20px 5px;}
.job .item{margin:0px 0px 5px 0px;}
.job .item .c_link{height:45px;line-height:45px;display:block;overflow:hidden;text-indent:10px;font-size:14px;font-weight:bold;}
.job .item .c_link.add{background:#eeeeee url(../images/add.jpg) no-repeat right center;color:#5a5859;background-size:30px auto;}
.job .item .c_link.subtract{background:#e15517 url(../images/subtract.jpg) no-repeat right center;color:#fff;background-size:30px auto;}
.job .item .job_zoom{line-height:20px;text-align:justify;font-size:12px;padding:5px 5px 5px 5px;height:0px;transition:all 500ms;background-color:#dedede;}
.job .item .job_zoom img{max-width:100%;}
.job .item.sel .job_zoom{height:auto;}*/
.job{padding:0px 5px 20px 5px;}
.job .item{margin:0px 0px 5px 0px;}
.job .item .c_link{height:45px;line-height:45px;display:block;overflow:hidden;text-indent:10px;font-size:14px;font-weight:bold;
                   background:#ddd url(../images/add.png) no-repeat right center;color:#5a5859;background-size:30px auto;
}
.job .item .job_zoom{line-height:20px;text-align:justify;font-size:12px;padding:10px 10px 10px 10px;background-color:#f0f0f0;display:none;}
.job .item .job_zoom img{max-width:100%;}

.job .item.sel .c_link{background:#e15517 url(../images/subtract.png) no-repeat right center;color:#fff;background-size:30px auto;}
.job .item.sel .job_zoom{}

.news_show{}
.news_show .tle{background-color:#464646;padding:20px 0px 20px 0px;color:#fff;text-align:center;}
.news_show .tle h1{line-height:30px;padding:0px 10px 10px 10px;font-size:16px;font-weight:bold;}
.news_show .tle p{line-height:20px;font-size:12px;}
.news_show .tle a{color:#fff;text-decoration:underline;}

.huaxubg{background-color:#fff;padding:0px 0px 0px 0px;}
.huaxu{padding:15px 0px 0px 0px;}
.huaxu li{float:left;width:46%;height:100px; margin:0px 0px 5px 5px;}
.huaxu li img{width:100%;height:100%;float:left;background-color:#efefef;
                 background-repeat:no-repeat;background-position:center center;background-size:cover;
}

/*底部联系工具*/
.btm_tool{height:56px;background-color:#000;position:fixed;width:100%;max-width:750px;bottom:0px;margin:0px auto;z-index:9999;}
.btm_tool a{display:block;width:20%;height:20px;line-height:20px;overflow:hidden;float:left;margin:0px 0px 0px 10%;text-align:center;padding:36px 0px 0px 0px;
            background-position:center 4px;background-repeat:no-repeat;background-size:30px 30px;color:#fff;font-size:14px;
}
.btm_tool a.s1{background-image:url(../images/btm_nav_ico_1.jpg);}
.btm_tool a.s2{background-image:url(../images/btm_nav_ico_2.jpg);}
.btm_tool a.s3{background-image:url(../images/btm_nav_ico_3.jpg);}