body
{
	background: #FFF;
	font-family: "microsoft yahei", sans-serif ;
	font-size: 12px;
	position: relative;
}
ul {
	margin: 0;
	padding: 0; /*这两句使之没有缩进和边距效果*/
	list-style: none; /*这句使之没有前面的小黑点*/
}

li {
	margin: 0;	padding: 0;	list-style: none;
}
/* start templatemo page container */
@media (min-width: 768px) {
	.container { width: 760px; }
}
@media (min-width: 1200px) {
	.container { width: 1170px;	}
}
/* end templatemo page container */
p {
    font-size: 13px;
    line-height: 2.0;
}

.blue {
	color: #06C;
}

.green {
	color: #090;
}
.text-79{	color:#797979;}
.text-89{ color:#898989;}
.text-6{ color:#666666; }
.text-0{ color:#000;}
.f-13{ font-size:13px }
.f-40{ font-size:40px }
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.item img {
    width: 100%;
    height: 100%;
}

.n-wrap{width:1200px; margin:0 auto;}
/*----start-wrap---*/
.wrap {
	width:85%;
	margin: 0 auto;
	overflow:hidden;
}
.page {
	display: none;
}
/*---start-header---*/
.header {
	background:transparent url(../images/bot_line.png) bottom left repeat-x;
	z-index: 999;
	position:relative;
	width: 100%;
	height: 81px;
	line-height: 81px;
	margin-bottom:-81px;
}
.header .logo a {
	float: left;
	width: 190px;
	height: 53px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-top: 15px;
}
.header .h-logo a{
	background:url(../images/logo_w.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	}
.top-nav {
	float: right;
}
.top-nav ul li {
	display: inline-block;
}
.top-nav ul li a {
	color:rgba(255,255,255,.8)!important;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	padding: 0 20px;
	display: block;
	font-size: 15px;

}
.top-nav ul li a:hover, .top-nav ul li.active a {
	color:rgba(255,164,0,1)!important;	
}
/*---start-image-slider---*/
.img-slider {
	background: #2D251B;
}
.screen-divice {
	padding: 3em 0;
	display: block;
}
/*---//End-image-slider---*/
@media screen (min-width:1001px) and (max-width:1280px){
	.header{height:52px; line-height:52px;}
	.header .logo a{width:106px; height:33px;margin-top:8px;}
	}

@media only screen  (max-width:1000px) {
	.top-nav ul li a{
		padding: 0 15px;
	}
}
@media only screen and (max-width:999px) and (min-width:320px) {
	.header{height:52px; line-height:52px;margin-bottom:-52px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease; position:fixed; }
	.header .logo a{width:106px; height:33px;margin-top:8px;}
	.mm-opening .header{right:30%;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
	.mini{top:0;}
.wrap {
	width: 95%;
}
.top-grid {
	width: 27.3%;
}
#page {
	display: block;
}
.navicon {
	display: block;
	width: 30px;
	height: 28px;
	position: absolute;
	top: 12px;
	right: 16px;
	background: url(../images/nav-icon.png) no-repeat;
}
.top-nav {
	display: none;
}
.logo {
	float: left;
	text-align: center;
	margin: 0;
}
.logo img {
	height: 32px;
}
.top-grid {
	width: 100%;
	border-right: 0;
	border-bottom: 0;
	float: none;
	padding: 0.5em 0;
}
.top-grid1 label {
	display: none;
}

}
/*????*/
.mini,.grey .header {
	width: 100%;
	background: #fff;
	border: none;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	z-index:999;
	position:fixed; top:0;
	height:70px;
}
.mini .logo a,.grey .header .logo a{
	background-image: url(../images/logo.png); margin-top:8px; 
}
.mini .top-nav ul li a,.grey .header ul li a  {
	color:rgba(68,68,68,1)!important; height:70px; font-size:15px;
}
.mini .top-nav ul li a:hover,.mini .top-nav ul li.active a,.grey .header ul li a:hover {
	color:rgba(255,255,255,1)!important; background-color:#ffa400;
}
.mini .navicon,.grey .header .navicon {
	background: url(../images/nav-icon_g.png) no-repeat;
}

@media only screen and (max-width: 999px) and (min-width: 640px){
	.mm-opening .header{right:0; position:relative;}
	}


/* start templatemo navigation */
.navbar-default
{
	background: #FFF;
	border: none;
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
	margin: 0;
}
.navbar-default .navbar-brand {
  margin-right: 70px;
  margin-left:40px;
  width: 200px;
  height: 65px;
  background: url(../images/logo.png) no-repeat 0 50%;
}
.navbar-default .navbar-brand:hover { color: #ffa400; }
.navbar-default .nav li a
{
	color: #333;
	font-size: 14px;
	font-weight: 700;
	height: 65px;
	line-height: 38px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.navbar-default .nav li a:hover
{
	background-color: #ffa400;
	color: #FFF;
}
.navbar-default .nav li a:focus { color: #303030; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #FFF;
	background-color: #ffa400;
}
.navbar-default .navbar-nav  .active  {
	color: #FFF;
	background-color: #ffa400;
}
.navbar-default .navbar-toggle
{
	border: none;
	padding-top: 18px;
}
.navbar-default .navbar-toggle .icon-bar
{
	background: #ffa400;
	border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: transparent }
/* end templatemo navigation */
/*navbar-default-2*/
.navbar-default2
{
	background: #FFF;
	border: none;
	border-bottom:3px #ffa400 solid;
	margin: 0;
}
.navbar-default2 .navbar-brand {
  margin-right: 70px;
  margin-left:40px;
  width: 200px;
  height: 65px;
  background: url(../images/logo.png) no-repeat 0 50%;
}
.navbar-default2 .navbar-brand:hover { color: #ffa400; }
.navbar-default2 .nav li a
{
	color: #333;
	font-size: 14px;
	font-weight: normal;
	height: 65px;
	line-height: 38px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.navbar-default2 .nav li a:hover
{
	background-color: #ffa400;
	color: #FFF;
}
.navbar-default2 .nav li a:focus { color: #303030; }
.navbar-default2 .navbar-nav > .active > a,
.navbar-default2 .navbar-nav > .active > a:hover,
.navbar-default2 .navbar-nav > .active > a:focus {
	color: #FFF;
	background-color: #ffa400;
}
.navbar-default2 .navbar-nav  .active  {
	color: #FFF;
	background-color: #ffa400;
}
.navbar-default2 .navbar-toggle
{
	border: none;
	padding-top: 18px;
}
.navbar-default2 .navbar-toggle .icon-bar
{
	background: #ffa400;
	border-color: transparent;
}
.navbar-default2 .navbar-toggle:hover,
.navbar-default2 .navbar-toggle:focus { background-color: transparent }
/*navbar-default-2end*/
/* start templatemo header background slideshow */
#home { padding-top: 65px; }
.flexslider {
	margin: 0 0 60px;
	background: #fff;
	padding: 0;
	position: relative;
	zoom: 1;
	background-color: #371604;
	overflow: hidden;
	margin: 0;
}
.flexslider .slides {
	padding: 0;
	zoom: 1;
}
.flexslider .slides img {
	width: 100%;
	min-width: 648px;
	min-height: 270px;
	display: block;
}
.flexslider .slides > li {
	display: none;  
	padding: 0;
	position: relative;
	-webkit-backface-visibility: hidden;
}
.flexslider img {
	position: relative;
	width: 100%;
}
.slider-caption {
	color:white;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase;
	z-index: 7;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.templatemo-slider-btn
{
	background: #ffa400;
	border-radius: 0;
	border: 2px solid transparent;
	color: #FFFFFF;
	font-weight: bold;
	margin: 40px 0 0 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	height: 50px;
	width: 250px;
	padding: 12px 10px 10px 10px;
}
.templatemo-slider-btn:hover,
.templatemo-slider-btn:focus {
	background: #fff;
	color: #ffa400;
	border: 2px solid transparent;
}
.list_banner {
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: none;}
.fixed-image {
	background-position: center center;
	background-repeat: no-repeat;min-height:300px;

}
.fixed-image {
	background-attachment: fixed;
}
.fixed-image {
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* start templatemo features */
.features
{
	background: #F9F9F9;
	border-bottom: 1px solid #f0f0f0;
	padding: 60px 0 60px 0;
}
.features h2
{
	font-weight: 400;
	padding-bottom: 20px;
}
.features h3
{
	font-weight: 400;
	padding-bottom: 6px;
}
.features .fa
{
	background: #ffa400;
	border-radius: 50%;
	color: #FFF;
	font-size: 28px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;

}
.features .fa:hover
{
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	background-color: #00aeff;
}
/* end templatemo features */

/* start templatemo case */
#case
{
	color: #333;
	padding: 50px 0; background:url(../images/1T.png)
}
#case .col-md-12 {	padding: 20px 0 0 0; }
#case h2
{
	font-weight: 400;
	padding: 0 0 20px 0;
}
#case h4
{
	font-weight: 600;
	padding-top: 6px;
	padding-bottom: 10px;
}
#case .skills { padding-top: 30px; }
#case .progress
{
	background: #999;
	height: 6px;
	margin: 10px 0 16px 0;
}
#case .progress .progress-bar-success { background: #ffa400; }
/* start templatemo about */
#about
{
		padding: 50px 0; 
}
.about h3 {
    /*text-transform: uppercase;*/
    color: #475168;
    margin-top:40px;
}
.about-heading {
	margin: 20px 0 30px 0;
	text-transform: none;
	font-size: 22px;
	color: #666;
 	font-weight: 500;
}
#about p {
	margin: 0;
	font-size: 14px;
	color: #666;
}
#about img {
	margin-bottom: 25px;
}
#about ul {
	margin-top: 25px;
}
#about ul li {
	margin: 15px 0;
}
#about H4 {
	font-weight: 500;
}
#company-section dl.nr_2 {padding:0px 22px 0 0; }
/*关于我们*/

.main{
    width: 1000px;
    margin:60px auto;
}
.collb_lb p{
	line-height:30px;
	margin:20px 0;
	font-size:14px; color:#666;
	}
.about_cont_a{
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #b2b2b2;
	padding-bottom:75px;
	margin-bottom:30px
}


.about_conta_top{
	padding-top:20px;
	overflow:hidden; padding-bottom:30px;
	border-bottom:1px #ededed solid;
}
.about_conta_topl{
	float:left;
	padding-top:15px
}
.about_conta_topr{
	float:right;
	overflow:hidden
}
.about_conta_toprt{
	text-align:right;
	color:#1f2228;
	
}
.about_conta_toprt a,.about_conta_toprt span{
	color:#1f2228;
}
.about_conta_toprt a:hover{
	color:#666
	}
.about_conta_toprt span{
	padding-left:10px;
	background:url(../images/about_k.jpg) no-repeat 0 5px;	
}
.about_conta_toprb{
	overflow:hidden;
	margin-top:25px;
}

.about_conta_toprb a{
	display:block;
	float:left;
	height:28px;
	padding:0 20px;
	background:#49494e;
	line-height:28px;
	text-align:center;
	margin-left:9px;
	color:#fff;
}
.about_conta_toprb a:hover,.about_conta_toprb a.cur{
	background:#929295;
}
.about_conta_toprb.a a:hover{
	background:#ff4c4c; color:#FFFFFF

	}
.about_conta_toprb .selected{
	background-color: #ff4c4c;
}
.pro{
	overflow:hidden}


.pro_r{
	width:100%;
	}
.pro_r_cz{
	padding:18px
	}
.pro_r h1{
	font-size:40px;
	color:#0395e0;
	text-align:center;
	line-height:80px;background:url(../images/class_title_bj.png) no-repeat bottom center ; 
	
}

/*关于我们 end */
/* end templatemo about */

/* start templatemo Solution */
#Solution
{
	background: url(../images/services-banner.png);
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	padding: 40px 0 60px 0;
}

#Solution .f-box {
    background: #f8f8f8;
	color:#333333;
    border-radius: 5px;
    padding:6px 20px 20px 20px;
    text-align: left;
    min-height: 100px;
    margin-bottom:20px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

/*#Solution .f-box i{
    font-size: 50px;
    line-height: normal;
    margin-top:18px; float:left; margin-right:20px;
    display: inline-table;
    color: #ffa400;

}
*/
#Solution .f-box:hover, .f-box.active {
    background: #ffae00;
    border-radius:5px;
    padding:6px 20px 20px 20px;;
    min-height: 100px;
    margin-bottom: 20px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

/*#Solution .f-box:hover i, .f-box.active i{
    font-size: 50px;
    line-height: normal;
    display: inline-table; float:left;
    color: #fff;
}
*/
#Solution .f-box h5{ display:block; line-height: normal; float:left;margin-right:15px;}
#Solution .f-box h6{ display:none; line-height: normal; float:left;margin-right:15px;}
#Solution .f-box:hover h5{ display:none;margin-right:15px;}
#Solution .f-box:hover h6{ display:block;margin-right:15px;}

#Solution .f-box:hover h2,.f-box.active h2,.f-box:hover span,.f-box.active span{
    color: #fff;
}

#Solution .f-box h2{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: "microsoft yahei";
}
#Solution .f-box span{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;color:#777;
}
#Solution .f-box:hover span{color: #fff;}

#Solution .f-text {
    font-size: 14px;
    font-weight: 300; 
}

/* end templatemo Solution */
/*row-theSolution 列表解决方案*/
.projects{width: 100%;}
.projects .pros-ul{width: auto;}
.projects .item{position: relative; float:left; display: block;width: 100%;height:250px;border-bottom: 3px solid #e5e5e5;background-color: #f4f4f4; transition: all .2s ease-in-out;overflow: hidden; margin-bottom:20px;}
.projects .item:hover{background: #ffffff;border-bottom-color: #00aeff;}
.projects .item a{display: block;width: 100%;height: 100%;overflow: hidden;}
.projects .item a:hover{height: 110%;;color: #ffffff;}
.projects .item a:hover .p-name{color: #00aeff;}
.projects .p-img{position: relative; width:100%;height:150px; margin: auto;overflow: hidden;}
.projects .p-mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; opacity: 0; filter: alpha(opacity=0); transition: .4s; }
.projects .p-circle {position: absolute;left: 10%;top: 50%;width: 68px;height: 68px;margin: -34px 0 0 -34px;background: url(../images/icon_circle.png) no-repeat;opacity: 0;filter: alpha(opacity=0);transition: .4s;}
.projects .p-zoom{position: absolute;top: 50%; width: 34px;height: 33px; margin: -16px 0 0 -17px; background: url(../images/icon_zoom.png) no-repeat; opacity: 0; filter: alpha(opacity=0); transition: .4s; }
.projects .item:hover .p-mask{background: rgba(0,174,255,.8); opacity: 1; filter: alpha(opacity=100);}
.projects .item:hover .t{ color: #e3e3e3; }
.projects .item:hover .time{ color: #e3e3e3; }
.projects .item:hover .p-circle{ left: 50%; opacity: 1; filter: alpha(opacity=100); }
.projects .item:hover .p-zoom{ left: 50%; opacity: 1; filter: alpha(opacity=100); }
.projects .p-name{padding: 0 20px; margin: 10px 0; text-align: center; font-size: 18px;color: #333333;}
.projects .p-desc{padding: 0 20px; text-align: center; font-size: 12px;color: #999999;}
/*row-theSolution 列表解决方案*/

.btn {
  font-weight: 300;
  border: 0;
}
.btn.btn-primary {
  background-color: #666666; 
}
.btn.btn-primary:hover,
.btn.btn-primary.active {
  background-color: #ff6600;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#case .box {
}
.case-items,
.case-filter {
  list-style: none;
  padding: 0;
  margin: 0;
}
.case-items {
  margin-right: -20px;
}
.case-filter {
  margin-bottom: 40px;
  text-align: center;
}
.case-filter > li {
  display: inline-block;
}
.case-items > li {
  float: left;
  padding: 0;
  margin: 0;
}
.case-items.col-2 > li {
  width: 50%;
}
.case-items.col-3 > li {
  width: 33%;
}
.case-items.col-4 > li {
  width: 20%;
}
.case-items.col-5 > li {
  width: 20%;
}
.case-items.col-6 > li {
  width: 16%;
}
.case-item .item-inner {
  margin: 0 20px 10px 0;
  text-align: center;
  background: #fff;
  padding:8px;
  
}
.case-item img {
  width: 100%;
}
.case-item .case-image {
  position: relative;
}
.case-item h5 {
  margin: 0;
  padding: 10px 0 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.case-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.case-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.case-item .overlay .link {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.case-item:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope .isotope-item  .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/



/* start templatemo contact */

#contact
{
	background: #303030; background: url(../images/i5.jpg);
	color: #EEE; padding:50px 0 0 0;
	
}
#contact h2 { font-weight: 400; }
#contact .text-center p { padding: 0 0 60px 0;}
#contact h2, #contact h3 { padding: 0 0 20px 0; }
#contact .form-control
{
	background: transparent;
	border: 1px solid #444;
	border-radius: 0px;
	color: #FFF;
	margin: 10px 0 10px 0;
}
#contact input { height: 60px; }
#contact .form-control:focus
{
	background: #444444;
	border-color: transparent;
	box-shadow: none;
}
#contact input[type="submit"]
{
	color: #FFF;
	font-weight: 600;
	letter-spacing: 1px;
	width: 220px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#contact input[type="submit"]:hover
{
	background: #ffa400;
	border-color: transparent;
	color: #FFF;
}
#contact .address
{
	padding: 20px;
	padding-top: 0;
	margin: 0;
}
#contact .fa
{
	color: #ffa400;
	font-size: 20px;
	padding: 6px 10px 6px 0;
}

a {	}
a:hover, a:active 
{
	color: #ffa400;
	text-decoration: none;
}
/* end templatemo contact */

.latest-project {
	margin: 0 -5px 20px;
	font-size: 0px;
	letter-spacing: -.31em;
	word-spacing: -.43em;
}

.latest-project-item {
	display: inline-block;
	position: relative;
	z-index: 2;
	width:100px;
	height:100px;
	margin: 0 4px 6px !important;
	background: none;
	-webkit-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}

.latest-project a, .latest-project img {
	position: relative;
	display: block;
	box-shadow: 0 1px 1px rgba(0,0,0,0.07);
}

.latest-project a:after {
	content: '';
	position: absolute;
	top: 0;		left: 0;
	bottom: 0;	right: 0;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.latest-project a:hover:after {
	background: rgba(15,16,17,0.5); 
}

.latest-project a img {
	max-width: 100%;
}

.latest-project.m-dark a {
	border-color: #2f3132;
}

.latest-project.m-dark a:hover {
	border-color: #F64305;
}

.latest-project.m-dark a:after{
	background: rgba(0,0,0,0.5);
}

.latest-project.m-dark a:hover:after {
	background: none;
}
/*按钮*/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.white{
	font: 13px/120% Arial,"Microsoft Yahei"; 
	padding:12px 15px;
	color: #FFFFFF;
	border:1px #FFFFFF solid;	border-radius:50%;}
.white:hover {
	background: #00aeff;
	color: #FFF;border:1px #00aeff solid;}
.green{
	font: 13px/120% Arial,"Microsoft Yahei";
    padding:12px 15px;
	color: #FFF;background: #00aeff;
	border-radius:50%;
}
.green_two:hover {
	background: #ffa400;
	color: #FFF;

}
.green_two{
	font: 13px/120% Arial,"Microsoft Yahei";
    padding:8px 20px;
	color: #FFF;background: #00aeff;
	border-radius:50px;
}
.green:hover {
	background: #ffa400;
	color: #FFF;

}
.green_one{
	font: 12px/120% Arial,"Microsoft Yahei";
	padding:6px 15px;
	color: #FFF;background: #00aeff;
	border-radius:5px;
}
.green_one:hover {
	background: #ffa400;
	color: #FFF;

}

.Menubox {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	margin: 0 auto;

}
.Menubox ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.Menubox li {
	float: left;
	display: block;
	cursor: pointer;
	padding:6px 10px;
	text-align: center;
	font-size: 14px; margin:0 10px 8px 0;
	color: #FFF;
	background-color:#494949;
}
.Menubox li.hover {
	background-color:#ff4c4c;
	font-size: 14px;
	color: #FFF; 
	padding:6px 10px;
}

/* start templatemo footer */
footer
{
	border-top: 1px solid #404040;
	background: #202020;
	color: #FFF;
	padding: 20px 0;
}
footer .social_icon a
{
	border: 1px solid #FFF;
	border-radius: 50%;
	color: #FFF;
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	margin: 0 4px 24px 6px;
}
footer .social_icon a:hover
{
	border-color: transparent;
	background: #ffa400;
}
/* end templatemo footer */

/* starttemplatemo  go top */
.go-top 
{
	background-color: #ffa400;
	border-radius: 50%;
	bottom: 2em;
	right: 2em;
	color: #FFF;
	display: none;
	position: fixed;
	text-decoration: none;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.go-top:hover {	color: #F9F9F9; }
/* end templatemo go top */

@media only screen and (max-width: 1199px) {
	.flexslider h1 { font-size: 30px; }
	.flexslider h2 { font-size: 24px; }
}

/* start templatemo 768 media quires */
@media only screen and ( max-width: 768px ) {
	.navbar-default2.navbar-default .navbar-brand {	margin-left: 20px; }
	.navbar-default2.navbar-default .navbar-nav	{ margin: 0; }
	.navbar-default .navbar-collapse
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.flexslider h1 { font-size: 26px; }
	.flexslider h2 { font-size: 18px; }
	.templatemo-slider-btn { 
		margin-top: 10px; 
		width: 180px;
		height: 40px;
		padding-top: 8px;
	}
}
/* end templatemo 768 media quires */

/* start templatemo 680 media quires */
@media only screen and ( max-width: 680px ) {
	.navbar-default2 .navbar-default .navbar-nav li a { border-bottom: 1px solid #f6f6f6; line-height: normal; height: 40px; }
/* end templatemo 680 media quires */

/* start templatemo 600 media quires */
@media only screen and ( max-width: 640px ) {	
	.flexslider h1 { font-size: 20px; }
	.flexslider h2 { font-size: 14px; }
	.templatemo-slider-btn {
		width: auto;
		height: auto;
		padding: 10px 20px;
		margin-top: 10px; 
	}
}
/* end templatemo 600 media quires */