@charset "UTF-8";
@import url("reset.min.css");
@import url("animation.css");
@import url("hover.css");
body { color: #101010; font-family: "Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif; overflow-x: hidden;background: url(../images/bj.jpg) no-repeat center fixed !important;background-size: cover;  }

a { color: #101010; text-decoration: none; 
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
a:hover { color: #021B35; text-decoration: none; }

*:focus { outline: none; }


.sbs { position: relative; }

.m-left{ float:left;}
.m-right{ float:right;}


.m-ny-bj{ width:100%; height:350px; position:relative; background:url(../images/ny-img.jpg) center center no-repeat; background-size:cover;}


/* 第一屏  home */
/*导航*/
.g-head{ width:100%; height:100px; position:relative; z-index:99999; background:#8d0009;} 
.f-head{ width:1200px; height:100px; position:relative; margin:0 auto;} 
                                         
.f-logo{ width:202px; height:80px; float:left; margin-top:10px;}
.f-logo img{ width:100%;}         
     
	 
	 
.f-nav{ position:relative; float:right;}  
.f-nav ul{ margin:0; padding:0;}
.f-nav ul li{ width:120px; height:100px; line-height:100px; text-align:center; float:left; margin:0; position:relative;}  
.f-nav ul li a{ font-size:16px; color:#d4c493; display:block;}
.f-nav ul li a:hover{ background:#d4c493; color:#8d0009;}
    

.f-nav li a.selected{ background:#d4c493; color:#8d0009;}       



.f-nav li.active a{ background:#d4c493; color:#8d0009;}
.f-nav li.hover a{ background:#d4c493; color:#8d0009;}


.f-nav li.selected .submenu{display:block;}
.f-nav li .submenu{display:none;position:absolute;top:100px;left:0px; background:#d4c493;}
.f-nav li .submenu{width:100%; text-align: center;}
.f-nav li .submenu{ z-index:9999;}
.f-nav li .submenu li{float:none;padding:0;background:none; width:100%;height:35px; line-height:35px; margin:0 auto; }
.f-nav li .submenu li a{padding:0; font-size:14px; font-family:"Microsoft YaHei";height:35px; line-height:35px; color:#8d0009; width:100%; margin:0 auto;}
.f-nav li .submenu li a:hover{ background:#8d0009; color:#d4c493; }












/*footer*/
.g-footer{ width:100%; height:auto; overflow:hidden; padding:70px 0 65px; background:#000;}

.f-footer{ width:1200px; height:auto; margin:0 auto; position:relative;}

.f-footer-title{ width:425px; height:42px; margin-bottom:55px;}


/*地图*/
.f-map-box{ width:680px; height:355px; float:left; position:relative; background:url(../images/footer-line.jpg) 679px 100px no-repeat;}
.f-map{ width:584px; height:255px; position:relative; overflow:hidden;}





/*留言*/
.f-message-box{ width:425px; height:auto; float:right;}
.f-message{ width:425px; height:auto; overflow:hidden; margin-bottom:25px;}

.f-message .messageBox{ width:425px;}

.f-message-wb{ width:425px; height:35px; margin-bottom:10px;}


.f-message .messageBox .name{width:210px; height:35px; line-height:35px; background:#fff; font-size:14px; color:#333333; padding:5px 10px; border:none; float:left;}
.f-message .messageBox .phone{width:210px; height:35px; line-height:35px; background:#fff; font-size:14px; color:#333333; padding:5px 10px; border:none; float:right;}
.f-message  .messages{ width:425px; height:90px; padding:10px; font-size:14px; color:#333333; border:none; background:#fff; margin-bottom:15px;}


.f-message .my-button{ width:425px; height:35px; display:block;}
.f-message .my-button button{ width:160px; height:35px; line-height:35px; text-align:center; float:left; display:block; background:#fff; border:none; font-size:16px; color:#333333;}

.m-message-ts{ height:30px; line-height:55px; font-size:14px; color:#fff; float:left; margin-left:15px; margin-bottom:0;}



/*icp*/
.f-icp{ width:425px; height:25px; line-height:25px; font-size:12px; color:#666666; margin-bottom:0;}
.f-icp a{ font-size:12px; color:#666666; margin-right:5px;}
.f-icp a:hover{ color:#fff;}
















.g-ny{ width:100%; height:auto; overflow:hidden; position:relative; margin:80px 0;}

.f-ny{ width:1200px; height:auto; overflow:hidden; margin:0 auto; position:relative;}


.f-ny-nav{ width:207px; height:auto; position:relative; float:left;}

.f-ny-name{ width:207px; min-height:35px; line-height:35px; font-family:宋体; font-size:20px; color:#fff; font-weight:bold; margin-bottom:50px; text-transform:uppercase;}
.f-ny-logo{ width:207px; height:auto; position:relative; margin-bottom:50px;}
.f-ny-logo img{ width:100%;}

.f-item{ width:207px; height:auto; overflow:hidden; position:relative;}
.f-item ul{ margin:0; padding:0;}
.f-item ul li{ width:207px; height:37px; line-height:35px; position:relative; border-bottom:1px dashed #d0d0d0;}
.f-item ul li a{ width:100%; height:35px; line-height:35px; font-size:16px; color:#fff; display:block;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;   
-o-transition:all 0.5s ease-out 0s;}

.f-item-icon{ height:9px; line-height:9px; position:absolute; left:7px; top:12px; opacity:0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.f-item-title{ font-size:16px; color:#fff;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.f-item ul li:hover a{ background:#ce1818; padding-left:25px;}
.f-item ul li:hover .f-item-icon{ left:7px; opacity:1;}
.f-item ul li:hover .f-item-title{ color:#fff; font-weight:bold;}

.f-item ul li a.d{ background:#ce1818; padding-left:25px;}
.f-item ul li a.d .f-item-icon{ left:7px; opacity:1;}
.f-item ul li a.d .f-item-title{ color:#fff; font-weight:bold;}


/*面包屑*/
.f-crumbs{ width:922px; height:47px; line-height:45px; font-size:16px; color:#fff; text-align:right; border-bottom:1px dashed #d0d0d0; float:right; margin-bottom:50px;}
.f-crumbs a{ font-size:16px; color:#fff;}
.f-crumbs a:hover{ color:#e2b064;}



/*产品列表页-右侧*/
.f-product{ width:922px; height:auto; overflow:hidden; position:relative; float:right; margin-top:0 !important;}


.f-product-title{ width:922px; height:42px; line-height:40px; font-size:20px; color:#fff; font-weight:bold; border-bottom:1px dashed #d0d0d0; background:url(../images/title-icon.png) left center no-repeat; padding-left:33px;}



.f-product-list{ width:922px; height:auto; overflow:hidden; position:relative;}
.f-product-list ul{ margin:0; padding:0;}
.f-product-list ul li{ width:220px; height:237px; position:relative; float:left; margin:0 7px 30px; border-bottom:1px dashed #d0d0d0;}

.f-product-list ul li:nth-child(1){ margin-left:0;}
.f-product-list ul li:nth-child(4n){ margin-right:0;}
.f-product-list ul li:nth-child(4n+1){ margin-left:0;}


.m-product-box{ width:220px; height:180px; position:relative; overflow:hidden;}
.m-product-img{ width:220px; height:180px; position:relative; overflow:hidden; margin-bottom:0;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}

.m-product-title{ width:220px; height:50px; line-height:50px; font-size:16px; color:#fff; overflow:hidden; margin-bottom:0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}



.f-product-list ul li:hover .m-product-title{ color:#e2b064;}
.f-product-list ul li:hover .m-product-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}




/*新闻列表*/
.f-news-list{ width:922px; height:auto; overflow:hidden; position:relative;}
.f-news-list ul{ margin:0; padding:0; position:relative;}
.f-news-list ul li{ width:100%; height:125px; position:relative; background:rgba(255,255,255,0.9); margin-bottom:10px; padding:25px 0 25px 20px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.m-news-date{ width:270px; height:75px; line-height:75px; text-align:left; font-family:Arial; font-size:70px; color:#afafaa; float:left;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.m-news-txt{ width:580px; height:75px; position:relative; float:left; margin-left:30px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-news-title{ width:580px; height:25px; line-height:25px; font-size:16px; color:#333333; overflow:hidden; margin-bottom:10px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-news-desc{ width:580px; height:40px; line-height:20px; font-size:14px; color:#999999; overflow:hidden; margin-bottom:0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}



.f-news-list ul li:hover{ background:rgba(206,24,24,0.9);}
.f-news-list ul li:hover .m-news-date{ color:#fff; margin-left:10px;}
.f-news-list ul li:hover .m-news-title{ color:#fff;}
.f-news-list ul li:hover .m-news-desc{ color:#fff;}




/*详情页面*/
.f-content-box{ width:922px; height:auto; overflow:hidden; position:relative; color:#fff;}
.f-content-box h1{font-size: 26px;color: #fff;text-align: center; margin-bottom:15px;}
.f-content-box img{ max-width: 100%; height: auto;}
.f-content-box .time{ height:30px; line-height:30px; background:#efefef; color:#333; text-align: center;margin-bottom: 25px;}






/*知识学堂*/
.f-school-list{ width:922px; height:auto; overflow:hidden; position:relative;}
.f-school-list ul{ margin:0; padding:0;}
.f-school-list ul li{ width:220px; height:297px; position:relative; float:left; margin:0 7px 30px; padding:10px; background:#fff;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.f-school-list ul li:nth-child(1){ margin-left:0;}
.f-school-list ul li:nth-child(4n){ margin-right:0;}
.f-school-list ul li:nth-child(4n+1){ margin-left:0;}


.m-school-box{ width:200px; height:200px; position:relative; overflow:hidden; z-index:9;}
.m-school-img{ width:200px; height:200px; position:relative; overflow:hidden; margin-bottom:0;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}

.m-school-title{ width:200px; height:30px; line-height:30px; font-size:15px; color:#333; overflow:hidden; margin:5px 0; position:relative; z-index:9;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-school-desc{ width:200px; height:40px; line-height:20px; font-size:12px; color:#666; overflow:hidden; margin-bottom:10px; position:relative; z-index:9;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.m-school-zzc{ width:220px; height:0; position:absolute; top:100%; left:0; opacity:0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}



.f-school-list ul li:hover .m-school-zzc{ top:0; height:297px; opacity:1; background:#96171a;}
.f-school-list ul li:hover .m-school-title{ color:#fff;}
.f-school-list ul li:hover .m-school-desc{ color:#ccc;}
.f-school-list ul li:hover .m-school-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}







/*改造项目*/
.f-item-list{ width:922px; height:auto; overflow:hidden; position:relative;}
.f-item-list ul{ margin:0; padding:0;}
.f-item-list ul li{ width:300px; height:415px; position:relative; float:left; overflow:hidden; background:#fff; padding:4px; margin:0 10px 20px 0;}
.f-item-list ul li:nth-child(3n){ margin-right:0;}

.f-item-list ul li .m-item-box{ width:292px; height:292px; position:relative; overflow:hidden; margin-bottom:15px; z-index:999;}
.f-item-list ul li .m-item-img{ width:292px; height:292px; position:relative; overflow:hidden;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}

.f-item-list ul li .m-item-title{ width:260px; height:30px; line-height:30px; text-align:center; font-size:18px; color:#333333; position:relative; overflow:hidden; margin:0 auto 10px; z-index:999;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.f-item-list ul li .m-item-desc{ width:260px; height:50px; line-height:25px; font-size:14px; color:#333333; position:relative; overflow:hidden; margin:0 auto 10px; z-index:999;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.f-item-list ul li .m-item-more{ width:160px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; margin:0 auto; position:relative; background:#3d3d3d; z-index:999;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.f-item-list ul li .m-item-zzc{ width:300px; height:0; position:absolute; top:50%; left:0; margin-bottom:0;
transition:all 0.4s ease-out 0s;
-webkit-transition:all 0.4s ease-out 0s;
-moz-transition:all 0.4s ease-out 0s;
-ms-transition:all 0.4s ease-out 0s;
-o-transition:all 0.4s ease-out 0s;}


.f-item-list ul li:hover .m-item-title{ color:#fff;}
.f-item-list ul li:hover .m-item-desc{ color:#fff;}
.f-item-list ul li:hover .m-item-more{ background:#fff; color:#333;}
.f-item-list ul li:hover .m-item-zzc{ top:0; height:415px; background:#333;}





/*招工信息*/
.f-job-list{ width:922px; height:auto; overflow:hidden; position:relative;}
.f-job-list ul{ margin:0; padding:0; position:relative;}
.f-job-list ul li{ width:450px; height:105px; position:relative; background:rgba(255,255,255,0.9); padding:10px; margin:0 22px 15px 0; float:left;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.f-job-list ul li:nth-child(2n){ margin-right:0;}

.m-job-box{ width:120px; height:85px;float:left; position:relative; overflow:hidden;}
.m-job-img{ width:120px; height:85px; position:relative; overflow:hidden;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.m-job-txt{ width:280px; height:85px; position:relative; float:left; margin-left:20px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-job-title{ width:280px; height:25px; line-height:25px; font-size:16px; color:#333333; overflow:hidden; margin-bottom:10px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-job-desc{ width:280px; height:40px; line-height:20px; font-size:14px; color:#999999; overflow:hidden; margin-bottom:0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}



.f-job-list ul li:hover{ background:rgba(219,167,87,0.9); padding-left:20px}
.f-job-list ul li:hover .m-job-img{ color:#fff;}
.f-job-list ul li:hover .m-job-title{ color:#fff;}
.f-job-list ul li:hover .m-job-desc{ color:#fff;}





/*品牌*/
.f-brand{ width:1200px; height:225px; margin:50px auto;}
.f-brand ul{ margin:0; padding:0;}
.f-brand ul li{ width:363px; height:225px; float:left; position:relative;}
.f-brand ul li:nth-child(2){ margin:0 55px;}
.m-brand-img{ width:363px; height:225px; overflow:hidden;}




.m-brand-txt{ width:363px; height:225px; background:url(../images/hover-bj.png) center center no-repeat; position:absolute; top:0; left:0; text-align:center; opacity:0; margin-bottom:0;
transition:all 0.4s ease-out 0s;
-webkit-transition:all 0.4s ease-out 0s;
-moz-transition:all 0.4s ease-out 0s;
-ms-transition:all 0.4s ease-out 0s;
-o-transition:all 0.4s ease-out 0s;}
.m-brand-bt{ font-family:微软雅黑; font-size:36px; color:#fff; margin-top:80px; opacity:0; margin-bottom:0;
transition:all 0.6s ease-out 0s;
-webkit-transition:all 0.6s ease-out 0s;
-moz-transition:all 0.6s ease-out 0s;
-ms-transition:all 0.6s ease-out 0s;
-o-transition:all 0.6s ease-out 0s;}
.m-brand-desc{ font-family:微软雅黑; font-size:14px; color:#fff; margin-top:45px; opacity:0; margin-bottom:0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-brand-view{ margin-top:60px; opacity:0;              
transition:all 0.6s ease-out 0s;
-webkit-transition:all 0.6s ease-out 0s;       
-moz-transition:all 0.6s ease-out 0s;
-ms-transition:all 0.6s ease-out 0s;
-o-transition:all 0.6s ease-out 0s;}
.m-brand-line{ width:48px; height:1px; background:#fff; display:inline-block;}
.m-brand-wz{ ont-family:微软雅黑; font-size:14px; color:#fff; margin:0 10px;}


.m-aay{ background:url(../images/brand01.png) center center no-repeat;}
.m-yhsy{background:url(../images/brand02.png) center center no-repeat;}
.m-hgzz{background:url(../images/brand03.png) center center no-repeat;}

.f-brand ul li:hover .m-brand-txt{ opacity:1;}
.f-brand ul li:hover .m-brand-bt{ opacity:1; margin-top:50px;}
.f-brand ul li:hover .m-brand-view{ opacity:1; margin-top:50px;}







/*icp*/
.g-icp{ width:100%; height:50px; position:relative; z-index:9999999; background:#6b0d0b;}
.f-icp{ width:1200px; height:50px; line-height:50px; text-align:center; margin:0 auto;}
.f-icp span{ font-family:微软雅黑; font-size:14px; color:#d4c493; height:40px; line-height:40px; margin:0 2px;}
.f-icp span img{ position:absolute;}
.f-icp a{ font-family:微软雅黑; font-size:14px; color:#d4c493;}
.f-icp a:hover{ color:#fff;}