/* 			Fonts		 */
/*@import url(http://fonts.useso.com/css?family=Open+Sans:400,300,700);
@import url(http://fonts.useso.com/css?family=Raleway:300,500,700);
*/
/*

Template: Avalin
Author: MrWP
Website: http://zmedia.ir

Content:

 1 - General
 2 - Home
 3 - Navigation
 4 - About Boxes
 5 - Our Team
 6 - Portfolio
 7 - Services
 8 - Blog
 9 - Prices
 10- Google Map
 11 - Contact
 12 - Footer
 
*/

/*===================================================================================*/
/*  								1 - General                                      */
/*===================================================================================*/
::selection {
	background-color: #333;
	color: #fff;
}
html, body {
	background: #fff;
	width:100%;
	height:100%;
	padding:0;
	font-family: '微软雅黑', sans-serif;
	-webkit-font-smoothing: antialiased;}
a,
a:hover,
a:active,
a:focus{
	color:#464646;
	text-decoration:none;
	outline:none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: '微软雅黑', sans-serif;
	font-weight:100;
}
p{
	margin:0 0 5px;
}
.clear{
	clear:both;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.shadow{
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);
}
.rounded{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
ol, ul{
	list-style:none;
	padding:0;
}
/*
.animated{
	visibility:hidden;
}*/
.visible{
	visibility:visible;
	padding-bottom: 40px;
}
.contain{
	overflow: hidden;
	width:100%;
	min-width:1200px;
	position:relative;
	height:612px;
}
/*0117*/
.containet{
	overflow: hidden;
	width:100%;
	min-width:1200px;
	position:relative;
	height:690px;
}
.inner{
	width:1200px;
	margin:0 auto;
	padding:40px 0;
	position:relative;
	z-index:2;
}
.headerd {
     height: 472px;
    margin: -35px auto auto -66px;
    position: relative;
    text-align: center;
    z-index: -180;
}
.br{
	top:-72px;
}
.br-b{
	top:-72px;
}
.header{
	margin:30px auto auto;
	min-width:1200px;
	width:100%;
	text-align:center;
	position: relative;
	letter-spacing: 8px;
    padding: 20px 0;
 
}
.description{
	height: 453px;
    margin: -50px auto 0;
    position: relative;
    text-align: center;
    width: 986px;
    z-index: -50;
	
}
.services .content {
    height: 581px;
    margin: 0 auto;
    position: relative;
    top:13px;
    width:1200px;
}
.services .content .left {
    left: 60px;
	top:330px;
    position:absolute;  
}

/*===================================================================================*/
/*  								2 - Home                                         */
/*===================================================================================*/
#home{
	width:100%;
	height:auto;
	position:relative;
}
#slides{
	position: relative;
}
#slides .slides-container {
	display: none;
}
#slides .slides-container  div,
#slides .slides-container  img{
	width:100%;
	height:100%;
}
#slides{
	background:url(../images/bg.jpg) center center;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
	height:741px;
	min-width:1200px;
}
#slides .scrollable {
	*zoom: 1;
	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}
#slides .scrollable:after {
	content: "";
	display: table;
	clear: both;
}
.main{
	position:absolute;
	width:100%;
	top:38%;
	top:18%\9;
	margin:0 auto;
	z-index:2;
	background: transparent;
	height:auto;
	min-height:300px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:left;
}
.main .loginbg {
   background:url("../images/bg_04.png") no-repeat scroll right top;
    width: 377px;
	height: 380px;
   -ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
    position: absolute;
    right: 170px;
    top: 0;
    z-index: 4;
}
.main ul {
	height:auto;
	min-height:160px;
	padding:0;
	margin:0 auto;
	position:relative;
}
.main ul li{
	list-style:none;
	font-family: "Raleway";
	font-weight:300;
	font-size:95px;
	color:white;
	text-transform:uppercase;
	text-shadow:2px 2px 2px rgba(0,0,0,0.4);
}
.main ul li span{
	color:#FFA300;
}
.home-slider{
	width:100%;
}
/*===================================================================================*/
/*  								3 - Navigation                                   */
/*===================================================================================*/
/*0117*/
#navigation{
	width:100%;
	min-width:1200px;
	box-shadow: 0 0 10px 0 #d1d3d3;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#d1d3d3,direction=120,strength=4);/*兼容ie*/
	position:absolute;
	z-index:9999;
	background:#fff;
	height:110px;
}
#navigation .navigation{
	padding:0;
}
.navigation .logo{
	float:left;
	position:absolute;
	z-index:999;
}
.navigation .logo a{
	width:auto;
	display:block;
	margin:20px 0 0;
}
/*0117*/
.nav-menu{
	float: left;
    height:74px;
    margin-left: 133px;
    text-align: center;
    width: auto;
}
.nav-menu ul{
	padding:0;
	margin:0;
}
/*0117*/
.nav-menu ul li{
	height:74px;
	margin-left:95px;
	display:block;
	float:left;
	list-style:none;
	padding:0;
}
.shiy{margin-top:-10px;}
/*0117*/
.nav-menu ul li  a{
	height:74px;
	padding:25px 0px;
	display:block;
	text-transform:uppercase;
	font-size:18px;
	text-align:center;
	color:#333;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	font-weight: bold;
}
.nav-menu ul li:first-child a{
	padding-left:0;
}

.nav-menu ul li:last-child a{
	padding-right:0;
}
.nav-menu a:hover{
	color:#dd4653;
}

.nav-menu a.active{
	color:#FFA300;
}
/*0117*/
.phono{float: right;
    height: 40px;
    line-height: 22px;
    margin-top: 15px;
    text-align: center;}
.phonof{color:#1296db; font-size:14px;}
.main-nav > li > a:hover,
.main-nav > li > a:focus{
	background:none;
}
.main-nav li.active a{
	color:#dd4653;
	border-bottom:3px solid #dd4653;
}
}
/*===================================================================================*/
/*  								4 - About Boxes                                  */
/*===================================================================================*/
#about{
	background:#fff;
	top:0;
}
.containxz{
	overflow: hidden;
	width:100%;
	min-width:1200px;
	position:relative;
}
/*===================================================================================*/
/*  								5 - 教学体系                                     */
/*===================================================================================*/
.grid>li{
	opacity: 100;
}
.grid {
	list-style: none;
	padding:0;
	text-align:center;}
.grid .figure {
	margin: 0;
	position: relative;}
.grid .figure img {
	width: 100%;
	display:block;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18);
}
.figure img:hover{
	             width: 100%;
	           display:block;
    -webkit-box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.38);  
       -moz-box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.38);  
            box-shadow:0 1px 10px 0px rgba(0, 0, 0, 0.38);
}
 .figure a {
	display:inline-block;
	position:absolute;
	left:0;
	bottom:-36px;
	color: #1f1bd2;
	font-size:18px;
}
@media screen and (max-width: 31.5em) {
	.grid {
		padding: 0;
	}
	.grid li {
		width: 100%;
		min-width: 300px;
	}
}
section#team{
	background:#fff;
}
.grid {
	list-style: none;
	padding:0;
	text-align:center;
}
.grid .figure {
	margin: 0;
	position: relative;	
}
.grid .figure img {
	width:100%;
	display:block;
	height:456px;
	margin-top: 25px;
}
#abouter{width:100%; min-width:1200px;}
.second-section{
	min-width:1200px;
	margin:0 auto;
	padding:60px 0;
	position:relative;
	z-index:2;
}
/*===================================================================================*/
/*  								6 - Portfolio                                     */
/*===================================================================================*/

#portfolio{
	font-weight:300;
}
.works{
	position:relative;
	height:auto;
}
/* Filter Menu */
.filter-menu{
	position:relative;
	z-index:1000;
}

.inline{
	font-size:0px;
}

/*===================================================================================*/
/*  								7 - Services                                     */
/*===================================================================================*/
#serviceser{
	margin:0px auto;
	background:url("../images/hj_02.jpg") center center;
	width:100%;
	min-width:1200px;
	height:721px;
	
}
#serviceser-op{
	margin:30px auto;
	background:url("../images/app_02.jpg") center center;
	width:100%;
	min-width:1200px;
	height:692px;}
#services{
	margin: 0 auto;
	background:url("../images/kba_06.jpg") no-repeat center center;
	 -ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
	min-width:1200px;
	height:612px;
}
#servicesert{margin:0px auto;
	background:url("../images/kj_02.jpg") center center;
	width:100%;
	min-width:1200px;
	height:676px;
	
}
/*===================================================================================*/
/*  								9 - Prices                                       */
/*===================================================================================*/

#prices{
	background:url("../images/shuoke_02.jpg") no-repeat center center;
	 -ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
	width:100%;
	min-width:1200px;
	height:724px;}
#prices_new{
	background: no-repeat center center;
	 -ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
	width:100%;
	min-width:1200px;
	height:683px;}
#pricest{
	background:url("../images/kj_02.jpg") no-repeat center center;
	 -ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
	width:100%;
	min-width:1200px;
	height:676px;}
#pricestd{
	background:url("../images/yelloe.jpg") no-repeat center center;
	 -ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
	width:100%;
	min-width:1200px;
	height:676px;}
#abouter-text{
    background: #fff none repeat scroll 0 0;
    min-width: 1200px;
    width: 100%;
}
.yunyingt{width:906px; margin:0px auto;}
.yunying{width:1200px; margin:0px auto;}
.yunyinger{ margin:20px auto; width:900px;}

.container {
    height: 720px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/*===================================================================================*/
/*  								12 - Footer                                       */
/*===================================================================================*/

#footer{
	background:#222;
	width:100%;
	min-width:1200px;
}

.footer{
	text-align:center;
	padding:20px 0;
}
.footer-links{
	display:inline-block;
	border:1px solid #FFA300;
	border-radius:100px;
	margin:0 3px;
}
.footer-text{
	margin:10px 0 0 0;
	color:#FFF;
	font-size:14px;
	font-weight:300;
}
.footer-text span{margin:0 5px;}
.copyright{/*text-transform:uppercase;*/margin:4px 0 0;}
.templatemo-login-form-2{ position:absolute; top:80px; left:45px; width:252px; margin-top:12px;}
.text-center0{ display: inline-block;
    margin-left:112px;}
.main .loginbg #submit {
    background:url("../images/logobtn_03.png") no-repeat scroll 0 0;
	 width: 295px;
	 height: 54px;
	 -ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
    border: medium none;
    position: absolute;
    right: 1px;
    top:130px;
   
}
.loginbg .container input.form-controls{
    border: medium none;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 72px;
    top: 53px;
    width: 160px;
	background:#fff;
	color: #000;
	font-weight:500;
    font-size: 16px;
}
.loginbg .container input.form-controlser{
    border: medium none;
    height:40px;
    line-height:40px;
    position:absolute;
    right:72px;
    top:104px;
    width:160px;
	background:#fff;
	color:#999;
    font-size:16px;
}
 .container .operate {
    color:#747474; position:absolute;top:145px;left:-22px; width:320px;
}
.inliner a{display:inline-block; border:1px solid #e4e4e4;}
.inliner a:hover{ border:1px solid #efaf04;}