@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
caption, tfoot, thead,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*================================================== */
body {
	font-size:14px; margin:0px;padding:0px; color:#000;
	background:url(../images/bg.jpg) left top repeat-x #fff; font-family:"微软雅黑";
}
/* 把所有元素的内边距和边框不再会增加它的宽度 */
*, *:after, *:before {-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
a{ text-decoration:none; cursor:pointer; color:#333; }
a:hover{ color:#FF6600; text-decoration:none;}
.linethrough{ text-decoration:line-through;}
.border-radius5{ -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; }
.bcenter{ width:1200px; margin:0 auto; }
.disp-block{ display:block; }
.disp-none{ display:none; }
.fl{ float:left; }
.fr{ float:right; }
.blank5{ float:left; width:100%; height:5px; line-height:5px; margin:0 auto; }
.blank10{ float:left; width:100%; height:10px; line-height:10px; margin:0 auto; }
.blank15{ float:left; width:100%; height:15px; line-height:15px; margin:0 auto; }
.blank20{ float:left; width:100%; height:20px; line-height:20px; margin:0 auto; }
/***************************************************************************/
.toparea { width:100%; height:103px; margin:0px auto; text-align:center; position:relative;}
.toparea .quick{ height:30px; line-height:30px;  color:#fff; position: relative; }
.toparea .quick a{ color:#fff; }
.toparea .quick a:hover{ color:#FF6600; }
.toparea .logo{ width:100%; height:72px; padding:15px 0; display:block; }

.toparea .lan{ float:right; position:absolute; top:0px; right:0;}
.toparea .lan li{ float:left; padding:0 5px; }
.toparea .lan li a{ float:left; color:#fff; }
.toparea .lan li a:hover{ color:#FF6600; }

/*主导航纵向	开始****************************************************************************/
.main-nav{ width:100%; width:1080px; margin:0px auto; height:40px; text-align:Center; padding:0 0 0 120px; }
.main-nav ul{ float:left; margin:0 0 0 0px; }
.main-nav ul li{ float:left; width:150px; position:relative; z-index:10000; text-align:center; }
.main-nav ul li h3{ float:left; }
.main-nav ul li.haschild h3{ background:url(../images/iso.png) right 23px no-repeat; }
.main-nav ul li.haschild h3.hover{ background:url(../images/iso-hover.png) right 23px no-repeat; }
.main-nav ul li h3 a{ float:left; padding:0 15px; line-height:50px; text-align:center; font-size:15px; }
.main-nav ul li h3 a:hover{ color:#666; background:url(../images/child.png) center bottom no-repeat; }
.main-nav ul li h3 a.navhover{ color:#666; background:url(../images/child.png) center bottom no-repeat; }
/*二级*/
.main-nav ul li ul{ width:200px; position:absolute; padding:5px; z-index:10001; left:-35px; top:50px; background:url(../images/child.png) center top no-repeat #666666; display:none; }
.main-nav ul li ul li{ float:left; height:auto; position:relative; z-index:10002; background:none; }
.main-nav ul li ul li h3{ float:left; padding:0px; }
.main-nav ul li ul li a{
	float:left;  width:190px; color:#fff; text-align:center; line-height:38px; font-size:13px; background:none; padding:0px;font-weight:normal;
	border-bottom:1px solid #7a7979;
}
.main-nav ul li ul li a:hover{ color:#fff; background:#333; }
.main-nav ul li ul li a.onsclect{ color:#fff; background:#333; }
.main-nav ul li ul li a.navhover{ color:#fff; background:#333; }
/*二级以后*/
.main-nav ul li ul li ul{ width:200px; position:absolute; border:1px solid #fab054; z-index:10003; left:190px; top:0px; background:#d37602; z-index:100000; padding:0px; display:none; }

/*换灯片*/
.fullSlide{ width:100%;position:relative;top:0px; height:500px; background:#fff; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul{width:100% !important; }
.fullSlide .bd li{ width:100% !important; height:500px;overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block;height:500px; }
.fullSlide .bd li a span{ display:none;}
.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center;}
.fullSlide .hd ul li{
	float:none; cursor:pointer; display:inline-block; *display:inline; z-index:2; width:20px; height:20px; margin:2px; overflow:hidden;
	background:url(../images/pagination2.png) left 0px no-repeat; line-height:9999px;
}
.fullSlide .hd ul .on{ background:url(../images/pagination2.png) left -20px no-repeat; }
.fullSlide .prev,
.fullSlide .next{
	display:block;position:absolute; z-index:1; top:50%; margin-top:-30px; left:0; z-index:1;width:40px; height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50);opacity:0.5;display:none;
}
.fullSlide .next{ left:auto; right:0; background-position:-6px -137px; }


/**/
.aboutus{ width:1200px; margin:20px auto 0; padding:0 0px; }
.aboutus h2{ float:left;width: 100%; margin:20px auto 0; font-size:30px; text-align:center; height:50px; line-height:50px;text-transform: uppercase; }
.aboutus h3{float:left; width: 100%; margin:0 auto; font-size:16px; text-align:center; line-height:30px; }
.aboutus p{ float:left;width: 100%; margin:0 auto; font-size:14px; text-align:center; line-height:26px; color:#9d9d9d; }

.goodsarea{ width:1200px; margin:20px auto; padding:0 0px; }
.goodsarea h2{ width: 100%; margin:0 auto; text-align:center; background:url(../images/tiao.jpg) center bottom no-repeat; }
.goodsarea h2 span{ font-size:28px; height:60px; line-height:60px; }
.goodsarea ul{ width:100%; margin-top:10px; text-align: center; }
.goodsarea ul li{ display: inline-block; width:48%; margin:10px 6px 10px; position:relative; height:300px; z-index:1; overflow:hidden; cursor:pointer; border:1px solid #ddd; }
.goodsarea ul li .img{ display: inline-block; width:100%; height:100%; }
.goodsarea ul li .img img{ float:left; width:100%; height:100%; }
.goodsarea ul li .txt{ float:left; position:absolute; top:155px; width:100%; height:100%; padding:10px 20px; background:url(../images/goodsbg.png) repeat; color:#fff; }
.goodsarea ul li .txt h3{ float:left; width:100%; line-height:30px; text-align:Center; font-size:16px; }
.goodsarea ul li .txt span{ float:left; width:100%;  line-height:24px; font-size:12px; text-align: left; }
.goodsarea ul li .txt a{ float:right; margin-top:10px; width:100px; height:30px; line-height:30px; text-align:Center; background:#fff; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; }
.goodsarea ul li .txt a:hover{  background:#ddd; color:#e46713; -moz-border-radius:5px; }

/**/
.cooper{ width:1200px; margin:0px auto; padding:0 0px; }
.cooper h1{ width: 100%; margin:0 auto; text-align:center; background:url(../images/tiao.jpg) center bottom no-repeat; }
.cooper h1 span{ font-size:28px; height:60px; line-height:60px; }
.cooper h2{ width: 100%; margin:0 auto; text-align:center; background:url(../images/tiao.jpg) center bottom no-repeat; }
.cooper h2 span{ font-size:28px; height:60px; line-height:60px; }
.cooper ul{ width:100%; margin-top:0px; text-align: center; }
.cooper ul li{ float:left; width:18%; margin:15px 10px 0px; position:relative; height:70px; z-index:1; overflow:hidden; cursor:pointer; border:1px solid #ddd; }
.cooper ul li .img{ float:left; width:100%; height:100%; }
.cooper ul li .img img{ float:left; width:100%; height:100%; }
.cooper ul li .txt{ float:left; position:absolute; bottom:0px; width:100%; padding:0px 0px; background:url(../images/goodsbg.png) repeat; color:#fff; }
.cooper ul li .txt a{ float:left; width:100%; line-height:30px; text-align:Center; color:#fff; }
.cooper ul li .txt a:hover{  background:#ddd; color:#e46713; -moz-border-radius:5px; }

/**/
.shili{ width:1200px; margin:0 auto; }
.shili p{ float:left; width: 100%; margin:20px 0 0; padding-left:60px; font-size:14px; text-align:left; line-height:24px; background:url(../images/tip.jpg) left 10px no-repeat; }

/**/
.picScroll{ margin:0px auto;  position:relative; z-index:10; width:1200px; height:280px; padding-top:60px; background:#fff; overflow:hidden; }
.picScroll .prev,.picScroll .next{ display:block; position:absolute; z-index:20; top:0px; right:50px; width:46px; height:50px; background:url(../images/btns.jpg) no-repeat; }
.picScroll .next{ left:auto; right:0px; background-position:-53px 0; }
.picScroll .prev:hover{ background-position:0 -50px; }
.picScroll .next:hover{ background-position:-53px -50px; }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; width:350px; height:220px; position:relative; z-index:30; overflow:hidden; margin:0px 2px; }
.picScroll ul li img{ width:100%; height:100%; padding:1px; border:1px solid #ddd; display:block; background:url(../images/loading.gif) center center no-repeat; }
.picScroll ul li span{
	position:absolute; padding:0 10px; height:35px; line-height:35px; text-align:center; right:2px; bottom:2px; z-index:40; background:#f0f0f0;
}
.picScroll ul li a:hover span{ background:#FF8D00; color:#fff; }

#scroll-cooper{ height:130px; padding-top:30px; }
#scroll-cooper ul li{ width:240px; height:100px; }

/*footer*/
.footer{ width:100%; margin:50px auto 0; background:#464A56; border-top:2px solid #E46713; }
.footer .quickcate{ float:left; width:1200px; padding:20px 0 20px; color:#fff; }
.footer .quickcate dl{ float:left; padding:0 50px 0 60px; color:#fff; background:url(../images/f_spli.jpg) right top no-repeat; }
.footer .quickcate dl dt{ display:block; font-size:16px; font-weight:bold; height:40px; line-height:40px; }
.footer .quickcate dl dd{ display:block; padding:3px 0; line-height:24px; padding-left:25px; }
.footer .quickcate dl dd.tel{ background:url(../images/c_tel.png) left 5px no-repeat; background-size:20px 20px; }
.footer .quickcate dl dd.mail{ background:url(../images/c_mail.png) left 7px no-repeat; background-size:20px 20px; }
.footer .quickcate dl dd.whatsapp{ background:url(../images/c_whatsapp.png) left 5px no-repeat; background-size:20px 20px; }
.footer .quickcate dl dd.add{ background:url(../images/c_add.png) left 5px no-repeat; background-size:20px 20px; }

.footer .quickcate dl ul li a{ float:left; }
.footer .quickcate dl ul li a{ float:left; width:100%; height:30px; line-height:30px; color:#fff;}
.footer .quickcate dl ul li a:hover{ color:#FF8D00;}
.footer .quickcate dl ul li ul{ float:left; display:none; }
/*
.footer dl.quick1{ width:180px; padding:0 0px 0 20px;}
.footer dl.quick1 dt{ width:180px; }
.footer dl.quick1 ul li a{ width:180px; }
*/
.footer dl.quick2{ width:450px; padding:0 20px 0 0px;}
.footer dl.quick2 dt{ width:260px; }
.footer dl.quick2 ul li a{ width:260px; }

.footer dl.quick3{ width:450px; }
.footer dl.quick3 dt{ width:350px; }
.footer dl.quick3 ul li a{ float:left; width:300px; padding:0 23px; height:40px; line-height:40px; background:url(../images/c_round.png) left 12px no-repeat; background-size:15px 15px; }

.footer .quickcate .map{ float:right; width:260px; padding: 0 0 0 0px; }
.footer .quickcate .map h4{ float:left; width:260px; font-size:16px; font-weight:bold; height:40px; line-height:40px; }
.footer .quickcate .map h4 span{ float:left; width:260px; font-size:10px; height:20px; line-height:20px; color:#f0f0f0; font-family:"微软雅黑"; text-transform:uppercase;  }
.footer .quickcate .map a{ float:left; width:260px; padding-top:20px; }

.copyright{ width:100%; margin:0px auto 0; background:#464A56; border-top:1px solid #8D8E93; }
.copyright p{ float:left; width:1200px; padding:20px 0 20px 20px; color:#fff; line-height:24px; }
.copyright a{ color:#fff; }

/*内页主体*/
.sub_banner{ width:100%; margin:0px auto 0; }
.sub_banner img{ float:left; width:100%; }

/*当前位置*/
.sub_pos{ float:left; width:100%; padding:0px 10px; height:40px; background:#F2F2F2;  }
.sub_pos span{ float:left; padding:0 0px 0 0px; height:40px; line-height:40px; font-weight:bold; color:#D30708; font-size:20px;}
.sub_pos p{ float:right; height:40px; line-height:40px; font-size:12px; }

/*左侧*/
.sub_side{ float:left; width:240px; padding:10px 0 0 0px; }
.sub_treeview{ float:left; width:240px;; border-bottom:0; padding:0px; }
.sub_treeview .leftree{ float:left; width:100%; }
.sub_treeview .leftree h2{
	float:left; width:100%; height:40px; line-height:40px; padding-left:40px; font-size:16px; color:#fff;
	background:url(../images/iso_9.png) 10px 11px no-repeat #15387A;
}
.sub_treeview .leftree .con{ float:left; width:100%; background:#f0f0f0; padding-left:0px; }
/*左侧导航 开始************************************************************************/
.sub_treeview .subtree{ float:left; width:100%; padding:0px 0 0; }
.sub_treeview .subtree li{ float:left; width:100%; background:url(../images/left_bg_l1.png) no-repeat 10px 15px; border-top:1px dotted #ccc; }
.sub_treeview .subtree li a{float:left; width:100%; line-height:22px; margin:10px 0; padding:0 15px 0 30px; cursor:pointer; font-size:12px; } 
.sub_treeview .subtree li a:hover { background:url(../images/left_bg_arr.png) no-repeat 215px center; text-decoration:none; }
.sub_treeview .subtree li a.onsclect{ background:url(../images/left_bg_arr.png) no-repeat 215px center; color:#0759C7; }
/*二级*/
.sub_treeview .subtree li ul li{ background:url(../images/left_bg_l2.png) no-repeat 25px 10px; padding:0; }
.sub_treeview .subtree li ul li a{ padding:0 20px 0 40px; line-height:22px; font-size:12px; margin:5px 0; }
/*三级*/
.sub_treeview .subtree li ul li ul li a{ line-height:35px; padding-left:60px;background:url(../images/left_bg_lv.gif) no-repeat 0 -150px; color:#FF8D00; }
.sub_treeview .subtree li ul li ul li a:hover { background:url(../images/left_bg_lv.gif) no-repeat 0 -185px; text-decoration:none; }
.sub_treeview .subtree li ul li ul li a.onsclect{ background:url(../images/left_bg_lv.gif) no-repeat 0 -185px;}
/*左侧导航 结束************************************************************************/
.sub_treeview .lefcont{ float:left; width:100%; padding-top:20px; }
.sub_treeview .lefcont h2{
	float:left; width:100%; height:40px; line-height:40px; padding-left:40px; font-size:16px; color:#fff;
	background:url(../images/iso_9.png) 10px 11px no-repeat #15387A;
}
.sub_treeview .lefcont .con{ float:left; width:100%; background:#f0f0f0; padding-left:0px; }
.sub_treeview .lefcont .con p{ float:left; padding:10px 10px 0; line-height:30px; }

/*主体*/
.sub_content{ float:right; width:940px; padding:10px 0 0 0px; border-top:0; }
.sub_content span.title{
	float:left; width:100%; color:#15387A; font-size:16px; height:40px; line-height:40px; padding-left:20px;
	background:url(../images/iso_10.png) no-repeat 0px 12px; font-weight:bold;
}

/*内容主体*/
.sub_content .sub_main{ float:left; width:100%; margin:0px; padding:0px; }
.leavemessage{ float:left; width:100%; margin:0px 0; padding:0px;}
.leavemessage .custom { float:left; width: 100%; padding:0px 0; }
.pagelist_box{ float:right;}

/*以下这一段是显示部门和服务项目分组的内容的样式表*/
.lr_servkind_tr1 {}
.lr_servkind_tr2 {background-color: #e6e6e6;}
.lr_servkind_online {COLOR: red;}
.lr_servkind_away {COLOR: blue;}
.lr_servkind_busy {COLOR: purple;}
.lr_servkind_offline {COLOR: gray;}
.lr_servkind {margin-left:15px;font-size: 9pt;}