/*
* 我们的自定义样式
* @Author: iceStone
* @Date:   2015-12-12 10:56:34
* @Last Modified by:   iceStone
* @Last Modified 
time: 2015-12-15 17:23:08
*/

/**
 * 1.样式都是通过id去限定
 * 2.尽可能使用直接子代选择器
 */

/**
 * 公共样式
 */
body{
font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

@font-face {
  font-family: 'itcast';
  src: url('../font/MiFie-Web-Font.eot') format('embedded-opentype'), url('../font/MiFie-Web-Font.svg') format('svg'), url('../font/MiFie-Web-Font.ttf') format('truetype'), url('../font/MiFie-Web-Font.woff') format('woff');
}

/**
 * 头部区域
 */

#main_ad > .container-fluid > .row > div {
	min-height: 0;
	
}

#main_ad  {
	
	
}
@media (max-width:480px){
#main_ad  {
	margin-top: 0px;
	
}
}


/**
 * 网站导航
 */



/**
 * 关于我们
 */

#gywm {
	background-color: #ffffff;
	padding: 25px 0;
	text-align: center;
	box-shadow: 0px 0px 1px #c8c8c8;
	
}
	

#gywm > .container > .row {
	
	
	margin: 0 auto;
	
		
}
#gywm > .container > .row > div {
	display：inline-block;
		
}
#gywm > .container > .row > .tupian {
	
	height: 100%;		
}
#gywm > .container > .row > .jianjie {
	
		
}

/**
 * 精品课程
 */

#jpkc {
	background-color: #ffffff;
	
	text-align: center;
	box-shadow: 0px 0px 1px #c8c8c8;
	
	
}
	

#jpkc > .container > .row {
	
	
	margin: 0 auto;
	
		
}
#jpkc > .container > .row > div {
	display：inline-block;
		
}
#jpkc > .container > .row > .tupian {
	
	height: 100%;		
}
#jpkc > .container > .row > .jianjie {
	
		
}


/**
 * 产品展示
 */

#fycp { background-color: #ffffff;}


#cpzs{
	
	padding: 0px 0;
	text-align: center;
	
	
}

/**
 * 最新案例
 */

#fyal {
	background-color: #1e51ad;
	padding: 0px 0;
	text-align: center;
	box-shadow:0px 0px 3px 0px #c8c8c8 inset;
	
}


#zxal {
	background-color: #f8f8f8;
	padding: 25px 0;
	text-align: center;
	box-shadow: 0px 0px 1px #c8c8c8;
	
}

@media (min-width: 768px)
.bs-example {
margin-right: 0;
margin-left: 0;
background-color: #fff;
border-color: #ddd;
border-width: 1px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.bs-example {
position: relative;
padding: 45px 15px 15px;
margin: 0 -15px 15px;
padding-top: 0px;
}



/**
 * 新闻动态
 */
 
#xwdt {
	background-color: #ffffff;
	padding: 25px 0;
	text-align: left;
	
	
}

#xwdt .container .row .col-md-4 .block {
              border: 1px solid #ADADAD;
			  padding: 0px;
			  box-shadow: 10px 5px 10px #ccc;
			  padding: 0px;
			  background-color: #FFFFFF;
	
}


/**
 * 下面是当屏幕小于768时候的定义
 */

@media (max-width: 768px) {
#news .nav-stacked > li {
	float: left;
}	
	
}

/**
 *  产品内容页
 */
#cpnry {
	
	padding: 25px 0;
	
		
	}

#cpfl > a {
	line-height: 30px;
}
/**
 * 脚注区域
 */
#footer {
    background-color: #3f3939;
    position: relative;
	
}

#footera > li > a { 
	color: #ffffff;
}   



.clearfix {
    display: block;
}
.clearfix {
}
user agent stylesheet
div {
    display: block;
}




/**
 * 自定义导航css样式
 */

.navbar {
	margin-bottom: 0;
	border: 0;
	background-color: #0082d0;
	
	
	
}

.navbar-zdydaohang {
  background-color: #d82231;
  border-color: 0;
  text-align: center;
  font-size: 15px;
}



.navbar-zdydaohang .navbar-brand {
  color: #9d9d9d;
}
.navbar-zdydaohang .navbar-brand:hover,
.navbar-zdydaohang .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-zdydaohang .navbar-text {
  color: #9d9d9d;
}
.navbar-zdydaohang .navbar-nav > li > a {
  color: #FFFFFF;
  line-height: 62px;
}
.navbar-zdydaohang .navbar-nav > li > a:hover,
.navbar-zdydaohang .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-zdydaohang .navbar-nav > .active > a,
.navbar-zdydaohang .navbar-nav > .active > a:hover,
.navbar-zdydaohang .navbar-nav > .active > a:focus {
  color: #FFFFFF;
  background-color: 0;
}
.navbar-zdydaohang .navbar-nav > .disabled > a,
.navbar-zdydaohang .navbar-nav > .disabled > a:hover,
.navbar-zdydaohang .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-zdydaohang .navbar-toggle {
  border-color: #333;
}
.navbar-zdydaohang .navbar-toggle:hover,
.navbar-zdydaohang .navbar-toggle:focus {
  background-color: #333;
}
.navbar-zdydaohang .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-zdydaohang .navbar-collapse,
.navbar-zdydaohang .navbar-form {
  
}
.navbar-zdydaohang .navbar-nav > .open > a,
.navbar-zdydaohang .navbar-nav > .open > a:hover,
.navbar-zdydaohang .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > li > a {
    color: #101010;
  }
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-zdydaohang .navbar-link {
  color: #9d9d9d;
}
.navbar-zdydaohang .navbar-link:hover {
  color: #fff;
}
.navbar-zdydaohang .btn-link {
  color: #9d9d9d;
}
.navbar-zdydaohang .btn-link:hover,
.navbar-zdydaohang .btn-link:focus {
  color: #fff;
}
.navbar-zdydaohang .btn-link[disabled]:hover,
fieldset[disabled] .navbar-zdydaohang .btn-link:hover,
.navbar-zdydaohang .btn-link[disabled]:focus,
fieldset[disabled] .navbar-zdydaohang .btn-link:focus {
  color: #444;
}

.navbar-zdyddd {
  float: left;
  
  padding: 0px 0px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-zdyddd:hover,
.navbar-zdyddd:focus {
  text-decoration: none;
}
.navbar-zdyddd > img {
  display: block;
  
}
@media (max-width: 768px) {
#myCarousel {
    margin-top: 135px;
  }
}

@media (min-width: 768px) {
#myCarousel {
    margin-top: 92px;
  }
}

/**
 * 头部区域
 */
 
.topbar  > .container-fluid {
	
	background-color: #e7e7e7;
	border-bottom: 1px solid #ffffff;
}
 
.header > a {
	 color: #FFFFFF;
}
 
#header {
  
	border-bottom: 0px solid #f5a30f; 

}
#header > .topbar {
	height: 120px;
	
	line-height: 120px;
	
}
#header .mobile-link {
	font-size: 13px;
	color: #888;

}

#header .mobile-link:hover {
	text-decoration: none;
	
}
	
	

#header >.topbar >.container>.row > div{
	height: 40px;
	font-size: 13px;
	color: #888;
	
}



#header > .topbar > .container > .row > div + div {
  border-left: 1px solid #777777;
	
}


/**
 * 自定义导航css样式
 */
.navbar-itcast {
  background-color: #1e51ad;
  border-color: #BBB6B6;
  height: 40px;
  margin-bottom: 0px;
  width: 100%;
  top: 0px;
}
.navbar-itcast .navbar-brand {
  color: #ffffff;
  line-height: 50px;
}
.navbar-itcast .navbar-brand:hover,
.navbar-itcast .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
  line-height: 50px;
}
.navbar-itcast .navbar-text {
  color: #777;
}
.navbar-itcast .navbar-nav > li > a {
  color: #ffffff;
  line-height: 62px;
  font-size: 15px;
}
.navbar-itcast .navbar-nav > li > a:hover,
.navbar-itcast .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
  
}
.navbar-itcast .navbar-nav > .active > a,
.navbar-itcast .navbar-nav > .active > a:hover,
.navbar-itcast .navbar-nav > .active > a:focus {
  color: #;
  background-color: 0;
  om: inherit;
}
.navbar-itcast .navbar-nav > .disabled > a,
.navbar-itcast .navbar-nav > .disabled > a:hover,
.navbar-itcast .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-itcast .navbar-toggle {
  border-color: #ddd;
  margin-top: 9px;
  margin-bottom: 0px;
  height:40px;
  
  
  
}
.navbar-itcast .navbar-toggle:hover,
.navbar-itcast .navbar-toggle:focus {
  background-color: #ddd;
  
}
.navbar-itcast .navbar-toggle .icon-bar {
  background-color: #888;
 
}
.navbar-itcast .navbar-collapse,
.navbar-itcast .navbar-form {
  border-color: #e7e7e7;
}
.navbar-itcast .navbar-nav > .open > a,
.navbar-itcast .navbar-nav > .open > a:hover,
.navbar-itcast .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-itcast .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-itcast .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-itcast .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-itcast .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-itcast .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-itcast .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-itcast .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-itcast .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-itcast .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-itcast .navbar-link {
  color: #777;
}
.navbar-itcast .navbar-link:hover {
  color: #333;
}
.navbar-itcast .btn-link {
  color: #777;
}
.navbar-itcast .btn-link:hover,
.navbar-itcast .btn-link:focus {
  color: #333;
}
.navbar-itcast .btn-link[disabled]:hover,
fieldset[disabled] .navbar-itcast .btn-link:hover,
.navbar-itcast .btn-link[disabled]:focus,
fieldset[disabled] .navbar-itcast .btn-link:focus {
  color: #ccc;
}

/**
 *  动画区域
 */
body,html,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,ul,li{	
	padding:0;
	margin:0;
	}
  img{display:block;}
body {

	font:14px/1.5 Arial,'Microsoft Yahei',\5FAE\8F6F\96C5\9ED1;

	color:#333;
	background:#ffffff;

	}
a.disabled {
    cursor: default;
    opacity: 0.5;
}
img{display:block;border:0;}

dl,dd,dt,ul,li{

	list-style:none;
	
	}
a {
	color: #666;
	text-decoration: none;
	}

a:hover {
color: #333;
	}
h2.title{
font-size: 26px;
color: #333;
text-align: center;
padding: 15px 0 15px 0;
margin-bottom:20px;
border-bottom:1px dashed #d5d5d5;
}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{
	display:block
}

.he{position:fixed;top:0;left:0px;width:100%;height:110px;background:#fff;z-index:99;border-bottom:1px solid #ccc}

.main,.mainbox{width:1120px;overflow:hidden;margin:0 auto;}
.scrol-page{margin:0 auto;}
.content{width:1120px;margin:auto;}
nav{position:absolute;right:0px;top:0px;width:auto;line-height:60px;color:#000;font-size:14px}
.logo{padding-left:80px;background:url(/common/logo.png) no-repeat center left;font-size:35px;display:inline-block;line-height:59px;
color:#fff; width:237px;
 height:59px; padding-top:45px;
}
#product,#case,#solution,#order,#contact,#about{padding-top:80px;padding-bottom:50px}
.linkbtn{text-align:center;margin:50px 0;overflow:hidden;clear:both}
.linkbtn a{
display: inline-block;
    height: 40px;
    border: 3px solid #717171;
    text-align: center;
    padding: 0 50px;
    line-height: 40px;
    margin: 0 10px;
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
-moz-transition:.3s ease-in;

text-align:center;
display:inline-block;
}
.case p{padding:0 10px}
.linkbtn a.disable{border:3px solid gray;}
.linkbtn a:hover{
	background:#c11e2b;
	border-color:#c11e2b;
	color:#fff;
}
.linkbtn a.disabled:hover{
	
	border:3px solid gray;
	background:#fff !important;
  color:#717171;
}
#menuList{
	display: none;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
    color: #000;
}
#home .mainbox{position:relative}
#case p,#product p{text-align:center;font-size:15px}
#product p,#product h5{text-shadow: 0px 1px 2px #000;color:#fff}
#home .mainbox>img{position:absolute;left:10px;}
.case>h3 ,.news>h3,h3.title{
    font-size: 35px;
    color: #000;
    text-align: center;
    padding: 50px 0 50px 0;
	font-weight:normal
}

.sidebar{position:fixed;width:100px;top:0px;right:0px;bottom:0px;}
.case ul{visibility: visible;
    -webkit-perspective: 2000;
    position: relative;
    -moz-perspective: 2000;
    -ms-perspective: 2000;
    perspective: 2000;
    -ms-transform: perspective(2000px);
    -moz-transform: perspective(2000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;}
.case li,.news li{
	width:25%;
	  margin:20px 0;
	float:left;

	box-sizing:border-box;

    position: relative;
    transform-style: preserve-3d;
    -webkit-perspective: 2000;
    transform-origin: center;
    visibility: visible;
	}
.case li img {
   max-width:100%;
   margin: 0 auto;
}
.fwhite{color:#fff !important;}
.case li .imgs{height:11pc;overflow:hidden;display:block;border: 1px solid #ccc;
    box-shadow: 0 1px 2px #c5c5c5;}
.case li>div{
	transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	border: 1px solid #ccc;
     box-shadow: 0 1px 2px #c5c5c5;
 margin:0 19px;
 max-height: 11pc;
  min-height: 11pc;
}
.case li h2{
	background: #009fe9;
    color: #fff;
    backface-visibility: hidden;
     box-shadow: 0 1px 2px #c5c5c5;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    z-index: -1;
    text-align: center;
    position: absolute;
    top: 0px;
overflow:hidden;
    left: 20px;
    right: 20px;
	line-height:11pc;
   max-height: 11pc;
	min-height: 11pc;
	
}
.case li:hover>div{background:#fff; 

    transform:rotateY(180deg);
         -webkit-transform:rotateY(180deg);
            -moz-transform:rotateY(180deg); 
               -o-transform:rotateY(180deg);
               -ms-transform:rotateY(180deg);
}
.case li:hover img {
   
   
}
.case li:hover h2 a{color:#fff;padding:0 10px;}
.case li:hover h2{
     transform:rotateY(0deg);
max-height: 11pc;
	min-height: 11pc;
         -webkit-transform:rotateY(0deg);
            -moz-transform:rotateY(0deg);
               -o-transform:rotateY(0deg);
               -ms-transform:rotateY(0deg);
     
     z-index:1;

}
.news li h4{text-align:center;margin-bottom:10px;padding-bottom:10px;font-size:15px;border-bottom:1px solid #ccc;}
.news li p{line-height:20px;font-size:12px;margin:5px;
max-height:100px;overflow:hidden;
}
.news li p:first-child{text-indent:2em}
.news li a.more{
   display:inline-block;
    padding:0 15px;
    border:1px solid #555;
    height:28px;
    line-height:28px;
    font-size:12px;
    background:#fff;
    text-align:center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.news li a.more:hover{

    color:#fff;
    text-decoration:none;
    border:1px solid #c11e2b;
    background:#c11e2b;
}
.pages{text-align: center;clear:both;
    display:none}
	.view-tenth {
	position: relative;
	overflow: hidden;
display:block;
	max-height: 11pc;
	min-height: 11pc;
	text-align: center;
}
.view-tenth img {
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-ms-transform: scaleY(1);
  display:block;
  max-width:100%;
}
 .view-tenth a{display:block;}
	
	


input[type="text"], input[type="password"] {
  
    height: 30px;
	width:100%;
	box-sizing:border-box;
    line-height:30px;
    font-size: 14px;
    color: #787C7F;
	margin:0 auto

}
textarea{width:100%;box-sizing:border-box;height:150px;}
.viewMain {
    padding: 0 10px;
 
}
.viewMain, .view p {

    font-size: 14px;
    color: #666;
    text-align: left;
}
.bgblack{background:#000;}
.icons{overflow:hidden;}
.m20{clear:both;margin:20px 0; text-align:center;}
.icons h3{color:#fff; text-align:center;margin:20px 0;}
.icons p{color:#fff;font-size:12px;margin-top:20px;text-indent:2em;    overflow: hidden;
   height:70px;}
   .map{padding-top:10px}
   #home .title{text-align:right;font-size:60px;font-weight:bold;padding-right:10px;}
.icons i{color:#fff;font-size:60px;margin:0 auto;display:block;width:60px;

    -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
    border-radius:30px;
}
.icons li{

    float:left;width:25%;padding:20px;
    box-sizing:border-box;


}
.news{padding-top:20px !important;}
.icons li:hover i{


} 
.news ul{overflow:hidden}
section{padding:0px 0}
.views{padding-left:10px;padding-right:10px;padding-top:0px !important;}
.moreBtn{
    clear:both;
    margin:0 auto;
	border:3px solid #f5a30f;;
    background:#1e51ad;
	height:45px;
	line-height:45px;
	padding:0 4%;
  text-align:center;
	display:inline-block;
	-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   color:#fff;
	}
.moreBtn:hover{

color:#c11e2b;
border:3px solid #c11e2b;
background:none;
text-decoration:none;
padding:0 8%;

}
.act{

    background-position: 50% 50%;
    background-attachment: fixed;
    background-size: cover;

  }
.txtshadow{text-shadow:0px 1px 2px #000;}
.icons li{}
#dituContent{position:relative;}
#dituContent:before{

content:'';
position:absolute;
top:0;
left:0;right:0;bottom:0;
background:rgba(255,255,255,0);
z-index:999;

}
.memo:after {
    overflow: hidden;
    line-height: 100%;
    position: absolute;
    bottom: -130px;
    right: -75px;
    content: '”';
    font-size: 200px;
    color: #f1f2f2;
    font-weight: bold;
}
#menuList{display:none;position:fixed;top:15px;right:10px;font-size:30px;}
.openNav header{right:0px}
.openNav #menuList{right:80px;-webkit-transition: 0.2s ease-in 0s;
    -moz-transition: 0.2s ease-in 0s;
    -ms-transition: 0.1s ease-in 0s;
    -o-transition: 0.2s ease-in 0s;}
.openNav.pagemain{
    margin-right: 70px;
    margin-left: -70px;
}
.pagemain{
	margin-left:0px;
	margin-right:0px;
	-webkit-transition: 0.2s ease-in 0s;
    -moz-transition: 0.2s ease-in 0s;
    -ms-transition: 0.1s ease-in 0s;
    -o-transition: 0.2s ease-in 0s;
}
.news ul,.case ul{padding: 0 10px}
#solution{padding-top:220px;padding-bottom:100px;}
#about{padding-top:220px;}
@media(max-width:1120px){
	.mainbox,.main{width:100%;padding:0 }
}
@media(max-width:960px){
	section{padding-top:0px;}
	nav,.logo,nav>a,.he{line-height:50px;height:50px; }
  .logo{font-size:18px;}
	nav>a{width:auto;padding:0px 20px;}
	body{padding-top:0px}
	#product,#case,#solution,#order,#contact,#about{padding-top:0px;padding-bottom:0px}
	
}
@media (max-width: 767px) {
  .banner .ms{font-size:14px;}
  .slidecontent{padding:40px 0;}
	  #home .title{font-size:30px}
		#about.right{display:none}


#about .title,#order .title{text-align:center}
#about .right{display:none}
#menuList{display:block;}
.mainbox,.main{width:100%;}
.news li,.case li,.icons li{width:50%}


}
@media (max-width:600px){
#product,#case,#solution,#order,#contact,#about{padding-top:20px;padding-bottom:20px}
	
}
@media (max-width:480px){
	.moreBtn{display: block;margin: 0 10px}
	h2.title{font-size:20px;line-height:30px;padding:20px 0}
nav{position:absolute;top:0px;bottom:0px;right:0px;width:100%;background:#fff;}
nav a{display:block;}
.icons li,.case li,.news li{width: auto;
    float: none;}
	.icons li{opacity:1 !important}
	.slidecontent{height:120px}
	.banner .ms{font-size:14px;line-height:20px;height:60px;overflow:hidden}
	section h3.title{font-size:28px;line-height:30px;padding:0px 10px}
	section{overflow:hidden;padding:0px 0;}
}

/**
 * 动画区域结束 手机版导航栏nav 宽度和高度
 */
.tpic{margin:0 auto; display:block;max-width:100%;}

/**
 * 导航栏滚动样式
 */
 #case.active h3.title,#fycp.active h3.title,#case.active .infoText,#fycp.active .infoText{
	-webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
	-webkit-animation: fadeInUp 1s ;
  animation: fadeInUp 1s ;
}

#fycp.active ul li{
-webkit-animation: bounceInRight 1s;
  animation:bounceInRight 1s; 

}
	.title{padding-left:10px;padding-right:10px}

.case ul,.news ul{padding-top:20px;}
.tpic{margin:0 auto; display:block;max-width:100%;}
h2 a{display:block;}

a {
	color: #000000;
}

.nav-pills>li>a {
border-radius: 4px;
line-height: 0px; 
}
/**
 * 左侧导航颜色修改动样式
 */

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #000;
background-color: #0059a9;
border-color: #CBCBCC;
border-bottom:0px;
}

/**
 * 左侧导航颜色修改动样式
 */
 
 /**
 * 头部导航悬停颜色修改动样式
 */
 
 .nav>li>a:hover, .nav>li>a:focus , .nav>li>a:active {
    text-decoration: none;
    background-color: #da1010;
    padding: 10px 35px;
	line-height: 30px;
	 height: 50px;
	
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-style: normal;
}
 /**
 * 头部导航文字颜色修改动样式
 */
.nav>li>a {
position: relative;
display: block;
padding: 10px 35px;
line-height: 30px;

height: 50px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-style: normal;
	
}
 /**
 * 头部导航悬停颜色修改动样式
 */
 
  /**
 * 导航样式式
 */
 
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}
.navbar-inverse .navbar-toggle {
    border-color: #333;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    
    margin-bottom: 8px;
    background-color: #0082d0;
    background-image: none;
    border: 1px solid#FFFFFF; 
    border-radius: 4px;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, select {
    text-transform: none;
}

button {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
   /**
 * 导航样式式
 */
 
    /**
 * 胶囊导航手机导航样式式
 */
 
 @media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
	
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: 0px;
  
  
  font-size: 15px;

  
}

@media (max-width: 480px)
 {
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
    line-height: 30px;
    color: #ffffff;
	background-color:#0082d0;
	height: 50px;
	
}
.nav>li>a:hover, .nav>li>a:focus {
    height: 50px;
    text-decoration: none;
    background-color: #da1010;
    padding: 10px 20px;
    color: #ffffff;
    line-height: 30px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
    
    font-weight: bold;
    font-size: 15px;
	color: #000;
}
.navbar {
    margin-bottom: 0;
    border: 0;
    background-color: #ffffff;
}
.navbar-zdyddd > img {
    display: block;
	height: 46px;
	margin-right: -140px;
    margin-left: 0px;
	padding-top: 0px;
}
   
}
    /**
 * 胶囊导航手机导航样式式
 */
 
     /**
 * 手机导航样三个小横条
 */
.nav-pills .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}



#fwlc {
           
			  padding: 15px;
			  
			  }

#fwlc .container .row .col-md-12 {
              border: 1px solid #ADADAD;
			  padding: 0px;
			  box-shadow: 50px 5px 50px #ccc; 
			  padding-bottom: 15px;
			  
			  }
			  
#yqlj {
              padding: 20px;


              }	  
			  
.nav > li:hover .dropdown-menu {display: block;}
        

#leftdh {
    background: #046fcd;
}

#leftdh > ul  > li >a:hover {
    display: block;
    background-color: #da1010; 
	color: #ffffff;
	    
}

@media (max-width: 480px)
 {  
 
#leftdh >ul > li >a:hover {
    display: block;
    background-color: #2D88CF; 
	
	height: 36px;
	    
}
#leftdh > li >a {
    display: block;
    background-color: rgb(255, 175, 71); 
	width: 216px; 
	height: 36px;
	    
}
#leftdh  {

	width: 270px; 
	margin-left: 30px; 

	    
}
 
 
  }




    /**
 * 首页左侧导航样式式
 */

#xwdt .container .row .col-md-3 .text-center > li >a:hover {
    display: block;
    background: #333333;	
     
}
    /**
 * 首页左侧导航样式式
 */
 
    /**
 * 首页折叠效果
 */
 
.panel-default>.panel-heading {
    color: #fff;
    background-color: #013895;
    border-color: #DA0808;
}
    /**
 * 首页折叠效果
 */
 


    /**
 * 图片样式插件
 */
 
 @charset "utf-8";
.he_border1{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}



.he_border2{background:#3c0f14;width:100%;height:155px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption,.he_border2 .he_border2_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border2 .he_border2_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border2 .he_border2_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border2:hover .he_border2_caption_p{top:45%;opacity:1}


/*.he_border3{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3 .he_border3_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3:hover .he_border3_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border3 .he_border3_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3 .he_border3_caption::before,.he_border3 .he_border3_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border3 .he_border3_caption::before{top:14%;right:25%;bottom:14%;left:25%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}.he_border3 .he_border3_caption::after{top:25%;right:10%;bottom:25%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border3:hover .he_border3_caption::before,.he_border3:hover .he_border3_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border3 .he_border3_caption,.he_border3 .he_border3_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border3 .he_border3_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border3 .he_border3_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border3:hover .he_border3_caption_p{top:45%;opacity:1}*/


.he_3DFlipX{display:block;width:360px;height:240px;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
.he_3DFlipX_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.he_3DFlipX_inner div.he_3DFlipX_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipX_inner:hover > div.he_3DFlipX_img{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}.he_3DFlipX_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative}
.he_3DFlipX_caption{position:absolute;top:0;left:0;padding:0;background:#fe7253;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;background-color:#fe7253;text-align:center;backface-visibility:hidden;-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipX_inner:hover .he_3DFlipX_caption{opacity:1;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0)}
.he_3DFlipX_caption h3{font-size:1.3em;font-weight:700;text-align:center;width:100%;position:absolute;top:25%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipX_caption p{font-size:1em;text-align:center;width:100%;position:absolute;top:45%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipX a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}


.he_3DFlipY{display:block;width:250px;height:180px;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
.he_3DFlipY_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.he_3DFlipY_inner > div.he_3DFlipY_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipY_inner:hover > div.he_3DFlipY_img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}.he_3DFlipY_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative}
.he_3DFlipY_caption{position:absolute;top:0;left:0;padding:0;background:#fe7253;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;background-color:#fe7253;text-align:center;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipY_inner:hover .he_3DFlipY_caption{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}
.he_3DFlipY_caption h3{font-size:1.3em;font-weight:700;text-align:center;width:100%;position:absolute;top:25%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipY_caption p{font-size:1em;text-align:center;width:100%;position:absolute;top:45%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipY a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}

.he_ZoomInImg{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img{opacity:.7;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8}.he_ZoomInImg:hover .he_ZoomInImg_caption_h{color:#fff;opacity:1}
.he_ZoomInImg .he_ZoomInImg_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#fff;opacity:1}

.he_ZoomOutImg{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomOutImg .he_ZoomOutImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.he_ZoomOutImg:hover .he_ZoomOutImg_img{opacity:.7;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.he_ZoomOutImg .he_ZoomOutImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomOutImg .he_ZoomOutImg_caption,.he_ZoomOutImg .he_ZoomOutImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomOutImg .he_ZoomOutImg_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8}
.he_ZoomOutImg:hover .he_ZoomOutImg_caption_h{color:#fff;opacity:1}
.he_ZoomOutImg .he_ZoomOutImg_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_ZoomOutImg:hover .he_ZoomOutImg_caption_p{color:#fff;opacity:1}

.he_slideCaptionDown{background:#ff0000;width:180px;height:90px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(254,114,83,0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(254,114,83,.8);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:25%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:45%;opacity:1}

.he_slideAllDown{background:rgba(54,70,86,.8);width:100%;height:180px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:.9;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown:hover .he_slideAllDown_img{opacity:1;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.he_slideAllDown .he_slideAllDown_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_caption,.he_slideAllDown .he_slideAllDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideAllDown:hover .he_slideAllDown_caption_h{color:#fff;top:25%;opacity:1}
.he_slideAllDown .he_slideAllDown_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideAllDown:hover .he_slideAllDown_caption_p{color:#fff;top:45%;opacity:1}

.demo{width:360px; margin:60px auto 10px auto}
@media only screen and (min-width: 420px) {
	.demo{width:800px; margin:60px auto 10px auto}
}
.box{float:left; width:380px; height:260px}
.clear{clear:both}

@media (max-width: 480px)
 {
.he_slideAllDown{background:#fcb038;width:100%;height:125px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
 
 
.he_border2{background:#fe7253;width:158px;height:125px;padding:0px;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
 
.he_3DFlipY{display:block;width:158px;height:125px;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
 
 }
 
 
     /**
 * 图片综合样式插件
 */
 
      /**
 *      鼠标经过选项卡
 */
 
#container {
	text-align: left;
	
	height: 400px;
	background-color: #FFFFFF;
	padding: 20px;
}
#container #title {
	height: 28px;
}
#container #title li {
	float: left;
	list-style-type: none;
	height: 28px;
	line-height: 28px;
	text-align: center;
	margin-right: 1px;
}
#container #title ul {
	background-color: #FFFFFF;
	height: 28px;
}
#container #title a {
	text-decoration: none;
	color: #000000;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -29px;
}
#container #title a span{
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -29px;
	padding: 0 15px 0 15px;
}
#container #title #tag1 a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -87px;
}
#container #title #tag1 a:hover span{
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -87px;
	padding: 0 15px 0 15px;
}
#container #title #tag2 a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left 0px;
}
#container #title #tag2 a:hover span{
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right 0px;
	padding: 0 15px 0 15px;	
}
#container #title #tag3 a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -58px;
}
#container #title #tag3 a:hover span{
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -58px;
	padding: 0 15px 0 15px;	
}
#container #title #tag4 a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -145px;
}
#container #title #tag4 a:hover span{
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -145px;
	padding: 0 15px 0 15px;
}
#container #title #tag5 a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -174px;
}
#container #title #tag5 a:hover span{
	display: block; 
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -174px;
	padding: 0 15px 0 15px;
}
#container #title .selectli1 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -87px;
}
#container #title a .selectspan1 {
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -87px; 
	padding: 0 15px 0 15px;
}
#container #title .selectli2 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left 0px;
}
#container #title a .selectspan2 {
	display: block; 
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right 0px; 
	padding: 0 15px 0 15px;
}
#container #title .selectli3 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -58px;
}
#container #title a .selectspan3 {
	display: block; 
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -58px; 
	padding: 0 15px 0 15px;
}
#container #title .selectli4 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -145px;
}
#container #title a .selectspan4 {
	display: block; 
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -145px; 
	padding: 0 15px 0 15px;
}
#container #title .selectli5 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -174px;
}
#container #title a .selectspan5 {
	display: block; 
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -174px; 
	padding: 0 15px 0 15px;
}
#container #content ul {margin: 10px;}
#container #content li {margin: 5px; }
#container #content li img {margin: 5px;display:block;}
#container #content {
	height: 300px;
	padding: 10px;
}
.content1 {
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #2aa6e2;
	margin-left: 13px;
	

}
.content2 {
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #ff950b;
	margin-left: 13px;
	
}
.content3 {
	height: 300px;
	padding: 10px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FE74B8;
}
.content4 {
	height: 300px;
	padding: 10px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00988B;
	border-right-color: #00988B;
	border-bottom-color: #00988B;
	border-left-color: #00988B;
	background-color: #E8FFFD;
}
.content5 {
	height: 300px;
	padding: 10px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A8BC1F;
	border-right-color: #A8BC1F;
	border-bottom-color: #A8BC1F;
	border-left-color: #A8BC1F;
	background-color: #F7FAE2;
}
.hidecontent {display:none;}

       /**
 *      鼠标经过选项卡
 */
 
.khjzh .row .col-md-3 > img {
    display: block;
    border: 0;
    padding-bottom: 20px;

    
}
       /**
 *     关于我们家具的
 */
#guwomm {
    background-color: #175fd8;
   

    
}
#lunbotu {
    border: 1px solid #0376c7;
	padding-top: 6px;
}
       /**
 *     导航栏左边距定义
 */

.navbar-nav     {
margin-left: -15px;
}
@media (max-width:480px){
.navbar-nav    { 
margin-left: -15px;}

}
       /**
 *     导航栏左边距定义
 */
 
#zcflxt >   li >a:hover {
    display: block;
    background: #ffa101;
	
	
	
	}
#myTab >   li >a {
     
	color: #000;
    height: 38px;
    line-height: 18px;
	
	}
#myTab >   li >a:hover {
     
	color: #ffffff;
    height: 38px;
    line-height: 18px;
	background-color: #cc1d0a;
	
	}
#myTab >   li >a:visited {
     
	 color: #ffffff;
    height: 38px;
    line-height: 18px;
	
	}
	
#syanl  {
     
	margin-left: 0px;
	
	}
	
	
@media (max-width:480px){
#syanl  {
     
	margin-left: 0px;
	
	}	
	
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: #f3f3f3;
    
}

@media (max-width:480px){
#home .col-md-12 >img {width: 150px; height: 100px;
}
   }
   
   
.btn-primary {
    color: #fff;
    background-color: #0b8d33;
    border-color: #357ebd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: 0px;
}


       /**
 *     141诊所底部导航样式
 */
 
 
 .footer-top {
    background: #fff url('/141/img/bg08.png');
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.35);
    border: 2px solid rgba(149, 104, 73, .7);
    border-radius: 15px;
    position: relative;
    padding: 35px 30px 15px;
}
.clearfix {
    display: block;
}
.clearfix {
}
user agent stylesheet
div {
    display: block;
}


.share .btn {
    background: #9F71BB;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    line-height: 25px;
    font-size: 14px;
}

.btn, .ibtn {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
}


.site-footer .title {
    font-size: 18px;
    line-height: 1.2;
    color: #626262;
    margin: 0 0 10px;
    letter-spacing: 1px;
}



.btn.fb-fans-page {
    background: rgb(77, 104, 162);
    background: -moz-linear-gradient(top, rgba(77, 104, 162, 1) 0%, rgba(61, 91, 153, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(77, 104, 162, 1) 0%, rgba(61, 91, 153, 1) 100%);
    background: linear-gradient(to bottom, rgba(77, 104, 162, 1) 0%, rgba(61, 91, 153, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d68a2', endColorstr='#3d5b99', GradientType=0);
    color: #fff;
    font-size: 55px;
    width: 90px;
    height: 90px;
    line-height: 95px;
    border-radius: 15px;
    border: 3px solid transparent;
}

img {
    max-width: 100%;
    max-height: 100%;
   /* height: auto !important;*/
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}


.site-footer .title {
    font-size: 18px;
    line-height: 1.2;
    color: #626262;
    margin: 0 0 10px;
    letter-spacing: 1px;
}

.site-map ul li a {
    display: inline-block;
    padding: 2px 0 2px 25px;
    position: relative;
}

footer .container {
   
}

#gywomp   {
    height: 550px;
}

@media (max-width:480px){
#gywomp   {
    height: 900px;
}

}

h3.title:after {
    background: url(../img/bg_off.png) repeat;
    content: "";
    height: 5px;
    margin-left: 10px;
    position: absolute;
    top: 12px;
    width: 99%;
}
h3.title {
overflow: hidden;
line-height: 28px;
}
h3 {
font-size: 22px;
position: relative;
}


 /**
 *     149模板导航栏定义
 */
 
.single-bottom > a p  {
    height: 40px;
    
    
}
.place  > li {
    height: 40px;
    display: block;
       
}



         /**
 *     149模板导航栏定义
 */
 
.i.s1 {
    width: 67px;
    height: 67px;
    background: url(../187/img/img-sprite.png)no-repeat -96px -169px;
    display: block;
    float: left;
    margin-right: 1em;
}
.real:hover i.s1, .real:hover i.s2, .real:hover i.s3, .real:hover i.s4{
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}

         /**
 *     产品列表
 */
 /*--gallery--*/
.gallery {
    padding: 6em 0;
}
#gallery {
  padding: 1.4em 0;
}
#portfolio p {
  line-height: 1.8em;
  margin: 25px 0 0 0;
  font-size:1.1
  color: #ffffff;
  font-weight: 300;
}
.gallery-section h3{
   margin: 0;
  color: #ffffff;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 18px;
}
.gallery-grid {
  padding: 0;
}
.gallery1 {
position:relative;
}
.gallery1 .textbox {
	width:100%;
	height:210px;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform: scale(0);
	transform: scale(0);
   background-color:rgba(236, 23, 51, 0.6);
}
.gallery1:hover .textbox {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.gallery-grid img{
		width:100%;
		min-height: 210px;
}

.textbox {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
text-align:center;
}
.textbox h4 {
     font-size: 2.5em;
  color: #fff;
  margin-top:1.5em;
}
.textbox p {
     font-size: 15px !important;
    color: #fff;
    font-weight: 500 !important;
    margin: 22px 0 0 0!important;
}
.gallery-grids {
  margin-top: 50px;
}
h3.tittle {
    color: #293364;
    text-align: center;
    margin-bottom: 1em;
    font-size: 3em;
}
/*--news--*/
a.news {
    color: #FF8DAE;
    font-size: 1.6em;
    font-weight: bold;
	font-family: 'Merienda-Regular';
}
.news-grid p {
    font-size: 0.9em;
    line-height: 1.9em;
	color:#777;
	}
	a.post_date {
    color: #FF8DAE;
	font-size:0.9em;
}
a.post_date:hover{
  color:#293364;
}
.bog_post_info.infoPost > span + span {
    float: right;
}
.infoPost > span.commentPost {
    margin-right: 0;
    margin-left: 20px;
}
span.likePost i,span.commentPost i {
    color: #FF8DAE;
	margin-right:0.5em;
}
div#news {
    padding: 6em 0;
}
.news-top {
    margin-top: 4em;
}
.news-grid img {
    margin-bottom: 1em;
}
.bog_post_info.infoPost {
    margin-top: 1em;
}
a.news:hover,a.icon-comment-1:hover,a.icon-heart:hover,span.likePost i:hover,span.commentPost i:hover {
 color:#293364;
}
/*--products--*/
.products {
    padding: 7em 0;
    background-color: #293364;
}
h3.tittle.pro {
    color: #FF8DAE;
	margin-bottom:0.5em;
}
.products p {
    font-size: 0.9em;
    color: #fff;
    text-align: center;
}
/*--testimonials--*/
.testimonials {
    background:#ff8dae;
    text-align: center;
    padding: 5em 0 8em 0;
}
.testi-img img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}
.testi-text {
    width: 61%;
    margin: 3% auto 0;
}		
.testi-text h4 {
      font-size: 1.8em;
    font-weight: 400;
    color: #293364;
    margin-top: 0.3em;
}
.testi-text p {
      font-size: 0.9em;
    color: #fff;
    line-height: 2em;
    margin: 1em 0 0 0;
}
.testimonials.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
}
/*--contact--*/
#contact {
    padding: 6em 0;
	    background:#fff;
}
p.your-para {
    color:#293364;
    font-size: 0.9em;
    margin: 0 0 5px 0;
    font-weight: 600;
    text-transform: uppercase;
}
address {
    width: 100%;
    color: #777;
    font-size: 0.9em;
    line-height: 1.8em;
}
.more-address b, strong {
    
}
address a {
    color: #777;
    font-size: 1em;
    line-height: 1.8em;
}
address {
       margin: 0.5em 1em 1em 3.55em;
}
.contact-info h6 {
    color:#293364;
    font-size: 1.4em;
    margin: 0px 0 10px 0;
    line-height: 1.5em;
}
.contact-info p {
      color: #777;
    font-size: 0.9em;
    line-height: 1.9em;
}
p.mail {
    margin: 0.5em 0 0 3em;
}
p.mail a:hover {
    color:#ff8dae;
	}
i.icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
    background-color:#293364;
    color: #fff;
    font-size: 0.7em;
    vertical-align: middle;
    line-height: 38px;
    padding-left: 11px;
	margin-right: 10px;
}
.con-text {
    margin-top: 1em;
}
.con-text h3 {
   color: #ff8dae;
    font-weight: bold;
    font-size: 1.5em;
}
.contact-info {
    float: right;
}
ul.actions li {
    list-style: none;
    display: inline-block;
}
form input[type="text"], form input[type="email"], form input[type="password"], form textarea {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-appearance: none;
    display: block;
    border: 0;
	  outline: none;
    background: #fff;
	border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-o-border-radius: 0.2em;
    width: 100%;
    padding: 0.75em 1em 0.75em 1em;
	margin-bottom: 0.7em;
	    border: 1px solid #ddd;
}
form textarea {
     background: #fff;
    box-shadow: none;
       min-height: 13em;
    resize: none;
	    border: 1px solid #ddd;
}
form input[type="submit"] {
    background:#0082d0;
    outline: none;
    font-size: 1em;
    margin: 10px 0px;
    border: none;
    padding: 0.3em 2em;
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-transform: uppercase;
    -webkit-appearance: none;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-o-border-radius: 0.2em;
}
form input[type="submit"]:hover{
  background:#ff8dae;
}
form input[type="reset"] {
    background:#ff8dae;
    outline: none;
    font-size: 1em;
    margin: 16px 0px;
    border: none;
    padding: 0.6em 2em;
    color: #fff;
	border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-o-border-radius: 0.2em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-transform: uppercase;
    -webkit-appearance: none;
}
form input[type="reset"]:hover {
  background:#293364;
}
.logo.two {
    float: none;
    margin-bottom: 1em;
}
.logo.two a h3 {
    font-size: 3em;
    font-weight: 400;
       color: #293364;
}
.copy {
      text-align: center;
    background: #ff8dae;
    padding: 4em 1em;
  }
.copy p {
  color: #fff;
  font-size:0.9em;
}
.copy p a {
   color:#fff;
}
.copy p a:hover{
  text-decoration:underline;
}
ul.s_social.two {
    margin: 1.2em 0 0.5em 0;
}
/*--top-move--*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 40px;
  height: 22px;
  border: none;
  text-indent: 100%;
  background: url(../images/move-top.png) no-repeat 0px 0px;
}
/*--Responsive*--*/
@media (max-width:1440px){
	.banner-info {
		    position: absolute;
    top: 34%;
    z-index: 999;
    left: 30%;
    text-align: center;
	}
	.main-bnr-text {
		padding: 10em 7em;
	}
	.top-menu {
		float: left;
		margin: 1.2em 0 0 6em;
	}

}
@media (max-width:1366px){
	.banner-info {
		position: absolute;
		top: 34%;
		z-index: 999;
		left: 31%;
		text-align: center;
	}
	.top-menu {
		float: left;
		margin: 1.2em 0 0 6em;
	}
	.main-bnr-text h3 {
		font-size: 2.8em;
		margin-bottom: 0em;
	}
	.main-bnr-text {
		padding: 11em 7em;
	}

}
@media (max-width:1280px){
	.banner-info {
		position: absolute;
		top: 29%;
		z-index: 999;
		left: 27%;
		text-align: center;
	}
	.banner-info h3 {
    font-size: 2.8em;
	}
	.main-bnr-text h3 {
		font-size: 2.6em;
		margin-bottom: 0em;
	}
	.banner-info p {
       font-size: 1.3em;
	}
	.main-bnr-text {
		padding: 11em 5em;
	}

}
@media (max-width:1024px){
	.main-bnr-bg {
		background: url(../images/ab.jpg) center center no-repeat;
		background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-ms-background-size: cover;
		position: relative;
		z-index: 99;
		min-height: 555px;
	}
	.main-bnr-text {
		padding: 8em 3em;
	}
	.main-bnr-text h3 {
		font-size: 2.4em;
		margin-bottom: 0.3em;
	}
	.main-bnr-text h5 {
        font-size: 1.3em;
	}
	.top-menu ul li {
		display: inline-block;
		list-style: none;
		margin-right: 0.5em;
	}
	.top-menu {
		float: left;
		margin: 1.2em 0 0 2em;
	}
	.banner-info h3 {
		font-size: 2.3em;
	}
	.banner-info {
		position: absolute;
		top: 27%;
		z-index: 999;
		left: 27%;
		text-align: center;
	}
	.welcome h2 {
      font-size: 2.3em;
      width: 50%;
	}
	.top-grid h4 {
		margin-top: 1em;
		font-size: 1.8em;
	}
	.staff2 h3 a {
		font-size: 1.4em;
	}
	.welcome {
      padding: 6em 0;
	}
	.packages {
      padding: 5em 0;
	}
	h3.tittle {
		margin-bottom: 1em;
		font-size: 2.6em;
	}
	.package h5, .package1 h5, .package2 h5 {
       font-size: 1.4em;
	}
	div#news {
      padding: 5em 0;
    }
	a.news {
    font-size: 1.4em;
    font-weight: bold;
	}
	.textbox h4 {
		font-size: 2.3em;
		margin-top: 3.2em;
	}
	.callbacks_tabs {
		bottom: -15%;
		left: 44%;
	}
	#contact {
      padding: 5em 0;
	}
	.contact-info h6 {
		font-size: 1.3em;
		margin: 0px 0 10px 0;
		line-height: 1.5em;
	}
	.con-text h3 {
		font-weight: bold;
		font-size: 1.3em;
	}
	.copy {
		padding: 3em 1em;
	}
	address {
		margin: 0.5em 0em 1em 3.55em;
		width: 80%;
	}
	p.mail {
		margin: 0.5em 0 0 3.5em;
	}
}
@media (max-width:991px){
	.top-menu ul li {
		display: block;
		list-style: none;
		margin-right: 0;
	}
	.top-menu {
		float: left;
		margin: 1.2em 0 0 0em;
	}
	.search {
		float: right;
		width: 31%;
	}
	.logo a h1 {
      font-size: 2.8em;
	}
	.banner-info {
		position: absolute;
		top: 21%;
		z-index: 999;
		left:23%;
		text-align: center;
	}
	.banner-info h3 {
		font-size: 2em;
	}
	.main-bnr-bg {
		background: url(../images/ab.jpg) center center no-repeat;
		background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-ms-background-size: cover;
		position: relative;
		z-index: 99;
		min-height: 408px;
	}
	.top-menu ul li a {
    font-size: 0.9em;
	}
	.main-bnr-text {
		padding:7em 3em;
	}
	.top-grid {
		width: 32%;
		float: left;
		padding: 0;
		margin-right: 1%;
	}
	.top-grid h4 {
    margin-top: 1em;
    font-size: 1.6em;
	}
	.top-grid p {
		line-height: 1.9em;
		font-size: 0.85em;
		margin-top: 0.7em;
	}
	.welcome h2 {
		font-size: 2.2em;
		width: 59%;
	}
	.staff2 {
		float: left;
		margin-right: 9%;
		width: 41%;
		margin-bottom: 5%;
		padding: 0;
	}
	.staff {
		padding: 5em 0;
	}
	.p-left {
		padding: 0;
	}
	.p-right {
    padding: 0;
	}
	.packages {
		padding: 4em 0;
	}
	.news-grid {
		padding: 0;
		width:32%;
		float: left;
		margin-right:1%;
	}
	a.news {
		font-size: 1.2em;
		font-weight: bold;
	}
	.news-grid p {
    font-size: 0.85em;
	}
	a.post_date {
		font-size: 0.85em;
	}
	h3.tittle.pro {
		margin-bottom: 0.5em;
		font-size: 2.2em;
	}
	a.post_date {
		font-size: 0.85em;
	}
	.gallery1 {
		position: relative;
		float: left;
		width: 33%;
	}
	.textbox h4 {
		font-size: 1.8em;
		margin-top: 3em;
	}
	.testi-text h4 {
      font-size: 1.6em;
	}
	.testi-text {
		width: 80%;
		margin: 3% auto 0;
	}
	.contact-info {
		float: right;
		padding: 0;
		margin-top:1em;
	}
	.box {
		padding: 0;
	}
	.logo.two a h3 {
      font-size: 2.8em;
	}
}
@media (max-width:800px){
    span.menu {
		width: 35px;
		height: 35px;
		background: url('../images/nav.png') no-repeat;
		display: inline-block;
		cursor: pointer;
		float: left;
	    margin: 0.7em 0 0 9.8em;
	}
	.header-bottom {
  		padding: 1em 0;
	}
	.top-menu {
  	     width: 100%;
		display: none;
		text-align: center;
		background: #303D80;
		padding: 21px 0 0 0;
		margin-top: 10px;
		border: 1px solid rgba(239, 236, 236, 0.41);
	}
	.top-menu ul li {
		display: block;
		list-style: none;
		margin-right: 0;
	}
	.top-menu {
		float: left;
		margin: 1.2em 0 0 0em;
	}
	.search {
		float: right;
		width: 31%;
	}
	.logo a h1 {
      font-size: 2.8em;
	}
	.banner-info {
		position: absolute;
		top: 21%;
		z-index: 999;
		left:23%;
		text-align: center;
	}
	.banner-info h3 {
		font-size: 2em;
	}
	.main-bnr-bg {
		background: url(../images/ab.jpg) center center no-repeat;
		background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-ms-background-size: cover;
		position: relative;
		z-index: 99;
		min-height: 408px;
	}
	.top-menu ul li a {
    font-size: 0.9em;
	}
	.main-bnr-text {
		padding:7em 3em;
	}
	.top-grid {
		width: 32%;
		float: left;
		padding: 0;
		margin-right: 1%;
	}
	.top-grid h4 {
    margin-top: 1em;
    font-size: 1.6em;
	}
	.top-grid p {
		line-height: 1.9em;
		font-size: 0.85em;
		margin-top: 0.7em;
	}
	.welcome h2 {
		font-size: 2.2em;
		width: 59%;
	}
	.staff2 {
		float: left;
		margin-right: 9%;
		width: 41%;
		margin-bottom: 5%;
		padding: 0;
	}
	.staff {
		padding: 5em 0;
	}
	.p-left {
		padding: 0;
	}
	.p-right {
    padding: 0;
	}
	.packages {
		padding: 4em 0;
	}
	.news-grid {
		padding: 0;
		width:32%;
		float: left;
		margin-right:1%;
	}
	a.news {
		font-size: 1.2em;
		font-weight: bold;
	}
	.news-grid p {
    font-size: 0.85em;
	}
	a.post_date {
		font-size: 0.85em;
	}
	h3.tittle.pro {
		margin-bottom: 0.5em;
		font-size: 2.2em;
	}
	a.post_date {
		font-size: 0.85em;
	}
	.gallery1 {
		position: relative;
		float: left;
		width: 33%;
	}
	.textbox h4 {
		font-size: 1.8em;
		margin-top: 3em;
	}
	.testi-text h4 {
      font-size: 1.6em;
	}
	.testi-text {
		width: 80%;
		margin: 3% auto 0;
	}
	.contact-info {
		float: right;
		padding: 0;
		margin-top:1em;
	}
	.box {
		padding: 0;
	}
	.logo.two a h3 {
      font-size: 2.8em;
	}
}
@media (max-width:768px){
	.banner-info {
	    position: absolute;
		top: 21%;
		z-index: 999;
		left: 23%;
		text-align: center;
	}

}
@media (max-width:640px){
	.news-grid {
		padding: 0;
		width: 49%;
		float: left;
		margin-right: 1%;
		margin-bottom:8%;
	}
		.news-grid:nth-child(3) {
			padding: 0;
			width: 48%;
		    margin: 0 25.5%;
		}
		.main-bnr-text {
		padding: 5em 2em;
	}
	.main-bnr-bg {

		min-height: 371px;
	}
	.welcome h2 {
		font-size: 2em;
		width: 72%;
	}
	.top-grid {
		width: 49%;
		float: left;
		padding: 0;
		margin-right: 1%;
		margin-bottom:8%;
	}
		.top-grid:nth-child(3) {
		padding: 0;
		width: 49%;
		    margin: 0 25.5%;
	}
	.banner-info {
		position: absolute;
		top: 25%;
		z-index: 999;
		left: 23%;
		text-align: center;
	}
	h3.tittle.pro {
		margin-bottom: 0.5em;
		font-size: 2em;
	}
	.products {
       padding: 6em 0;
	}
	.textbox h4 {
		font-size: 1.6em;
		margin-top: 3em;
	}
	.textbox p {
		font-size: 13px !important;
		color: #fff;
		font-weight: 500 !important;
		margin: 10px 0 0 0!important;
	}
	h3.tittle {
		margin-bottom: 1em;
		font-size: 2.3em;
	}
	#gallery {
       padding: 4em 0;
	}
	div#news {
		padding: 4em 0;
	}
	.staff {
		padding: 4em 0;
	}
	.testi-text h4 {
		font-size: 1.4em;
	}
	.callbacks_tabs {
		bottom: -15%;
		left: 43%;
	}
	.callbacks_tabs a:after {
      height: 12px;
      width: 12px;
	}
	.callbacks_tabs li {
		display: inline-block;
		margin: 0 .1em;
	}
	.testimonials {
		padding: 5em 0 7em 0;
	}
	#contact {
		padding: 4em 0;
	}
	.copy {
      padding: 2em 1em;
   }
   .staff2 h3 a {
      font-size: 1.3em;
   }
   .main-bnr-text h3 {
		font-size: 2em;
		margin-bottom: 0.3em;
	}
	.banner-info h3 {
		font-size: 1.6em;
	}
	span.menu {
		width: 35px;
		height: 35px;
		background: url('../images/nav.png') no-repeat;
		display: inline-block;
		cursor: pointer;
		float: left;
		margin: 0.7em 0 0 7em;
	}
	.logo a h1 {
		font-size: 2.5em;
	}
	.header-top {
    padding: 1.3em 0;
	}
	.banner-info p {
    font-size: 1em;
    margin-bottom: 0.7em;
	}
	a.news {
		font-size: 1.5em;
		font-weight: bold;
	}
	.logo.two a h3 {
		font-size: 2.6em;
	}
	.welcome {
		padding: 5em 0;
	}
	.logo.two a h3 {
		font-size: 2.5em;
	}
	.products {
      padding: 5em 0px;
    }
	.top-menu ul li a {
		font-size: 0.8em;
		padding: 0px 0px;
	}
}
@media (max-width:480px){
	span.menu {
		width: 35px;
		height: 35px;
		background: url('../images/nav.png') no-repeat;
		display: inline-block;
		cursor: pointer;
		float: left;
		margin: 0.7em 0 0 2em;
	}
	.top-grid {
		width: 100%;
		float: left;
		float: left;
		padding: 0;
		margin-right: 0;
		margin-bottom:9%;
	}
	.top-grid:nth-child(3) {
		padding: 0;
		width: 100%;
		margin: 0 0em;
	}
	.welcome h2 {
		font-size: 2em;
		width: 90%;
	}
	.welcome {
		padding: 4em 0;
	}
	.news-grid,.news-grid:nth-child(3) {
			padding: 0;
			width: 83%;
			float: left;
			margin-right: 0;
			margin: 1em 2em;
		}
		div#news {
		padding: 4em 0 2em 0;
	  }
	  h3.tittle.pro {
		margin-bottom: 0.5em;
		font-size: 2em;
		line-height: 1.6em;
	}
	.gallery1 {
		position: relative;
		float: left;
		width: 50%;
	}
	.testi-text {
		width: 100%;
		margin: 3% auto 0;
	}
	.callbacks_tabs {
		bottom: -15%;
		left: 39%;
	}
	.banner-info {
		position: absolute;
		top: 21%;
		z-index: 999;
		left: 16%;
		text-align: center;
   }
   .tip-main {
		margin-top:2em;
	}
	.team {
		margin-top: 2em;
	}
		.staff {
      padding: 3em 0;
    }
	.packages {
		padding: 3em 0;
	}
	.news-top {
       margin-top: 0em;
    }
	h3.tittle {
		margin-bottom: 1em;
		font-size: 2.2em;
	}
	.products {
		padding: 5em 0;
	}
	.top-grid h4 {
		margin-top: 0.3em;
		font-size: 1.3em;
	}
	.view .mask, .view .content {
    position: absolute;
    overflow: hidden;
    top: 60px;
    left: 0;
}
}
@media (max-width:384px){
	.logo a h1 {
		font-size: 2.2em;
	}
	.staff2 {
		float: left;
        margin-right:0;
		width: 73%;
		padding: 0;
		margin: 0 0 2em 3em;
	}
	span.menu {
		width: 35px;
		height: 35px;
		background: url('../images/nav.png') no-repeat;
		display: inline-block;
		cursor: pointer;
		float: left;
		margin: 0.7em 0 0 1em;
		    background-size: 80%;
	}
	.logo {
		float: left;
		margin-top: 0.5em;
	}
	.search input[type="text"] {
		outline: none;
		padding: 11px 0px 3px 29px;
		background: none;
		width: 100%;
		border: none;
		font-size: 0.75em;
		}
		.search input[type="submit"] {
		top: -4px;
		left: 0px;
		background: url(../images/search.png)no-repeat 0px 0px;
		padding: 0;
	}
	.header-top {
		padding: 0.7em 0;
	}
	.top-menu ul li a {
		font-size: 0.85em;
		padding: 0px 0px;
	}
	.banner-info h3 {
		font-size: 1.2em;
	}
	.banner-info p {
		font-size: 0.9em;
		margin-bottom: 0.5em;
	}
	.view .mask, .view .content {
		position: absolute;
		overflow: hidden;
		top: 71px;
		left: 0;
	}
}
@media (max-width:320px){
    .logo a h1 {
		font-size: 1.8em;
	}
	.banner-info {
		top: 15%;
		z-index: 999;
		left: 11%;
		text-align: center;
	}
	.main-bnr-text {
		padding:2em 0em;
	}
	.main-bnr-text p {
      font-size: 0.85em;
	}
	.main-bnr-text h3 {
		font-size: 1.4em;
		margin-bottom: 0.3em;
	}
	.main-bnr-text h5 {
		font-size:0.9em;
	}
	.main-bnr-bg {
		min-height: 190px;
	}
	.welcome h2 {
		font-size: 1.6em;
		width: 100%;
	}
	.welcome {
		padding: 2em 0;
	}
	.top-grid h4 {
		margin-top: 1em;
		font-size: 1.3em;
	}
	ul.list-default li {
       font-size: 0.83em;
       line-height: 1.9em;
	}
	.price {
		font-size: 1.2em;
		padding: 0.9em 0.6em;
		float: left;
		width: 60px;
		height: 60px;
	}
	h3.tittle {
      margin-bottom: 1em;
      font-size: 2em;
	}
	.package-top {
		margin-top: 2em;
	}
	ul.list-default {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.package h5, .package1 h5, .package2 h5 {
		font-size: 1.3em;
	}
	.staff {
		padding: 2em 0 0em 0;
	}
	.staff2 {
		float: left;
		margin-right: 0;
		width: 75%;
		padding: 0;
		margin: 0 0 2em 2em;
	}
	.news-grid,.news-grid:nth-child(3) {
		padding: 0;
		width: 100%;
		float: left;
		margin-right: 0;
		margin: 1em 0em;
	}
	div#news {
		padding: 2em 0 1em 0;
	}
	h3.tittle {
		margin-bottom: 0.5em;
		font-size: 1.8em;
	}
	a.news {
		font-size: 1.3em;
		font-weight: bold;
	}
	.products {
		padding: 4em 0;
	}
	#gallery {
		padding: 2em 0;
	}
	.top-gallery {
		margin-top: 1.2em;
	}
	.products p {
       font-size: 0.8em;
	}
	.textbox h4 {
		font-size: 1.2em;
		margin-top: 2.5em;
	}
	.textbox p {
		font-size: 10px !important;
		font-weight: 500 !important;
		margin: 7px 0 0 0!important;
	}
	h3.tittle.what {
		font-size: 1.6em;
	}
	.copy p {
		font-size: 0.85em;
		line-height: 1.8em;
	}
	.logo.two a h3 {
		font-size: 1.8em;
	}
	#contact {
		padding: 2em 0;
	}
	.copy {
		padding: 1em 0.5em;
	}
	.con-text h3 {
		font-weight: bold;
		font-size: 1.2em;
	}
	.contact-info p {
       font-size: 0.85em;
	}
	.contact-info h6 {
       font-size: 1.1em;
	}
	form input[type="reset"] {
      font-size: 0.9em;
      margin: 16px 0px;
      padding: 0.5em 1em;
	}
	form input[type="submit"] {
	 font-size: 0.9em;
      margin: 16px 0px;
      padding: 0.5em 1em;
	}
	form textarea {
    min-height: 9em;
	}
	.btn {
    padding: 10px 13px;
    margin-top: 1em;
    font-size: 13px;
	}
	h3.tittle.pack {
		font-size: 1.95em;
	}
	.testimonials {
		padding: 2em 0 4em 0;
	}
	.callbacks_tabs {
		bottom: -10%;
		left: 33%;
	}
	.testi-text h4 {
		font-size: 1.3em;
	}
	h3.tittle.pro {
		margin-bottom: 0.5em;
		font-size: 1.4em;
		line-height: 1.6em;
	}
	ul.s_social.two {
		margin: 1em 0 0.3em 0;
	}
}

/**
 * 图片列表效果
 */
 
.swipebox-overflow-hidden {
  overflow: hidden!important;
}

#swipebox-overlay img {
  border: none!important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 9999;
  overflow: hidden;
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
}

#swipebox-slider .slide {
  background: url(../images/loader.gif) no-repeat center center;
  height: 100%;
  line-height: 1px;
  text-align: center;
  width: 100%;
  display: inline-block;
}

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#swipebox-slider .slide img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#swipebox-action, #swipebox-caption {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-action {
  bottom: -50px;
}
#swipebox-action.visible-bars {
  bottom: 0;
}

#swipebox-action.force-visible-bars {
  bottom: 0!important;
}

#swipebox-caption {
  top: -50px;
  text-align: center;
}
#swipebox-caption.visible-bars {
  top: 0;
}

#swipebox-caption.force-visible-bars {
  top: 0!important;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
  border: none!important;
  text-decoration: none!important;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-action #swipebox-close {
  background-position: 15px 12px;
  left: 40px;
}

#swipebox-action #swipebox-prev {
  background-position: -32px 13px;
  right: 100px;
}

#swipebox-action #swipebox-next {
  background-position: -78px 13px;
  right: 40px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

#swipebox-slider.rightSpring {
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-moz-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-action, #swipebox-caption {
  text-shadow: 1px 1px 1px black;
  background-color: #0d0d0d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#0d0d0d, #000000);
  background-image: -moz-linear-gradient(#0d0d0d, #000000);
  background-image: -o-linear-gradient(#0d0d0d, #000000);
  background-image: linear-gradient(#0d0d0d, #000000);
  -webkit-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  -moz-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
}

#swipebox-action {
  -webkit-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
  -moz-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
  box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
}

#swipebox-caption {
  color: white!important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}
 
 

 /**
 * 产品列表结束
 */
 
  /**
 * 首页a hover
 */
 
#layer01 > col-md-12 > a:hover {
    border-color: rgba(255,97,118,1);
	color: #fff;
}


 
   /**
 * 首页a hover
 */
 
    /**
 * 图片加标题加简介特效
 */
 

/*-----start-header----*/
.box {
    width:100%;
    background:#fff;
    margin:0;
    border-radius:2px;
}
.css3-shadow{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.css3-shadow:after{
   content: "";
}


.logo a{
	display:block;
}
.social_icons{
	float:right;
	  margin-top: 2em;
}
.social_icons i {
  width:26px;
  height:26px;
  background: url('../images/s-icons.png') no-repeat 0px 0px;
  display: inline-block;
}
.social_icons  li {
list-style:none;
display:inline-block;
}
i.facebook {
  background-position: -241px -5px;
}
i.facebook:hover {
  background-position: -241px -44px;
}
i.twitter{
  background-position: -267px -5px;
}
i.twitter{
  background-position: -267px -44px;
}
i.rss{
  background-position: -293px -5px;
}
i.rss:hover{
  background-position: -293px -44px;
}

i.viemo{
  background-position: -318px -5px;
}
i.viemo:hover{
  background-position: -318px -44px;
}
i.youtube{
  background-position: -341px -5px;
}
i.youtube:hover{
  background-position: -341px -44px;
}
i.linkedin{
  background-position: -368px -5px;
}
i.linkedin:hover{
  background-position: -368px -44px;
}
.slider {
	position: relative;
	text-align: center;
	
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides h3{
	color: #fff;
  font-size: 3.5em;
  width: 73%;
  margin: 6em auto 0;
  font-weight: 400;
  text-transform:uppercase;
    line-height: 1.2em;
}
.rslides h3 span {
  color: #d6ff00;
}
.rslides p{
  color: #fff;
  font-size: 2.2em;
  font-weight: 300;
  text-align: center;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	width: 51px;
	height: 27px;
	display: inline-block;
	border:1px solid #fff;
	background:#fff;
}
.callbacks_here a:after{
	border: 1px solid #F7F0F0;
	background:#EC5844;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
position:absolute;
	bottom: 7.3%;
	z-index: 999;
	left: -76%;
	display: block;
}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 73%;
	left: 15%;
  opacity: 0.7;
  z-index: 3;
  background: transparent url("../images/gif.png") no-repeat 0px 0px;
  margin-top: -45px;
  display:none;
  }
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 15%;
 }
/*--- slider---*/
.slider-bg {
  background:url("../images/bg.jpg") no-repeat 0px 0px;
   padding: 5em 0 0 0;
  background-size: cover;
  -webkit-background-size: cover;
  -o- background-size: cover;
  -moz- background-size: cover;
  min-height: 520px;
}
.left-grid-1 {
  margin-top:2em;
  float:left;
}
.right-grid-1 {
   float:right;
}
.left-grid-1 h1,.left-grid-1 h2,.left-grid-1 h3 {
  color: #fff;
  background:#EC5844;
   padding: 0.2em 0.2em;
  width: 71%;
  font-size: 4em;
   border-bottom: 1px solid #fff;
  font-family: 'Oswald', sans-serif;
}
.left-grid-1 h2{
	width: 60%;
	font-size: 4em;
	border:none;
}
.left-grid-1 h3 {
    border-top: 1px solid #fff;
	 border-bottom:none;
}
/*---service-section----*/
.service-section {
   padding: 5em 0em;
}
.services-section-grid,.services-section-grid.lost {
  background:url(../images/ser-bg.png)no-repeat 0px 0px;
  padding: 0;
}
.services-section-grid.lost {
margin:0;
}
.service-icon {
  float: left;
  width: 18%;
  margin-right:2%;
}
.service-icon-heading {
  float: left;
  width: 80%;
  padding: 1em 1em;
}
.services-section-grid p {
  color: #999;
  font-size: 0.9em;
  line-height: 1.6em;
  font-weight: 400;
}
.service-icon-heading h4 {
  color:#565252;
  font-size: 1.2em;
  font-weight: 600;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;  padding: 0.5em  0;
}
i.rocket {
  width: 67px;
    height: 123px;
  background: url('../images/s-icons.png') no-repeat 18px 43px #EC5844;
  display: inline-block;
}
i.plan {
   width: 67px;
    height: 123px;
  background: url('../images/s-icons.png') no-repeat -66px 43px #EC5844;
  display: inline-block;
}
i.book {
    width: 67px;
    height: 123px;
  background: url('../images/s-icons.png') no-repeat -144px 43px #EC5844;
  display: inline-block;
}
i.arrow{
  width: 67px;
    height: 123px;
  background: url('../images/s-icons.png') no-repeat 22px -74px #EC5844;
  display: inline-block;
}
i.download {
   width: 67px;
    height: 123px;
  background: url('../images/s-icons.png') no-repeat -64px -69px #EC5844;
  display: inline-block;
}
i.cloud {
    width: 67px;
   height: 123px;
   background: url('../images/s-icons.png') no-repeat -142px -69px #EC5844;
  display: inline-block;
}
.serve-grids.two {
  margin-top: 1.4em;
}
/*----mid-section----*/
.mid-section {
   padding: 4em 0;
  border-top: double #ddd;
  border-bottom: double #ddd;
}
.mid-top {
  background: #eee;
  padding: 3em 1em;
  border: 1px solid #ddd;
  border-left:5px solid #EC5844;
}
.mid-text  h3 {
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: 600;
  margin-bottom: 0.7em;
}
.mid-text p {
  color: #999;
  font-size: 0.95em;
}
.mid-text{
float:left;
}
.mid-button{
 margin-top:1em;
 padding: 0;
 float:right;
}
.mid-button a {
  padding: 1em 1em 1em 3em;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  text-decoration: none;
  -webkit-appearance: none;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  background: url(../images/windows.png) no-repeat 11px 14px #EC5844;
    box-shadow: inset 0px -2px 11px #AB0F0F;
	-webkit-box-shadow: inset 0px -2px 11px #AB0F0F;
	-o-box-shadow: inset 0px -2px 11px #AB0F0F;
	-moz-box-shadow: inset 0px -2px 11px #AB0F0F;
}
.mid-button a:hover{
  opacity: 0.8;
}
h4.stories span a{
display:block;
}
/*---portfolio-section-------*/
.port-section {
  padding: 3.5em 0 4em 0;
  position:relative;
}
.port-section  h2{
 position: absolute;
  left: 13.3%;
  top: -3%;
  background: #fff;
  padding: 0.3em 0.3em;
  font-size: 1.34em;
  font-weight: 700;
}
.port-grid {
  background: #eee;
  width: 24%;
  float: left;
  margin-right: 1.0%;
  padding: 1em 1em;
    position: relative;
}
.port-grid.lost{
   margin-right:0%;
}
.port-grid:hover   {
 background:#00a0ea;
}
.box_type {
 background: #00a0ea;
  padding: 5px 21px;
  position: absolute;
  bottom: 146px;
  color: #fff;
  left: 14px;
  font-size: 0.85em;
}
.box-hover {
    position: absolute;
  bottom: 141px;
  right: 13px;
}
ul.port-icons li {
  list-style: none;
  display: inline-block;
}
ul.port-icons  li  i.per{
width: 27px;
  height: 27px;
  display: inline-block;
  background: url("../images/s-icons.png")-243px -83px no-repeat #EC5844;
}
ul.port-icons  li  i.loca{
	width: 27px;
  height: 27px;display:inline-block;
	background:url("../images/s-icons.png")-277px -83px no-repeat #EC5844;
}
.text  a  h3{
  font-size: 1.2em;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 1em;
  padding: 0em 0 0.8em 0;
  border-bottom: 2px ridge rgba(239, 240, 240, 0.08);
}
.text p{
font-size:0.95em;
color:#999;
line-height:1.8em;
margin:0.5em 0;
}
.port-grid :hover  .text ,.port-grid.lost:hover .text,.port-grid.lost:hover .text h3,.port-grid:hover .text h3{
 color:#fff;
}
.port-grid:hover .text p {
  color: #fff;
}
.port-grid:hover .text h3 {
  border-bottom: 1px solid #fff;
}
/*----mid-section----*/
.bottom-section {
   padding: 4em 0;
  border-top: double #ddd;
  border-bottom: double #ddd;
}
.bottom-top {
  background: #eee;
  padding: 3em 1em;
  border: 1px solid #ddd;
  border-left:5px solid #EC5844;
}
.bottom-text  h3 {
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: 600;
  margin-bottom: 0.7em;
}
.bottom-text p {
  color: #999;
  font-size: 0.95em;
}
.bottom-text{
float:left;
}
.stories {
  position: relative;
  display: inline;
}
.stories span {
  position: absolute;
  width: 185px;
  background: #EC5844;
  display: block;
  line-height: 1em;
  text-transform: uppercase;
  height: 130px;
  top: -42px;
  padding: 2.5em 1em 1em 6em;
}
.stories span:before {
content: '';
  position: absolute;
  top: 14%;
  left: -11%;
  width: 0;
  height: 0;
  border-right: 132px solid #eee;
  border-top: 94px solid transparent;
  transform: rotate(-269deg);
  -webkit-transform: rotate(-269deg);
  -0- transform: rotate(-269deg);
  -moz- transform: rotate(-269deg);
  
}
/*----blog-section----*/
	.blog-section {
	  padding: 3em 0;
	  position:relative;
	}
	.blog-section h3 {
	  position: absolute;
	  left: 13.3%;
	  top: -3%;
	  background: #fff;
	  padding: 0.3em 0.3em;
	  font-size: 1.34em;
	  font-weight: 700;
	}
	.testimonal  h3 {
	   position: absolute;
	  left: 0%;
	  top: -17%;
	  background: #fff;
	  padding: 0.3em 0.3em;
	  font-size: 1.34em;
	  font-weight: 700;
	  text-transform: uppercase;
	}
	.blog-left {
	  float: left;
	  padding: 0;
	   position: relative;
	}
	.testimonal {
	  float: right;
	}
	.left-img a h4 {
	  font-size: 1.2em;
	  text-transform: uppercase;
	  font-weight: 600;
	  padding: 1em 0 0.4em 0;
	}
	.left-img p {
	  font-size: 0.95em;
	  color: #999;
	  line-height: 1.8em;
	  margin: 0.5em 0;
	  border-top: 1px solid #ccc;
	  border-bottom: 1px solid #ccc;
	  padding: 0.8em 0;
	  width: 86%;
	}
	.left-img{
	position:relative;
	  padding: 0;
	}
	ul.blog-icons {
	  position: absolute;
	  right: 39px;
	  top: 214px;
	}
	ul.blog-icons  li{
	 display:inline-block;
	 list-style:none;
	}
	ul.blog-icons li i.pencil,ul.blog-icons li i.date,ul.blog-icons li a i.cam,ul.blog-icons li i.date2 {
	   width: 42px;
	  height: 41px;
	  display: inline-block;
	background: url("../images/s-icons.png")-242px -168px no-repeat;
	}
	ul.blog-icons li a i.cam {
	  background: url("../images/s-icons.png")-242px -122px no-repeat;
	}
	ul.blog-icons li i.date {
	  background: url("../images/s-icons.png")-292px -121px no-repeat;
	}
	a.read{
	 font-size: 1.1em;
	  color: #000;
	  font-weight: 500;
	  padding: 0.8em 0.8em;
	  background: #fff;
	  margin-top: 0.8em;
	  display: inline-block;
	  border-radius: 0.3em;
	  cursor:pointer;
	}
	a.read  span {
	 width: 18px;
	  height: 13px;
	  display: inline-block;
	  vertical-align: middle;
	  background: url("../images/s-icons.png")no-repeat -293px -182px;
	}
	a.read:hover{
	background:#EC5844;
	padding:0.8em 0.8em;
	text-decoration:none;
	  box-shadow: inset 0px -2px 11px #AB0F0F;
  -o-box-shadow: inset 0px -2px 11px #AB0F0F;
  -moz-box-shadow: inset 0px -2px 11px #AB0F0F;
    color: #fff;
	}
	.test-text h4 {
	  font-size: 1.2em;
	  text-transform: uppercase;
	  font-weight: 600;
	  line-height: 1.4em;
	    margin-bottom: 0.4em;
	}
	.test-text p {
	  font-size: 1.1em;
	  color:#000;
	  line-height:1.5em;
	  }
	  p.test {
	   font-size: 0.95em;
	  color: #999;
	  line-height: 1.55em;
	  margin-top: 0.4em;
	  font-style: italic;
	}
	  .test-text p  a {
	    font-size: 1em;
	  color:#EC5844;
	  }
	.test-img{
	 float:left;
	  padding: 0;
	}
	.test-text{
	 float:right;
	}
	p.test span{
	  background: url(../images/quotes.png)0px 0px no-repeat;
  width: 25px;
  height: 14px;
  display: inline-block;
	}
	.test-grid.second{
	 margin-top:1.2em;
	}
/*----single-------*/
.content {
  padding: 3em 0;
}
.print-main img {
  border: 6px solid #EC5844;
}
.single {
  margin-top: 2em;
}
p.span {
	color: #798184;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.5em;
	margin: 0.5em 0;
}
p.likes {
  font-size: 0.95em;
  margin: 1em 0 1em 0;
  color: #999;
  font-weight:400;
}
p.likes a {
  color: #EC5844;
}
p.span a:hover,p.likes a:hover {
	text-decoration: underline;
}
p.span a {
	color: #EC5844;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.5em;
	margin: 0.5em 0;
}
#commentform input[type="text"] {
	padding: 8px 15px;
	width: 60%;
	color: #444;
	font-size: 1em;
	border: 1px solid #eee;
	background: #eee;
	outline: none;
	display: block;
}
.leave h4 {
  color: #282828;
  font-size: 1.85em;
  font-weight: 400;
  display: block;
  line-height: 1.25em;
  text-transform: uppercase;
}
#commentform label {
display: block;
  font-size: 1.2em;
  color: #000;
  font-weight: 400;
}
#commentform span {
	color: #A60000;
	position: absolute;
}
#commentform input[type="text"] {
	padding: 8px 15px;
  width: 100%;
  color: #444;
  font-size: 1em;
  border: 1px solid #eee;
  background: #eee;
  outline: none;
  display: block;
}
#commentform textarea {
	padding: 13px 20px;
	width: 100%;
	color: #444;
	font-size:0.85em;
	outline: none;
	height:150px;
	display: block;
	resize: none;
	font-weight:400;
	border: 1px solid #eee;
	background: #eee;
}
#commentform input[type="submit"] {
  padding: 0.8em 3em;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  text-transform:uppercase;
  text-decoration: none;
  -webkit-appearance: none;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  background:#EC5844;
  box-shadow: inset 0px -2px 11px #AB0F0F;
  -o-box-shadow: inset 0px -2px 11px #AB0F0F;
  -moz-box-shadow: inset 0px -2px 11px #AB0F0F;
  outline: none;
  border:none;

}
.comments1 {
	margin-top: 3em;
}
#commentform p {
	position: relative;
	padding: 8px 0;
	font-size: 1em;
}
.comments-main {
	border: 1px solid #D5D4D4;
	padding: 17px 0px;
	margin: 15px 0px 40px 0;
}
.cmnts-right a {
  padding: 0.6em 1.5em;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  text-decoration: none;
  -webkit-appearance: none;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  background: #EC5844;
  box-shadow: inset 0px -2px 11px #AB0F0F;
  -o-box-shadow: inset 0px -2px 11px #AB0F0F;
  -moz-box-shadow: inset 0px -2px 11px #AB0F0F;
  text-transform: uppercase;

}
.cmnts-right a:hover,#commentform input[type="submit"]:hover {
	opacity:0.8;
	text-decoration:none;
}
.cmts-main-right   h5 ,.cmts-main-right  a  h5 {
	font-size: 1em;
	color: #4e4e4b;
	margin: 0px;
	font-weight: 600;
}
.comments1 h4 {
	color: #282828;
	font-size: 1.85em;
	font-weight: 400;
	display: block;
	line-height: 1.25em;
}
.cmts-main-right p{
	color: #333333;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.9em;
	opacity: 0.6;
	margin: 2px 0 15px 0px;
}
.print-main a h3,.print-main  h3{
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.4em;
}
p.ptext {
  line-height: 1.8em;
  font-size: 0.95em;
  color: #999;
}
.cmnts-left p {
	font-size: 13px;
	color:#999;
	font-weight:600;
}
.single-content-left {
	padding:2.5em;
}
.cmts-main-left img {
	  width: 90%;
}
/*-------*/
.print-main{
	position:relative;
}
ul.single-icons li{
	list-style: none;
	display: inline-block;
}
ul.single-icons {
  position: absolute;
  right: 0px;
  top: 449px;
}
ul.single-icons li i.date2,ul.single-icons li a i.penc {
  width: 42px;
  height: 41px;
  display: inline-block;
  background: url("../images/s-icons.png")-292px -121px no-repeat;
}
ul.single-icons li a i.penc {
	background: url("../images/s-icons.png")-242px -122px no-repeat;
}
.search {
  border: 1px solid #dbdbdb;
  background: none;
  position: relative;
  margin-bottom: 2em;
}
.search form input[type="text"] {
  padding: 12px 15px;
  font-weight: 400;
  font-size: 13px;
  color: #999;
  border: none;
  outline: none;
  width: 87%;
  background: none;
}
.search form input[type="submit"] {
  background: url('../images/search.png')no-repeat 0px 2px;
  width: 20px;
  height: 20px;
  border: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  top: 8px;
  right: 8px;
}
.right-content h5 {
  font-size:1.2em;
  font-weight: 600;
  margin: 0;
  color:#000;
  margin-bottom: 1.5em;
   text-transform:uppercase;
}
.sidebar-bottom h5 {
  font-size:1.2em;
  font-weight: 600;
  margin: 0;
  color:#000;
  margin:1em 0;
  text-transform:uppercase;
}
.sidebar-bottom ul li,.categories ul li{
	list-style:none;
	display:block;
}
.sidebar-bottom ul li a,.categories ul li a {
  font-size:0.95em;
  margin: 0 0 1em 0;
  color: #999;
  line-height: 1.8em;
  text-decoration: none;
  padding-left: 2em;
  background: url(../images/b_arrow.png) no-repeat 0px 6px;
}
.sidebar-bottom ul li a:hover,.categories ul li a:hover {
  padding-left: 3em;
}
.featured ul li {
  display: inline-block;
  width: 48%;
  padding: 4px;
}
.cmnts-left {
  padding: 0;
}
.featured img {
  width: 100%;
}
.featured h4,.categories h4 {
  font-size:1.2em;
  text-transform: uppercase;
  color: #000;
  font-weight:600;
  margin:1em 0;
}
/*-------portfolio----------*/
.head-section h2 {
  font-size:2.2em;
  color: #000;
  font-weight: 600;
  margin: 1em 0;
}
ul#filters {
	padding: 0px;
	  text-align: center;
}
#filters {
	margin:0 0 2%;
	padding: 0;
	list-style: none;
}
#filters li {
	display:inline-block;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -o-inline-box;
	display: -ms-inline-box;
	padding: 0 1em;
}
#filters li span {
	display: block;
	text-decoration: none;
	color: #222;
	cursor: pointer;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight:600;
	
}
#filters li span:hover,#filters li.active  span{
	color:#E8270D;
}
.portfolio-content {
	padding: 3em 0;
}
.portfolio-section{
	padding:4em 0;
	background:#fff;
}
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 25%;
	display:none;
	float:left;
	overflow:hidden;
	margin: 0;
}
div#portfoliolist {
	padding: 0px 0px;
	  min-height: 535px;
}	
.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
	cursor:pointer;
}
.portfolio img {
	width:100%;
	transition: all 300ms!important;
	-webkit-transition: all 300ms!important;
	-moz-transition: all 300ms!important;
}
.portfolio .label {
	position: absolute;
	width: 100%;
	height:40px;
	bottom:-40px;
}
.portfolio .label-bg {
	background: #22B4B8;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.portfolio .label-text {
	color:#fff;
	position: relative;
	z-index:500;
	padding:5px 8px;
}
.portfolio .text-category {
	display:block;
	font-size:9px;
	font-size: 12px;
	text-transform:uppercase;
}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; 
}
.row:after,
.clearfix:after {
  clear: both; 
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.zoom-icon {
	position:absolute;
	top:15px;
	right:15px;
	bottom:15px;
	left:15px;
	display:block !important;
	opacity:1 !important;
	visibility:visible !important;
	background:transparent !important;
	border-radius:0;
	cursor:pointer;
	overflow:hidden;
	-webkit-transition:0.55s;
	-moz-transition:0.55s;
	-o-transition:0.55s;
	transition:0.55s;
}
.zoom-icon:after {
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	top:50%;
	bottom:50%;
	width:0;
	height:0;
	content:"";
	background:url(../images/plus.png) 50% 50% no-repeat;
	border-radius:0;
	z-index:0;
	-webkit-transition:0.45s;
	-moz-transition:0.45s;
	-o-transition:0.45s;
	transition:0.45s;
}
.zoom-icon:before {
	position:absolute;
	left:-50%;
	top:48%;
	display:block;
	margin:0;
	height:0%;
	width:200%;
	background: rgba(148, 22, 6, 0.57);
	content:"";
	border-radius:0;
	overflow:hidden;
	-webkit-transform:rotate(-55deg);
	-moz-transform:rotate(-55deg);
	-ms-transform:rotate(-55deg);
	-o-transform:rotate(-55deg);
	transform:rotate(-55deg);
	-webkit-transition:0.65s;
	-moz-transition:0.65s;
	-o-transition:0.65s;
	transition:0.65s;
}
 #portfoliolist .portfolio a:hover .zoom-icon {
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
#portfoliolist .portfolio a:hover .zoom-icon:before {
	left:-60%;
	top:-35%;
	height:200%;
	width:200%;
	-webkit-transform:rotate(-55deg);
	-moz-transform:rotate(-55deg);
	-ms-transform:rotate(-55deg);
	-o-transform:rotate(-55deg);
	transform:rotate(-55deg);
	-webkit-transition:0.6s;
	-moz-transition:0.6s;
	-o-transition:0.6s;
	transition:0.6s;
}
 #portfoliolist .portfolio a:hover .zoom-icon:after {
	width:44px;
	height:63px;
	margin:-31px 0 0 -22px;
	-webkit-transition:0.45;
	-moz-transition:0.45;
	-o-transition:0.45;
	transition:0.45;
}
#portfoliolist .portfolio a:hover .zoom-icon {
	visibility:visible;
	border-radius:0;
	overflow:hidden;
}
.entertain_box{
	margin-bottom:3em;
}
.portfolio-botton {
	text-align: center;
	margin-top: 3em;
}
.portfolio-botton input[type="button"]{
	border:none;
	outline:none;
	padding:0.5em 1em;
	color:#fff;
	background:#60B890;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:1px dashed #60B890;
}
.portfolio-botton input[type="button"]:hover{
	border:1px dashed #fff;
	background:#F68367;
}
/*-----features-----*/
.features-section{
  padding:3em 0 5em 0;
}
.awesome-grids.second{
	margin-top:2em;
}
.eye,.flag,.msg,.ok,.load {
  width: 100px;
  height: 100px;
  background: url('../images/img-sprite.png') no-repeat 0px 0px;
  display: inline-block;
}
.flat-phone img {
  width: 100%;
}
.msg {
  background: url('../images/img-sprite.png') no-repeat -200px 0px;
}
.flag {
  background: url('../images/img-sprite.png') no-repeat -300px 0px;
}
.ok {
  background: url('../images/img-sprite.png') no-repeat -400px 0px;
}
.load {
  background: url('../images/img-sprite.png') no-repeat -100px 0px;
}
.awesome-grid:hover i.eye,.awesome-grid:hover i.load, .awesome-grid:hover i.ok, .awesome-grid:hover i.flag,.awesome-grid:hover i.msg {
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.awesome-grid h4 {
  text-transform: uppercase;
  font-weight: 600;
  margin: 0.5em 0;
}
.awesome-grid p {
	color:999;
	font-size:0.95em;
	line-height:1.8em;
	font-weight:400;
}
.some{
	padding-top: 4em;
}
.Awesome-features h3,.some h3{
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 600;
  margin: 1em 0;
  text-align:center;
}
.some h3{
	margin:1em 0 2em 0;
	
}
/*-------contact-----*/
form {
   padding: 0% 1%;
}
form li.first,li.second{
  border:none;
  list-style:none;
  margin-bottom:10px;
  width:100%;
}
.icon3  {
  height:55px;
  width:55px;
  display: block;
  float: left;
  border-top-left-radius: 0.3em;
  -o-border-top-left-radius: 0.3em;
  -moz-border-top-left-radius: 0.3em;
  -webkit-border-top-left-radius: 0.3em;
  border-border-bottom-left-radius: 0.3em;
  -o-border-bottom-left-radius: 0.3em;
  -moz-border-bottom-left-radius: 0.3em;
  -webkit-border-bottom-left-radius: 0.3em;
}
.user {
    background: url(../images/icons.png) no-repeat 14px 15px #f79d29;
}
.email{
  background:url(../images/icons.png) no-repeat 15px -39px #f79d29;
}
.phone{
  background: url(../images/icons.png) no-repeat 15px -93px #f79d29;
}
.message{
  background: url(../images/msg.png) no-repeat 16px 16px #f79d29;
}
li.first:hover .user{
     background: url(../images/icons.png) no-repeat 14px 15px #DB2048;
}
li.first:hover .email{
  background:url(../images/icons.png) no-repeat 15px -39px #DB2048;
}
li.first:hover .phone{
  background: url(../images/icons.png) no-repeat 15px -93px #DB2048;
}
li.second:hover .message {
  background: url(../images/msg.png) no-repeat 16px 16px #DB2048;
}
/*-----contact------*/
.map {
  padding: 3em 0 1em 0;
}
.contact-section{
	padding: 4em 0;
	
}
.contact h3 {
  font-size: 2.2em;
  color: #000;
  font-weight: 600;
  margin: 1em 0;
}
.contact p {
   color: #999;
  font-size: 0.95em;
  font-weight: 500;
  line-height: 1.8em;
  margin: 0 auto;
  width: 81%;
}
.contact {
  text-align: center;
}
 .contact input[type="text"], .contact textarea {
  border: 1px solid #DCDCDF;
    color: #000;
  outline:none;
  padding:0.8em 1em;
  margin-top: 2em;
  background:#EDEDED;
  -webkit-appearance: none;
  width: 33%;
  font-weight: 400;
  font-size: 16px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -weblit-border-radius: 0.3em;
}
.contact textarea {
  resize: none;
  height:250px;
  margin: 1.5em 0 2.5em;
  width: 100%;
}
.contac form input[type="text"]:nth-child(2) {
  margin: 0 0.092em;
}
.contact input[type="submit"] {
 padding: 1em 3em;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  text-decoration: none;
  -webkit-appearance: none;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  background:#EC5844;
  border:none;
  outline:none;
  box-shadow: inset 0px -2px 11px #AB0F0F;
  -webkit-box-shadow: inset 0px -2px 11px #AB0F0F;
  -o-box-shadow: inset 0px -2px 11px #AB0F0F;
  -moz-box-shadow: inset 0px -2px 11px #AB0F0F;
}
.contact input[type="submit"]:hover{
	opacity: 0.8;
}
.map iframe {
  width: 100%;
  height: 300px;
}

/*----footer--------*/
.footer-section {
  padding:1em 0;
  background: #373737;
}
.footer-grid p,p.sub {
  font-size: 0.95em;
  line-height: 1.8em;
  color:#A1A3AB;
}
.footer-grids{
 padding:1em 0;
}
p.sub {
 margin-top:1.3em;
}
ul.tag li  {
  display: inline-block;
  list-style: none;
  margin: 15px 0px 6px -1px;
}
ul.tag li a {
  padding: 0.8em 0.8em;
  background: #232323;
  color:#A1A3AB;
  font-size: 0.9em;
}
ul.tag li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.flickr-grid a img {
  width: 100%;
}
.flickr-grid {
  float: left;
  width: 32%;
  margin: 0 0.1em .2em;
}
.footer-grids h4 {
  font-size: 1.25em;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
}
.border2 {
  border-bottom: 2px ridge rgba(72, 72, 76, 0.88);
  padding: 0.5em 0 0.5em 0;
  width: 52%;
  margin-bottom: 1.3em;
}
ul.tw li{
display:block;
margin-bottom:0.5em;
font-size:0.95em;
line-height:1.8em;
color:#fff;
}
ul.tw p{
float:left;
}
 a i.square-3 {
  width: 20px;
  height: 20px;
  background: url("../images/tw.png") no-repeat 0px 0px;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}
.icon-text p {
  color:#A1A3AB;
  font-size:0.95em;
  line-height: 1.6em;
}
.icon-3-square {
  float: left;
  width:10%;
  margin-right: 2%;
}
.icon-text {
  float: left;
  width: 86%;
}
.icon-text h5 {
  color: #fff;
  font-size:0.95em;
  margin: 0.7em 0;
  text-transform: uppercase;
  font-weight: 600;
}
.icon-text a {
  color: #D7D7D8;
}
/*----copyright-------*/
.copyright{
  padding: 1em 0;
	background:#232323;
}
p.write {
  float: right;
  color: #fff;
  font-size:0.98em;
  margin-top: 4px;
}
p.write a{
color: #EC5844;
}
.logo2 {
  float: left;
}
/*----top-move------*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 40px;
  height: 22px;
  border: none;
  text-indent: 100%;
  background: url(../images/move-top.png) no-repeat 0px 0px;
}
/*--Starts-Responsive--*/
@media (max-width:1440px){
	.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
	  width: 71%;
	  font-size: 3.5em;
	 }
	 .left-grid-1 h2 {
	  width: 60%;
	  font-size:3.5em;
	  border: none;
	}
	.left-grid-1 {
	  margin-top: 4em;
	  float: left;
	}
	div#portfoliolist {
	  min-height: 570px;
	}
	.blog-section h3 {
	  position: absolute;
	  left: 9.3%;
	  top: -3%;
	 }
	 .port-section h2 {
	  position: absolute;
	  left: 9.3%;
	  }
	  .testimonal h3 {
	  position: absolute;
	  left: 0%;
	  top: -17%;
	  }
	  .stories span {
		width: 199px;
		height: 131px;
		}
		.logo{
	  float: left;
	  width: 25%;
	   margin-top: 1.35em;
	}
	.stories span:before {
	  content: '';
	  position: absolute;
	  top: 14%;
	  left: -12%;
	  width: 0;
	  height: 0;
	  border-right: 137px solid #eee;
	  border-top: 94px solid transparent;
	  transform: rotate(-269deg);
	  -webkit-transform: rotate(-269deg);
	  }
	
}
@media (max-width:1366px){
	.port-section h2 {
	  position: absolute;
	  left: 7.3%;
	}
	.blog-section h3 {
	  position: absolute;
	  left: 7.3%;
	  top: -3%;
	 }
	.testimonal h3 {
	  position: absolute;
	  left: 0%;
	  top: -17%;
	  }
}
	
@media (max-width:1280px){
	.Awesome-features h3, .some h3 {
	  font-size: 1.8em;
	 }
	 .port-section h2 {
	  position: absolute;
	  left: 4.3%;
	}
	 .blog-section h3 {
	  position: absolute;
	  left: 4.3%;
	  top: -3%;
	}
	.testimonal h3 {
	  position: absolute;
	  left: 0%;
	  top: -17%;
	  }
	
}
@media (max-width:1024px){
	.slider-bg {
	  background: url("../images/bg.jpg") no-repeat 0px 0px;
	   padding: 6em 0 0 0;
		min-height: 450px;
	}
	.logo {
	  margin-right:0;
	  width:18%;
	 }
	 .nav li a {
	  display: block;
	  padding: 29.5px 22px;
	  }	
	.services-section-grid, .services-section-grid.lost {
	  background: url(../images/ser-bg.png)no-repeat 100% 100%;
	  width: 48%;
	  margin-right: 2%;
	  background-size:cover;
	  -o- background-size:cover;
	  -webkit- background-size:cover;
	  -moz- background-size:cover;
	  min-height:162px;
	}
	i.rocket,i.arrow,i.download,i.plan  {
	  width: 81px;
	  height: 151px;
	  background: url('../images/s-icons.png') no-repeat 26px 60px #EC5844;
	  display: inline-block;
	}
	i.arrow {
	  background: url('../images/s-icons.png') no-repeat 28px -57px #EC5844;
	}
	i.download {
	    background: url('../images/s-icons.png') no-repeat -57px -55px #EC5844;
	}
	i.plan {
	 background: url('../images/s-icons.png') no-repeat -60px 60px #EC5844;
	}
	.service-icon-heading {
	  float: left;
	  width: 80%;
	   padding: 2em 1em;
	}
	
	.services-section-grid.lost {
	  display: none;
	}
	.mid-text h3 {
	  font-size: 0.96em;
	 }
	 .mid-button a {
	  padding: 1em 1em 1em 3em;
	  font-size: 1em;
	  background: url(../images/windows.png) no-repeat 6px 8px #EC5844;
	  }
	  .stories span {
	  width: 150px;
	  height: 148px;
	  top: -42px;
	  padding: 2.5em 1em 1em 5em;
	}
	.test-text p {
	  font-size: 0.9em;
	 }
	 .stories span:before {
		top: 21%;
		left: -21%;
		width: 0;
		height: 0;
		border-right: 150px solid #eee;
		border-top: 85px solid transparent;
	}
	.test-text h4 {
	  font-size: 0.95em;
	 }
	 .left-img img {
	  width: 95%;
	}
	.port-section h2 {
	  position: absolute;
	  left:3.3%;
	}
	 .blog-section h3 {
	  position: absolute;
	  left:3.3%;
	  top: -3%;
	}
	.testimonal h3 {
	  position: absolute;
	  left: 0%;
	  top: -19%;
	  }
	  ul.blog-icons {
	  position: absolute;
	  right: 15px;
	  top: 182px;
	}
	.flickr-grid {
	  float: left;
	  width: 31%;
	  margin: 0 0.1em .2em;
	}
	 .text a h3 {
	   font-size: 1.03em;
	  }
	  .text p {
	  font-size: 0.93em;
	  line-height:1.6em;
	  }
	  .box_type {
	  background: #EC5844;
	  padding: 5px 21px;
	  position: absolute;
	  bottom: 130px;
	  }
	  .box-hover,.port-grid:hover .box-hover {
	  bottom: 125px;
	  }
	  #portfoliolist .portfolio {
	  width: 33.3%;
	  }
	  ul.single-icons {
	  right: 0px;
	  top: 372px;
	  }
	.comments1 h4,.leave h4 {
	  font-size: 1.5em;
	 }
	 #slider img {
	width: 90%;
	}
	.left-grid-1 {
	margin-top: 0em;
	float: left;
	}
	ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 5.3%;
	z-index: 999;
	left: -77%;
	display: block;
	}
	.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
	width: 69%;
	font-size: 3.3em;
	}
	.left-grid-1 h2 {
	width: 57%;
	font-size: 3.3em;
	border: none;
	}
	.stories span {
	position: absolute;
	width: 165px;
	height: 148px;
	top: -42px;
	}

}
@media (max-width:768px){
	.slider-bg {
	  background: url("../images/bg.jpg") no-repeat 0px 0px;
	  padding: 4.5em 0 0 0;
	  min-height: 330px;
	}
	.toggleMenu {
	   background:#EC5844;
	  text-align: center;
	  font-weight:600;
	  font-size: 1.6em;
	  color: #fff;
	  padding: 0.3em 0;
	  width: 100%;
	  text-transform:uppercase;
	  margin-top: 0.4em;
	}
	a.toggleMenu:hover,a.toggleMenu.active{
	 text-decoration:none;
	   color: #fff;
	}
	.logo {
	  width: 100%;
	  margin-top: 1em;
	}
	.nav li a {
	  display: block;
	  padding: 22.5px 21px;
	  text-align: center;
	}
	.left-grid-1 {
	  margin-top: 0em;
	  float: left;
	  width: 40%;
	}
	.right-grid-1 {
	  float: right;
	  width: 58%;
	}
	.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
	  width: 75%;
	  font-size: 2.7em;
	}
	.left-grid-1 h2 {
	  width: 57%;
	  font-size: 2.5em;
	  border: none;
	}
	.text a h3 {
	  font-size: 1em;
	}
	.callbacks_tabs a:after {
	  width: 38px;
	  height: 17px;
	  }
	  ul.callbacks_tabs.callbacks1_tabs {
	  position: absolute;
	  bottom: 2.3%;
	  z-index: 999;
	  left: -77%;
	  display: block;
	}
	ul.callbacks_tabs.callbacks1_tabs {
	  position: absolute;
	  bottom: 2.3%;
	  z-index: 999;
	  left: -80%;
	  display: block;
	}
	 #slider img{
	  width:100%;
	 }
	 .services-section-grid, .services-section-grid.lost {
	  background: url(../images/ser-bg.png)no-repeat 100% 100%;
	  width: 48%;
	  margin-right: 2%;
	  background-size: cover;
	  min-height: 106px;
	  float: left;
	}
	i.rocket,i.arrow,i.download,i.plan  {
	  width: 64px;
	  height: 107px;
	  background: url('../images/s-icons.png') no-repeat 18px 35px #EC5844;
	  display: inline-block;
	}
	i.arrow {
	  background: url('../images/s-icons.png') no-repeat 19px -82px #EC5844;
	}
	i.download {
	    background: url('../images/s-icons.png') no-repeat -64px -79px #EC5844;
	}
	i.plan {
	 background: url('../images/s-icons.png') no-repeat -69px 33px #EC5844;
	}
	.service-icon-heading {
	  float: left;
	  width: 80%;
	    padding: 1em 1em;
	}
	
	.services-section-grid p {
	  width: 81%;
	  overflow: hidden;
	  height: 40px;
	}
	.service-icon-heading h4 {
	  font-size: 1.2em;
	  padding: 0.4em 0;
	}
	.serve-grids.two {
	  margin-top: 1.5em;
	}
	.mid-text {
	  float: left;
	  width: 74%;
	  margin-right: 1%;
	}
	.mid-text h3 {
	  font-size: 0.96em;
	  line-height: 1.6em;
	}
	.mid-top {
	  padding: 2em 1em;
	 }
	 .mid-button {
	  margin-top: 2.25em;
	  width: 22%;
	}
	.port-section h2 {
	  left: 4.3%;
	  top: -3.5%;
	}
	.port-grid {
	  width: 32.2%;
	  float: left;
	  margin-right: 1.0%;
	  padding: 1em 1em;
	}
	.port-grid.lost {
	  margin-right: 0%;
	  display: none;
	}
	.bottom-text {
	  float: left;
	  width: 74%;
	  margin-right: 1%;
	}
	.story {
	  float: right;
	  width: 25%;
	}
	.bottom-top {
	  padding: 2em 1em;
	 }
	 .bottom-text h3 {
	  font-size: 1.15em;
	 line-height: 1.6em;
	}
	.stories span {
	  position: absolute;
	  width: 158px;
	  height: 172px;
	  top: -29px;
	}
	.stories span:before {
	  top: 18%;
	  left: -19.9%;
	  width: 0;
	  height: 0;
	  border-right: 172px solid #eee;
	  border-top: 113px solid transparent;
	}
	.blog-section h3 {
	  left: 5.3%;
	  top: -1.8%;
	}
	.left-img {
	  width: 48%;
	  float: left;
	  margin: 0 1%;

	}
	.left-img.two {
	  margin-right: 0;
	}
	.left-img img {
	  width: 100%;
	}
	ul.blog-icons {
	  right: -1px;
	  top: 198px;
	}
	ul.single-icons {
	  right: 0px;
	  top: 351px;
	}
	.testimonal {
	  float: right;
	  margin-top: 5em;
	}
	.test-img {
	  float: left;
	  padding: 0;
	  width: 19%;
	}
	.test-text {
	  float: left;
	  width: 52%;
	}
	.cmts-main-left {
	  float: left;
	  width: 30%;
	}	
	.cmts-main-right {
	  float: right;
	  width: 70%;
	}
	.footer-grid.tags,.footer-grid.tweet,.footer-grid.flickr {
 	 margin-top: 1.5em;
	}
	.icon-3-square {
	  width: 3%;
	  margin-right: 2%;
	}
	.cmnts-left {
	  padding: 0;
	  float: left;
	}
	.cmnts-right {
	  float: right;
	}
	.container {
	   width: 694px;
	}
	.text h3 {
	  font-size: 1em;
	}
	.box_type {
	  padding: 5px 21px;
	  bottom: 149px;
	}
	.box-hover {
	  bottom: 144px;
	  right: 14px;
	}
	.port-grid:hover .box-hover {
	  bottom: 144px;
	  right: 14px;
	}
	.serve-grids.two {
	  margin-top: 0.5em;
	}
	.contact p {
	  font-size: 0.95em;
	  margin: 0 auto;
	  width: 94%;
	}
	.contact input[type="text"], .contact textarea {
	  padding: 0.8em 1em;
	  margin-top: 1em;
	  width:32%;
	  font-size: 15px;
	 }
	 .service-section {
	  padding: 3em 0em;
	}
	.testimonal h3 {
	 left: 1%;
	  top: -14%;
	}
	.contac form input[type="text"]:nth-child(2) {
	  margin: 0 0.7em;
	}
	.contact textarea {
	  padding: 0.8em 1em;
	  margin-top: 1em;
	  width:97%;
	  font-size: 15px;
	 height: 180px;
	}
	.contact-section,.portfolio-section {
	  padding: 2em 0;
	}
	p.sub {
	  margin-top: 0.5em;
	}
	.nav li a {
	  display: block;
	  padding: 10.5px 10px;
	  text-align: center;
	}
	.contact h3 {
	  font-size: 2em;
	  }
	  .flickr-grid {
	  float: left;
	  width: 12%;
	  margin: 0 0.1em .2em;
	}
	.featured ul li {
	  display: inline-block;
	  width: 25%;
	  padding: 4px;
	}
	.serve-grids.two {
	  margin-top: 1.2em;
	}
}
@media (max-width:640px){
	.slider-bg {
	  background: url("../images/bg.jpg") no-repeat 0px 0px;
	  padding: 4.5em 0 0 0;
	  min-height: 300px;
	}
	.container {
	  width:590px;
	}
	#portfoliolist .portfolio {
	  width: 49.3%;
	}
	.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
	  width: 90%;
	  font-size: 2.7em;
	}
	.left-grid-1 h2 {
	  width: 67%;
	  font-size: 2.5em;
	  border: none;
	}
	ul.callbacks_tabs.callbacks1_tabs {
	  bottom: -8.7%;
	  z-index: 999;
	  left: -82%;
	 }
	 i.rocket, i.plan, i.arrow, i.download {
	  width: 50px;
	  height: 89px;
	  background: url('../images/s-icons.png') no-repeat 12px 26px #EC5844;
	}
	i.arrow {
	 background: url('../images/s-icons.png') no-repeat 13px -93px #EC5844;
	}
	i.download {
	  background: url('../images/s-icons.png') no-repeat -70px -88px #EC5844;
	}
	i.plan {
	 background: url('../images/s-icons.png') no-repeat -74px 24px #EC5844;
	}
	.service-icon-heading h4 {
	  font-size: 1.1em;
	  padding: 0.4em 0;
	}
	.service-icon-heading {
	  width: 78%;
	  padding: 0.6em 0.6em;
	}
	.service-section {
	  padding: 2em 0em;
	}
	.mid-button a {
	  padding: 1em 1em 1em 2em;
	  font-size: 1em;
	  background: url(../images/windows.png) no-repeat 1px 8px #EC5844;
	}
	.services-section-grid p {
	  width: 100%;
	  overflow: hidden;
	  height: 40px;
	}
	.port-grid {
	  width: 48.2%;
	  float: left;
	  margin-right: 1.0%;
	  margin-bottom: 0.5em;
	  padding: 1em 1em;
	}
	.services-section-grid, .services-section-grid.lost {
	  background: url(../images/ser-bg.png)no-repeat 100% 100%;
	  width: 48%;
	  margin-right: 2%;
	  background-size: cover;
	  min-height: 96px;
	  float: left;
	}
	.port-grid.lost {
	  margin-right: 0%;
	  display:block;
	}
	.port-section h2 {
	  left: 3.3%;
	  top: -1.5%;
	}
	.port-grid:nth-child(2) {
		margin: 0px 0px 8px 0px
	}
	
	.stories span {
	  width: 133px;
	  height: 173px;
	  top: -29px;
	    padding: 2.5em 1em 1em 4em;
	}
	.stories span:before {
	  top: 18.9%;
	  left: -27.9%;
	  width: 0;
	  height: 0;
	  border-right: 176px solid #eee;
	  border-top: 108px solid transparent;
	}
	.box_type {
	  padding: 5px 21px;
	  bottom: 127px;
	}
	.box-hover,.port-grid:hover .box-hover {
	  bottom: 123px;
	  right: 14px;
	}
	.flickr ul li:nth-child(6){
		display: none;
	}
	p.write {
	  font-size: 0.95em;
	 }
	ul.single-icons {
	  right: 0px;
	    top: 319px;
	}
	.contact p {
	  font-size: 0.95em;
	  margin: 0 auto;
	  width: 83%;
	}
	.blog-section h3 {
	  left: 2.9%;
	  top: -1.8%;
	}
	.testimonal h3 {
	  left: 0.9%;
	  top: -14.8%;
	}
	.left-img a h4 {
	  font-size: 1em;
	 }
	 ul.blog-icons {
	  right: -1px;
	  top: 163px;
	}
	.mid-text {
	  float: left;
	  width: 71%;
	 }
	 .mid-button {
	  margin-top: 3.25em;
	  width: 26%;
	}
	.head-section h2 {
	  font-size: 1.8em;
	 }
	#filters li span {
	  font-size: 1em;
	 }
	 .contact input[type="submit"] {
	  padding: 1em 3em;
	  font-size: 1em;
	  }
	  .cmts-main-left img {
	  width: 73%;
	  }
	  .print-main a h3,.print-main  h3 {
	  font-size: 1.2em;
	  line-height: 1.5em;
	}
	.some {
	  padding-top: 2em;
	}
	.Awesome-features h3, .some h3 {
	  font-size: 1.65em;
	}
	.flickr-grid {
	  float: left;
	  width: 15%;
	  margin: 0 0.1em .2em;
	}

}
@media (max-width:480px){
	.slider-bg {
	  background: url("../images/bg.jpg") no-repeat 0px 0px;
	  padding:3.5em 0 0 0;
		min-height: 224px;
	}
	.left-grid-1 {
	  margin-top: 0em;
	  float: left;
	  width: 40%;
	  padding: 0;
	}
	.right-grid-1 {
	  float: right;
	  width: 58%;
	  padding: 0;
	}
	.mid-text {
	  float: none;
	  width: 100%;
	}
	.container {
	   width: 100%;
	}
	.mid-button {
	  margin: 2em 1em 1em 1em;
	  width: 100%;
	  float: none;
	}
	.mid-section {
	  padding: 2em 0;
	}
	.port-grid {
	  width: 100%;
	  float: left;
	  margin-right: 0%;
	  margin-bottom: 0.5em;
	 }
	 .port-grid.lost {
	  margin-right: 0%;
	  display: none;
	}
	.left-img {
	  width: 100%;
	  margin: 0 0% 1% 0;
	}
		ul.blog-icons {
	  right: -1px;
	  top: 261px;
	}
	.logo2 {
	  float: none;
	  text-align: center;
	}
	p.write {
	  font-size: 0.95em;
	  float: none;
	  margin-top: 10px;
	    text-align: center;
	}
	.bottom-text h3 {
	  font-size: 1.15em;
	  overflow: hidden;
	  height: 29px;
	}
	.bottom-text p {
	  color: #999;
	  font-size: 0.95em;
	  overflow: hidden;
	  height: 37px;
	}
	.stories span {
	  width: 92px;
	  height: 135px;
	  top: -29px;
	  padding: 2.5em 1em 1em 3em;
	}
	.stories span:before {
	  top: 33.5%;
	  left: -55%;
	  width: 0;
	  height: 0;
	  border-right: 137px solid #eee;
	  border-top: 44px solid transparent;
	  transform: rotate(-268deg);
	  -webkit-transform: rotate(-268deg);
	 }
	 .bottom-section {
	  padding: 2em 0;
	  }
	  .port-section {
	  padding: 2.5em 0 3em 0;
	}
	.box_type {
	  padding: 5px 21px;
	  bottom: 110px;
	}
	.port-section h2 {
	  left: 4.3%;
	  top: -1%;
	}
	.some h3 {
  margin: 0em 0 1em 0;
}
	.Awesome-features h3, .some h3 {
  font-size: 1.4em;
}
	.box-hover, .port-grid:hover .box-hover {
	  bottom: 105px;
	  right: 14px;
	}
	.blog-section h3 {
	  left: 4.9%;
	  top: -0.8%;
	}
	.testimonal h3 {
	  left: 0.9%;
	  top: -18.8%;
	}
	.services-section-grid {
	  background: url(../images/ser-bg.png)no-repeat 0px 0px;
	  padding: 0;
	  width: 90%;
	  float: none;
	  min-height: 137px;
	}
	.services-section-grid p {
	  width: 100%;
	  overflow: hidden;
	  height: 60px;
	}
	i.rocket, i.plan, i.arrow, i.download {
	  width: 59px;
	  height: 121px;
	  background: url('../images/s-icons.png') no-repeat 16px 43px #EC5844;
	  display: inline-block;
	}
	i.arrow {
	 background: url('../images/s-icons.png') no-repeat 18px -71px #EC5844;
	}
	i.download {
	   background: url('../images/s-icons.png') no-repeat -67px -73px #EC5844;
	}
	i.plan {
	  background: url('../images/s-icons.png') no-repeat -71px 36px #EC5844;
	}
	.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
	  width: 90%;
	  font-size: 1.8em;
	}
	.left-grid-1 h2 {
	  width:70%;
	  font-size:1.8em;
	  border: none;
	}
	.callbacks_tabs a:after {
	   width: 24px;
  		height: 9px;
	  margin: 0;
	}
	ul.callbacks_tabs.callbacks1_tabs {
	  bottom: -1.7%;
	  z-index: 999;
	  left: -76%;
	}
	.print-main a h3,.print-main  h3 {
	  font-size: 1.1em;
	  line-height: 1.5em;
	}
	ul.single-icons {
	  right: 0px;
	  top: 259px;
	}
	.cmts-main-right p {
	  font-size: 0.8em;
	  opacity: 0.6;
	  margin: 2px 0 0px 0px;
	  overflow: hidden;
	  height: 46px;
	}
	.cmnts-right a {
	  padding: 0.6em 1em;
	  font-size: 1em;
	 }
	 .cmnts-right a {
	  padding: 0.5em 1em;
	  font-size: 0.8em;
	  }
	#commentform label {
	  font-size: 1em;
	 }
	 #commentform input[type="submit"] {
	  padding: 0.8em 3em;
	  color: #fff;
	  font-size: 1em;
	  }
	  .cmnts-right {
	  float: right;
	  margin-top:0.5em;
	}
	.comments1 {
	  margin-top: 1em;
	}
		p.ptext {
	  line-height: 1.8em;
	  font-size: 0.95em;
	  color: #999;
	  overflow: hidden;
	  height: 72px;
	}
	.contact input[type="text"], .contact textarea {
	  padding: 0.6em 1em;
	  margin-top: 1em;
	  width: 32%;
	  font-size: 13px;
	}
	.contact textarea {
	  padding: 0.6em 1em;
	  margin-top: 1em;
	  width: 97%;
	  font-size: 13px;
	  height: 139px;
	  margin: 1.5em 0 1em;
	}
	.map iframe {
	  width: 100%;
	  height: 179px;
	}
	#filters li {
	  padding: 0 0.5em;
	}
	#filters li span {
	  font-size: 0.9em;
	}
	.contact h3 {
	  font-size: 1.6em;
	 }
	  .flickr-grid {
	  float: left;
	  width: 25%;
	  margin: 0 0.1em .2em;
	}
	.features-section {
	  padding: 0em 0 1em 0;
	}
	.single {
	  margin-top: 1em;
	}
	.cmts-main-left img {
	  width: 100%;
	}
	a.read {
	margin-bottom: 1em;
	}
	.comments1 h4, .leave h4 {
	font-size: 1.3em;
	}
	.icon-3-square {
	  width:7%;
	  margin-right: 2%;
	}
	div#portfoliolist {
	  min-height: 527px;
	}
	.contact p {
	  font-size: 0.95em;
	  margin: 1em auto;
	  width: 100%;
	}
}
@media (max-width:320px){
	.container {
	  width: 300px;
	}
	.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
	    width:100%;
	  font-size: 1.3em;
	}
	.left-grid-1 h2 {
	  width:85%;
	  font-size: 1.3em;
	  border: none;
	}
	.slider-bg {
	  background: url("../images/bg.jpg") no-repeat 0px 0px;
	  padding: 2.2em 0 0 0;
	  min-height: 153px;
	}
	ul.callbacks_tabs.callbacks1_tabs {
       bottom: -13.7%;
  left: -82%;
	}
	.callbacks_tabs a:after {
	  width: 17px;
	  height: 6px;
	  margin: 0;
	}
	.contact-section, .portfolio-section {
  padding: 1em 0;
	}
	.contact input[type="text"], .contact textarea {
	  padding: 0.6em 1em;
	  margin-top: 0.4em;
	  width: 100%;
	  font-size: 13px;
	}
	.contact textarea {
	  padding: 0.6em 1em;
	  margin-top: 0.71em;
	  width: 100%;
	  font-size: 13px;
	  height: 122px;
	}
	.contact input[type="submit"] {
	  padding: 1em 3em;
	  font-size: 0.9em;
	}
	.service-icon-heading h4 {
	  font-size: 1em;
	  padding: 0.4em 0;
	}
	.services-section-grid p {
	  width: 94%;
	  overflow: hidden;
	  height: 35px;
	}
	i.rocket, i.plan, i.arrow, i.download {
	  width: 59px;
	  height: 86px;
	 background: url('../images/s-icons.png') no-repeat 16px 22px #EC5844;
	  display: inline-block;
	}
	.service-icon {
	  float: left;
	  width: 25%;
	  margin-right: 2%;
	}
	.service-icon-heading {
	  float: left;
	  width: 65%;
	  padding: 0.6em 0.6em;
	}
	.toggleMenu {
	  font-size: 1.3em;
	  }
	  .map iframe {
	  width: 100%;
	  height: 126px;
	}
	.services-section-grid {
	  background: url(../images/ser-bg.png)no-repeat 100% 100%;
	  padding: 0;
	  width:100%;
	  float: none;
	  min-height: 95px;
	  margin: 1em 0;
	}
	i.arrow {
	  background: url('../images/s-icons.png') no-repeat 18px -95px #EC5844;
	}
	i.download {
	  background: url('../images/s-icons.png') no-repeat -67px -89px #EC5844;
	}
	i.plan {
  background: url('../images/s-icons.png') no-repeat -71px 21px #EC5844;
	}
	.mid-top {
	  padding: 2em 0em;
	}
	.box_type {
	  padding: 5px 21px;
	  bottom: 129px;
	}
	.box-hover, .port-grid:hover .box-hover {
	  bottom: 124px;
	  right: 13px;
	}
	.left-img a h4 {
	  font-size: 1em;
	}
	ul.blog-icons {
	  right: -2px;
	  top: 161px;
	}
	.test-text {
	  float: left;
	  width: 80%;
	}
	 .blog-section h3 {
  left: 4.9%;
   top: -1.3%;
  font-size: 1.2em;
	}
	.testimonal h3 {
	    left: -0.1%;
  top: -15.8%;
  font-size: 1.2em;
	}
	.test-text h4 {
	  font-size: 0.8em;
	}
	p.test {
	  font-size: 0.87em;
	  }
	  .left-img p {
	  font-size: 0.9em;
	  }
   .flickr ul li :nth-child(4) {
		display:none;
	}
	.serve-grids.two {
	  margin-top:0em;
	}
	.services-section-grid.act {
	  margin: 0 0 1em 0;
	}
	 .stories span {
	  width: 59px;
	  height: 95px;
	  top: -15px;
		padding: 1em 0.5em 0em 1.3em;
	}
	.stories span:before {
	  top: 23.5%;
	  left: -51.9%;
	  width: 0;
	  height: 0;
	  border-right: 100px solid #eee;
	  border-top: 47px solid transparent;
	  transform: rotate(-268deg);
	  -webkit-transform: rotate(-268deg);
	}
	.port-section h2 {
	  left: 4.3%;
	  top: -1.2%;
	  font-size: 1.2em;
	}
	.bottom-top {
	  padding: 1em 1em;
	}
	  .bottom-text h3 {
	  font-size: 1.1em;
	  overflow: hidden;
	  height: 18px;
	}
	.content {
	  padding: 1em 0;
	}
	p.likes {
	  font-size: 0.9em;
	  }
	  .print-main a h3,.print-main  h3 {
	  font-size: 0.9em;
	}
	p.span {
	  color: #798184;
	  font-size: 1em;
	  }
		.footer-grid p, p.sub {
	  font-size: 0.9em;
	  }
	  .footer-grids h4 {
	  font-size: 1.15em;
	  }
	  .icon-text h5 {
	  font-size: 0.8em;
	  }
	  .mid-button a {
	  padding: 0.8em 1em 0.8em 3em;
	  font-size: 0.9em;
	  background: url(../images/windows.png) no-repeat 5px 4px #EC5844;
	}
	.contact h3 {
	  font-size: 1.2em;
	  }
	p.write {
	  font-size: 0.9em;
	  line-height: 1.6em;
	}
	.Awesome-features h3, .some h3 {
		font-size: 1.17em;
		line-height: 1.5em;
	}
	.head-section h2 {
	  font-size: 1.2em;
	}
	#filters li {
	  padding: 0 0em;
	}
	#filters li {
	  padding: 0 0em;
	}
	.awesome-grid h4 {
	  text-transform: uppercase;
	  font-weight: 600;
	  margin: 0.5em 0;
	  font-size: 1em;
	}
	#filters li span {
	  font-size: 0.7em;
	}
	.service-section {
	  padding: 1em 0em;
	}
	.port-section {
	  padding: 2em 0 2em 0;
	}
	.border2 {
	   margin-bottom: 0.5em;
	}
	.icon-3-square {
	  width: 9%;
	}
	ul.single-icons {
	  right: 0px;
	  top: 198px;
	}
	#commentform p {
	  padding: 3px 0;
	  }
	.comments1 h4, .leave h4 {
		font-size: 1.2em;
	}
	#commentform input[type="submit"] {
	  padding: 0.6em 2em;
	  }
	  .cmnts-left p {
	  font-size: 0.7em;
	  height: 26px;
	}
	.cmnts-right {
	  float: left;
	  padding: 0;
	}
	.mid-text h3 {
	  font-size: 0.9em;
	}
	#commentform textarea {
	  height: 110px;
	  }
	  .left-grid-1 {
	  margin-top: 0em;
	  float: left;
	  width: 37%;
	  padding: 0;
	}
	.right-grid-1 {
	  float: right;
	  width: 56%;
	  padding: 0;
	}
	h4.stories img {
	  width: 79%;
	  margin: 0.2em;
	}
	.bottom-text {
	  width: 74%;
	  padding: 0;
	  }
	  .testimonal {
	  float: right;
	  margin-top:3em;
	  padding: 0;
	}
	.footer-grid {
	  padding: 0;
	    margin-bottom:2em;
	}
}
 
    /**
 * 图片加标题加简介特效
 */
 
 
    /**
 * 我们的优势图标
 */
 
 
.creative{
	background:url(/190/images/icons.png) no-repeat 0px 0px;
	width:108px;
	height:108px;
	margin:0 auto;
}
.skills{
	background: url(/190/images/icons.png) no-repeat -109px 0px;
	width:108px;
	height:108px;
	margin:0 auto;
}
.help{
	background: url(/190/images/icons.png) no-repeat -219px 0px;
	width:108px;
	height:108px;
	margin:0 auto;
}
.service-left:hover div.creative{
	background: url(/190/images/icons.png) no-repeat 0px -115px;
}
.service-middle:hover div.skills{
	background: url(/190/images/icons.png) no-repeat -109px -115px;
}
.service-right:hover div.help{
	background: url(/190/images/icons.png) no-repeat -219px -115px;
}




.service-grid h3 {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin: 3em 0;
}

.service-grid p {
    font-size: 16px;
    margin: 0;
    color: #808080;
}




    /**
 * 我们的优势图标
 */
 
    /**
 * 联系我们
 */
 
 .baobiao .more {
    display: block;
    width: 160px;
    height: 36px;
    border: 1px solid #a5a4a4;
    font-size: 12px;
    color: #000;
    line-height: 34px;
    text-align: center;
    margin: 20px auto 0;
    background: #ffffff url(../images/more-icon.png) no-repeat 80% center;
}
.baobiao .more:hover {
    background: #00a0ea url(../images/more-icon1.png) no-repeat 80% center;
    color: #fff;
    border-color: #fff;
}
    /**
 * 联系我们
 */
     /**
 * 课程体系
 */
.caption:hover {
    background: #ddb669;
	color: #000000;
}
 
.caption {
    padding: 2em;
    background: #3b444c;
    text-align: center;
	color: #ffffff;
}
 
     /**
 * 课程体系
 */

     /**
 * 新闻
 */
 
.fenlei:hover {

    border: 1px #0379ed solid;
	    margin-top: 5px;
    transition: all 0.5s ease;
 
}
.fenlei {
       display: block;
padding: 5px;
border: 1px #b5b5b5 solid;



}
      /**
 * 新闻
 
      /**
 *精彩瞬间下面更多
 */
 
.moremore:hover {
    text-align: center;
	border: 1px solid#ffde00;
	overflow: hidden;
	width: 100%;
	height: 44px;
} 
 
.moremore {
    text-align: center;
	border: 1px solid#e4e4e4;
	overflow: hidden;
	width: 100%;
	height: 44px;

}

.changefieldandcss {
    background: rgb(244, 55, 35);
    color: #ffffff;
    font-size: 14px;
	

}


.fieldandcss {
    color: #666;
    font-size: 14px;
    padding: 9px;
    line-height: 35px;
	
}


/* 文章滚动197
----------------------------------*/
.testimonial-area {
padding: 0 0 0 0;
margin:0;
background: url(../img/low-poly01.jpg) fixed center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.testimonial-solid p {
color: #000000;
font-size: 16px;
line-height: 30px;
font-style: italic;
}
section.hero-text {
	background: #EAEAEA;
	padding:30px 0 0 0;
	border-top: 4px solid #fff;
}
section.hero-text h1{
	color: #FF432E;
	margin: 0 0 10px;
	font-weight: 400;
}
section.hero-text p {
    color: #525252;
}
.carousel-indicators .active {
    background-color: #FF432E;
}
.carousel-indicators li {
    border-color: #FF432E;
}
/* 文章滚动197
==================================== */

/* 企业简介更多按钮197
==================================== */

.more {
    display: block;
    width: 160px;
    height: 36px;
    font-size: 12px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    margin: 30px auto 0;
    background: #023669 url(../images/more-icon.png) no-repeat 80% center;
}

.more:hover {
       background-color: transparent !important;
    border-color: #023669 !important;
    color: #023669;
	    border: 2px solid #023669;
}


/*
===========================================
Counter
===========================================
*/

#counter {
    background-attachment: fixed;
    background-image: url("/602/images/5744351061_0ee7664c9e_b.jpg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0 0;
}

.counter-heading h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 900;
    line-height: 35px;
    margin-bottom: 0;
    margin-top: 60px;
}

.counter-heading h2 span {
    color: #f5dd25;
}

#counter .count {
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
}

#counter .counter-base h3 {
    color: #f5dd25;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 0;
    margin-top: 10px;
}

#counter .counter-base {
    margin-top: 50px;
}


/*
===========================================
Counter
===========================================
*/
/*
===========================================
第一排按钮
===========================================
*/

.sppb-btn.sppb-btn-default:hover {
    background-color: transparent;
    border-color: #023669;
    color: #023669;
}

.sppb-btn.sppb-btn-default {
    background-color: #023669;
    border: 2px solid #023669;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.15);
}


/* 查看详情616模板首页
----------------------------------*/
.mcon7_more a:hover {
    background: #fff;
    color: #0280fb;
	text-decoration:none; 
}



.mcon7_more a {
    display: block;
    width: 100px;
    height: 30px;
    border: 1px #fff solid;
    text-align: center;
    font-size: 14px;
    color: #fff;
}



.sizitudui:hover {
    border: 1px solid #0379ed;
}

.sizitudui {
    padding: 10px;
    border: 1px solid #f2f2f2;
    text-align: center;
}
.view{ font-size:14px; line-height:24px;}