/*
* @description: 公司官网通用样式
* @author: 张蒙
* @update: 张蒙 (2015-12-11 08:33)
*/
/* 重置样式
-------------------------------------------------------------------------------*/
html { color: #555; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1
}
body, button, input, select, textarea { font: 14px/1.8 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53" }
input, select, textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
iframe { display: block }
abbr, acronym { border: 0; font-variant: normal }
del { text-decoration: line-through }
i { font-style: normal }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500 }
a, body, div, form, html, li, ol, span, ul {vertical-align: baseline;}
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #555 }
h1 { font-size: 30px }
h2 { font-size: 24px }
h3 { font-size: 18px }
h4 { font-size: 16px }
h5 { font-size: 14px } 
h6 { font-size: 12px }
q:before, q:after { content: '' }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
ins, a { text-decoration: none }
a { -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s }
a ,a:link,a:visited {color: #555;}
a:hover { color: #0CAB66 }

/* 主定制内容
-------------------------------------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }
.fz12 { font-size: 12px; }
.fz14 { font-size: 14px; }
.fz16 { font-size: 16px; }
.fz18 { font-size: 18px; }
.fz20 { font-size: 20px; }
.fz24 { font-size: 24px; }
.fz28 { font-size: 28px; }
.fz36 { font-size: 36px; }
.w1200-wrap { width: 1200px; margin: 0 auto;}
.w1200 { width: 1200px}
.w298 {width: 298px;}
.w299 {width: 299px;}
.w238 {width: 238px;}
.w239 {width: 239px;}
.mt2 {margin-top: 2px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.ml12 {margin-left: 12px;}
.mr60 {margin-right: 60px;}
.mr80 {margin-right: 80px;}
.mb15 {margin-bottom: 15px;}
.ptb10 {padding: 10px 0; }
.pb15 {padding-bottom:15px; }
.border-t1 {border-top: 1px solid #eee}
.border-b1 {border-bottom: 1px solid #eee}
.border-l1 {border-left: 1px solid #eee}
.border-r1 {border-right: 1px solid #eee}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.web-icon {background: url(../images/web_icon.png) no-repeat;}
.breadcrumbs  {padding:  12px 0;}
.breadcrumbs .home-icon {width: 18px; height: 20px; background-position:-13px -43px ; float: left;margin-left: 10px;}
.breadcrumbs span {float: left; margin: 0 2px; color: #999;}
.breadcrumbs a {float: left;}
.pages { width: 100%; display: inline-block;padding: 10px 0;text-align: center;}
.pages ul { margin: 0 auto;display: inline-block;}
.pages ul  li {float: left; border: 1px solid #eee; padding: 5px 10px; margin-left: 10px; border-radius: 3px; display: block;}
.pages ul  li a {}
.pages ul  .current {border: 1px solid #0CAB66; color: #0eac69}
.pages ul  .current a {display: block;}

.global-banner {width:100%; height:280px; }
.global-banner .banner-con { margin:90px 0 0 50px; float: left; }
.global-banner .banner-con .cntitle { font-size:26px; }
.global-banner .banner-con .entitle { font: 22px/1.5 Helvetica,Arial,sans-serif; font-weight: bold;}
/*-----------------------------------------------------------------------------*/

/*头部样式
-------------------------------------------------------------------------------*/
.header {width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.4);position: relative;
z-index: 999;}
.header-w  {width: 100%; background: #ffffff;}
.header-top { width:1200px; height: 100px; margin: 0 auto;}
.header-top .logo {width: 280px; height: 100px; float: left;}
.header-top .logo img {display: block;}
.header-top .menu { float: left;}
.header-top .menu ul li { width: 100px; height: 100px; line-height: 100px; float: left; text-align: center; font-size: 16px; display: block;vertical-align: middle;}
.header-top .menu ul .current {background-color:#0CAB66; font-size: 16px; }
.header-top .menu ul .current a {line-height: 100px;  color: #ffffff;   font-size: 16px; display: block;}
.header-top .menu ul li:hover { background-color:#0CAB66;}
.header-top .menu ul li a {line-height: 100px;  font-size: 16px; display: block;}
.header-top .menu ul li a:hover {color: #fff; }
.header-top .tel { width: 220px; float: right;}
.header-top .tel .top-tel {width: 180px; height: 35px; background: url(../images/tel400.png) no-repeat; float: left; margin: 32px 0  0 18px;}
.header-b {width: 100%; height:3px; background-color:#0CAB66;  }
/*-----------------------------------------------------------------------------*/

/*首页banner
-------------------------------------------------------------------------------*/
.ind-banner {width: 100%;position:relative;  height:650px;}
.ind-banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.ind-banner .bd ul{ width:100% !important;  }
.ind-banner .bd li{ width:100% !important;  height:650px; overflow:hidden; text-align:center;  }
.ind-banner .bd li a{ display:block; height:650px; }
.ind-banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:36px; line-height:36px; text-align:center; }
.ind-banner .hd ul{ text-align:center;  padding-top:5px;  }
.ind-banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:16px; height:16px; margin:5px; background:url(../images/banner_rbtn.png) -18px 0; overflow:hidden; line-height:9999px; }
.ind-banner .hd ul .on{ background-position:0 0; }
/*-----------------------------------------------------------------------------*/
/*页脚样式
-------------------------------------------------------------------------------*/
.footer {width: 100%; background: #222;/*	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;*/}
.footer .footer-w {width: 1200px; height: 280px; margin: 0 auto;}
.footer .footer-w .ftr-l {float: left;}
.footer .footer-w .ftr-r {width:424px; height: 280px; float: right;  background: url(../images/ftrmap_bg.png) no-repeat; background-position: center; }

.footer-menu { padding: 0 0 0 10px; margin-top: 20px;  float: left; overflow: hidden; }
.footer-menu .footer-menu-title { font-size: 14px; height: 32px; line-height: 32px; font-weight: bold; color: #0CAB66;}
.footer-menu p {font-size: 14px; line-height: 32px; height: 32px; overflow: hidden;}
.footer-menu p a { color: #eee;}
.footer-menu p a:hover {color: #0CAB66; }
.footer-menu p .more {color: #FFCB5B;}
.footer-menu p .more:hover {color: #FFCB5B;}
.footer-barcode {width: 120px; margin: 80px 150px 0 ;}
.footer-barcode .barcode-title { width: 120px;height: 28px; line-height: 28px; text-align: center;  font-size: 14px; color: #eee;}
.footer .footer-b {width:100%; height: 38px; background:#333;  position: relative;}
.footer-copyright {float: left; font-size: 14px; color: #eee; line-height: 38px; padding-left: 15px;}
.footer-nav {float: right; margin-right: 10px; color: #eee;font: 12px ; line-height: 36px; }
.footer-nav a {font-size: 14px; color: #eee; margin: 0 3px; }
.footer-nav a:hover {color: #0CAB66; } 
/*-----------------------------------------------------------------------------*/

/*首页新闻列表样式
-------------------------------------------------------------------------------*/
.ind-news-wrap {float: left;}
.ind-citnews-box {width: 417px; float: left;}
.ind-citnews-box .news-class-box { height: 39px;  overflow: hidden; }
.ind-citnews-box .news-class-box .class-tit {font-size: 16px;margin-left: 5px; float: left;zoom:1;line-height:39px;  }
.ind-citnews-box .news-class-box .more-right{ float: right;line-height: 39px; padding-top: 1px;}
.ind-citnews-box .news-class-box .more {font-size: 14px; height: 39px; float: left;}
.ind-citnews-box .headline {width: 417px; height: 95px; background:#F3F3F3; position: relative; float: left; overflow: hidden;}
.ind-citnews-box .headline:hover { background:#0CAB66;}
.ind-citnews-box .headline:hover .headline-tit h5 {color: #fff;}
.ind-citnews-box .headline:hover .headline-tit p {color: #fff;}
.ind-citnews-box .headline:hover .triangle-icon { background-position:-57px -17px ; }
.ind-citnews-box .headline  .triangle-icon { width: 8px; height: 8px; background-position:-17px -17px ; position: absolute;right: 0 ; top: 0; }
.ind-citnews-box .headline .headline-img { width: 127px; height: 95px; float: left;} 
.ind-citnews-box .headline .headline-img img{ width: 127px; height: 95px; display:block;} 
.ind-citnews-box .headline .headline-tit {width: 290px; float:left; }
.ind-citnews-box .headline .headline-tit h5 {font-weight: bold; padding: 5px 6px 0 6px;  line-height:32px;color: #0EAC69;}
.ind-citnews-box .headline .headline-tit p {font-size: 12px;  padding: 0px 6px 5px 6px; line-height: 22px; color: #999; }
.ind-citnews-box .ind-news-list {width: 417px;  float: left;}
.ind-citnews-box .ind-news-list ul li { line-height: 26px; }
.ind-citnews-box .ind-news-list ul li .time {font-size: 12px; margin:0 5px ; color: #999;}
.ind-citnews-box .ind-news-list ul li a { font-size: 12px; }
.ind-special-wrap {width: 340px; float: right;}
.ind-special-wrap .special { width: 340px;  }
.ind-special-wrap .special img {width: 340px; height: 98px; display: block;}
/*-----------------------------------------------------------------------------*/
/*首页新闻列表样式
-------------------------------------------------------------------------------*/

.newspage-list-left { width: 290px; float: left;} 
.newspage-list-left .left-cate-title  { height: 80px; line-height: 80px; font-size: 18px; background: #0CAB66; color: #fff; text-align: center; border-bottom: 2px solid #0B9157;}
.newspage-list-left .left-cate-list {background: #f5f5f5; padding-bottom: 20px;}
.newspage-list-left .left-cate-list ul li { line-height: 48px; text-align: center;}
.newspage-list-left .left-cate-list ul li:hover {  background: #EEEEEE;}
.newspage-list-left .left-cate-list ul li a {display: block;}
.newspage-list-left .left-cate-list ul .on { background: #EEEEEE;}
.newspage-list-left .left-cate-list ul .on a {color: #0B9157;}
.newspage-list-right {width: 900px; float: right;}
.news-right-title  { width: 900px; line-height: 48px; }
.news-right-title h3 {padding-left: 20px; color: #0B9157;}
.newspage-list-right .news-list { width: 900px; overflow: hidden;  float: left;}
.newspage-list-right .news-list  li {float: left; padding: 10px; border-bottom: 1px solid #eee}
.newspage-list-right .news-list  li:hover {background: #f5f5f5;}
.newspage-list-right .news-list  li .n-img {width: 180px; height: 135px; float:left;}
.newspage-list-right .news-list  li .n-img img {display: block; width: 180px; height: 135px; }
.newspage-list-right .news-list li .nl-con {float: left; padding: 0 20px; width: 660px;}
.newspage-list-right .news-list li .nl-con .title { line-height: 38px; font-weight: bold; color: #33495F;}
.newspage-list-right .news-list li .nl-con .txt { height:76px; padding: 0 5px; color:#999;}
.newspage-list-right .news-list li .nl-con .time {color: #555;}
.newspage-con {margin: 10px auto; width: 860px;}
.newspage-con .news-title {width: 860px; height: 90px; line-height: 90px; text-align: center; border-bottom: 1px solid #eee; font-size: 18px;}
.newspage-con .entry-meta { line-height: 48px; color: #999;}
.newspage-con .news-content {width: 860px; overflow: hidden; line-height: 28px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
/*关于点创内容
-------------------------------------------------------------------------------*/
.aboutpage-wrap {width: 1200px; margin: 0 auto; min-height:500px; }
.aboutpage-wrap .about-title {width: 1100px; margin: 0 auto; border-bottom: 1px solid #eee;text-align: center; padding-bottom: 30px;}
.aboutpage-wrap .about-title .border-line { width: 500px; margin: 0 auto -31px;; border-bottom: 1px solid  #0CAB66;  }
.aboutpage-wrap .about-title .cntitle {font-size: 28px; line-height: 46px;color: #0CAB66;}
.aboutpage-wrap .about-title .entitle {font-size: 18px; line-height: 26px; color: #999; padding-bottom: 20px;}
.aboutpage-wrap .about-con {width: 1100px; margin: 20px 50px 0; line-height: 28px; overflow: hidden;}
.aboutpage-wrap  .backlink {width: 1100px; margin: 0 auto; border-top: 1px solid #eee;text-align: center; padding-bottom: 20px;}

.aboutpage-wrap .backlink .back-cit { padding-top: 10px; height: 42px; text-align: center; }
.aboutpage-wrap .backlink .back-cit a { display: inline-block; padding: 0 30px; border: 4px solid #0CAB66; color: #0CAB66; font-size: 18px; text-transform: uppercase; line-height: 37px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.aboutpage-wrap .backlink .back-cit a:hover { background: #fff; color: #0CAB66; }









