@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
/* 设置默认字体 */
body,button, input, select, textarea { font-family:"Microsoft Yahei" ;color: #666;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 全局 */
*{transition:background-color ease .3s;-moz-transition:background-color ease .3s;-webkit-transition:background-color ease .3s;-o-transition:background-color ease .3s}
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-align:justify;text-justify:inter-ideograph;}
/* 浏览器滚动轴修改 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0;}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}
input,textarea{-webkit-user-select:text}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}
/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
/*清除浮动*/
.clear{clear: both;height: 0;}
/* -- 页面整体布局 -- */
.header , .content , .footer , .nav { width:1200px; margin:0 auto;  }



/*分页样式*/
.pglist{padding: 25px 0;float:left;width:100%;line-height: 34px;text-align: center; font-size: 14px}
.pglist a {color: #333333;padding: 0 10px;margin:0 5px;font-/weight: bold;background: #fff;border: 1px solid #dcdcdc;}
.pglist *{display:inline-block;_zoom:1;_display:inline;vertical-align:middle;line-height: 28px;height: 28px;padding-bottom:1px;border-radius: 2px;-webkit-border-radius: 2px;}
.pglist .hover {display:inline-block;color: #fff;background: #F36303;}
.pglist a:hover {display:inline-block;color: #fff;background: #F36303;}

/*顶部*/
.hs_head{ margin: 30px auto; height: 65px}
.hs_head .logo{ border-right: 1px solid #efefef; padding-right: 10px }
.hs_head .mid{ padding:0 0 0 10px; }
.hs_head .mid h2{color: #018790; font-weight: bold; font-size: 20px; line-height: 40px}
.hs_head .mid h3{color: #333;  font-size: 18px}
.hs_head .pho{background: url(../images/pho.png); background-position: 0 5px; background-repeat: no-repeat;  width: 225px; padding: 0 0 0 60px; height: 65px; font-size:16px; font-weight: bold;}
.hs_head .pho i{ font-size:30px; display: block; color: #018790; font-weight: bold; }

/*nav*/
.nav{ height: 60px; background: #018790; z-index: 2;}
.nav ul{ text-align:center; display: table; }
.nav li{ display: table-cell; vertical-align: middle; }
.nav li:after{content: '';  width:1px; height:15px; position: relative; top: 2px; background: #fff; display: inline-block;}
.nav li:last-child:after{ width:0; }
.nav li a{ padding:  0 42px; color: #fff; line-height: 60px;}

/*banner*/
.slideBox{position:relative;display:block;width:100%;height:570px;overflow:hidden; margin-top:-20px; z-index: 1}
.slideBox .bd img{display:block;margin:0 auto;height:570px;}
.slideBox .prev{display:none;position:absolute;padding:0;left: 50%;margin-left: -595px;top: 60%;margin-top: -73px;width: 38px;height: 73px;background: url(../images/next_bg_09.png) no-repeat left center;background-position: 0 0;}
.slideBox .next{display:none;position:absolute;padding:0;right: 50%;margin-right: -595px;top: 60%;margin-top: -73px;width: 38px;height: 73px;background: url(../images/next_bg_09.png) no-repeat left center;background-position: right center;}
.slideBox .hd{position:relative;top: -10px;z-index:1;}
.slideBox .hd ul{text-align:center;margin-top: -25px;}
.slideBox .hd ul li{width:50px;height: 12px;display:inline-block;margin: 0 3px;cursor:pointer;background: #fff;}
.slideBox .hd ul li.on{background: #098992;}


/*公用TITLE*/
.hs_tit{ width:505px; margin: 0 auto; text-align:center; padding: 40px 0 }
.hs_tit span{ font-size: 32px; font-weight: bold; color: #018790; padding: 0 20px; background: #fff; z-index: 1;position: relative;}
.hs_tit i{ font-size:16px; line-height: 35px; font-style: inherit; display: block;color: #999 }
.hs_tit .x1{ height: 1px; width:100%; position: relative; background:#efefef; top: 25px; z-index: 1}
.hs_tit .x2{ height: 5px; width:50%; position: relative; background:#fdb812; margin: 0 auto; position: relative; top: -3px}

.hs_tit1{ width:805px; margin: 0 auto; text-align:center; padding: 0 0 40px}
.hs_tit1 span{ font-size: 32px; font-weight: bold; color: #018790; padding: 0 20px; background: #fff; z-index: 1;position: relative;}
.hs_tit1 strong{ font-size:60px; color: #fdb812; font-style: italic; }
.hs_tit1 i{ font-size:16px; line-height: 35px; font-style: inherit; display: block;color: #999 }
.hs_tit1 .x1{ height: 1px; width:100%; position: relative; background:#efefef; top: 55px; z-index: 1}
.hs_tit1 .x2{ height: 5px; width:72%; position: relative; background:#fdb812; margin: 0 auto; position: relative; top: -3px}


/*底部*/
.hs_foot{ background: #018790; width:100%; height: 300px; }
.hs_foot .fl{ width:350px; background: #fff; text-align: center; height: 300px; display: table }
.hs_foot .fl h2{ display: table-cell; vertical-align: middle; }

.hs_foot .fr{ width:800px; padding: 10px 25px }
.hs_foot .fr .f_nav{ border-bottom: 1px solid #fff; text-align: center; width:100%;}
.hs_foot .fr .f_nav a{ padding:  0 18px; color: #fff; font-size:14px; line-height: 50px }
.hs_foot .fr .f_bot .left { float:left; width:60%; }
.hs_foot .fr .f_bot .left {text-align: left;  background:url(../images/foot_ico.png) left no-repeat;  padding: 0 0 0 35px; background-position:0 10px; margin: 30px 0 0 0}
.hs_foot .fr .f_bot .left p{ line-height: 30px; color: #fff; font-size: 14px }


.hs_foot .fr .f_bot .right { float:right; width:16%; background: #fff; border-radius: 5px; padding: 10px; font-size: 14px; margin: 30px 0 0 0}
.hs_foot .fr .f_bot .right img{ width:100%; }

.hs_banquan{ background: #f5f5f5; width:100%; height: 50px;  color: #999999; line-height: 50px; text-align: center; font-size:14px;}
.hs_banquan a{ color: #999 }

/* 浮动工具 */
.c-tools {position: fixed;z-index: 9999;text-align: center;right: 0;bottom: 50%;margin-bottom: -144px;}
.c-tools ul li {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;cursor: pointer;position: relative;width: 62px;height: 62px;margin: 1px;background: #333 url(../images/tools-ico.png) no-repeat;}
.c-tools ul li:hover {background-color: #fdb812;}
.c-tools ul li span {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;display: none;position: absolute;right: 63px;width: 135px;padding: 0 10px;background: #ff9601;color: #ffffff;}
.c-tools ul li .ewmPic {width: 168px;}
.c-tools ul li .ewmPic img {display: block;margin-top: 10px;padding-bottom: 10px;width: 168px;height: 168px;}
.c-tools ul .tel-ico {background-position: center -22px;}
.c-tools ul .tel-ico span{}
.c-tools ul .ewm-ico {background-position: center 21px;}
.c-tools ul .qq-ico {background-position: center -69px;}
.c-tools ul .top-ico {background-position: center -115px;}