body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video,img { display: block; }
body { font-size: 100%;  font-family:"Microsoft Yahei",Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); margin:0 auto; }
textarea { resize: none; }
iframe,img { border:0;}
ul,ol { list-style:none; }

a{ text-decoration: none; }
img{ max-width:100%;} 

td {font-size:12px;}

.body{ margin:0 auto;}
.header{ padding-top:0px;text-align:center;}
.header a{display:block;}
.header img{ width:100%; margin:0 auto;}

/* banner */
.slideBox{ position:relative; overflow:hidden; margin:0px auto;  }
.slideBox .hd{position:absolute; bottom:0; }
.slideBox .hd li{text-indent:-99999999px }
.slideBox .bd{ }
.slideBox .bd li{ text-align:center;  }
.slideBox .bd li img{  width:100%; display:block/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*nav */
.nav{ background:#fff; margin:16px 0 16px;}
.nav h1{ font-size:15px; font-weight:normal; text-align:center; color:#666;}
.nav h2{ font-size:10px; color:#999;text-align:center; margin:0 10px 16px; border-bottom:1px solid #efefef; padding:8px 0 16px; font-weight:normal;}
.nav ul{overflow:hidden; padding:0 2%; }
.nav ul li{ float:left;text-align:center;width:32%; margin-right:2%;}
.nav ul li:nth-child(3){ margin-right:0;}
.nav ul li a{ display:block; color:#2c2c2c; font-size:14px; position:relative;}
.nav ul li a img{ display:block;}
.nav ul li a p{ text-align:center; color:#666666; line-height:26px;}
/*.nav ul{overflow:hidden; height:43px; line-height:43px}
.nav ul li{ float:left;text-align:center;width:25%;}
.nav ul li a{ display:block; color:#2c2c2c; font-size:14px; position:relative; height:43px; line-height:43px}
.nav ul li a::after{content: "";display: block;width: 1px;height: 24px;background: #dadada;position: absolute;right: -1px;top: 9px; color:#c8c8c8}*/

.act{ margin-bottom:10px; padding:0 8px;}

/*product*/
.article{ background:#ffffff; padding-bottom:0px;margin-top:0px;}
.article .art_top{ text-align:center; padding:20px 0;color:#585858;}
.article .art_top h1{ font-size:14px; font-weight:normal; letter-spacing:2px;}
.article .art_top p{ font-size:10px; margin-top:6px; letter-spacing:1px}


.art_list{padding:0 10px;}
.art_list ul{overflow:hidden;}
.art_list li{ margin-bottom:10px;}
.art_list li a{display:block; color:#2c2c2c; font-size:13px; position:relative;}
.timer {position: absolute;right: 0;top: 10px;font-size: 11px;background: rgba(0, 0, 0, 0.5);color: #fff;padding: 5px 8px;-webkit-border-radius: 20px 0 0 20px;border-radius: 20px 0 0 20px;}
.art_list li a img{display:block;}
.art_list li a .art_lt{ height:36px; line-height:36px; background:#e9e9e9 url('cam.png') no-repeat right center; background-size:30px}
.art_list li a .art_lt p{ padding-left:10px; color:#444;}
.art_nore{padding:0 10px; text-align:center; margin:10px 0;}
.art_nore a{ display:block; background:#f2f2f2; border:1px solid #dfdfdf; color:#555; height:46px; line-height:46px; font-size:15px; border-radius:2px; letter-spacing:1px;}


.art_list4{padding:0 10px;}
.art_list4 ul{overflow:hidden;}
.art_list4 li{ margin-bottom:10px;width:50%;float:left;}
.art_list4 li img{ width:96%;}
.art_list4 li a{display:block; color:#2c2c2c; font-size:13px; position:relative;}

.homegd{padding: 0 10px;}
.homegda{display:block; color:#2c2c2c; font-size:13px; position:relative;}
.timer {position: absolute;right: 0;top: 10px;font-size: 11px;background: rgba(0, 0, 0, 0.5);color: #fff;padding: 5px 8px;-webkit-border-radius: 20px 0 0 20px;border-radius: 20px 0 0 20px;}
.homegd a img{display:block;}
.homegd a .art_lt{ height:36px; line-height:36px; background:#e9e9e9 url('cam.png') no-repeat right center; background-size:30px}
.homegd a .art_lt p{ padding-left:10px; color:#444;}

/*footer*/
.footer { background: #141414; padding: 15px 0 70px; text-align: center; color: #d8d8d8; }
.footer a { color: #d8d8d8; }
.footer .tel { font-size: 1rem; }
.footer .tel .tela { font-size: 1.25rem; color: #fff;FONT-FAMILY: Arial; }
.footer .ico { margin: 20px 0; }
.footer .ico img { display: inline-block; width: 20%; margin: 0 6px; }
.footer .copy { font-size: 1rem; }


/*actives*/
.alist{ padding:8px; margin-bottom:80px;}
.alist ul{ overflow:hidden;}
.alist ul li{ padding:8px; background:#fff;  margin-bottom:10px;}
.alist ul li a{ display:block; color:#333; font-size:12px;}
.alist ul li list_pic{ margin-bottom:10px;}
.alist ul li .list_tit {font-size: 14px;color: #474f5f;line-height: 40px;background: url('icon_public.png') no-repeat right center;}
.alist ul li .list_text{color: #828282;line-height: 18px;border-top: 1px solid #e8e8e8;padding: 8px 0 0;}
.team_top{padding:10px 10px 0;}
.team_top img{max-width:100%; }
.incon { line-height: 28px; font-size: 13px; padding:0 8px; margin:26px 0 90px;color:#666;}
.incon p {  }
.incon p a {  }
.tabBox .bd .divisionlist {}
.tabBox .bd .divisionlist li { width: 100%; text-align: left; overflow: hidden; margin-bottom: 00px;background: url('index_36.gif') no-repeat 5px 15px;padding-left:15px;height:30px;}
.tabBox .bd .divisionlist li a { display: block; color: #333; height:30px;line-height:30px;}
.tabBox .bd .divisionlist li .img { width: 120px; height: 90px; float: left; margin-right: 10px; }
.tabBox .bd .divisionlist li .img img { width: 120px; display: block; }
.tabBox .bd .divisionlist li h3 { font-size: 1rem; font-weight: bold;height:30px;line-height:30px;}
.tabBox .bd .divisionlist li span.sp { font-size: .75rem; color: #666; display: block; margin-bottom: 5px; margin-top: 5px; }
.tabBox .bd .incon .divisionlist li p { font-size: .75rem; color: #333; line-height: 22px; height: 66px; overflow: hidden; margin: 0; }
.tabBox .bd .divisionlist li span.btn { font-size: .75rem; color: #fff; line-height: 22px; background: #484848; display: block; float: left; padding: 0 20px; margin-top: 5px; }

.new_tit{padding:10px 8px 0;}
.new_tit img{width:100%; display:block;}

.tabBox{ margin:0px auto 0px;}
.tabBox .hd{ height:40px; line-height:40px; font-size:14px; overflow:hidden; background:#eee; border-top:2px solid #f13e3f;  padding-left:2px; margin-bottom:16px; }
.tabBox .hd ul{ overflow:hidden;}
.tabBox .hd ul li{ float:left;  width:20%; vertical-align:top; margin-right:0px;  text-align:center }
.tabBox .hd ul li a{ color:#333;}
.tabBox .hd ul li.on a{color:#ff0000;}



.tabBox1.bd .divisionlist {}
.tabBox1.bd .divisionlist li { width: 100%; text-align: left; overflow: hidden; margin-bottom: 10px; }
.tabBox1.bd .divisionlist li a { display: block; color: #333; }
.tabBox1.bd .divisionlist li .img { width: 120px; height: 120px; float: left; margin-right: 10px; }
.tabBox1.bd .divisionlist li .img img { width: 120px; display: block; }
.tabBox1.bd .divisionlist li h3 { font-size: 1rem; font-weight: bold; }
.tabBox1.bd .divisionlist li span.sp { font-size: .75rem; color: #666; display: block; margin-bottom: 5px; margin-top: 5px; }
.tabBox1.bd .incon .divisionlist li p { font-size: .75rem; color: #333; line-height: 22px; height: 66px; overflow: hidden; margin: 0; }
.tabBox1.bd .divisionlist li span.btn { font-size: .75rem; color: #fff; line-height: 22px; background: #484848; display: block; float: left; padding: 0 20px; margin-top: 5px; }


.tabBox .hd1{ height:40px; line-height:40px; font-size:14px; overflow:hidden; background:#eee; border-top:2px solid #f13e3f;border-bottom:1px dashed #ddd;;  padding-left:2px; margin-bottom:0px; }
.tabBox .hd1 ul{ overflow:hidden;}
.tabBox .hd1 ul li{ float:left;  width:25%; vertical-align:top; margin-right:0px; text-align:center }
.tabBox .hd1 ul li a{ color:#333;}
.tabBox .hd1 ul li.on a{color:#ff0000;}

.tabBox .hd11{ height:40px; line-height:40px; font-size:14px; overflow:hidden; background:#eee; border-top:2px solid #f13e3f;border-bottom:1px dashed #ddd;;  padding-left:2px; margin-bottom:0px; }
.tabBox .hd11 ul{ overflow:hidden;}
.tabBox .hd11 ul li{ float:left;  width:50%; vertical-align:top; margin-right:0px; text-align:center }
.tabBox .hd11 ul li a{ color:#333;}
.tabBox .hd11 ul li.on a{color:#ff0000;}


.tabBox .hd13{ height:40px; line-height:40px; font-size:14px; overflow:hidden; background:#eee;border-bottom:1px dashed #ddd;;  padding-left:2px; margin-bottom:0px; }
.tabBox .hd13 ul{ overflow:hidden;}
.tabBox .hd13 ul li{ float:left;  width:33%; vertical-align:top; margin-right:0px; text-align:left;padding-left:10px; }
.tabBox .hd13 ul li a{ color:#333;}
.tabBox .hd13 ul li.on a{color:#ff0000;}


.tabBox1{ margin:10px auto 10px;}
.tabBox1 .hd1{ height:40px; line-height:40px; font-size:14px; overflow:hidden; background:#eee; border-top:2px solid #f13e3f;border-bottom:1px dashed #ddd;;  padding-left:2px; margin-bottom:0px; }
.tabBox1 .hd1 ul{ overflow:hidden;}
.tabBox1 .hd1 ul li{ float:left;  width:33%; vertical-align:top; margin-right:0px; text-align:center }
.tabBox1 .hd1 ul li a{ color:#333;}
.tabBox1 .hd1 ul li.on a{color:#ff0000;}


.tabBox1 .bd ul{ padding:10px; }
.tabBox1 .con{ }
.tabBox1 .con .nt{ padding:0 12px;}
.tabBox1 .con .nt h1{ font-size:16px; margin-bottom:16px;padding-top:16px;text-align:center}
.tabBox1 .con .newcon{ font-size:13px; color:#555;line-height:26px;}
.tabBox1 .bd .newdate{ float:left; background:#999; color:#fff; width:62px; height:62px; text-align:center; margin-right:10px; position:relative;}
.tabBox1 .bd .newdate h1{ font-size:16px; border-bottom:1px dashed #efefef; line-height:30px }
.tabBox1 .bd .newdate p{ font-size:14px; line-height:33px;overflow:hidden;}
.tabBox1 .bd ul li{ border-bottom:1px dotted #ddd; margin-bottom:18px; padding-bottom:18px; overflow:hidden;}
.tabBox1 .bd ul li:last-child{ border-bottom:none;}
.tabBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); color:#666; font-size:12px;}  /* 去掉链接触摸高亮 */
.tabBox1 .bd h2{ font-size:14px; color:#333; margin-bottom:10px;}
.tabBox1 .bd li p{ line-height:18px; }


.tabBox .hd2{ height:40px; line-height:40px; font-size:14px; overflow:hidden; background:#eee; border-top:2px solid #f13e3f;border-bottom:1px dashed #ddd;;  padding-left:2px; margin-bottom:0px; }
.tabBox .hd2 ul{ overflow:hidden;}
.tabBox .hd2 ul li{ float:left;  width:50%; vertical-align:top; margin-right:0px; text-align:center }
.tabBox .hd2 ul li a{ color:#333;}
.tabBox .hd2 ul li.on a{color:#ff0000;}

.tabBox .hd3{ height:40px; line-height:40px; font-size:14px; overflow:hidden; background:#eee; border-top:2px solid #f13e3f;border-bottom:1px dashed #ddd;;  padding-left:2px; margin-bottom:0px; }
.tabBox .hd3 ul{ overflow:hidden;}
.tabBox .hd3 ul li{ float:left;  width:20%; vertical-align:top; margin-right:0px; text-align:center }
.tabBox .hd3 ul li a{ color:#333;}
.tabBox .hd3 ul li.on a{color:#ff0000;}


.propic{padding:0px 8px 10px;}
.propic img{width:100%; display:block;}

.tabBox .bd ul{ padding:0 10px; }
.tabBox .con{ }
.tabBox .con .nt{ padding:0 12px;}
.tabBox .con .nt h1{ font-size:16px; margin-bottom:16px;padding-top:16px;text-align:center}
.tabBox .con .newcon{ font-size:13px; color:#555;line-height:26px;}
.tabBox .bd .newdate{ float:left; background:#999; color:#fff; width:62px; height:62px; text-align:center; margin-right:10px; position:relative;}
.tabBox .bd .newdate h1{ font-size:16px; border-bottom:1px dashed #efefef; line-height:30px }
.tabBox .bd .newdate p{ font-size:14px; line-height:33px;overflow:hidden;}
.tabBox .bd ul li{ border-bottom:1px dotted #ddd; margin-bottom:0px; padding:5px 0; overflow:hidden;}
.tabBox .bd ul li:last-child{ border-bottom:none;}
.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); color:#666; font-size:12px;}  /* 去掉链接触摸高亮 */
.tabBox .bd h2{ font-size:14px; color:#333; margin-bottom:10px;}
.tabBox .bd li p{ line-height:18px; }
.newp{ float:left; width:25%; margin-right:10px;}



.casel{ padding:0 10px;}
.focus{ width:100%;margin:20px auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:8px; text-align:right;  }
.focus .hd ul{ display:inline-block; height:8px; padding:3px 5px;font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#412314;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ background:url(images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.casetype{ margin:30px 0 70px; padding:0 10px;}
.casetype ul{overflow:hidden;}
.casetype ul li{ float:left; width:31%; margin-right:2.5%; margin-bottom:16px; border:1px dashed #ddd; text-align:center;}
.casetype ul li:nth-child(3),.casetype ul li:nth-child(6){ margin-right:0;}
.casetype ul li a{ display:block; color:#333; font-size:14px; padding:12px 0;white-space: nowrap;overflow:hidden;}
.casetype ul li span{ display:block; font-size:10px; color:#aaa; margin :6px 10px 0; overflow:hidden;white-space: nowrap;}
.casetype ul .on{background:#333; border:1px solid #333;}
.casetype ul .on a{ color:#fff;}

.homemes{ margin-bottom:20px; text-align:center; padding:0px 0 0;margin-top:-20px;}
.homemes h2{ font-size:17px; margin-top:14px; color:#de5c63;}
.homemes p{ font-size:13px; color:#666; line-height:28px; margin-top:6px; letter-spacing:1px;}
.homemes .lf_click{ background:#DA0027; height:26px; line-height:26px; width:120px; border-radius:20px; color:#fff; padding:3px 8px; font-size:14px; display:block; margin:10px auto 16px;}
.homemes {}

.teamli p{ font-size:13px; line-height:26px;}
.picScroll{ margin:16px auto 0; text-align:center;  }
.picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }
.picScroll .bd li{ width:48%; float:left; font-size:14px; text-align:center; margin-right:4%; margin-bottom:16px;}
.picScroll .bd li:nth-child(2n){ margin-right:0;}
.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); color:#666; font-size:13px; line-height:23px /* 取消链接高亮 */ }
.picScroll .bd li img{background:#fff url('loading.gif') no-repeat center;  }
.picScroll .hd{ height:40px; line-height:40px; border-bottom:2px solid #f13e3f; background:#f6f6f6;   overflow:hidden; text-align:left;  padding:0 10px;  }
.picScroll .hd ul{ float:right; padding-top:16px;   }	
.picScroll .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.picScroll .hd .on{ background:#f13e3f;  }
.picScroll .prev,.picScroll .next{ display:block; float:right;  width:18px; height:18px; background:url('pisScrollIcons.gif') no-repeat -6px -7px; overflow:hidden; margin-left:5px; margin-right:5px; margin-top:11px; margin-bottom:0  }
.picScroll .next{ background-position:-34px -7px; }
.picScroll .prevStop{ background-position:-6px -40px; }
.picScroll .nextStop{ background-position:-34px -40px; }

.type{ background:#f2f2f2; padding:16px 10px 0; overflow:hidden; margin-top:0px}
.typel{ padding-bottom:12px; margin-bottom:0px; overflow:hidden; position:relative;}
.type p{ float:left; font-size:14px; color:#000; width:18%; line-height:26px}
.type .style{ float:left; overflow:hidden;width:77%;}
.type a{float:left; color:#666; font-size:12px; padding:6px 6px; margin-right:2px}

.type .on{background:#f13e3f; color:#fff}
.sclick{ position:absolute; right:-10px; top:-6px}
.sclick img{ width:25px;}

.casecon{ background:#fff; padding:0 10px; margin:20px 0 60px; font-size:13px; color:#555; line-height:26px;}
.caseinfo{ padding-bottom:16px;}
.chead{ line-height:14px; color:#666; font-size:13px; overflow:hidden; margin:16px 0;}
.chead p{ float:left;}
.chead p span{ margin-right:6px; border-right:1px dashed #666; padding-right:8px}
.chead a{ color:#f13e3F; display:block; float:right; padding:0 8px; border-right:1px solid #f13e3F; }
.J_show{ -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg)}
 
 
 
 

.toolbar { background: #fafafa; border-top: 1px solid #dedede; box-shadow: 0 0 10px #ccc; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 5; }
.toolbar .toolbar_ul { }
.toolbar .toolbar_ul li { width: 20%; float: left; text-align: center; }
.toolbar .toolbar_ul li a { display: block; color: #888; padding: 5px  0 2px; }
.toolbar .toolbar_ul li.on a { color: #da0027; }
.toolbar .toolbar_ul li a img { width: 34%; margin: 0 auto 2px; }
.toolbar .toolbar_ul li a span { display: block; font-size: .625rem; }
.toolbar .toolbar_ul li.more { position: relative; z-index: 3; }
.toolbar .toolbar_ul li.more a { padding-top: 4px; }
.toolbar .toolbar_ul li.more a img { width: 72%; margin: 0 auto; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.toolbar.on .toolbar_ul li.more a img { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.toolbar .toolbar_item { position: absolute; bottom: 20%; left: 0; }
/* .toolbar.on .toolbar_item { animation: tan .4s 0 linear; -webkit-animation: tan .4s 0 linear; } */
@keyframes tan {
	0% { transform: translateY(100%); }
	60% { transform: translateY(-20%); }
	100% { transform: translateY(0); }
}
@-webkit-keyframes tan {
	0% { -webkit-transform: translateY(100%); }
	60% { -webkit-transform: translateY(-20%); }
	100% { -webkit-transform: translateY(0); }
}
.toolbar .toolbar_iul { width: 90%; margin: 0 auto; }
.toolbar .toolbar_iul li { width: 33%; float: left; text-align: center; margin-bottom: 6% }
.toolbar .toolbar_iul li a { display: block; color: #888; font-size: .875rem; }
.toolbar .toolbar_iul li a img { width: 66%; margin: 0 auto 4px; }

.toolbar_cover { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fbfaf9 url('toolbar_morebg.jpg?2') no-repeat left bottom; z-index: 1 }
.toolbar_cover .toolbar_logo { margin-top: 12%; }
.toolbar_cover .toolbar_logo img { width: 100%; }
.toolbar_coverbar { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 2; }



.header .btnmenu { width: 20px; height: 20px; background: url('btn_menu.png') no-repeat 0 center; position: absolute;top:32px;right:10px;z-index:2;text-indent: -99999px;background-size: 20px;}

.btnmenu2 { width: 20px; height: 20px; background: url('btn_menu2.png') no-repeat 0 center; background-size: 20px; display: block; position: absolute; top: 15px; right: 15px; text-indent: -99999px}

.shadow { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 2; }
.btnnav { background: #000; height: 347px; width: 100%; position: fixed; top: -347px; left: 0; z-index: 3; /* -webkit-transition: all .2s ease-in; transition: all .2s ease-in; */ }
/* .btnnav.on { top: 0; } */
.btnnav .bao{ position: absolute; bottom: 0; left: 0; width: 100%; }
.btnnav ul { padding: 15px; }
.btnnav ul li { line-height: 40px; height: 40px; border-bottom: 1px solid #222; padding: 10px 0; }
.btnnav ul li:nth-child(1) { -webkit-transition: all .6s ease-in; transition: all .6s ease-in; }
.btnnav ul li:nth-child(2) { -webkit-transition: all .5s ease-in; transition: all .5s ease-in; }
.btnnav ul li:nth-child(3) { -webkit-transition: all .4s ease-in; transition: all .4s ease-in; }
.btnnav ul li:nth-child(4) { -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.btnnav ul li:nth-child(5) { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.btnnav ul li:nth-child(6) { -webkit-transition: all .1s ease-in; transition: all .1s ease-in; }
.btnnav ul li:nth-child(7) { -webkit-transition: all 0s ease-in; transition: all 0s ease-in; }
.btnnav.on ul li { padding: 0 0; }
.btnnav ul li.close { height: 30px; }
.btnnav ul li a { color: #fff; font-size: .875rem; }
.btnnav ul li a.btn_up { text-indent: -99999px; width: 20px; height: 20px; background: url('btn_menu2.png') no-repeat 0 center; background-size: 20px; display: block; float: right }