*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden}
body,input{FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666; }
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.container{max-width:1400px;margin:0 auto}
input{outline: none;}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}



/*内页公共头部*/
.ny-header{background: #fff;}
.header-zw{height: 90px;}
.nav ul li dl{min-height:125px;position: absolute;top:90px;border-right: 1px solid #dadada; width: 120px;text-align: center;opacity: 0;transition: all .4s;width: 100%;}
.nav ul li dl dd a{line-height:28px;font-size:14px;color:#666}
.nav ul li dl dd:nth-child(1){padding-top:13px;}
.nav ul li dl:before{content: '';background:#eee;position: absolute;top:0;left:50%;width:0px;height:125px;z-index:-9; box-sizing: border-box;transition: all .4s;}
.nav ul li:hover dl:before{width:100%;left:0%;}
.nav ul li:hover dl a{color:#333; }
.nav ul li dl a:hover{color:#143E7E;}
.header-bg333{background:rgba(255,255,255,0.81);width:100%;height:125px;position: absolute;top:120px;right:0;transition: all .4s;opacity:0;filter:Alpha(Opacity=0);z-index:-999;box-shadow: 3px 10px 10px rgba(0,0,0,0.2);}



/*关于远蓝主页面*/
.indexabout-banner{background: url(../images/indexabout-banner.jpg) no-repeat center;height: 530px;}
.about-title{text-align: center; padding: 58px 0 0;}
.about-title span{display: block; font-size: 16px; color: #aaaaaa;}
.about-title h2{font-size: 34px; color: #143e7e; line-height: 34px;}
.about-title h3{font-size: 15px; line-height: 26px; color: #555555; margin: 39px auto 47px; max-width: 73%;}
.about-more{display: block; width: 170px; font-size: 16px; line-height: 45px; color: #fff; text-align: center; margin: 0 auto 60px; background: #143e7e;}
.about-more:hover{background: #e70011;transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}

/*企业概况*/
.nyabout .about-title span{font-size: 22px;}
.nyabout-list ul{width: 101%;}
.nyabout-list ul li{float: left; margin-right: 1%; width: calc(100%/3 - 1%); height: 295px; display: table;}
.nyabout-list ul li.bg1{background: url(../images/about-pic1.jpg) no-repeat center top;}
.nyabout-list ul li.bg2{background: url(../images/about-pic2.jpg) no-repeat center top;}
.nyabout-list ul li.bg3{background: url(../images/about-pic3.jpg) no-repeat center top;}
.nyabout-list ul li .info{padding: 0 11% 0 10%; display: table-cell; vertical-align: middle;}
.nyabout-list ul li .info strong{display: inline-block; font-size: 22px; color: #222222; margin-bottom: 18px;}
.nyabout-list ul li .info span{display: inline-block; font-size: 14px; color: #888888; font-weight: normal; margin-left: 10px; text-transform: uppercase;}
.nyabout-list ul li .info p{line-height: 26px; color: #555555; text-align: justify;}

/*企业文化*/
.culture{background: url(../images/culture-bg.jpg) no-repeat center; height: 429px;}
.culture .about-title{text-align: left; padding: 116px 0 0;}
.culture .about-title em{display: block; font-size: 16px; color: #666; margin: 10px 0 90px;}
.culture .about-more{margin: 0;}

 
 
 
 @media screen and (min-width:1200px)  and  (max-width:1400px)  {
	.container{max-width:96%;margin:0 auto}
	/*公共头部*/
	.header .nav{width: 60%;}
	.header .search-form{width: 50%;}
	
	/*新闻中心*/
	#news-jt-left{left: 35%;}
	#news-jt-right{left: 61%;}
	
	/*企业责任main*/
	.responsibility .pic{width: 38%;}
	
	/*人才发展-员工培训*/
	.plan-list ul li{min-height: 230px;}

	
}