.clear{height: 10px;}
.head{position: relative; top: 0;}
.header-top{ background: none;}
.header-nav{}
.nav-collapse{overflow:hidden; height:0px;}
.nav-collapse ul{ text-align:center; font-size:0;}
.nav-collapse ul li{border:1px solid transparent; border-bottom:1px solid #fff ; line-height:30px; font-size:12px; background: #eaeff6; -webkit-transition:all .15s linear; -moz-transition:all .15s linear; transition:all .15s linear;}
.nav-collapse ul li:hover{/*border: 1px solid #000;*/ background: #d9e5f7;}
.nav-collapse ul li a{ display:block; color: #000;}
.nav-collapse-button{ display: block;text-align:center; background:#2f3a48; cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.nav-collapse-button button{display:inline-block; width:40px; height:35px;  text-align:center; outline:none;}
.nav-collapse-button i{ position:relative; display:inline-block; width:70%; height:50%; border-top:2px #fff solid; border-bottom:2px #fff solid; -webkit-transition:all .15s linear; -moz-transition:all .15s linear; transition:all .15s linear;}
.nav-collapse-button i:before{ position:absolute; left:0; top:50%; margin-top:-1px; width:100%; height:2px; background-color:#fff; content:"";}
.nav-collapse-button.active i{ height:30%; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.logo{position: absolute;left: 0;top: 17px;}
.banner{ overflow:hidden; position:relative; }
.banner .hd{ z-index:1; position:absolute;  left:0; bottom:10px; width:100%; }
.banner .hd ul{ text-align:center;}
.banner .hd ul li{ display:inline-block; margin: 0 5px; border-radius:100%; width:7px; height:7px; background:#fff;  cursor:pointer; }
.banner .hd ul li.on{ background:#013a14;}
.banner .bd{ position:relative;}
.banner .bd li{display:table-cell;}
.banner .bd li .ban_img{height: 300px;}
.banner .bd li .ban_img:after{padding-bottom: 27.5%;}
.banner .bd li .ban_img:hover i{filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1; opacity:1;}
.ny_banner{position:relative; max-width:100%; height: 272px; background: url(../images/demo/ny_banner.jpg);  background-position:center; background-repeat: no-repeat;}
.con{max-width: 1002px;}
a.button{display: block; margin:0 auto; width: 108px; height: 33px; line-height: 33px; text-align: center; color: #fff; text-transform:uppercase; background:url(../images/hire.png) no-repeat;}
.brand{padding: 0 5%;}
.guany{padding-top: 25px; padding-bottom: 30px;}
.hire-M{padding-top: 20px; padding-bottom: 25px; text-align: center;}
.hire-M p{padding-bottom: 28px;font-size: 14px;line-height: 24px; color: #63656a;}
.work{padding: 20px 0 30px 0; background: #f6f6f6;}
.w-envi{max-width: 1002px; text-align: center;}
.w-envi h2{padding-bottom: 24px; font-family:"arial"; font-size: 26px; font-weight: normal; color: #d8d8d8; text-transform: uppercase;}
.w-envi p{color: #63656a;}
.environ{max-width:1002px;}
.environ li{}
.environ li a.img-load:after{ padding-bottom:58.98%;}
.environ li p{ line-height:30px;}
.environ li p a{color: #2f3a48;}
ul.hire{margin-top: 20px; padding-left: 18%; padding-right: 18%; height: 355px;}
ul.hire li{margin-bottom: 3px; padding-right: 0; height: 355px;}
ul.hire li .march{ padding: 40px 40px 50px 40px; border: 1px solid #cccccc; height: inherit;}
ul.hire li .march .data{padding:0 25%;  text-align: center; }
ul.hire li .march .data em{display: block; font-family: "times new roman"; font-size: 16px; color: #2f3a48;}
ul.hire li .march .data i{display: block; border-bottom:1px solid #828991; font-size: 40px; font-weight: bold; color: #1a1918;}
ul.hire li .march p{overflow: hidden; margin:40px 0; height: 50px; color: #1a1918;}
/*p1*/
.culture{}
.culture .c_title{ padding-top: 10px; padding-bottom:10px; text-indent: 20px;}
.culture .c_title h3{ }
.culture .c_title h3 a{font-family: "微软雅黑"; font-size:18px; color:#2e2527;}
.culture .c_title .c_info{ margin-top:5px; font-size:12px; color:#aaa;}
.culture .c_title .c_info span{ text-align: left; }
.culture p{ margin-bottom:15px; line-height:24px; text-indent:2em; font-family: "微软雅黑"; color: #404040;}
.culture .img{ margin-right: 10px; text-align: center; background: none;}
.culture .img img{ display:block; max-width: 100%; height: auto; }
/*p2*/
.about_word{padding-top: 39px; margin:0 auto; max-width: 1002px; text-align: center;}
.about_word h2{font-family:'arial'; font-size: 26px; font-weight: normal; color: #63656a; text-transform: uppercase;}
.about_word p{padding-bottom: 30px;font-size: 14px;line-height: 24px;color: #63656a;}
.page_title{padding: 27px 0 15px 0; text-align: center;}
.page_title h2{font-size: 18px; font-weight: bold; color: #2f3a48;}
.page_title span{font-size: 30px; color: #63656a; text-transform: uppercase;}
.news_title{margin-bottom: 15px;}
.news_title ul{text-align: center;}
.news_title li{display: inline-block; margin-bottom: 2px;  text-align: center; background: #f2e5d6;}
.news_title li:hover{background: #efcea9}
.news_title li a{display: block; padding: 10px 15px; font-size: 18px; color: #2f3a48; }
.news_list{float: right; padding-bottom: 20px; padding-left: 16%; padding-right: 16%; min-height: 355px;}
.news_list li{margin-bottom: 3px; padding-right: 4px; height: 355px;}
.news_list li .march{padding: 40px 40px 50px 40px; border: 1px solid #cccccc;  height: inherit;}
.news_list li .march .data{padding:0 22%;  text-align: center; }
.news_list li .march .data em{display: block; font-family: "times new roman"; font-size: 16px; color: #2f3a48;}
.news_list li .march .data i{display: block; border-bottom:1px solid #828991; font-size: 40px; font-weight: bold; color: #1a1918;}
.news_list li .march p{overflow: hidden; margin: 40px 0; height: 50px; color: #1a1918;}
/*p3*/
.products{float: right;}
.products li{margin-bottom: 6px; padding-right: 6px;}
.products li .cate{padding: 1px; border: 1px solid #cdcdcd; text-align: center;}
.products li .cate a.img-load:after{padding-bottom: 46.73%;}
.products li .cate h4{padding-top: 10px; font-size: 14px;}
.products li .cate a{color: #2f3a48;}
.products li .cate a:hover{color: #01142e;}
.products li .cate p{padding-bottom: 5px; line-height: 25px;}
.products li .cate p a{color: #63656a;}
.products li .cate p a:hover{color: #01142e;}
.news{float: right;}
.news li{position:relative; padding-left:15px; height: 30px; line-height:30px;}
.news li:before{ position:absolute; left:0; top:13px; border-radius:100%; width:3px; height:3px;  background:#999; content:"";}
.news li a{color: #666; }
.news li a:hover{color: #01142e;}
.news li span{color: #909090; text-align: right; background: url(../images/new.png) no-repeat left center;}
.contact{float: right; padding: 24px; border: 1px solid #cccccc; min-height: 300px; }
.contact p{text-indent: 20px;}
.details, .about{float: right; padding: 24px; border: 1px solid #cccccc;}
.final-page, .article{padding: 0; }
.art-title{ margin-bottom:35px; padding-top:20px; color:#1a1918;}
.art-title h3{ font-size:16px;  font-weight: bold;}
.art-title .info{padding-top: 5px;}
.art-title .info span{ display:inline-block;}
.final-page p{padding-bottom: 30px; line-height:24px; text-indent:2em; color:#1a1918;}
.final-page img{ display:block; margin:0 auto; max-width:100%;}
.article p{padding-bottom: 30px; line-height:24px; text-indent:2em; color:#1a1918;}
.article img{ display:block; margin:0 auto; max-width:100%;}
/*table*/
.mess-01{overflow-x:scroll; float: right; }
.mess-01 table{ min-width:390px; width:100%; text-align:center;}
.mess-01 tr td{ height:40px; background:#efefef; border-bottom:1px #fff solid; -webkit-transition:all .15s linear; transition:all .15s linear;}
.mess-01 tr:hover td{ background:#e3e3e3;}
.mess-01 tr.line1 td{background:#2f3a48; color:#fff;}
.mess-01 tr td a{ color:#455c79;}
.mess-01 tr td a:hover{text-decoration:underline;}
/*翻页*/
.page-turn{ margin-top:20px; margin-bottom:20px; text-align:center;}
.page-turn a{ display:inline-block; margin:3px; padding:0 5px; border:1px #999 solid; min-width:26px; height:26px; line-height:24px; color:#333; background:#fff; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; transition:all .1s linear;}
.page-turn a:hover{ border:1px #2f3a48 solid; color:#fff; background:#2f3a48; }
.page-turn a.on{ border:1px #2f3a48 solid; color:#fff; background:#2f3a48; }
/*尾部*/
.footer{padding: 27px 0; background: #f6f6f6;}
.foot{text-align: center;}
.foot em{display: block; color: #767676;}
.foot img{padding-top: 15px;}
ul.f_nav{margin-top: 15px;  text-align: center;}
ul.f_nav li{display: inline-block; margin: 0 12px;}
ul.f_nav li a{color: #2f3a48;}
ul.f_nav li a:hover{color: #000;}
@media (min-width:768px){
	/*.logo{float: left; padding: 0;}*/
	.brand{padding-left: 0; padding-right: 0;}	
	.header-nav{float: right;}
	.nav-collapse{ height:auto; }
  	.nav-collapse .n1{ float:left;}
  	.nav-collapse ul li{ display:inline-block; border: none; padding:0 20px;  background: none;}
  	.nav-collapse ul li:hover{background: none;}
  	.nav-collapse ul li:hover a{color: #0b1b2e;}
	.nav-collapse-button{ display:none;}
	.banner .bd li .ban_img{height: 500px;}
    .nav-collapse-button{ display:none;} 
    .w-envi h2, .about_word h2{font-size: 30px;}   
    .page_title{padding: 27px 0 33px 0; text-align: left;} 
    .news_title li a{padding: 21px 38px;} 
    .culture .img{float: left;}  
    ul.hire{padding-left: 0; padding-right: 0;}
    ul.hire li{padding-right: 24px;}
    ul.hire li .march{padding: 40px 40px 50px 40px;}        
    ul.hire li .march p{text-align: left;}
    ul.hire li .march .data{padding:0 28%;  text-align: center; }
    ul.hire li .march .data i{font-size: 52px;}
    .news_list li .march .data i{font-size: 52px;}    
    .news_list{padding: 0; /*padding-bottom: 95px;*/}
    .news_list li .march .data{padding:0 33%;  text-align: center; } 
    .march p{text-align: left;}
    .mess-01{overflow:auto;}
	.foot{text-align: left;}
	ul.f_nav{margin-top: 0; text-align: right;}	
}
@media (min-width:992px){				
	.header-top{z-index:1; position:absolute;  padding-top: 32px; padding-bottom: 27px;  max-width: 1002px; background: #fff;}
	.banner .bd li .ban_img{height: 634px;}
	.about_word{padding-top: 120px;}	
	.Lshadow{display: none;}
	.Rshadow{display: none;}
	.Bshadow{display: none;}
	.environ{padding: 0 5%;}	
  	.news_title li{display: block;}  	
  	.news_title li a{padding: 21px 20px;}
  	ul.hire li .march{padding: 40px 25px 50px 25px;}
  	ul.hire li .march .data{padding:0 26%;  text-align: center; }
  	ul.hire li .march .data i{font-size: 62px;}
  	.news_list li .march{padding: 40px 25px 50px 25px;}  	
  	.news_list li .march .data{padding:0 19%;  text-align: center; }
  	.news_list li .march .data i{font-size: 58px;}
}
@media (min-width:1200px){				
	.Lshadow{display: block; z-index:1; position:absolute; top:0; left:50%; margin-left: -504px;  width:4px; height: 89px; background: url(../images/Lshadow.png) no-repeat;}
	.Rshadow{display: block; z-index:1; position:absolute; top:0; right:50%; margin-right: -504px;  width:4px; height: 89px; background: url(../images/Rshadow.png) no-repeat;}
	.Bshadow{display: block; z-index:1; position:absolute; top:90px; left:50%; margin-left: -500px; width: 1002px; height: 5px; background: url(../images/Bshadow.png) no-repeat;}
	.environ{padding: 0;}
	.hire-M{padding-top: 51px; padding-bottom: 87px;}
    .work{padding: 60px 0 70px 0;}	
	.guany{padding-top: 85px; padding-bottom: 100px;}
}