﻿@charset "utf-8";
body{margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; font-family:"微软雅黑"; color:#333; width:100%; background:#fff; }
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0;  vertical-align:top;}
a{ color:#666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#957350;}
.fl{ float:left;}.fr{ float:right;}
.yh{font-family:"微软雅黑";}
.hidetxt{ display:none;}
.clear{clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.w1200{width:1200px; margin:0px auto;}

/*公用样式*/
.Ban{width:100%; margin-top:143px;}
.Ban img{display:block; width:100%;}
.Container{background:#f9f8f6; padding:35px 0px 0px; min-width:1200px; width:100%;}
.Content{/*background:#f9f8f6;*/padding:0px 0px 48px;}
.Submeun{background:url(../images/meunbg.jpg) no-repeat; height:66px; text-align:center;}
.Submeun a{display:inline-block; font-size:18px; color:#333333; line-height:64px; margin:0px 64px;}
.Submeun a:hover,.Submeun a.on{color:#a9010a; font-weight:bold; border-bottom:2px solid #a9010a;}
.nyban{ width:100%; overflow: hidden; min-width:1200px;}
.banscan{
  -webkit-animation-name: fadescan;
  -webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 0s;
	-moz-transform:scale(1,1);  
-webkit-transform:scale(1,1);  
-o-transform:scale(1,1);  
}
@-webkit-keyframes fadescan {
0% {
-moz-transform:scale(1.5,1.5);  
-webkit-transform:scale(1.5,1.5);  
-o-transform:scale(1.5,1.5); 	
opacity: 1;
visibility:visible;
}
100% {
-moz-transform:scale(1,1);  
-webkit-transform:scale(1,1);  
-o-transform:scale(1,1); 	
opacity: 1;
visibility:hidden;
}
}
/*title*/
.Title01{background:url(../images/titlebg1.png) no-repeat; height:99px; text-align:center;}
.Title01 em{display:inline-block; font-size:18px; color:#fff; width:36px; line-height:20px; padding:28px 0px 0px;}
.Tit2{background:url(../images/titlebg2.png) no-repeat;}
.Tit2 em{color:#8d040b;}

/*position*/


/*pages*/
.Pages{width:100%; text-align:center; padding:55px 0px 70px;}
.Pages a{display:inline-block; height:32px; line-height:32px; margin:0px 20px; padding:0px 12px; color:#888888; font-size:14px; border:1px solid #eaeaea; background:#fff;}
.Pages em a{border:none; background:none; margin:0px;}
.Pages a:hover,.Pages a.a_cur{color:#fff; background:#7f1a13}


/*top*/
.Header{background:url(../images/topbg.jpg) repeat-y center top; position:fixed; top:0; width:100%;z-index: 100; transition: all 0.5s;}
.Top{position:relative; height:97px;}
.Logo{float:left; margin:13px 0px 0px 0px;}
.Topmeun{float:right; margin:60px 0px 0px;}
.Topmeun a{display:inline-block; width:24px; height:24px; margin-left:13px;}
.Topmeun a.M1{background:url(../images/topmeun.png) no-repeat 0px 0px;}
.Topmeun a.M2{background:url(../images/topmeun.png) no-repeat -37px 0px;}
.Topmeun a.M3{background:url(../images/topmeun.png) no-repeat -74px 0px;}
.Topmeun a.M4{background:url(../images/topmeun.png) no-repeat -110px 0px;}
.Topmeun a.M5{background:url(../images/topmeun.png) no-repeat -147px 0px;}
.Topmeun a.M1:hover{background:url(../images/topmeunon.png) no-repeat 0px 0px;}
.Topmeun a.M2:hover{background:url(../images/topmeunon.png) no-repeat -37px 0px;}
.Topmeun a.M3:hover{background:url(../images/topmeunon.png) no-repeat -74px 0px;}
.Topmeun a.M4:hover{background:url(../images/topmeunon.png) no-repeat -110px 0px;}
.Topmeun a.M5:hover{background:url(../images/topmeunon.png) no-repeat -147px 0px;}

/*nav*/
.Nav{background:url(../images/navbg.jpg) no-repeat center top; position:relative;}
.Nav ul{ text-align:center; margin:0 auto; width:800px; font-size:0;-webkit-text-size-adjust:none;}
.Nav ul li{display:inline-block; text-align:center; font-size:15px; /*float: left;position: relative;*/  }
.Nav ul li>a{display:block; color:#565656; /*padding:0px 20px;*/ line-height:46px; height:46px; width:100px;}
.Nav ul li>a:hover,.Nav ul li.onnav>a{color:#6f0006; background:url(../images/navon.png) repeat-x;}

/*20170525*/
/*.subnav{ width:100%; position: absolute; z-index: 10; left:0; top:46px; background: url(../images/navbg.jpg);}
.subnav dd a{ display: block; color:#565656; height:35px; line-height:35px;}
.subnav dd:hover a{color:#6f0006; background:url(../images/navon.png) repeat-x;}*/
/*banner*/
.Banner{width:100%; overflow:hidden; height:auto; position:relative; z-index: 0; margin-top: 134px; min-width:1200px;}
.Banner .bd{position:relative; height:100%; z-index:0;}
.Banner .bd ul{width:100%;}
.Banner .bd li{width:100%; zoom:1; vertical-align:middle;}
.Banner .bd li a{width:100%;  display:block;}
.Banner .bd li a img{ width:100%;}

.Banner .hd{ position:absolute; height:35px; bottom:45px; z-index: 10; font-size: 0px; width:100%; text-align: center; min-width: 1200px;}
.Banner .hd .hdbox{ display: inline-block; }
.Banner .hd ul{text-align: center; float: left; height:24px; font-size: 0px; padding-top: 11px;}
.Banner .hd li{ height:14px; width:14px; border-radius:7px; background: #fff; float: left; font-size:0; margin:0 7px;}
.Banner .hd li.on{ background:#a7393f;}
.prev,
.next{ width:35px; height:35px; /*display: inline-block;*/ margin:0 3px; cursor: pointer; float: left;}
.prev{ background: url(../images/prev.png) no-repeat; }
.next{ background: url(../images/next.png) no-repeat; }

.Banner .prevbox{ height:672px; width:100px; position: absolute; top:0; left:0%;}
.Banner .nextbox{ height:672px; width:100px; position: absolute; top:0; right:0%;}
.Banner .prevbox a.prev{ position:absolute; top:300px; left:38%; display: none; z-index: 1000; float: none; background: url(../images/prev_03.png) no-repeat; width:27px; height:52px;}
.Banner .nextbox a.next{ position:absolute; top:300px; right:38%; display: none;z-index: 1000; float: none; background: url(../images/next_05.png) no-repeat;width:27px; height:52px;}
.Banner .prevbox:hover a.prev,.Banner .nextbox:hover a.next{ display: block;}

/*bottom*/
.Footer{background:url(../images/footbg.png) no-repeat center top; padding:89px 0px 0px; margin-top:-48px; position:relative; z-index:99; min-width:1200px;}
.Footbg{background:#7f1a13;}
.Sitepath{padding:24px 0px 29px;}
.Sitepath dl{float:left; margin-right:83px; width:100px; text-align:center;}
.Sitepath dl:nth-child(7n){margin-right:0px;}
.Sitepath dl dt{line-height:50px; font-size:16px; color:#dbc9c9;}
.Sitepath dl dt a{color:#dbc9c9;}
.Sitepath dl dd a{display:block; line-height:30px; color:#b28785; font-size:14px;}
.Sitepath dl dd a:hover{ color:#bbbaba;}
.Bottom{border-top:1px solid #903833; line-height:22px; text-align:center; color:#b28785; padding:18px 0px 23px;}
.Bottom a{color:#b28785;}

/*index*/
.Yuanbg{background:url(../images/bg1.png) center top no-repeat; height:26px; margin-top:-26px; position:relative; z-index:99; min-width: 1200px;} 
.bg2{background:url(../images/bg2.png) center top no-repeat;}
.Conbg{background:url(../images/mainbg.jpg) repeat-y center top; padding:12px 0px 0px;}
.Conbg2{background:url(../images/mainbg2.jpg) repeat-y center top; padding:12px 0px 0px;}
.index_about{height:717px; overflow:hidden; min-width: 1200px;}
.AboutCon{padding:76px 0px 0px;}
.AboutLeft{padding:0px 0px 0px 45px; width:625px; float:left;}
.AboutLeft .Contit{width:71px; float:left;}
.AboutLeft .Con{width:414px; height:458px; margin-left:60px; overflow:hidden;list-style:none; float:left;}
.AboutLeft .Con p{float:left;display:inline; color:#333333; margin-left:17px; width:16px;height:458px; font-size:16px; word-wrap:break-word; word-break:nomal; font-family:"方正隶变简体";}
.AboutLeft .Con p:last-child{margin-left:0px;}
.AboutLeft a.more{float:right; margin:111px 0px 0px; transition: all 1s; cursor: pointer;} 
.AboutLeft a.more:hover{ transform: transform: rotateY(360deg);-webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */-moz-transform: rotateY(360deg); }

.AboutRight{width:450px; float:right;}
.AboutRight img{display:block; width:100%;}

.ProjectBox{height:747px; overflow:hidden; min-width: 1200px;}
.ProjectSlide{padding:74px 0px 0px;}
.ProjectSlide .hd{text-align:center;}
.ProjectSlide .hd li{display:inline-block; margin:0px 23px; line-height:28px; font-size:16px;}
.ProjectSlide .hd li a{display:block; color:#fff; opacity:0.54; filter:alpha(opacity=54); padding-left:38px;}
.ProjectSlide .hd li a.s1{background:url(../images/hdbg.png) no-repeat 0px center;}
.ProjectSlide .hd li a.s2{background:url(../images/hdbg.png) no-repeat -159px center;}
.ProjectSlide .hd li a.s3{background:url(../images/hdbg.png) no-repeat -320px center;}
.ProjectSlide .hd li a.s4{background:url(../images/hdbg.png) no-repeat -475px center;}
.ProjectSlide .hd li a.s5{background:url(../images/hdbg.png) no-repeat -619px center;}
.ProjectSlide .hd li.on a{opacity:1; filter:alpha(opacity=100);}

.ProductList{margin:48px 0px 0px;}
.ProductList dl dd{width:268px; float:left; margin-right:42px; border-radius:10px; overflow:hidden; position:relative;}
.ProductList dl dd:nth-child(4n){margin-right:0px;}
.ProductList dl dd .PicTxt{position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/opacity.png) repeat; z-index:9; text-align:center; color:#fff; line-height:24px; display:none;}
.ProductList dl dd .PicTxt span a{display:block; font-size:16px; color:#fff; margin:63px 0px 36px;}
.ProductList dl dd .PicTxt p{padding:0px 20px;}
.ProductList dl dd .PicTxt a.more{display:inline-block; margin:28px 0px 0px;}
.ProductList dl dd:hover .PicTxt{display:block;}
.ProductList .Loading{display:block; text-align:center;}
.ProductList .Loading img{display:inline-block; margin:68px 0px 0px; transition: all 1s; cursor: pointer;}
.ProductList .Loading img:hover{ transform: transform: rotateX(360deg);-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */-moz-transform: rotateX(360deg);}



.NewsBox{height:704px; overflow:hidden; min-width:1200px;}
.NewsSlide{padding:82px 0px 0px;}
.NewsSlide .hd{text-align:center; line-height:30px; margin-bottom:48px;}
.NewsSlide .hd li{display:inline-block; font-size:16px;}
.NewsSlide .hd li a{display:block; color:#333333; margin:0px 9px;}
.NewsSlide .hd li.on a{color:#a7393f; font-weight:bold;}

.NewsCon .NewsPic{width:502px; float:left;}
.NewsCon .NewsPic img{display:block; width:100%;}
.NewsCon .NewsList{width:672px; float:right;}
.NewsCon .NewsList dd.First{padding:0px 0px 15px;}
.NewsCon .NewsList dd.First span.tit{float:left; font-size:18px; line-height:30px; display:block;}
.NewsCon .NewsList dd.First span.tit a{color:#bb091e;}
.NewsCon .NewsList dd.First span.date{float:right; color:#898989; line-height:30px;}
.NewsCon .NewsList dd.First p{line-height:20px; color:#595757; margin:10px 0px 22px;}
.NewsCon .NewsList dd.First a.more{display:block; width:130px; cursor:pointer; transition: all 1s;}
.NewsCon .NewsList dd.First a.more:hover{ transform: transform: rotateX(360deg);-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */-moz-transform: rotateX(360deg);}
.NewsCon .NewsList dd{padding:19px 0px 0px;}
.NewsCon .NewsList dd .Time{background:url(../images/whitebg.png) repeat; width:77px; height:72px; text-align:center; float:left;}
.NewsCon .NewsList dd .Time span{display:block; font-size:30px; font-family:Arial; color:#4c4948; line-height:30px; padding:9px 0px 0px;}
.NewsCon .NewsList dd .Time em{display:block; color:#4c4948; line-height:14px;}
.NewsCon .NewsList dd .NewName{width:580px; float:right;}
.NewsCon .NewsList dd .NewName span a{display:block; font-size:16px; color:#3e3a39; line-height:25px; margin-bottom:5px;}
.NewsCon .NewsList dd .NewName p{line-height:18px; color:#898989;}

/*关于我们*/
.About{padding:75px 60px 122px;}

/*新闻中心*/
.News{padding:25px 0px 0px;}
.News li{padding:25px 60px; border-bottom:1px dashed #b4b4b4;}
.News li .Newsimg{width:152px; float:left;}
.News li .Newsinfo{width:896px; float:right;}
.News li .Newsinfo span.Name a{display:block; line-height:32px; font-size:16px; font-weight:bold; color:#333; margin-bottom:6px;}
.News li .Newsinfo p{line-height:19px; font-size:14px; color:#888888;}
.News li .Newsinfo .date{display:block; font-size:16px; color:#888888; line-height:14px; margin-top:10px;}
.News li .Newsinfo .date i{font-size:14px; color:#c2c2c2;}
.News li:hover{background:#ededed;}

/*新闻详情*/
.ActiveContent{margin:50px 60px 70px;}
.Atit{text-align:center; line-height:28px; position:relative;}
.Atit h2{font-size:20px; color:#333333;}
.Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.Atit em i{padding:0px 12px;}
.bdsharebuttonbox{position:absolute; top:44%; right:19%;}
.ContentAbout{padding:34px 0px 21px 0px; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding:24px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

/*工程案例*/
.CaseList{padding:40px 25px 0px;}
.CaseList li{background:url(../images/picbg.png) no-repeat; width:282px; height:224px; float:left; padding:7px; margin:0px 131px 28px 0px;}
.CaseList li:nth-child(3n){margin-right:0px;}
.CaseList li .casepic{ width:282px; height:200px; overflow: hidden;}
.casepic img{display:block; width:282px; height:200px; transition: all 0.5s;}
.casepic img:hover{ transform: scale(1.2); }
.CaseList li p{width:100%; text-align: center; margin-top: 15px; font-size:14px;}

.Topmeun dd{ float:left; position:relative; }
.Topmeun dd:hover .topshaw{ display:block; }
.Topmeun dd .topshaw{ position:absolute; left:-33px; display:none; z-index:1000;}
.Topmeun dd .topshaw img{ width:120px; height:120px;}

/*20170601*/
.navxl{ width:100%; position: absolute; background: url(../images/bg_navxl_03.png) left top; left:0; top:46px; height:200px; display:none;z-index: 100;}
.navpic{ float:left; margin-top:30px;}
.navpic img{ width:370px; height:130px;}
.subnav{ float:left; margin:30px 0 0 60px; padding:0 0 20px 0; width:300px;}
.subnav dd{ line-height:35px; height:35px; border-bottom:1px solid #aaa; width:120px; text-align: left; float:left; margin-right:30px;}
.Nav ul li .subnav dd a{ font-size:14px; color:#111; cursor:pointer;}
.subnav dd:hover a{ color:#6f0006!important;}

.navxlrt{ float:left; margin:30px 0 0 70px; text-align: left; border-left:1px solid #ccc; height:150px; padding-left:100px;}
.navxlrt h3{ line-height:24px; }
.navxlrt p{ line-height:28px; }

.Nav li.noli .navxl{ display:none;}
/*
.Message{  width:70%; margin:30px auto;}
.Message dd{ float:left; padding:0px 30px 15px 0px;}
.Message dd .input{ text-indent:0.8em; width:300px; height:45px; background:#ffffff; border:0px; font-size:14px;}
.Message dd.auto{ clear:both; padding-right:0px; float:none;}
.Message dd .textarea{background:#ffffff; padding:10px; height:184px;  font-size:14px;}
.Message dd .textarea textarea{ width:100%;height:184px; background:#ffffff;font-size:14px;}
.Message dd .sendbtn{ color:#fff; cursor:pointer; width:120px; height:40px; background:#A9010A;}
*/

.Message{  width:70%; margin:30px auto;}
.Message dd{ padding:0px 30px 19px 0px;}
.Message dd span{ display:block; float:left; height:45px; line-height:45px; font-size:16px; color:#666666; margin-right:20px;}
.Message dd .input{ text-indent:0.8em; width:209px; height:45px; background:#ffffff; border:1px solid #d6d6d6; font-size:14px;}
.Message dd.auto{ clear:both; padding-right:0px; float:none;}
.Message dd.auto textarea{ width:596px; height:164px; background:#fff;font-size:14px;border:1px solid #d6d6d6; padding:10px;}
.Message dd .sendbtn{ cursor:pointer; width:130px; height:34px; background:url(../images/tj_07.png) no-repeat; margin:0 70px 0 210px;transition: all 1s;}
.Message dd .sendbtn:hover{ transform: transform: rotateX(360deg);-webkit-transform: rotateX(360deg);-moz-transform: rotateX(360deg);}
.Message dd .czbtn{ cursor:pointer; width:130px; height:34px; background:url(../images/cz_09.png) no-repeat;transition: all 1s;}
.Message dd .czbtn:hover{ transform: transform: rotateX(360deg);-webkit-transform: rotateX(360deg);-moz-transform: rotateX(360deg);}


/*20170614 人才招聘*/
.hr{ padding:36px 62px 117px 62px; background: #f9f8f6;}
.hr li .hr_hd{ height:47px; line-height:47px; background:#e9eaea; margin-top: 6px;}
.hr li#hrfirst .hr_hd{ background:#a9010a; height:45px; line-height:45px;}
.hr li#hrfirst .hr_hd span{ font-size:16px; color:#fff; font-weight:bold;}
.hr li a,
.hr li span{ font-size:15px; color:#333; text-align: center; width:20%; display:block; float:left;}
.hr li a.wyyp{ width:87px; height:31px; line-height:31px; background:#d7d7d7; border-radius:5px; margin:8px 0 0 64px;}
.hr li a.wyyp:hover{ background:#a9010a; color:#fff;}
.hr_bd{ padding:28px 0 60px 88px; border-bottom:1px solid #efefef; display: none;}
.hr_bd dt{ font-weight:bold; color:#333333; font-size:14px;}
.hr_bd dd{ font-size:14px; color:#898989; }
.hr_hdon{ background:#efe4e4!important;}
.hr_hdon .zwmc{ font-size:16px; font-weight:bold;}
.hr_hdon li a.wyyp{ background:#a9010a; color:#fff;}
.hr li .hr_bd a.tjbd{ width:87px; height:31px; line-height:31px; border-radius:5px; background:#a9010a; text-align:center; display:block; cursor:pointer; color:#fff; margin:20px 0 0;}
/*人才招聘.shtml end*/


/*20170626 我要应聘.shtml*/
.JobForm{ color:#666666; padding:0px 0px 65px 0;}
.JobForm .f1{ font-size:18px; color:#333333; padding:35px 0px 5px 20px; height:32px; border-bottom:1px solid #ededed; margin-bottom:15px;}
.JobForm td{ padding:5px 0px; font-size:14px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:220px; height:45px; line-height:45px; padding-left:10px;}
.JobForm textarea{ border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.JobForm .btn_2 { font-size:15px; width:110px; height:39px; text-align:center; background:#a9010a; margin:0 15px 0 226px; color:#fff; border:0px; cursor:pointer;}
.JobForm .btn_3 { font-size:15px; width:110px; height:39px; text-align:center; background:#999; color:#fff; border:0px; cursor:pointer;}
/*20170626 我要应聘.shtml end*/