.fangF { text-align: center; clear: both; font-size: 12px; width: 100%; float: left; border: 1px dashed #e6e6e6; border-width: 1px 0; margin-top: 40px; padding: 17px 0 25px; }

.fangF a, .fangF span { padding: 9px 12px; border:solid 1px #d6d6d6; display: inline-block; margin: 0 2.9px; box-sizing: initial }

.fangF .previous { padding: 2.9px; background:url(../images/zPrev.jpg) center no-repeat; width: 27px; position: relative; height: 27px; top: 11px; border: 0; }

.fangF .next { padding: 2.9px; background:url(../images/zNext.jpg) center no-repeat; width: 27px; position: relative; height: 27px; top: 11px; border: 0; }

.fangF .fCurrent { color:#db2524; border:0; border-top:solid 1px #db2524; font-weight: 500; border-bottom:solid 1px #db2524; }



/*@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800');

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');

@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i');

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');*/



/* ----------------------------------------------------

SKELETON	

------------------------------------------------------- */  



body {

  background-color: #fff;

  color:#444;

  font-size: 14px;

  line-height: 28px;

  font-weight: 400;

  padding:0;

  font-family:"Microsoft Yahei";

}

body.boxed #wrapper {

  margin: 40px auto;

  max-width: 1280px

}

body.boxed { 

background: url(images/bg.jpg) no-repeat center center fixed; 

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

body.boxed.pattern1 {

background: url(images/pattern1.jpg) repeat center center scroll; 

}

h1,h2,h3,h4,h5,h6{ 

  font-family:"Microsoft Yahei";

  font-weight:normal;

  position: relative;

  padding: 0 0 10px 0;         

  font-weight:normal;

  line-height:1.8;

  color:#222222;

}

h1{

  font-size: 22px; 

}

h2{

  font-size: 20px; 	

}

h3{

  font-size: 18px; 

}

h4{

  font-size: 16px; 		

}

h5{

  font-size: 14px; 		

}

h6{

  font-size: 14px;  	

}

a {

  color:#333333;

}

p {

  padding: 0 0 20px;

  line-height: 1.8;

}

.sitemap li {

  margin-bottom: 0 !important;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{

  text-decoration:none !important; 

}

ul, ol {

  padding:0 15px;

}

ul li, ol li {

  margin-bottom: 10px;

}

p{

  font-family:"Microsoft Yahei";

  line-height: 1.5em;

}

strong{

  font-family:"Microsoft Yahei";

}

.noborder {

  border:0 !important;

}

.m-5{ margin:5px}

img.aligncenter{

  display:block;

  text-align:center;

  display: block;

  margin:0 auto 20px auto;

  padding:0px;

  border:0px;

  background:none;

}

img.alignleft{

  float:left;

  margin: 6px 20px 6px 0;

  display: inline;

  border:0px;

  background:none;

  padding:0;

  display:block;

}

img.alignright{

  padding:0;

  float:right;

  margin: 6px 0 6px 20px;

  border:0px;

  display:block;

  background:none;

}

blockquote {		 

  font-size:16px;

  line-height: 32px;

  font-family:"Microsoft Yahei";

  font-weight:normal;

  font-style:italic;	

  margin: 20px 0;

  position:relative;  

  width:auto;

}

.readmore {

  font-family:"Microsoft Yahei";

  font-size: 13px;

  font-style: italic;

  text-decoration: underline;

  margin-top: 10px;

  display: block;

}



blockquote small {

  display: block;

  margin-top: 20px;

}

pre {

  line-height:18px;

  margin-bottom:18px;

}

.btn,

a {

  outline:0 !important;

  text-decoration: none !important;

}

ins {

  text-decoration:none;

}

sup {

  bottom: 1ex;

}

sub {

  top: .5ex;

}

.check li:before {

  content: "\f00c";

  font-family:"Microsoft Yahei";

  font-size: 16px;

  left: 0;

  color:#242424;

  padding-right:5px;

  position: relative;

  top: 2px;

}

.check li {

  font-size:14px;

  list-style:none;

  margin-bottom:10px;

}

.check {

  margin-left:0; 

  padding-left:0

}

.col-xs-15,

.col-sm-15,

.col-md-15,

.col-lg-15 {

  position: relative;

  min-height: 1px;

  padding-right: 10px;

  padding-left: 10px;

}

.col-xs-15 {

  width: 20%;

  float: left;

}

@media (min-width: 768px) {

.col-sm-15 {

	  width: 20%;

	  float: left;

  }

}

@media (min-width: 992px) {

  .col-md-15 {

	  width: 20%;

	  float: left;

  }

}

@media (min-width: 1200px) {

  .col-lg-15 {

	  width: 20%;

	  float: left;

  }

}



.white {

  background-color: #fff;

}

.lighttopbar,

.grey {

  border-bottom: 1px solid #ededed;

  border-top: 1px solid #ededed;

  background-color: #f7f8fa;

}

/* ----------------------------------------------------

HEADER	

------------------------------------------------------- */ 

@media (min-width: 992px){

.header {

    position: relative;

    background: rgba(255, 255, 255, 0.83);

}

}

#header{

  z-index: 999999;

  width: 100%;

}



/*.fixed{

  position:fixed!important;

  top:0;

  background-color: #fff!important;

  transition:all 0.4s;

}*/



.sitemain-title h4{

  font-family:"Microsoft Yahei";

  font-size: 14px;

  color: #f2f2f2;

  padding: 0;

}



.site-headlne{

  padding:5px;

}

.header {

  padding: 10px 0 10px;

  background-color: #fff;

  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);

}

.navbar-default {

  margin: 0;

  background-color: transparent;

  background:none;

  border:0;

}

.navbar-default .nav > li > a {

  color: #444!important;

  border: 0 !important;

  margin: 0 !important;

  letter-spacing: 0;

  font-size: 16px;

  padding:10px 20px !important;

  font-family:"Microsoft Yahei";

  font-weight: 500;

  text-transform: uppercase;

}

.bgcolor {

  border-top: 4px solid #fff;

}

.navbar-nav .has-submenu .dropdown-menu li a {

  padding:14px 20px;

  font-size: 13px !important

}

.navbar-default .dropdown-menu {

  box-shadow: none;

}

.navbar-default .dropdown-menu li a {

  color:#fff;

  font-size: 14px;

}

.navbar-default .fa-angle-right {

  position: absolute;

  right: 30px;

}

.navbar-brand img {

  margin:0 !important; float:left;

}

.social a {

  font-size: 13px;

  color:#fff !important;

  display: inline-block;

  width: 25px;

  text-align: center;

  height: 25px;

  line-height: 25px;

  border-radius: 200px 200px 200px 200px;

  -moz-border-radius: 200px 200px 200px 200px;

  -webkit-border-radius: 200px 200px 200px 200px;

}

.social a:last-child {



}

.navbar-default .navbar-nav .open .dropdown-menu > li > a,

.navbar-default .navbar-nav > .open > a, 

.navbar-default .navbar-nav > .open > a:hover, 

.navbar-default .navbar-nav > .open > a:focus {

  background-color: transparent;

  color:#fff !important;

}





/* ----------------------------------------------------

MEGA MENU

------------------------------------------------------- */  



.yamm p {

  margin-top: 0;

  padding-top: 0;

  border-bottom: 0;

  line-height: 1;

  margin-bottom: 0;

  padding-bottom: 15px;

  font-weight: 600;

  color:#222222;

  font-size: 14px;

}

.navbar-logo-center {

  padding-bottom: 0;

}



.navbar-logo-center .navbar-collapse {

  padding:10px;

  background-color: #222;

}



.navbar-logo-center .navbar-header {

  display: inline-block;

  float: none !important;

  margin: 10px auto 20px;

  padding-bottom: 0;

  width: 100%;

}



@media (min-width: 320px) {

.navbar-table {

  display: inline-block;

  margin:0;

  width: 100%;

}

.navbar-brand img{ width:50%}

.navbar-header p{  

position:relative;

top:8px;left:-30px;

font-size:14px;

float:left;

font-weight:bold;  

text-indent:0px;

}

.navbar-header p a{ 

letter-spacing:5px;

color:#008b4b;

}

.navbar-header b{ 

position:relative;

top:0px;

font-size:8px; 

color:#777; font-weight:100;

margin-left:0px; 

}

}

@media (min-width: 1200px) {

.navbar-table {

  display: inline-block;

  margin: 20px 0 15px 0;

  width: 100%;

}

.navbar-brand img{ width:96px}

.navbar-header p{  

position:relative;

top:10px;

font-size:24px;

float:left;

font-weight:bold;  

text-indent:50px;

}

.navbar-header p a{ 

letter-spacing:7px;

color:#008b4b;

}

.navbar-header b{ 

position:relative;

top:0px;

font-size:15px; 

color:#777; font-weight:100;

margin-left:50px; 

}

}





.navbar-logo-center .navbar-cell {

display: block;

float: none;

vertical-align: middle;

width: 100%;

}



@media (min-width: 320px) {

.general-title {

  margin-bottom:20px;

  display: block;

  position: relative;

}

.general-title hr {

  width: 45px;

  border-width: 3px;

  margin:0px auto;

}

}

@media (min-width: 640px) {

.general-title {

  margin-bottom: 60px;

  display: block;

  position: relative;

}

.general-title hr {

  width: 45px;

  border-width: 3px;

  margin:15px auto;

}

}

.general-title h4 {

  text-transform: uppercase;

  font-size: 24px;

  font-weight: 700;

  padding-bottom: 10px;

  color: #008b4b;

}

.dark .general-title h4 {

  color:#fff;

}

.general-title .lead {

  font-size: 14px;

  font-weight: 300;

  color: #999999;

  line-height: 26px;

}



.why-us p{

  font-size: 14px;

  font-weight: 300;

  color: #999999;

  line-height: 24px;

}

.invis {

  margin: 30px 0;

  border:0;

}

.service-style-2 .lead {

  line-height: 2;

}

.services-1 i {

  color:#030303;

  width: 65px;

  height: 65px;

  line-height: 65px;

  text-align: center;

  font-size: 28px;

  border-radius: 4px 4px 4px 4px;

  -moz-border-radius: 4px 4px 4px 4px;

  -webkit-border-radius: 4px 4px 4px 4px;

}

.why-us {

  padding: 20px;

}

.service-style-2 h3,

.services-1 h4 {

  font-size: 18px;

  padding:0;

  font-weight: 700;

  margin: 15px 0 10px;

}



/* ==================================================================

banner

================================================================== */



.slider-bottom {

  background:#574638;

  padding:20px 0;

}

.tp-rightarrow.default,

.tp-leftarrow.default {

  background-color: #fff !important;

}

.boxedcontainer {

  max-width: 1200px; 

  margin:auto; 

  padding:0px 30px;

}

.tp-banner-container{

  width:100%;

  padding:0px 0;

  position:relative;

  z-index: 0;

}

.tp-banner{

  width:100%;

  position:relative;

}

.tp-banner-fullscreen-container {

  width:100%;

  position:relative;

  padding:0;

}

.tp-bannertimer {

  display: none;

}

.lightcolor {

  color:#fff !important;

}

@media (min-width: 320px) {

.slider2{ margin-right:50px;}

.btn {

  font-weight: 600;

  text-transform: none;

}	

.btn-default { font-size:14px; font-weight:100;

  color:#fff !important; padding:10px;

  border-color: #008b4b;

  background-color: #008b4b;

}

}

@media (min-width: 1200px) {

.slider2{ margin-right:0px;}

.btn {

  font-weight: 600;

  text-transform: none;

}	

.btn-default { font-size:16px;

  color:#fff !important; padding:20px 25px;

  border-color: #008b4b;

  background-color: #008b4b;

}

}

.slider_layer_01 {

  font-weight: bold;

  color:#fff;

  background-color: rgba(233,37,44,0.7);

  padding:10px 20px;

  font-size: 23px;

  line-height: 1.2;

  text-transform: uppercase;

}

.slider_layer_02 {

  font-weight: bold;

  font-style: italic;

  color: #fff;

  text-transform: uppercase;

  font-size: 32px;

}

.slider_layer_02.dark-color {

  color:#222222;

}

.slider_layer_03 {

  color:rgba(255,255,255,0.8);

  font-size: 30px;

  padding:20px;

  line-height: 1.5;

}

.slider_btn .btn {

  margin: 0 10px;

  font-size: 13px;

}



.makepadbot {

  padding-bottom: 90px;

}

.magnifier p{

  font-size:18px;

}

.border-radius .magnifier {

  border-radius: 200px 200px 200px 200px;

  -moz-border-radius: 200px 200px 200px 200px;

  -webkit-border-radius: 200px 200px 200px 200px;

  border: 0px solid #000000;

}

#welcome {

  left: 0;

  position: relative;

  right: 0;

  padding:0 50px;

  top: -100px;

  z-index: 1000

}

.welcome-box {

  text-align: center;

  padding:50px 25px;

  top:0;

  cursor: pointer;

  background-color: rgba(255,255,255,0.4);

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.welcome-box img {

  max-width: 90px;

}

#services .welcome-box.active,

#services .welcome-box:hover {

  top:0;

  padding-bottom: 30px;

}

.welcome-box.active,

.welcome-box:hover {

  padding-top:80px;

  background-color: #fff !important;

  top:-30px;

}



.welcome-box h6 {

  margin:20px 0 0;

  font-size: 18px;

  font-weight: bold;

  text-transform: capitalize;

}

.icon-container {

  width: 80px;

  background-color: #303030;

  color:#f6cc2e;

  height: 80px;

  line-height: 80px;

  -webkit-box-shadow: 0px 0px 0px 2px #fff;

  -moz-box-shadow:    0px 0px 0px 2px #fff;

  box-shadow:         0px 0px 0px 2px #fff;

  display: block;

  margin:20px auto 35px;

  text-align: center;

  font-size: 24px;

}



/* ==================================================================

手机端产品分类

================================================================== */

@media (min-width: 320px) {

.pro-xl{ padding-top:10px; margin-bottom:15px;}

.proxl{

  width: 23.5%!important;

  height: 35px;

  border-radius: 3px;

  margin-bottom: 5px!important; 

  border:1px solid #eee; 

  background: linear-gradient(to bottom, #fff, #E6E6E6);

  color: #444;

  cursor: pointer;

  display: inline-block;

  font-size: 12px;

  margin-bottom: 0;

  padding: 0 3px;

  text-align: center;

  vertical-align: middle;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

.proxl {

  background-repeat: no-repeat;

  background-size: 100% 100%;

  overflow:hidden;

  text-overflow: ellipsis;

  white-space: nowrap;}

.proxl .imgWrap{display: none!important;}

.proxl span{

  line-height: 35px!important;

  font-size: 12px!important;

  padding: 0!important; 

  overflow:hidden;

  text-overflow: ellipsis;

  white-space: nowrap;}

.proxl label {

  color: #333;

  display: block;

  font-size: 12px;

  line-height: 20px;

  overflow: hidden;

  padding: 0 10px;

  text-overflow: ellipsis;

  white-space: nowrap;

  text-align: center;

  display: none;

}



.pst {

	height: 90px;

	position: relative;

	text-align: left;top:240px;

}

.pst h3 {

	font-size: 22px; 

	width:40%; padding-top:10px; 

	text-align:center;

	color: #fff; 

	background:#008b4b

}

.pst .wz {

	width: 100%;

	height: 25px;

	line-height: 25px;

	text-align: right;

	position: absolute;

	right: 0px;

	top: 42px;

	font-size: 12px;

	color: #444;

}

.pst .wz a {

	color: #444;

}

.pst .wz a:hover {

	color: #f00

}

}

@media (min-width: 1200px) {

.pro-xl{ display:none}

.pst {

	height: 90px;

	position: relative;

	text-align: left;top:223px;

}

.pst h3 {

	font-size: 32px; 

	width:23%; padding-top:10px; 

	text-align:center;

	color: #fff; 

	background:#008b4b

}

.pst .wz {

	width: 100%;

	height: 25px;

	line-height: 25px;

	text-align: right;

	position: absolute;

	right: 0px;

	top: 42px;

	font-size: 12px;

	color: #444;

}

.pst .wz a {

	color: #444;

}

.pst .wz a:hover {

	color: #f00

}

}



/* ==================================================================

企业实力

================================================================== */

.grey .index-blog-wrapper{

  margin-top:50px!important;

}

.blog-image,

.stick-slider {

  overflow: hidden;

  display: block;

  position: relative;

}

.blog-image img,

.sticky-col img {

  width: 100%;

  zoom: 1;

  filter: alpha(opacity=100);

  opacity: 1;

}

.blog-image:hover img,

.sticky-col:hover img {

  zoom: 1;

  filter: alpha(opacity=80);

  opacity: 0.8;

}



.sticky-col .big-meta {

  background-color: rgba(44,44,44,0.5);

  bottom: 10%;

  color: #fff;

  font-weight: bold;

  left: %;

  overflow: hidden;

  position: absolute;

  right: 10%;

  text-align: center;

}

.imageWrapper {

  position: relative;

}

.sticky-row {margin: 0 0;}

.sticky-col .widget-title h3:after,

.sticky-col .widget-title h3:before {

  content: "" !important;

}

.sticky-col {

  padding: 0;

  overflow: hidden;

  z-index: 11;

  position: relative;

}

.sticky-col h3 a, .sticky-col h3 {

	  font-size: 14px;

padding: 10px;

color: #fff;

text-transform: uppercase;

}



.media img {

  width: 65px;

  margin-right: 0;

}

.media .rating {

  margin-bottom: 5px;

}

.media-heading {

  font-size: 16px;

  padding-bottom: 0;

  font-weight: 600;

}

.media-body .time-comment {

  margin-bottom: 10px;

  display: block;

}

.media {

  padding:10px 20px;

  position: relative;

}

.media .btn {

  right: 20px;

  padding:5px 10px;

  position: absolute;

  top:14px;

}

.comment-reply {

  margin-left: 45px;

}

.comment-wrapper .well {

  background-color: #fff !important;

}

.tabbed-widget .form-control,

.comment-wrapper .form-control {

  margin: 10px 0;

}

.comment-wrapper textarea {

  height: 140px;

}

.comment-wrapper h3 {

  padding:20px;

  text-align: left;

  font-weight: 700;

}

.tabbed-widget .nav-tabs > li a {

  text-transform: uppercase;

  font-size: 13px;

}

#content {

  margin-bottom: 40px;

}

.blog-image img {

  width: 100%;

}

.recent-posts li p,

.recent-posts li a {

  font-size: 14px;

  padding-bottom: 5px;

  font-weight: 600;

}

.recent-posts img {

  max-width: 80px;

}

.recent-posts li {

  display: table;

}

#sidebar ul {

  list-style: none;

  padding:0;

}

#sidebar ul li {

  margin-bottom: 15px;

}

.commentform textarea {

  height: 140px !important

}

#sidebar .widget {

  background: #f7f8fa;

  border: 1px solid #eff0f2;

  display: block;

  margin-bottom: 30px;

  overflow: hidden;

  padding: 40px 40px;

  position: relative;

}

body.blog-style #sidebar .widget {

  background-color: #fff;

}

body.blog-style #content .blog-title {

  padding:30px;

}

.content-widget .widget-title h4,

#content .widget-title h4,

#sidebar .widget-title h4 {

  font-weight: 600;

  font-size: 19px;

}

.content-widget .widget-title {

  margin-bottom: 20px;

}

.content-widget .widget-title hr,

#content .widget-title hr,

#sidebar .widget-title hr {

  width: 45px;

  border-width: 2px;

}

#content .widget-title {

  margin: 40px 0 20px;

}

#sidebar .widget-title {

  margin-bottom: 20px;

}

.tag-widget a{

  background-color:#fff;

  border:1px solid #d7d7d7;

  border-radius:2px;

  line-height:1;

  display:inline-block;

  padding:7px 13px;

  margin:0 7px 7px 0;

}

.latest-tweets p:before {

  content: "\f099";

  font-family: "FontAwesome";

  font-size: 16px;

  left: 0;

  color:#999eab;

  padding-right:5px;

  position: relative;

  top: 2px;

}

.latest-tweets {

  padding: 0;

  list-style: none;

}

.latest-tweets li {

  display: inline-table;

  padding: 0;

  margin-bottom: 10px;

  width: 100%;

}

.latest-tweets li p a {

  margin: 0 4px;

}

.latest-tweets li p {

  padding-bottom: 0;

}

.latest-tweets li span {

  color: #767676;

  display: block;

  font-size: 12px;

  font-style: italic;

  margin: 7px 0 0;

}

.blog-widget .blog-title h2 a, 

.blog-widget .blog-title h2 {

  font-size: 18px;

  line-height: 24px;

  margin-bottom: 20px;

}

.blog-widget .blog-wrapper {

  border-bottom: 1px solid #dedde1;

}

.blog-wrapper {

  background-color: #fff;

  position: relative;

}

.category_title {

  margin-bottom: 10px;

  display: block;

  text-transform: uppercase;

}

.blog-title {

  padding:30px;

}

.blog-title p {

  font-size: 14px;

  font-family: 'Roboto Slab', serif;

  font-weight: 300;

  color: #999999;

  line-height: 24px;

  padding-top: 5px;

}

.blog-title h2 a,

.blog-title h2 {

  font-size: 30px;

  padding-bottom: 0;

  margin-bottom: 0;

  margin-top: 0;

  color:#363a47;

  font-weight: 700;

  line-height: 36px;

}

#content .blog-title h2,

#content .blog-title h2 a {

  font-size: 24px;

  letter-spacing: -1px;

}

#content .blog-title {

  padding:30px 0 40px;

}

#content.single-post .blog-title,

#content.list-blog .blog-title {

  padding-top:0;

}

#content.list-blog .blog-wrapper {

  padding-bottom: 30px;

}

.post-meta i {

  padding-right: 2px;

}

.post-meta span {

  margin-right: 13px;

  font-size: 13px;

}

.post-meta {

  margin: 20px 0 5px;

  padding: 0;

}

.post-meta a,

.post-meta span {

  color:#8c8c8c;

  font-weight: 400;

}

.pager a,

.pagination a {

  border:0 !important;

  width: 40px;

  height: 42px;

  line-height: 40px;

  padding:0 !important;

  text-align: center;

  font-size: 15px;

  font-weight: 600;

  margin:0 5px 0 0;

}

.pager a {

  border-radius: 0 !important;

  width: 40px;

  height: 40px;

  line-height: 40px;

}





/* ----------------------------------------------------

产品分类  在线咨询

------------------------------------------------------- */  



.pricing-tables {

}

.pricing-tables h1 {

  font-size:48px;

}

.pricing-tables .plan.first {

  border-bottom-left-radius:4px;

  border-top-left-radius:4px;

}

.pricing-tables .plan.last {

  border-bottom-right-radius:4px;

  border-top-right-radius:4px;

}

.pricing-tables .plan.recommended {

  border-bottom-left-radius:4px;

  border-bottom-right-radius:4px;

}

.pricing-tables .plan.recommended .head {

  margin-bottom:20px;

  border-top-left-radius:4px;

  border-top-right-radius:4px;

}

.pricing-tables.attached .col-sm-4,.pricing-tables.attached .col-md-4,.pricing-tables.attached .col-sm-3,.pricing-tables.attached .col-md-3 {

  padding-left:0;

  padding-right:0;

}

.pricing-tables.attached .plan.recommended {

  border-radius:4px;

}

.pricing-tables.attached .plan.recommended .head {

  border-top-left-radius:4px;

  border-top-right-radius:4px;

}

.pricing-tables.attached .plan.last {

  border-bottom-right-radius:4px;

}

.pricing-tables.attached .plan.last .head {

  border-top-right-radius:4px;

}

.pricing-tables.attached .plan.first {

  border-bottom-left-radius:4px;

}

.pricing-tables.attached .plan.first .head {

  border-top-left-radius:4px;

}

.fullpadding {

  padding: 180px 0

}

.videobg {

  background-color: #111;

  display: block;

  position: relative;

  padding:20px;

}

.videobg p {

  color:#fff;

  font-size: 18px;

}

.videobg h1 {

  color:#fff;

  font-size:22px;

  font-weight: 600;

}

.image-center img {

  position: relative;

  margin:-58px auto -140px;

  z-index: 10;

  text-align: center;

}



.image-center2 img {

  margin:-180px auto -1px;

}



.plan {

  min-height:40px;

  background:#fff;

  border-radius:4px;

  margin-bottom:5px;

  text-align:center;

}

.plan .head {

  background: linear-gradient(#00a257, #008b4b, #008b4b, #008b4b) ;

  color:#fff!important;

  padding:15px 20px;

}

.plan .head h2 {

  color:#fff!important; font-size:20px; font-weight:bold;padding:5px 10px;

}

.plan .head p {

  color:#fff!important; font-size:14px;

  margin:0; border-bottom:1px solid #007e44;

  padding:9px 10px;

}

.plan .head a{

  color:#fff;

}



.plan .head a:hover{

  color:#e9252c;

}

.plan .price {

  border-top:1px solid #eee;

  width:80%;

  margin:0 auto 30px;

}

.plan .price h3 {

  font-size:74px;

  vertical-align:top;

  padding-top:20px;

  line-height:1;

}

.plan .price h3 span {

  font-size:38px;

  vertical-align:top;

  position:relative;

  display:inline-block;

  margin:6px 0 0 -7px;

}

.plan .price h4 {

  color: #2f2828;

  font-size: 18px;

  text-transform: uppercase;

}

.plan .btn {

  text-transform:uppercase;

  font-weight:500;

  padding:10px 30px;

}

.plan ul {

  list-style-type:none;

  margin-top:0px;

  padding:0px;

}

@media (min-width: 320px) {

.plan,.shop-item .rating{ display:none}

.image-center{ display:none}

.plan ul li { padding:5px 0;

  font-size:12px; 

  text-align:left;

  overflow:hidden; height:70px;

  font-weight:400; 

  line-height:20px;

}	

}

@media (min-width: 1200px) {

.plan,.shop-item .rating{ display: inherit}

.image-center{ display: inherit}

.plan ul li {

  font-size:14px; 

  text-align:left;

  height:35px; 

  overflow:hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-weight:400; 

  text-indent:20px; 

  line-height:25px;

}	

}

.plan ul li a {

  text-decoration:underline;

  color:#e6e9ed;

}

.plan ul li:last-child {

   border-bottom:1px dashed #eee;

}

.plan ul strong {

  font-weight:700;

}

.plan.recommended {

  margin-top:6px;

  box-shadow:0 0 22px rgba(10,10,10,0.42);

  position:relative;

  z-index:99;

  border-radius:4px;

}

.plan.recommended .head {

  border-top-left-radius:4px;

  border-top-right-radius:4px;

  background:#171717;

}

.plan.recommended .btn {

  margin-bottom:10px;

}

.pricing-tables.attached .plan,

.pricing-tables.attached .plan .head {

  border-radius:0;

}



/* ----------------------------------------------------

COLORS	

------------------------------------------------------- */  

.plan .head,

.topbar,

.pagination a,

.navbar-default .navbar-nav .open .dropdown-menu > li > a,

.navbar-default .navbar-nav > .open > a, 

.navbar-default .navbar-nav > .open > a:hover, 

.navbar-default .navbar-nav > .open > a:focus,

mark,

.grid figcaption,

.blogging:hover,

.btn-primary,

.progress-bar,

.owl-theme .owl-controls .owl-nav [class*=owl-],

.navbar-default .navbar-nav > li:hover > a,

.navbar-default .navbar-nav > li:focus > a,

.navbar-default .nav > li > a:hover,

.navbar-default .nav > li > a:focus,

.navbar-default .dropdown-menu,

.dark-yellow {

  color:#fff !important;

  background:#008b4b!important;

}



/* ----------------------------------------------------

企业实力

------------------------------------------------------- */ 

@media (max-width: 768px) {

.bootstrap-select .dropdown-menu,

.appoform .btn-white,

.ui-widget-content {

  width: 100%;

}

.appoform .btn-white {

  margin-top: 10px;

}

#carousel-reviews .carousel-control {

  display: none;

}

.service-style-2 .why-us img {

  float:none;

}

.owl-prev {

left: 0;

}

.owl-next {

right: -30px;

}

.grid img {

  width: 100%;

}



.services-1  {

  margin-top: 30px;

}

.grid,

.shop-item,

.team-member,

.why-us {

  margin-bottom: 30px;

}

}

/* ----------------------------------------------------

RESPONSIVE	

------------------------------------------------------- */  



@media (min-width: 320px) {

.green-welcomemessage img{ margin-right:10px;}

.green-welcomemessage p{

  margin-bottom: 20px; 

  line-height:30px; 

  color:#444; height:120px; overflow: hidden;

  font-size: 14px; text-align:left

}

.title-area h2 {

    font-size: 21px;

    font-weight: 700;

    padding: 15px 0 5px;

    text-transform: uppercase;

}

.section {

  position: relative;

  display: block;

  padding:30px 0 20px 0;

  overflow: hidden;

}	

.module-wrapper{ display:none}

.list-inline{ display: none}

.footer {

  padding:20px 0;

  position: relative;

  background: url(../images/footerbg.png) no-repeat bottom;

}

.copyright p{ text-align: center}

}

@media (min-width: 1200px) {

.green-welcomemessage img{ margin-bottom:20px;}

.green-welcomemessage p{

  margin-bottom: 20px; 

  line-height:30px; 

  color:#444;

  font-size: 14px; text-align:left

}

.section {

  position: relative;

  display: block;

  padding:105px 0;

  overflow: hidden;

}

.module-wrapper{ display: inherit}	

.list-inline{ display: inherit}	

.footer {

  padding:50px 0;

  position: relative;

  background: url(../images/footerbg.png) no-repeat bottom;

}

.copyright p{ text-align:left}

}









/* ==================================================================

FOOTER

================================================================== */

.footerbg{ background: linear-gradient(#eee, #fff);}



.footer hr {

  border-color: transparent;

  margin: 30px 0;

}

.credits-section .widget-title h4 {

  color:#444;

  font-weight: bold;

  font-size: 18px !important;

  margin-bottom: 10px;

}

.footer-credits i {

  font-size: 24px;

  cursor: pointer;

  margin:0 5px;

  color:#444;

}

.footer-credits i:hover {

  color:#324756;

}

ul.site-links {

  margin-top:16px;

}

.footer ul {

  padding:0;

}

.copyright {

  border-top:1px solid #eee;

  padding:10px 0 80px 0;

  display: block;

  position: relative;

  text-transform: capitalize;

}

.copyright a,

.copyright p {

  color:#777;

  padding:0 !important; 

}

.copyright p {

  padding:0;

}



.list-inline li a {color:#e9252c;

}

.copyright li {

  margin:5px 0 0 10px;

}



.footer p {

  padding-bottom: 0;

}

.content-widget .widget-title,

.footer .widget-title {

  margin-bottom: 10px;

}

.footer .social {

  margin-top: 30px;

  display: block;

}

.footer .social a {

  border: 0 solid #5d5f64;

  padding:0 4px !important;

  margin: 0 !important;

}

.footer .widget-title h4{

  color:#008b4b;

  font-weight: 700;

  font-size: 16px;

}

.footer .widget ul li a,

.footer .widget ul,

.footer .footer p,

.footer a {

  color: #777;

font-weight: 500;

}

.font-weight{ color:#e9252c}

.footer .widget ul li i {

  padding-right: 5px;

}

.footer .widget ul li {

  list-style:none; line-height:25px;

  margin-bottom: 14px;

}

.ewm{ width:100px; text-align:center; line-height:40px;}







/***********************************************************************************************/



.title-area h2 {

    font-size: 30px;

    font-weight: 700;

    padding: 15px 0 5px;

    text-transform: uppercase;

}

.news .widget-title{ border-bottom:1px dashed #eee; margin-bottom:20px;}

.news .widget-title h4 a{

  color:#008b4b;

  font-weight: 700;

  font-size: 16px;

}

.news .widget-title b{

  color:#777; 

  font-weight:100;

  font-size: 12px; display:block

}

.news .widget-title p{

  color:#444; 

  margin-top:10px;

  font-size: 14px;

}

.news .widget-title a{ margin-bottom:15px; display:block}

.news .widget ul li i {

  padding-right: 5px;

}

.news .widget ul li {

  list-style:none; line-height:25px;

  margin-bottom: 14px;

}





.i-tab{ width:100%; }

.i-tab td{ line-height:36px; font-size:14px; color:#5d5d5d; text-align:center; 

    border-bottom:1px solid #eee; padding:5px;

    border-left:1px solid #eee;

	border-right:1px solid #eee;

	border-top:1px solid #eee;

}

.i-tab td.last{ border-right:1px solid #dcdcdc; }

.i-tab tr.bg td{ background-color:#e7f2ed; }



.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.xf-page{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:39.7px 0 0px; text-transform:uppercase;clear: both;}
.xf-page ul {display: block; display: flex; align-items: center; justify-content: center;}
.xf-page ul li {display: inline-block;width: auto; border-radius: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; border: none; overflow: hidden; background: none;}
.xf-page .pagination{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:auto; padding-top:20px;}
.xf-page .pagination a,.xf-page .pagination span{display:inline-block; padding:0 20px !important;line-height:36px;font-size:14px;margin:0 5px;color: #666 !important;background: #fff;-webkit-transition:0.5s;transition:0.5s;width: auto;height: auto; font-weight: 500; border: 1px solid #DDDDDD !important; background: none !important;}
.xf-page .pagination span.current,.xf-page .pagination a:hover,.xf-page li.active span{color:#fff !important; border-color:#eb5d1e !important; background:#eb5d1e !important;}