@charset "utf-8";
/*全局控制*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div,dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1,h2,h3,h4,h5,h6,
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p,blockquote,th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化
*/
table,td,tr,th{font-size:12px;}
caption,th {text-align:left;}
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
li{list-style-type:none;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-weight:normal; font-style:normal;}
del,ins{text-decoration:none;}
/** 重置文本格式元素 **/
a {color:#333;text-decoration:none;outline:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {color:#46b17d;text-decoration:none;}
a:active {color:#46b17d;}
/** 重置表单元素 **/
legend { color: #666; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/** 清除浮动 **/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body{background:#fff;font:14px/20px Microsoft Yahei,simsun,Tahoma,Arial,Helvetica,sans-serif; color:#000;}
input[type="text"],textarea{-webkit-appearance:none;}
input{_background:#fff;}
textarea{background:#fff;}
select{*background:#fff;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{ clear:both;}
.fl{float:left;}
.fr{float:right;}
.bl1 {clear:both; height:1px; overflow:hidden; display:block; background:#fff;}
.bl5 {clear:both; height:5px; overflow:hidden; display:block;}
.bl4 {clear:both; height:4px; overflow:hidden; display:block;}
.bl8 {clear:both; height:8px; overflow:hidden; display:block;background:#959593;width:1000px;margin:0 auto;}
.bl10 {clear:both; height:10px; overflow:hidden; display:block;}
.bl10b {clear:both; height:10px; overflow:hidden; display:block; background:#fff;}
.bl15 {clear:both; height:15px; overflow:hidden; display:block; background:#fff;margin:0px auto;}
.bl20 {clear:both; height:20px; overflow:hidden; display:block;}
.bl30 {clear:both; height:30px; overflow:hidden; display:block;}
.bl40 {clear:both; height:40px; overflow:hidden; display:block;}
.bl50 {clear:both; height:50px; overflow:hidden; display:block;}
.bl60 {clear:both; height:60px; overflow:hidden; display:block;}
.bl90 {clear:both; height:90px; overflow:hidden; display:block;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}
.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.pzr{ position: relative;}
.color-grey{color:gray;}
.pdt10{padding-top:10px;}
/********************* 以下(结束标识)代码请在实际开发中删除 *********************/
.wrap{width:1200px;margin:0 auto; text-align:left;}

/*头部区域*/
.header{width:1160px;height:100px;margin:0 auto;background:#fff;position:relative;z-index:1;}
.header .logo{width:236px;height:45px;float:left;margin:28px 0 0 0;}
.header .logo a{background:url(../img/logo.png) no-repeat;width:236px;height:45px; display:block;text-indent: -999em;}
.header .tel{ position: absolute;right:-190px;top:20px;background: url(../img/tel.gif) no-repeat 0 0;width:131px;height:25px;padding:30px 0 0 65px;color:#4ab984;font-size:18px;font-weight:bold;}
.navbg{ height:50px;float:right;margin:0 30px 0 0; position: relative;}
.nav{width:100%;margin:35px auto 0;}
.nav li{float:left;margin:0 15px;}
.nav li a{display:block;height:30px;padding:0px 10px; line-height:30px;text-align:center;font-size:16px;color:#333;}
.nav li p{ font-size:11px; font-weight:lighter}
.nav li a:hover, .nav li.on a{ background:#4ab984;text-decoration:none; border-radius:20px;color:#fff;}
.nav li a.on{}
.nav li a.on2{text-decoration:none;}
.nav li:hover.on{text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999;padding:16px 0 0 0;border-radius:10px;}
.nav li ul li{float:none;display:block;position:relative;line-height:20px;_display:inline;margin:0;}
.nav li ul li .s{position:absolute;top:0;left:140px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li.on ul li a{border-radius:0; background:rgba(74,185,132,0.9);color:#fff;}
.nav li ul li:first-child:before{content:''; position:absolute; top:-10px; left:50%; width:0; height:0; margin-left:-10px; border:10px solid transparent; border-top:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-bottom-color:rgba(74,185,132,0.9);;}
.nav li ul li:first-child a,.nav li ul li:first-child a:hover,.nav li.on ul li:first-child a,.nav li.on ul li:first-child a:hover{border-top-right-radius:10px;border-top-left-radius:10px;}
.nav li ul li:last-child a,.nav li ul li:last-child a:hover,.nav li.on ul li:last-child a,.nav li.on ul li:last-child a:hover{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
.nav li ul li a{display:block;width:85px;height:28px; line-height:28px; border-radius:0;padding:0px;background:rgba(74,185,132,0.9);text-align:center;font-weight:normal;font-size:14px;color:#fff;}
.nav li ul li a:hover{color:#fff700;background:rgba(74,185,132,0.9);border-radius:0px;}

.sbanner{height:300px; width:100%;margin:0 auto;clear:both;}
.abannert{background:url(../img/aboutt.png) no-repeat 0 0;color:#fff;font-size:24px;padding:25px 0 0 60px;height:25px;width:180px; position: relative;top:115px;}
.sbannert{background:url(../img/servert.png) no-repeat 0 0;}
.nbannert{background:url(../img/newst.png) no-repeat 0 0;}
.pbannert{background:url(../img/productts.png) no-repeat 0 0;}


.fbanner{height:70px; width:100%;margin:0 auto;clear:both;background:#f0f1f1;}
.fbannerb{height:70px; width:100%;margin:0 auto;clear:both; background:#fff;}
a.online{ border:1px solid #fff; background:url(../img/bi.png) no-repeat 10px center;width:75px;height:30px;display:block;padding:0 0 0 35px;line-height:30px;color:#fff;font-size:16px;}
a.online:hover{ background-color:rgba(255,255,255,0.3);}

/*内面导航*/
.snav{padding:0; background:url(../img/nav.gif);height:60px;}
.snav a{position:relative; display:inline-block;text-align:center; width:140px; height:60px; margin:0px;line-height:60px; color:#444; font-size:16px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.snav a:after{content:''; position:absolute; top:60px; left:50%; width:0; height:0; margin-left:-6px; border:6px solid transparent; border-bottom:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.snav a.act{background:#46b17d;color:#fff;}
.snav a.act:after{border-top-color:#46b17d;}

.fangwei{width:100%; background:url(../img/fangwei.png) no-repeat;height:427px; text-align: center;padding:40px 0 0 0;color:#fff;}
.fwlogo{width:150px;height:150px;background:url(../img/clogo.png) no-repeat;margin:0px auto;}
.fwform{width:500px;margin:0 auto;}
.fwform input{width:490px;height:50px;border-radius:5px;background-color:rgba(0,0,0,0.5);border:none;margin:30px auto;color:#fff;font-weight:bold;padding:0 0 0 10px;}
.fwform button{width:500px;height:50px;border-radius:5px;border:1px solid #4bb983;background-color:transparent;}
.fangwei p{line-height:40px;}
/*子页样式*/
.page{background:#f0f1f1;width:100%;padding:0 0 50px 0;}
.pcon{padding:24px 20px;background:#fff;width:1160px;}
.localhost{height:60px;line-height:60px;}
.localhost ul{background:url(../img/home.png) no-repeat center left;padding:0 0 0 20px;float:right;color:#999;}
.localhost a{color:#999;}.localhost a:hover{color:#666;}

.pcontit{color:#0057A4;font-size:30px;width:100%;padding:0 0 45px 0;}
.pconpic{float:right;margin:0px;width:400px;padding:10px 0 0 0;}
.pcontxt{float:left;font-size:16px;color:#666;line-height:36px;width:645px;padding:0;}

.ccontxt{float:left;font-size:14px;color:#666;line-height:26px;width:445px;padding:0;}
.ditu{float:right;border:1px solid #ccc;background: #fff;width:600px;}
.map-canvas{width:600px;height:400px;}

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list li{display:inline-block;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list .active span{color:#333;border:1px solid #ccc;background:#E5EDF2;text-align:center;padding:0 8px;margin:0 1px;display: inline-block;}


/*页脚区域*/
.footer{width:100%;background:#ebedec;padding:30px 0;color:#999;height:270px;clear:both;}
.fnav{float:left;width:745px;}
.fnav dl{float:left;width:140px;height:140px; overflow: hidden;}
.fnav dl dt{font-size:14px;}
.fnav dl dt a{color:#333;line-height:28px;height:28px;}
.fnav dl dd a{color:#999;line-height:28px;height:28px;}.fnav dl dd a:hover{color:#ccc;}
.fcontact{float:left;line-height:28px;}
.fcontact h3{font-size:14px;}
.fcontact h3 a{color:#333;line-height:28px;height:28px;}.fcontact h3 a:hover{color:#ccc;}

.fcontact .fx{ background:url(../img/fadd.png) no-repeat 0 center;padding:0 0 0 20px;}
.fcontact .tel{ background:url(../img/ftel.png) no-repeat 0 center;padding:0 0 0 20px;}
.post-next-prev a{color:gray;}
.post-next-prev a:hover{color:green;}
.fwx{float:right;}
.fwx p{text-align:center;height:36px;line-height:36px;color:#333}
.copy{width:100%;float:left;border-top:1px solid #ccc; height:26px;line-height:26px;color:#666;padding:30px 0;}
.copy a{color:#666;padding:0 2px 0;}
.copy a:hover{color:#333;}
.copy a.flogo{float:left;width:128px;height:26px;padding:0;margin:0 10px 0 0;display:block;background:url(../img/flogo.png) no-repeat center center; text-indent:-9999px;}

/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../img/icons.png) no-repeat 0 0;display:block;}
@media screen and (min-width: 600px) {
.lxhz{
	display: flex;align-items: center;
}
.gfgf{
	text-align: center;
	margin-left:  30px;
}

}
@media screen and (max-width: 600px) {
    .gfgf {
        display: none;
    }
}