/* CSS Document */
body { background:#fff;}
#container{ min-height:420px;}
#ban{ width:100%; position:relative; overflow:hidden;  }
#ban ul li{ width:100%;}
#ban ul li img{ width:100%; vertical-align:middle;}
.tit{ position:absolute; width:100%; height:60px; left:0; top:50%; margin-top:-30px; color:#fff; text-align:center;}
.tit h2{ width:100%; height:40px; font-size:30px; line-height:40px; }
.tit p{ width:100%; height:20px; font-size:14px; line-height:20px; }

.content{ width:94%; margin:50px 3%; position:relative; overflow:hidden;}
.left{ width:280px; padding-right:20px; position:absolute; left:0; top:0}
.right{ padding-left:300px; position:relative; min-height:400px;}
	
.left h2{ color:#000; font-size:32px; line-height:45px;}
.left em{ font-style:normal; font-size:21px; line-height:30px;}

.abbox{ width:90%; position:relative; font-size:16px; line-height:30px;}
.abbox img{ max-width:100%; vertical-align:middle; margin-top:20px;}

.caselist{ width:100%; position:relative; overflow:hidden; margin-top:40px;}
.caselist li{ width:250px;  float:left; margin-right:100px;}
.caselist li:nth-child(3){ margin-right:0;}
.caselist li img{ width:75px; height:75px; margin-top:30px; float:left; margin-right:20px;}
.caselist li em{ display:block;float:left; width:150px; font-style:normal; font-size:21px; color:#000; line-height:30px;}
.caselist li h2{ width:150px;float:left; position:relative; line-height:50px; font-size:28px; color:#808080;  }
.pic img{transition: all 1s;}
.pic:hover img{ transform: scale(1.1);}

.fazhan{ width:100%; position:relative; overflow:hidden;}
.fazhanbox{ width:100%; position:relative; font-size:16px; height:45px; line-height:45px; color:#656565; border-top:2px solid #808080;border-bottom:1px solid #808080; margin-bottom:50px;}
.de_pross { width: 1300px; margin: 0 auto; padding-top: 20px; position: relative; }
.p_cont { width: 1300px; height: 100%;}
.p_cont .pross_box { border-left: 2px solid #00923f; left: 100px; padding: 35px 0; position: relative; z-index: 0; float: left; }
.p_cont .prossUl { left: -117px; list-style: none outside none; position: relative; }
.p_cont .prossUl li { clear: both; position: relative;margin-bottom:50px; padding-bottom: 40px; float: left; cursor:pointer; }
.p_cont .prossUl li .date { color: #00923f; display: block; float: left; font-family: Times New Roman; font-size: 18px; left: 0; position: relative; text-align: right; width: 80px; }
.p_cont .prossUl li i { background: url(../images/icon.png) center no-repeat ; float: left; height: 25px; left: 102px; position: absolute; top: 0; width: 25px; }
.p_cont .prossUl li span { height: 1px; left: 130px; position: absolute; top: 10px; width: 125px; border-bottom:1px dashed #00923f}
.p_cont .prossUl li .represent { float: left; position: relative; width: 1100px; }
.p_cont .prossUl li .represent .cont1 { padding-left: 280px; }
.p_cont .prossUl li .represent .cont1 font{ display:block; }

.p_cont .prossUl li .represent h3 { color: ; font-size: 14px; padding-bottom: 20px; width:450px; float:left; }
.p_cont .prossUl li .represent img {  float:left; width:150px; margin-top:0; margin-left:20px;}
.p_cont .prossUl li:hover .represent img { width:300px;} 	
/*.p_cont .prossUl li:hover{ margin-bottom:50px;}*/
.p_cont .prossUl li .represent img{transition: all 0.6s }
.p_cont .prossUl li .represent:hover img{ transform: scale(1.1); }


.yeji{ width:100%; position:relative; overflow:hidden;}
.yeji .ye{ width:32%; float:left; margin-left:2%;}
.yeji .ye:nth-child(1){ margin-left:0;}
.yejifenlei{ width:100%; margin-bottom:40px;}
.yejifenlei h2{ width:100%; height:40px; font-size:18px; color:#00923f; line-height:40px; margin-bottom:10px;}
.yejifenlei ul li{ width:100%; position:relative; font-size:14px; line-height:26px;}

.link{ width:100%; position:relative; overflow:hidden; margin:50px 0; }
.link li{ width:32%; float:left; margin-left:1%; margin-bottom:1%; position:relative; box-sizing:border-box; padding:20px; border:1px solid #dcdcdc}
.link li .pic{ float:left; margin-right:20px; width:35%;}
.link li .pic img{ width:100%; vertical-align:middle;}
.link li h2{ font-size:16px; line-height:30px; color:#000; font-weight:bold;}
.link li p{ float:left14px; line-height:25px; height:75px; overflow:hidden;}

.case{ width:100%; position:relative; overflow:hidden; margin:20px 0; }
.case li{ width:23.75%; float:left; margin-left:1%; margin-bottom:1%; position:relative; border-bottom:1px solid #dcdcdc}
.bigcase{ width:48.5% !important;}
.case li .pic{ width:100% ; position:relative; overflow:hidden; background:#f5f5f5; height:400px;min-height:400px;}
.case li .pic img{ width:100%; vertical-align:middle;}
.case li h2{ width:100%; position:relative; height:30px; font-size:18px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case li span{ display:block; width:100%; position:relative; height:25px; font-size:14px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px;}

.dropload-down{ width:100%; height:30px; font-size:14px; line-height:30px; text-align:center; margin-bottom:40px;}

.caseinfo{ width:100%; position:relative; overflow:hidden; background:#000; }
.caseinpic{ width:100%; position:relative;}
.caseinpic .slides li{ width:100%; position:relative;}
.caseinpic .slides li img{ position:relative; vertical-align:middle; height:780px; margin:0 auto; display:block;}
.caseinpic .flex-control-nav{ display:none;}
.caseinpic .flex-direction-nav a{ position:absolute; width:40px; height:75px; display:block; text-indent:-999em; top:50%; margin-top:-50px;}
.caseinpic .flex-prev{ background: url(../images/left.png) center no-repeat; left:30px;}
.caseinpic .flex-next{ background: url(../images/right.png) center no-repeat; right:30px;}

.caseinbox{ width:400px; position:absolute; left:30px; bottom:0; background: url(../images/bgc2.png); height:; /*padding-bottom:50px;*/}
.caseintop{ width:100%; height:45px; border-bottom:1px solid #eee; position:relative; display:none;}
.caseintop a{ display:block; width:30px; height:30px; margin-top:7px; }
.caseprev{ background:url(../images/prev.png) center no-repeat; float:left; margin-left:45px;}
.casenext{ background:url(../images/next.png) center no-repeat; float:right; margin-right:45px;}
.casemen{ position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:-15px !important; background: url(../images/icon1.png) center no-repeat;}
.caseintxt{ width:320px; margin:40px auto; margin-bottom:60px; color:#fff; display:none; font-size:14px; line-height:25px; overflow:hidden;}
.caseintit{ width:100%; font-size:18px; line-height:35px; margin-bottom:15px;}

.caseshow{ position: absolute; width:80px; height:25px; bottom:0; left:50%; margin-left:-40px;  background: url(../images/bgc2.png); color:#fff; font-size:14px; line-height:25px; cursor:pointer; padding-left:10px;}
.caseshow span{ padding:5px 10px; background:url(../images/show.png) center no-repeat;}
.casehide{ width:30px; height:30px; position:absolute; left:50%; margin-left:-15px; bottom:15px; background:url(../images/shouqi.png) center no-repeat; cursor:pointer;display:none;}



.map{ width:100%; position:relative; border-bottom:2px solid #00923f;height:450px;  background: url(../images/map.jpg) right center repeat-x;}
.map img{ height:450px; vertical-align:middle;}
.dianwei{ width:50px; height:55px; display:block; position:absolute; top:50%; margin-top:40px; right:590px; }
.contact{ width:86%; margin:40px auto; position:relative; overflow:hidden}
.cont{ width:400px; float:left; position:relative; font-size:14px; line-height:30px;}
.wx{ width:100px; height:100px; position:absolute;  right:0; bottom:0;}
.wx img{ width:100px; height:100px;}
.conttit{ width:100%; position:relative; font-size:24px; line-height:35px; color:#000; margin-bottom:10px;}
.message{ width:800px; float:right; position:relative;}
.message ul{ width:820px; margin-left:-20px; overflow:hidden;}
.message ul li{ width:390px; float:left; margin-left:20px; margin-bottom:10px;}
.message ul li input{ width:388px; height:40px; border:1px solid #eee; background:#f2f2f2; font-size:16px; color:#9a9a9a; line-height:40px; text-indent:15px;}
.name{ width:100% !important;}
.name input{ width:798px !important;}
.yanzheng{ width:100% !important;line-height:42px ; font-size:16px;}
.yanzheng .tit2{ width:80px; float:left; display:block; line-height:42px;}
.yanzheng input{ width:260px !important;}
.yanzheng .code{width:100px; float:left; margin-left:10px; margin-right:10px; height:40px; cursor:pointer; border:1px solid red ; background:red ; font-size:24px; font-weight:bold; color:#fff; text-align:center; line-height:40px;}
.textarea{ width:100% !important;}
.textarea textarea{ width:778px !important;border:1px solid #eee; font-family:"微软雅黑"; background:#f2f2f2; height:195px; padding:10px;font-size:16px; color:#9a9a9a;}
.messsub{ width:125px !important; height:45px !important; background:#00933f !important; border:none !important; text-align:center; text-indent:0 !important; line-height:45px !important; color:#fff !important; cursor:pointer;  }


.job{ height:300px; position:absolute; top:50%; margin-top:-120px; width:100%; left:0; text-align:center;}
.job li{ display: inline-block; margin:0 80px; width:300px; height:300px; text-align:center;}
.job1{ background:url(../images/bgc2.png); border-radius:8px;}
.job2{ background:url(../images/bgc3.png); border-radius:8px;}
.job li a{ display:block; width:100%; height:100%;}
.job li h2{ width:100%; font-size:28px; line-height:40px; color:#fff; margin-top:45px;}
.job li p{ width:100%; font-size:16px; line-height:30px; color:#fff; margin-top:5px;}
.job li img{ display:block; width:110px; vertical-align:middle; margin:0 auto; margin-top:20px;}

.joblist{ width:100%; position:relative; margin-top:40px; margin-bottom:80px; clear:both; cursor:pointer; }
.joblist li{ width:17.6%; float:left; margin-left:2%; margin-bottom:2%;}
.jobtit{ width:100%; position:relative; border:1px solid #dcdcdc; padding-bottom:20px; text-align:center;}
.jobtit h2{ width:100%; height:40px; font-size:28px; line-height:40px; margin-top:20px; color:#000;}
.jobtit span{ width:100%; display:block; height:24px; font-size:14px; line-height:24px; margin-bottom:20px; color:#808080;}
.jobtit p{ width:100%;  height:24px; font-size:14px; line-height:24px;  color:#808080;}

.joblisttxt{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/bgc1.png); z-index:33;}
.jobxq{ width:790px; padding:50px; font-size:14px; line-height:28px; color:#333; height:480px; position:absolute; left:50%; margin-left:-445px; top:50%; margin-top:-290px; background:#fff;}
.email{ width:790px; padding:50px; font-size:14px; line-height:28px; color:#333; height:480px; position: relative; margin:0 auto; background:#fff;}
.email li{ margin-bottom:10px;}
#emailtitle{  text-indent:10px;}
.close{ width:40px; height:40px; cursor:pointer; background:url(../images/close.png) center no-repeat; display:block; position:absolute; right:-20px; top:20px;}
.close1{ width:40px; height:40px; cursor:pointer; background:url(../images/close.png) center no-repeat; display:block; position:absolute; right:-20px; top:20px;}
.send{ width:115px; height:38px; text-align:center; color:#fff !important; display:block; background:#00923f; line-height:35px; margin-top:20px; font-size:14px; border:none}
joblist ul{}

.news{ width:100%; position:relative; overflow:hidden;}

.newstop{ width:1300px; margin:40px auto; position:relative; overflow:hidden; }

.newspic{ width:670px;  float:left; margin-right:50px; overflow:hidden;}
.newspic img{ width:100%; vertical-align:middle;transition: all 1s;}
.newspic:hover img{ transform: scale(1.2);}

.newto{ width:500px; float:left; height:295px; position:relative; margin-left:15px; color:#848484;}
.newto h1{ width:100%; height:80px; font-size:28px; line-height:40px; margin-top:25px; margin-bottom:20px; overflow:hidden; color:#000;}
.newto h1 a{color:#000;} 
.newto  span{ display:block; width:100%; font-size:16PX; height:30px; margin-top:10px; line-height:30px;}
.newto p{ width:100%; line-height:24px;/* height:72px;*/overflow:hidden;}

.newstop li:hover a{ color:#00923f;}

.newstop .flex-direction-nav{ display:none;}
.newstop .flex-control-nav{ width:15px; position:absolute; right:10px; top:110px; z-index:11; height:120px;}
.newstop .flex-control-nav li{  width:12px; height:12px; margin-bottom:10px;border:1px solid #848484; border-radius:50%; overflow:hidden; cursor:pointer;}
.newstop .flex-control-nav li a{ display:block; width:12px; height:12px; text-indent:999em;}
.newstop .flex-control-nav li .flex-active{ background:#00923f;}


.newslist{ width:100%;position:relative; background:#f3f3f3; padding:40px 0; overflow:hidden;}
.newslist ul{ width:1300px; margin:0 auto;}
.newslist li{ width:100%; margin-top:30px; padding-bottom:30px; height:110px; overflow:hidden; position:relative; border-bottom:1px solid #e5e5e5;}
.newstime{ width:100px;  text-align:center; height:110px; float:left; background:#e6e6e6; line-height:20px; color:#808080;}
.newstime h1{ font-size:40px; line-height:50px; color:#00923f; font-weight:bold; margin-top:10px; margin-bottom:10px;}

.nwstxt{ width:920px; float:left; height:110px; margin-left:40px;color:#808080;}
.nwstxt h1{ width:100%; height:40px; color:#000; line-height:40px; margin-bottom:10px;  font-size:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nwstxt p{ width:100%; height:50px; line-height:25px; font-size:16px;}
.newslist li span{ position:absolute; right:10px; bottom:40px; color:#000; font-size:30px; font-weight:lighter ;}
.newslist li:hover .nwstxt{ color:#00923f}

.newsinfo{ width:70%;position:relative;  margin:40px auto; overflow:hidden;}
.abouttxt{ font-size:16px; width:98%; line-height:34px; margin-top:25px;}
.abouttxt img{ max-width:100%; vertical-align:middle;}

.shangxia{ width:100%; padding: 15px 0 ; background:#fff; overflow:hidden; border-top:1px solid #cccccc; margin-top:40px;}
.pagenp{ width:100%; float:; height:45px; line-height:30px; font-size:16px; color:#333; }
.pagenp a{ display:block; color:#333; width:48%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pagenp a:hover{color:#00923f;}
.pagenp .next{ float:right; text-align:right;}


@media(max-width:1920px){
	.case li .pic { height:400px; overflow:hidden;}
	.case li .pic img{ min-height:400px; margin:0 auto;}

}
@media(max-width:1420px){
.case li .pic { height:330px; overflow:hidden;}
.case li .pic img{ min-height:330px;}
.caseinpic .slides li img{  height:550px; margin:0 auto; display:block;}


}