body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
a{ text-decoration:none; color:#444;}
a:hover{ color:#00a73a; text-decoration:none}
@font-face{font-family:FontAwesome;src:url(fontawesome-webfont.eot);src:url(fontawesome-webfont.eot) format("embedded-opentype"),url(fontawesome-webfont.woff) format("woff"),url(fontawesome-webfont.ttf) format("truetype"),url(fontawesome-webfont.svg) format("svg");font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-arrow-circle-left:before{content:""}
.fa-arrow-circle-right:before{content:""}
.fa-caret-left:before{content:""}
.fa-caret-right:before{content:""}
.fa-angle-left:before{content:""}
.fa-angle-right:before{content:""}
.fa-meanpath:before{content:""}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#999}
.h1,.h2,.h3,h1,h2,h3{margin-top:19px;margin-bottom:9.5px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:9.5px;margin-bottom:9.5px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}
.clear{ clear:both} 

.container{margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px}
.container:after,.container:before{content:" ";display:table}
.container:after{clear:both}
@media (min-width:768px){.container{width:750px}
}
@media (min-width:992px){.container{width:970px}
}
@media (min-width:1200px){.container{width:1200px}
}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.container-fluid:after,.container-fluid:before{content:" ";display:table}
.container-fluid:after{clear:both}
.row{margin-left:px;margin-right:-15px}
.row:after,.row:before{content:" ";display:table}
.row:after{clear:both}

.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #f7f7f7; background:#f7f7f7; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#f7f7f7; width:42px;border-bottom:1px solid #f7f7f7;}
.service_box .tab_nav > li.active{ background:#ff6b09;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:42px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#444; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(../images/bg_online.gif) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:20px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333; font-size:14px;}


/*-header-*/
.top{ width:100%; height:35px; line-height:35px; background:#f1f1f1}
.top1{ width:1200px; margin:0 auto; font-size:12px; color:#444}
.top .lang,.top .search{ display:inline-block; *display:inline; zoom:1; position:relative; float:right; margin-left:20px; margin-right:40px; font-size:14px; color:#444; vertical-align:top; height:30px; line-height:30px;}
.top .lang a{ font-size:14px; color:#444; margin:0 5px;}
.top .search{ width:210px; height:35px; background:#eee;}
.top .search input[type="text"]{ width:165px; height:35px; padding:0 10px; border:0; background:none; font-size:14px; color:#444; font-family:"微软雅黑"; position:absolute; left:0; top:0; line-height:30px;}
.top .search input[type="submit"]{ width:40px; height:35px; background-color:#009842; background-image:url(../images/icon1.png); background-repeat:no-repeat; background-position:center center; border:0; position:absolute; right:0; top:0; z-index:9; cursor:pointer;}
.top .cen {
  float: right;
  width:; margin-right:25px;
  margin-top: px;
}
.top .cen a {
  font-family: arial;
  font-size: 12px;
  color: #009a44;
  width: 28px;
  height: 28px;
  display: inline-block;
  background: url(../images/ying.png) no-repeat center center;
  text-align: center;
  line-height: 28px;
}
.top .cen a:hover {
  color: #f00;
}

.phone-nav {
  position: absolute;
  font-size: 24px;
  display: none;
  color: #000;
  right: 15px;
  font-size: 30px;
  z-index: 9;
}
.phone-nav:hover {
  color: #000;
}
@media (max-width: 1000px) {
  .phone-nav {
    display: block;
  }
}
.container {
  max-width: 1200px;
  width: 1200px;
  margin: auto;
}
.header {
  margin: 0px;
  padding: 0px;
  position: relative;
  padding: 10px 0px;
}
.header .container .logo {
  width: 20%;
  float: left;
}
.header .container .nav_right {
  width: 75%; margin-top:30px;
  float: right;
}
.header .container .nav_right nav {
  width: 100%;
  float: left;
}
.header .container .nav_right nav ul li {
  float: left;
  background: url(../images/nav_li.png) no-repeat right center;
  position: relative;
}
.header .container .nav_right nav ul li a {
  display: block;
  color: #000;
  font-size: 16px;
  padding:2px 25px;
  line-height: 32px;
}
@media (max-width: 1200px) {
  .header .container .nav_right nav ul li a {
    padding: 2px 15px;
  }
}
.header .container .nav_right nav ul li a:hover {
  color: #009a44;
}
.header .container .nav_right nav ul li .active {
  color: #009a44;
}
.header .container .nav_right nav ul li:last-child {
  background: none;
}
.header .container .nav_right nav ul li ul {
  position: absolute;
  z-index: 9999;
  background: #fff;
  width:150px;left:-22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; 
  text-align: center;
  font-size: 12px;
  display: none;
}
.header .container .nav_right nav ul li ul li {
  background: no-repeat;
  float: none;
}
.header .container .nav_right nav ul li ul li a {
  font-size: 12px;
}
.header .container .nav_right nav ul li:hover ul {
  display: block;
}
/*@media (max-width: 1000px) {
  .header .container .nav_right {
    display: none;
  }
}*/

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading div{background-image:url(../images/fancybox_loading@2x.gif);background-size:24px 24px}
}
#iCarousel-preloader{position:absolute;z-index:1000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:#000 1px solid;border-color:rgba(0,0,0,.6);padding:1px;width:150px;height:3px}
#iCarousel-preloader div{float:left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:3px;background:#000;background:rgba(0,0,0,.6);width:0}
#iCarousel-timer{position:absolute;z-index:1000;border-radius:5px;cursor:pointer}
#iCarousel-timer div{border-radius:3px}
.carousel-container{width:600px;margin-top:70px;overflow:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important;visibility:hidden!important}
.affix{position:fixed}


/*@-ms-viewport{width:device-width}*/
.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}

body{color:#222;font-family:"Microsoft Yahei",sans-serif;position:relative}
body,html{overflow-x:hidden}
/*@media (max-width:767px){body,html{overflow-x:hidden;min-width:320px}
}
@media (max-width:767px){body,html{overflow-x:hidden;min-width:320px}
}*/

.pro .flex-control-paging li a{ width:10px; height:10px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.pro .flex-control-paging li a.flex-active{ background:#AEAEAE;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin:0px; position: relative; zoom: 1;}
.flex-viewport {max-height: 250px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 250px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav {*height: 0; display:none;}
.flex-direction-nav a {width:21px; height:42px; margin:0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1;}
.flex-direction-nav .flex-next { background-position:-21px -42px; right: 3px; }
.flex-direction-nav .flex-prev {background-position:0 -42px;left:3px;}
.flexslider .flex-next:hover {opacity: 0.8; right: 3px; background-position:-21px 0px;}
.flexslider .flex-prev:hover {opacity: 0.8; left: 3px;background-position:0px 0px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:0px; text-align: center; height:32px; background:url(../../images/bg_a.png) repeat;}
.flex-control-nav li {margin: 10px 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:55px; height:4px; display: block; background:#909194; cursor: pointer; text-indent: -9999px; /*-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;*/}
.flex-control-paging li a:hover { background:#004588;}
.flex-control-paging li a.flex-active { background:#0E579C; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/*banner*/
.index-slider{position:relative;list-style:none;padding:0;margin:0}
.index-slider li{overflow:hidden;position:relative;width:100%;height:513px;background-position:center;background-size:auto 100%}
@media (max-width:1199px){.index-slider li{height:0;padding-top:28%}
}


@media (max-width:767px){.index-slider li{padding-top:45%}
}
#banner{position:relative;width:100%;height:400px;background-position:center;background-size:auto 100%}
@media (max-width:1199px){#banner{height:auto;padding-top:24%}
}
#slider{position:relative;z-index:0}
#slider .bx-pager{position:absolute;top:50%;right:5px;margin-top:-56px;z-index:99}
#slider .bx-pager a{display:block;height:16px;width:16px;border:3px solid #FFF;background-color:#FFF;border-radius:20px;text-indent:-9999px;z-index:3}
#slider .bx-pager a.active{background-color:transparent;border-color:#009842}
#slider .bx-pager-item{padding:6px}
@media (max-width:767px){#slider .bx-pager{right:3px;margin-top:-40px}
#slider .bx-pager a{width:12px;height:12px;border-width:2px}
#slider .bx-pager-item{padding:2px}
}

/*主题标题*/
.heading01{color:#111;text-align:center;font-size:36px;text-transform:uppercase;padding:40px 0 30px}
.heading02{color:#111;text-align:center;font-size:36px;text-transform:uppercase;padding:0px 0 0px}
.heading01 h2{padding:0;margin:0}
.heading01 em{ font-size:20px; margin-left:10px; color:#777;}
.heading01 a{color:#111;text-decoration:none}
.heading01 .line{display:block;width:200px}
.heading01 span{display:block}
.heading01 .gr{color:#a4a3a3}
.heading01 .ch{font-weight:700}
.heading01 .ch.spc{background:url(../images/head1.png) no-repeat bottom center;padding-bottom:22px}
.heading01 .ch.redline{padding-bottom:15px;border-bottom:1px solid #009842;width:4em;margin:auto}
.heading01 .red{color:#009842}
.heading01 .sm{letter-spacing:10px;margin-left:10px;font-size:17px;margin-top:16px}
.heading01 .sm2{font-size:17px;margin-top:20px}

/*产品*/
.i_pro{ background:#f1f1f1; padding-bottom:30px; width:100%}
.i_box{ width:100%; padding:50px 0; margin:0px auto;}
.i_box .box_h{ width:100%; text-align:center;}
.i_box .box_m{ margin-top:60px;}

/*产品分类*/
.pro_t{ text-align:center; height:60px; line-height:60px; color:#fff; font-size:20px; background:#00a73a}
.pro_left{ float:left; width:250px;}

/*left*/
.leftsidebar_box{width:250px;height:auto;background-color:#fff;}
.pro-title{color: #fff; line-height:70px; font-size:18px;text-align: center;background: #00a73a;}
.leftsidebar_box dt{padding-left:40px;padding-right:10px;background-repeat:no-repeat;background-position:10px center;color: #00a73a;font-size:14px;position:relative;line-height:48px;cursor:pointer;}
.leftsidebar_box dd{background-color:#fff;padding-left:40px; font-size:14px;}
.leftsidebar_box dd a{color:#666;line-height:20px;}
.leftsidebar_box dt img{position:absolute;right:10px;top:20px;}
.leftsidebar_box dl dd:last-child{padding-bottom:10px;}


.menu_left {width: 250px;height:;}
.menu_left ul { width: 100%;height: auto;}
.menu_left ul li {color: #00a73a;padding-left: 20px; line-height:40px;text-align: left;background: #fff;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);}
.menu_left ul li a{color: #00a73a;}
.menu_left ul li span {	padding-left: 10px; font-size:14px;	height: 35px;	line-height: 35px;	display: block;	background: #fff;}

.menu_left ul li span a{ color:#555;}
.menu_left ul li span a:hover {	color: #00a73a;}

.menu_right { z-index:999;width: 370px;height:; position:absolute; margin-left:250px;top:776px;}
.pro_m{ width:100%; max-width:870px; float:right; margin:0px auto;}
.pro_m .pro_l{ width:100%; padding:0 0 10px;}
.pro_l li{ width:274px; float:left; margin-right:24px; text-align:center;}
.pro_l li img{ width:274px; height:; vertical-align:top;}
.pro_l li img:hover{ border:1px solid #ccc;}
.pro_l li .name{ width:100%; font-size:14px; height:30px; line-height:30px;}
.pro_l li p{ font-size:12px; height:20px; line-height:20px;}


/*关于*/
.i_ab{ margin-bottom:40px;}
.ab1 img{width:300px; height:300px; margin-right:30px; float:left}
.ab2{ line-height:30px;}
.i_ab .btn.more{color:#fff;background-color:#009946;border:none;font-size:14px;padding:5px; width:%; margin-top:10px; display:block; float:left}
.i_ab .btn.more:hover{background-color:#009946}
.i_ab em{ font-size:20px; margin-left:10px; color:#777;}

.ab_m{ width:100%; max-width:1200px; float:right; margin:30px 0 auto;}
.ab_m .pro_l{ width:100%; padding:0 0 70px;}
.ab_m ul{ width:1300px; position: relative}
.ab_l li{ width:278px; float:left; margin-bottom:25px; line-height:30px; font-size:12px; margin-right:35px; text-align:center;}
.ab_l li img{ width:278px; height:150px; vertical-align:top;}

.con1{ width:100%; height:200px;}

/*新闻*/
.i_new{ /*width:100%;*/ width:1200px;  max-width:1200px; margin:0px auto; padding-top:10px;}
.i_new .box_h{ width:100%; height:40px; line-height:40px; border-bottom:2px solid #AEAEAE; position:relative;}
.i_new .box_h span{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; font-size:24px; color:#000000; position:absolute; left:0px; bottom:-2px; border-bottom:2px solid #009842; z-index:9;}
.i_new .box_h span em{ margin-left:10px; font-size:18px; color:#777777;}
.i_new .box_h .h_more{ display:block; font-size:12px; text-align:right; position:absolute; right:0px; top:0px; color:#444;}

.i_new .a_l .a_lm{ width:100%; margin-top:20px; text-align:left; font-size:14px; color:#555555;}
.i_new .a_l .a_lm .black{ color:#000;}
.i_new .a_l dl{ margin-bottom:10px;}
.i_new .a_l .a_lm img{ width:200px; height:100px; margin-right:20px; float:left}
.i_new .a_l{ width:720px; float:left;}
.i_new .a_l .title{ height:30px; font-size:16px; color:#009842; line-height:30px;}
.i_new .a_l p{ line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis;}

.i_new .a_r{ width:420px; float:right;}
.i_new .a_r ul{ width:100%; text-align:left; padding-top:10px;}
.i_new .a_r ul li{ width:100%; margin-bottom:20px;}
.i_new .a_r ul li .title{ width:100%; height:32px; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_new .a_r ul li .title a{ font-size:14px; color:#444;}
.i_new .a_r ul li .title a:hover { color: #009842;}

/*主要客户*/
.link_m{ width:100%; max-width:1200px; float:right; margin:0px 0 auto;}
.link_m .pro_l{ width:100%; padding:0 0 70px;}
.link_m ul{ width:1300px; position: relative}
.link_l li{ width:170px; float:left; margin-bottom:45px; line-height:30px; font-size:12px; margin-right:35px; text-align:center;}
.link_l li img{ width:170px; height:100px; vertical-align:top; border:1px solid #eee}

/*友情链接*/
.link{ background:#f1f1f1; padding:10px 0;}
.f_link{ width:1200px; margin:20px auto}
.links span { float: left;display: block; line-height: 32px; color: #444; font-size: 16px;}
.links .link_a { width: 92%;color: #444; float: right; line-height: 32px;}
.links .link_a a { display: inline-block; padding: 0px 5px; line-height: 32px; font-size: 14px; color: #444;}
.links .link_a a:hover { color: #009842;}

/*版权*/
.foot{ background: #2D2E32; padding-bottom:20px;}
.f_nav{ float: left; margin-right: 50px;}
.f_nav a{ color: #fff; font-weight: normal; text-align:left; display: block;}
.f_nav a:hover { color: #009842;}
.f_nav li{ float: left; width: 160px;}
.f_nav h2{ text-align: left; color: #fff; font-size: 15px; font-weight:bold; line-height: 30px;}
.f_nav dl{ text-align: left; color: #fff; font-size: 12px; line-height: 30px;}

.f_bg{ width:100%; padding-top:5px; background:#2D2E32; color:#FFF;}
.f_bg .f_m{ width:40%;float: left; padding-top:20px;}
.f_bg .f_m .code{ width:91px; height:91px; float:right; font-size:12px; text-align:center; color:#ccc; line-height:20px;}
.f_bg .f_m .f_mr{ width:60%; float:left; margin-top:0px; text-align:left;}
.f_m .f_mr .tl{ display:inline-block; *display:inline; zoom:1; width:auto; height:22px; line-height:22px; font-size:14px; background:url(../images/tel.png) no-repeat; padding-left:px;}
.f_m .f_mr .num{ width:100%; height:45px; line-height:45px;}
.f_m .f_mr .num p{ line-height:30px; font-size:14px;}
.f_m .f_mr .num img{ width:45px; height:45px; vertical-align:top; margin:0px 5px;}
.f_m .f_mr .num em{display:inline-block; *display:inline; zoom:1; height:45px; line-height:45px; margin-left:px; vertical-align:top; font-size:25px;}

.bq{ width:100%; max-width:1200px; font-size:12px; border-top:1px solid #47494F; margin:0px auto; padding:15px 0; position:relative; text-align:left; color:#ccc;}