@charset "UTF-8";

/*浮动*/
.fl { float: left; }
.fr { float: right; }
/*清除浮动*/
.clearfix:after {
    height: 0;
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.clearfix { zoom: 1; }
* html .clearfix { zoom: 1; }

/*字体图标*/
@font-face {font-family: "iconfont";
  src: url('iconfont/iconfont.eot'); /* IE9*/
  src: url('iconfont/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont/iconfont.woff') format('woff'), /* chrome, firefox */
  url('iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*public css*/
header, section, footer, aside, nav{ display: block; }
section{ width: 100%; }
.fw{ width: 1200px; margin: 0 auto; }
.hide{ display: none; }
.ellipsis{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.duohang{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*遮罩*/
.mask{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}
.mask .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .2;
  filter:alpha(opacity=20);
}

#gotop{ position: fixed; right: 50px; bottom: 100px; width: 48px; height: 48px; background: url(../images/goto1.png) no-repeat center;z-index: 99999;  }

/*header*/
header{ width: 100%; height: 98px;background: url(../images/head-bg.png) no-repeat center;position: relative;z-index: 9; }
.logo{ height: 98px; line-height: 98px; }
.logo img{ vertical-align: middle; }
nav{ position: relative; }
nav li{ float: left;height: 98px;margin-left: 36px;}
nav li a.nli{ display: inline-block; height: 98px; line-height: 98px;font-size: 16px; color: #333; font-weight: bold; }
nav li a.nli:hover, nav li a.nli.on{ color: #e77918; }
.subnav{
  position: absolute;
  height: 40px;
  background: #fff;
  line-height: 40px;
  text-align: center;
  top: 98px;
  left: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all linear .3s;
  transform: translate3d(10px, 10px, 0px); 
}
.subnav a{ display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; }
nav li:hover .subnav{ opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px);}

.language{ height: 98px;padding-left: 16px; position: relative;}
.language .item{ width: 60px;padding-left: 20px;height: 24px;line-height: 24px;display: inline-block;margin-top: 36px;background: #fff url(../images/xlxl2.png) no-repeat 60px center; }
.language .ls{padding-top: 4px; position: absolute;top: 60px;left: 16px; background:#fff; width: 80px; display: none;}
.language .ls a{ color: #666;height: 24px;line-height: 24px;display: inline-block; width: 60px;padding-left: 20px;}
.language .ls a:hover{ background: #eee; }

/*footer*/
footer{ height: 125px; background: url(../images/foot-bg.png) no-repeat center; }
footer .left{ padding-top: 24px; }
footer .left p{ color: #333; font-size: 12px; }
footer .left p a{ color: #333; font-size: 12px; }
footer .right{}
footer .right .link{ width: 238px; height: 34px;line-height: 34px;border-radius: 34px; background: #fff;position: relative; margin-top: 34px;}
footer .right .link a.one{color: #555555;font-size: 12px; height: 34px;line-height: 34px; display: block; padding-left: 24px; padding-right: 44px;position: relative;z-index: 9;}
footer .right .link i{ color: #555;position: absolute;right: 22px; top: 0; height: 34px;line-height: 34px;z-index: 1; }
footer .right .link .link-list{
  position: absolute;
  width: 100%;
  bottom: 34px;
  left: 0;
  display: none;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
}
footer .right .link .link-list a{ display: block; width: 100%; text-align: center;height: 34px; line-height: 34px; color: #555;font-size: 12px; transition: all linear .3s;}
footer .right .link .link-list a:hover{ background: #fafafa; }
footer .right .share{ margin-top: 34px; margin-left: 14px;font-size: 0;}
footer .right .share a{ color: #333; font-size: 20px; margin-left: 16px;}


/*banner*/
.banner{ height: 600px; overflow: hidden;position: relative;z-index: 2; }
.banner .bd{ position: relative; width: 1920px; height: 600px; left: 50%; margin-left: -960px;z-index: 9; }
.banner .bd img{ width: 100%; height: 100%; }

/*about*/
.about{ margin-top: 76px; }
.about .headtitle{ text-align: center; }
.about .content{ margin-top: 30px; }
.about .content .left{ width: 570px;height: 468px; overflow: hidden;}
.about .content .right{ overflow: hidden; padding-left: 60px; }
.about .content .right .titlebar{ padding-top: 28px; margin-bottom: 40px;}
.about .content .right .titlebar .title{ color:#5a1a26;font-size: 30px; margin-bottom: 10px;}
.about .content .right .titlebar .subtitle{ color: #5a1a26; font-size: 18px;}
.about .content .right .con{ margin-bottom: 44px; }

/*生态城市*/
.city{ height: 1150px;background: url(../images/stbg2.png) no-repeat center -50px; }
.city .headtitle{ padding-left: 620px; padding-top: 158px;}
.city .content{ width: 600px; height: 400px; background: url(../images/stbg.png) no-repeat left top; margin-top: 196px; }
.city .content .con{ width: 324px; margin-left: 158px;padding-top: 64px; height: 244px; overflow: hidden; margin-bottom: 26px;}
.city .content .con p{ text-indent: 26px; }
.city .more{ display: block;text-align: center;  }

/*新闻中心*/
.news{ padding-bottom: 76px; }
.news .left .headtitle{ text-align: center; }
.news .left{ width: 492px; }
.news .left li.item{ padding-bottom: 26px; padding-top: 22px;}
.news .left li.line{ background: url(../images/line2.png) no-repeat center bottom; width: 100%; height: 1px;}
.news .left li a{display: block;}
.news .left li .title{color: #333; font-size: 16px; line-height: 26px; margin-bottom: 8px;}
.news .left li .description{ color: #888; margin-bottom: 10px;}
.news .left li .subtitle span.time{font-size: 12px; color: #999;}
.news .left li .subtitle span.nmore{ color: #e77918;font-size: 12px; }
.news .left .more{ text-align: center;display: block; margin-top: 20px;}
.news .right{ width: 656px;height: 552px; position: relative;}
.news .right img{ position: absolute; top: 10px; right: -66px; }


/*内页css*/
.subbanner{ height: 476px; }
.subbanner div{ height: 476px; }
.submenu{height: 74px;line-height: 74px;background: #fff;font-size: 0;}
.submenu a{ display: inline-block; color: #666; font-size: 16px; height: 72px; line-height: 72px; margin-right: 50px;}
.submenu a.on, .submenu a:hover{ border-bottom: 2px solid #e77918; color: #e77918; }
.container{ padding: 54px 0 46px;background: #f3f3f3; }
.container.container0{ background: #fff; }
.pages{ text-align: center; font-size: 0; }
.pages a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center;color: #444; font-size: 16px;background: #eaeaea; margin: 0 5px;transition: all 0.3s linear;}
.pages a.on, .pages a:hover{ color: #fff; background: #e77918; }

/*集团介绍*/
.container .headtitle{}
.container .headtitle .title{ color: #e77918; font-size: 48px; margin-bottom: 20px; }
.container .headtitle .subtitle{ color: #e5e5e5;font-size: 36px; font-weight: bold;font-family: 'Arial'; }
.container .headtitle .subtitle0{}
.container .content{ margin-top: 32px; }
.container .content .honor li{ height: 368px; background: #fff; margin-bottom: 20px;}
.container .content .honor li .pic{ width: 556px; height: 368px; background: #84ccc9;}
.container .content .honor li .pic img{ width: 100%; height: 100%; }
.container .content .honor li .text{ overflow: hidden;padding-left: 58px; padding-top: 40px; height: 328px;}
.container .content .honor li .text .title{ color: #e77918;font-size: 24px; }
.container .content .honor li .text .title span{font-size: 24px; color: #333;}
.container .content .honor li .text .description{color: #333; font-size: 16px; margin-top: 10px;}
.container .content .honor li .text .con{ margin-top: 20px; }
.container .content .honor li .text .con p+p{ margin-top: 10px; }
.container .content .left{ width: 574px; height: 486px;}
.container .content .right{ overflow: hidden; height: 206px; background: url(../images/abg.png) no-repeat center; padding:280px 30px 0 30px;}
.container .content .left li{ margin-bottom: 30px; }
.container .content .left li p.title{ color: #ccc; font-size: 36px; margin-bottom: 6px;}
.container .content .left li p.subtitle{color: #444;}
.container .content .right .title{ font-size: 48px; margin-bottom: 14px;}
.container .content .right .description{ color: #555; height: 120px; overflow: hidden;}
/*新闻中心*/
.news0{}
.news0 li{ float: left; background: #fff; width: 390px; height: 406px; margin-right: 15px;margin-bottom: 30px;}
.news0 li:nth-child(3n){ margin-right: 0; }
.news0 li a{ display: block; width: 390px; height: 406px;}
.news0 li .pic{ width: 390px; height: 238px; overflow: hidden; }
.news0 li .pic img{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.news0 li a:hover .pic img{transform: scale(1.1, 1.1)}
.news0 li .text{ margin-top: 16px; padding: 0 16px;}
.news0 li .text .title{ color: #444; font-size: 18px;margin-bottom: 6px;}
.news0 li .text .description{ color: #999; font-size: 12px; line-height: 24px; margin-bottom: 28px;}
.news0 li .text .subtitle{ color: #a2a2a2; }
.news0 li a:hover .text .title{ color: #e77918; }
/*详情*/
.detail{}
.detail .nhead{margin-bottom: 20px;}
.detail .nhead .title{ color: #444;font-size: 24px;margin-bottom: 6px; }
.detail .nhead .subtitle span{ color: #999; }
.detail-con{ background: #fff; padding: 50px 98px; }
/*业务领域*/
.service{}
.service .top{ margin-bottom: 20px; }
.service .top .left{ width: 784px;height: 630px; }
.service .top .left .pic{ width: 784px; height: 562px; overflow: hidden;}
.service .top .left .pic img{ width: 100%;height: 100%; }
.service .top .right{ padding-left: 40px;width: 375px; }
.service .top .right .pic{ width: 375px;height: 240px; overflow: hidden; }
.service .title{ color: #444;font-size: 18px; width: 100%;}
.service .pic{ margin-bottom: 12px; }
.service .subtitle{ color: #888;width: 100%; }
.service .top a, .service li a{ display: block; }
.service a:hover .title{ color: #e77918; }
.service .top a{ margin-bottom: 12px; }
.service li{ float: left; width: 375px; margin-bottom: 20px;margin-right: 37px; }
.service li:nth-child(3n){ margin-right: 0; }
.service li .pic{ width: 375px;height: 240px; overflow: hidden; }
.service ul{ margin-bottom: 54px; }
/*联系我们*/
.contact{}
.contact .company-name{ color: #333; font-size: 30px; margin-bottom: 26px; }
.contact .company-description{ font-weight: bold; color: #888;height: 48px; line-height: 48px;border-top: 1px dashed #d4d4d4;border-bottom: 1px dashed #d4d4d4; }
.contact-list{ margin-top: 12px; margin-bottom: 42px;}
.contact-list .list{ float: left;width: 520px; border-bottom: 1px solid #ededed;padding: 20px 0;margin-right: 160px; }
.contact-list .list:nth-child(2n){ margin-right: 0; }
.contact-list .list .title{color: #e77918;font-size: 16px;font-weight: bold;margin-bottom: 8px;}
.contact-list .list .title a{ cursor: pointer; display: inline-block; margin-left: 6px; color: #d4d4d4; font-weight: normal; font-size: 24px; vertical-align: middle;}
.allmap{ height: 540px; width: 1200px;}

/*人才招聘*/
.container1{ background: #fff;padding-top: 80px; padding-bottom: 70px;}
.container1 .headtitle{ text-align: center; margin-bottom: 36px;}
.container1 .content{}
.container1 .content .left{ width: 500px; height: 282px;background: #e77918; padding: 70px 40px 70px 60px;}
.container1 .content .left p{ font-size: 16px; line-height: 28px;color: #fef2e8; }
.container1 .content .left p+p{ margin-top: 26px; }
.container1 .content .right{ overflow: hidden; height: 422px; width: 600px; overflow: hidden;}
.container1 .ym{ text-align: center; position: relative; top: -50px;z-index: 99;}
.job li{float: left;width: 290px; height: 400px;background: #fff; border-bottom-right-radius: 10px;margin-right: 13px;margin-bottom: 16px;}
.job li:nth-child(4n){ margin-right: 0; }
.job li .wrapper{ padding: 16px 40px 30px 20px; }
.job li .time{ color: #999; margin-bottom: 10px;}
.job li .job-name{color: #333; font-size: 18px; font-weight: bold;margin-bottom: 4px;}
.job li .location{ color: #333; border-bottom: 1px solid #cfcfcf;padding-bottom: 16px;}
.job li .location i{font-style: normal;color:#e97815; }
.job li .con{margin-top: 18px; margin-bottom: 30px;height: 144px; overflow: hidden;}
.job li .con .description{ font-size: 12px; }
.job li .con p{ font-size: 12px; line-height: 24px;}
.job li a.more{ display: block; width: 122px; height: 38px; border-radius: 38px; border: 1px solid #d2d2d2;text-align: center;line-height: 38px; }
.job li a.more:hover{ color: #e77918; }
.job-detail{ position: relative; width: 600px; height: 458px; padding: 40px 30px; border-radius: 6px; overflow: hidden; background: #fff; z-index: 9; position: absolute; top: 50%; left: 50%; margin-left: -330px; margin-top: -269px;}
.job-detail .headtitle{ padding-bottom: 12px; border-bottom: 1px solid #e6e6e6;padding-top: 10px; }
.job-detail .headtitle p{ color: #333; font-size: 18px;font-weight: bold; }
.job-detail .headtitle p span.one{color: #333; font-size: 14px;font-weight: normal;}
.job-detail .headtitle p span.two{ color: #e97815;font-weight: normal; }
.job-detail .headtitle p span.time{color: #999;font-size: 12px;font-weight: normal;}
.job-detail .content{ margin-top: 14px; }
.job-detail .content p{ font-size: 12px; }
.job-detail .content .con1{padding-bottom: 18px; border-bottom: 1px dashed #e6e6e6;}
.job-detail .content .con2{ padding-top: 18px; }
.job-detail .close{
  position: absolute;
  top: 10px;
  right: 18px;
  color: #3b3b3b;
  font-size: 20px;
}