/* CSS Document */
/*common*/
.home-body {
  font-family: 'Microsoft Yahei';
}

h2.title {
  text-align: center;
  font-size: 30px;
  color: #333333;
  padding: 17px 0 0;
  height: 90px;
}

h2.title span {
  display: block;
  font-size: 18px;
  color: #666666;
  font-weight: normal;
  padding: 4px 0 0;
}

.arrow {
  text-align: center;
}

.arrow a {
  width: 35px;
  height: 31px;
  display: inline-block;
}

.arrow .l {
  background: url("images/arrow.png") no-repeat left -32px;
}

.arrow .r {
  background: url("images/arrow.png") no-repeat right -64px;
}

.arrow .l:hover {
  background: url("images/arrow.png") no-repeat left -65px;
}

.arrow .r:hover {
  background: url("images/arrow.png") no-repeat right -32px;
}

/* banner */
.banner {
  height: 600px;
}

.banner a {
  height: 600px;
  display: block;

}

/******************************¹ã¸æ*********************************/
.banners{height: 600px;}
.fullSlide {
	width:100%;
	position:relative;
	height:600px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:600px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
}
.fullSlide .bd li a {
	display:block;
	height:600px;
}

.fullSlide .hd {
	position:absolute;
	z-index:999;
	bottom:0px;
 width:100%;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:48px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#FB8B1B;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
      background:url(img/Index/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(img/Index/right1s.png) no-repeat;
}

.project h2.title {
  background: url("images/project_title.png") no-repeat top center;
  margin: 0 0 30px;
}

.project .menu {
  height: 285px;
  overflow: hidden;
}

.project .menu-item {
  float: left;
  width: 200px;
  text-align: center;
  height: 285px;
  color: #666;
}

.project .menu-item:hover {
  background: url("images/mhh.png");
  color: #ffffff;
}

.project .menu-item:hover a {
  color: #ffffff;
}

.project .menu-item .subtitle {
  font-size: 16px;
  padding: 20px 0 33px;
  position: relative;
}

.max-project img{ width:616px; height:592px; }

.project .menu-item .subtitle::after {
  position: absolute;
  bottom: 15px;
  width: 20px;
  height: 3px;
  border-bottom: 3px solid #666;
  content: '';
  left: 50%;
  margin-left: -10px;
}

.project .menu-item:hover .subtitle::after {
  border-color: #fff;
}

.project .menu-list {
  display: block;
  overflow: hidden;
}

.project .menu-list a {
  float: left;
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  height: 35px;
}

.project-list {
  padding: 35px 0 0;
  height:666px;
}

.project-box {
  height: 660px !important;
}

.project-item .img {
  display: block;
  overflow: hidden;
}

.project-item span {
  display: block;
  color: #666;
  height: 68px;
  line-height: 40px;
  text-align: center;
}

.max-project {
  float: left;
  width: 615px;
}

.min-project {
  width: 273px;
  height: 319px;
  overflow: hidden;
  padding: 0 0 0 15px;
  float: left;
}

.min-project img {
  height: 273px;
}

.project-arrow a {
  margin: 0 20px;
}

.ad {
  display: block;
  margin-top: 50px;
}

.ad a {
  display: block;
  overflow: hidden;
  background: url("images/ad.png") no-repeat center center;
  height: 291px;
  position: relative;
}

.ad-phone {
  position: absolute;
  left: 50%;
  top: 254px;
  color: #f0861a;
  font-size: 26px;
  font-weight: bold;
  margin-left: -510px;
}

.advant {
  padding: 75px 0 0;
  background: url("images/511.png") no-repeat right -40px;
}

.advant h2.title {
  background: url("images/advant_title.png") no-repeat center top;
}

.advant-1 {
  padding: 50px 0 0;
  height: 500px;
  overflow: hidden;
  position: relative;
}

.advant-1 .showImage {
  float: left;
  overflow: hidden;
}

.advant-1 .detail {
  float: right;
  width: 527px;
}

.advant-item .detail h3 {
  color: #f0861a;
  font-size: 48px;
}

.advant-item {
  position: relative;
}

.advant-item .subtitle {
  position: relative;
  padding: 40px 0 0;
  height: 50px;
  font-size: 18px;
  color: #333333;
}

.advant-item .subtitle::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.2em;
  height: 80px;
  background: #f0861a;
  content: '';
  z-index: 0;
}

.advant-item .subtitle b {
  color: #ffffff;
  position: relative;
  z-index: 1;
  padding: 0 6px 0 0;
}

.advant-item .small-title {
  font-size: 14px;
  position: relative;
  z-index: 1;
  padding: 3.2em;
}

.advant-item p {
  font-size: 16px;
  color: #666666;
  line-height: 36px;
  padding: 0 20px 0 0;
}

.advant-item .btn {
  position: absolute;
  text-align: center;
  padding: 22px;
  background-color: #f1901c;
  color: #ffffff;
}

.advant-1 .btn {
  /* left: 50%; */
  top: 298px;
}

.advant-2 {
  background: url("images/512.png") no-repeat center center;
  padding: 60px 0 0;
  height: 440px;
}

.advant-2 .showImage {
  float: right;
}

.advant-2 .detail {
  width: 500px;
  padding: 0 0 0 40px;
}

.advant-2 .btn {
  left: 50%;
  margin-left: -67px;
  top: 355px;
}

.advant-3 .content {
  background: url("images/510.png") no-repeat right top;
  height: 466px;
  padding: 80px 0 0;
}

.advant-3 .showImage {
  float: left;
}

.advant-3 .detail {
  float: right;
  width: 512px;
}

.advant-3 .btn {
  top: 390px;
}

.thk {
  overflow: hidden;
  padding: 60px 0 0;
  height: 754px;
  background: url("images/thkbg.png") no-repeat center top;
}

.thk-arrow {
  padding: 50px 0 0;
}

.thk-arrow a {
  margin: 0 20px;
}

.thk-arrow .l {
  background: url("images/arrow.png") no-repeat left top;
}

.thk-arrow .r {
  background: url("images/arrow.png") no-repeat right top;
}

.thk h2.title {
  color: #ffffff;
  background: url("images/thk_title.png") no-repeat center top;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.thk h2.title span {
  color: #ffffff;
}

.thk-list {
  overflow: hidden;
  height: 486px;
  overflow: hidden;
}

.thk-item {
  width: 290px;
  padding-right: 10px;
  float: left;
}

.thk-lase {
  padding-right: 0;
}

.thk-item a {
  background-color: #fff;
  display: block;
  position: relative;
  height: 489px;
  overflow: hidden;
}

.thk-item img {
  width: 100%;
  height: 295px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}

.thk-item a:hover .detail {
  bottom: 0;
  background: #f0861a;
  color: #ffffff;
}

.thk-item .detail {
  position: absolute;
  bottom: -60px;
  color: #333333;
  left: 0;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 12px 12px 30px;
}

.thk-item .mr {
  height: 210px;
}

.thk-item a:hover .mr {
  height: 180px;
}

.thk-item .mr h3 {
  font-size: 16px;
  line-height: 26px;
}

.thk-item .mr span {
  display: block;
  height: 44px;
  line-height: 44px;
  white-space: pre;
  font-size: 14px;
}

.thk-item .mr p {
  font-size: 14px;
  line-height: 30px;
}

.thk-item .detail b {
  width: 100px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #fff;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  border-radius: 35px;
}

/*  */
.about {
  padding: 60px 0 0;
  height: 840px;
}

.about h2.title {
  background: url("images/about_title.png") no-repeat center;
}

.about-infomation {
  padding: 25px 0 0;
  height: 340px;
}

.about-infomation .about-detail {
  display: block;
  float: right;
  width: 560px;
}

.about-infomation .about-detail h3 {
  padding: 32px 0 0;
  height: 56px;
  font-size: 16px;
  color: #666666;
}

.about-infomation .about-detail p {
  display: block;
  height: 90px;
  line-height: 24px;
  font-size: 14px;
  overflow: hidden;
}

.about-infomation .about-detail .more {
  display: block;
  width: 150px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: center;
  color: #f0861a;
  border: 2px solid #f0861a;
  border-radius: 5px;
  font-size: 14px;
}

.about-infomation .showImage {
  float: left;
  width: 640px;
  display: block;
}

.about-infomation .showImage img {
  overflow: hidden;
  display: block;
  width: 640px;
  height: 279px;
}

.about-show {
  display: block;
  overflow: hidden;
  width: 1330px;
  margin: 0 auto;
  position: relative;
}

.about-show .header {
  width: 1200px;
  margin: 0 auto;
  padding: 15px 0;
  height: 30px;
  background: url("images/lin.png") no-repeat 290px center;
  overflow: hidden;
  line-height: 30px;
}

.about-show .header .more {
  float: right;
  font-size: 16px;
}

.about-show .header .tabbar {
  display: block;
}

.about-show .header .tabbar a {
  display: inline-block;
  padding: 0 18px;
  font-size: 16px;
  position: relative;
}

.about-show .header .tabbar a:first-child {
  padding: 0 18px 0 0;
}

.about-show .header .tabbar a:first-child::before {
  right: auto;
}

.about-show .header .tabbar a::after {
  position: absolute;
  right: 0;
  height: 60%;
  content: "";
  border-right: 1px solid #000;
  top: 0;
  bottom: 0;
  margin: auto;
}

.about-show .header .tabbar a:last-child::after {
  display: none;
}

.about-show .header .tabbar a::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 4em;
  content: "";
  border-bottom: 2px solid #f0861a;
  margin: auto;
  display: none;
}

.about-show .header .tabbar a.cur, .about-show .header .tabbar a:hover {
  text-decoration: none;
  color: #f0861a;
}

.about-show .header .tabbar a.cur::before, .about-show .header .tabbar a:hover::before {
  display: block;
}

.about-show .about-show-list {
  display: block;
  width: 1200px;
  margin: 0 auto;
  height: 280px;
}

.about-show .about-show-list a {
  display: block;
  width: 290px;
  float: left;
  overflow: hidden;
  padding: 0 12px 0 0;
}

.about-show .about-show-list a:last-child {
  padding: 0;
}

.about-show .about-show-list a img {
  display: block;
  overflow: hidden;
  width: 290px;
  height: 234px;
}

.about-show .about-show-list a span {
  display: block;
  overflow: hidden;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
}

.about-show .about-arrow {
  display: block;
}

.about-show .about-arrow a {
  position: absolute;
  top: 97px;
}

.about-show .about-arrow .l {
  left: -57px;
}

.about-show .about-arrow .r {
  right: 0;
}

.infomation {
  display: block;
  overflow: hidden;
  background: #f1f1f1;
  padding: 60px 0 0;
  height: 535px;
}

.infomation .faq {
  display: block;
  overflow: hidden;
  width: 400px;
  float: left;
}

.infomation .faq .faq-title {
  color: #333333;
  font-size: 18px;
  height: 60px;
  padding: 10px 0 0;
  position: relative;
  margin-bottom: 20px;
}

.infomation .faq .faq-title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  border-bottom: 2px solid #000;
  content: "";
}

.infomation .faq .faq-title span {
  display: block;
}

.infomation .faq .faq-title .more {
  float: right;
  height: 70px;
  background: url("images/m.png") no-repeat right center;
  width: 37px;
}

.infomation .faq .faq-item {
  display: block;
  height: 130px;
}

.infomation .faq .faq-item a {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding: 0 0 0 36px;
  display: block;
  background: url("images/Q.png") no-repeat left center;
}

.infomation .faq .faq-item p {
  padding: 0 0 0 36px;
  background: url("images/A.png") no-repeat left 6px;
  height: 78px;
  line-height: 29px;
  font-size: 14px;
}

.infomation .news {
  width: 787px;
  float: right;
}

.infomation .news .tabbar {
  height: 66px;
  line-height: 66px;
  background-color: #333333;
  color: #ffffff;
}

.infomation .news .tabbar .tabbar-item {
  display: block;
  float: left;
  width: 50%;
  font-size: 18px;
  cursor: pointer;
  text-transform: uppercase;
}

.infomation .news .tabbar .tabbar-item.cur, .infomation .news .tabbar .tabbar-item:hover {
  background-color: #f0861a;
}

.infomation .news .tabbar span {
  display: inline-block;
  width: 30px;
}

.infomation .news .new-wrp {
  display: block;
  padding: 15px;
  border: 1px solid #d8d8d8;
}

.infomation .news .new-wrp .topic {
  display: block;
  overflow: hidden;
  height: 192px;
  border-bottom: 2px solid #dedede;
}

.infomation .news .new-wrp .topic .max-img {
  display: block;
  float: left;
  width: 230px;
  display: block;
}

.infomation .news .new-wrp .topic .max-img img {
  display: block;
  overflow: hidden;
  width: 230px;
  height: 159px;
}

.infomation .news .new-wrp .topic .topic-detail {
  display: block;
  overflow: hidden;
  float: right;
  width: 495px;
}

.infomation .news .new-wrp .topic .topic-detail .topic-detail-title {
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 0 0 40px;
  font-size: 14px;
  color: #333333;
  background: url("images/topic.png") no-repeat left center;
}

.infomation .news .new-wrp .topic .topic-detail p {
  line-height: 26px;
  height: 78px;
  margin-bottom: 20px;
  font-size: 14px;
}

.infomation .news .new-wrp .topic .topic-detail .more {
  color: #f0861a;
}

.infomation .news .new-wrp .news-list {
  display: block;
  padding: 20px 0 0;
  height: 150px;
}

.infomation .news .new-wrp .news-list a {
  display: block;
  float: left;
  width: 50%;
  line-height: 36px;
  font-size: 14px;
  overflow: hidden;
}

.infomation .news .new-wrp .news-list i {
  display: inline-block;
  width: 30px;
  height: 36px;
  position: relative;
  vertical-align: middle;
}

.infomation .news .new-wrp .news-list i::after {
  position: absolute;
  left: 0;
  top: 18px;
  border-bottom: 2px solid #000;
  width: 10px;
  content: '';
}

.caa{ margin-left:64px}

.link {
  display: block;
  height: 66px;
  line-height: 66px;
  border-top: 2px solid #eee;
  font-size: 14px;
}

.link-list {
  display: block;
  overflow: hidden;
  float: left;
  width: 90%;
}

.link-list a {
  display: inline-block;
  padding: 0 40px 0 0;
  color: #333333;
}

.link-enter {
  float: right;
}

.link-enter a {
  color: #f0861a;
}
 

 /*# sourceMappingURL= Index.css.map */
 
 
.flow {
  background: #f1f1f1;
  padding-bottom: 60px;
  padding-top: 40px;
}

.flow .title {
  background: url("images/process-title.jpg") no-repeat center center;
  padding-bottom: 0px;
  margin-bottom: 30px;
}

.flow .powrechart {
  background: url("images/floaw-bg.png") no-repeat center center;
  overflow: hidden;
  height: 274px;
}

.flow .powrechart .powerItem {
  float: left;
  overflow: hidden;
  padding-bottom: 70px;
}

.flow .powrechart .powerItem img {
  display: block;
  padding: 3px;
  border-radius: 50%;
  background: #333;
}

.flow .powrechart .powerItem img:hover {
  background: #f08619;
}

.flow .powrechart .powerItem .dt {
  float: left;
}

.flow .powrechart .powerItem .dd {
  width: 144px;
  text-align: center;
  float: left;
  padding-top: 35px;
  font-size: 18px;
}

.flow .powrechart .powerItem .last {
  width: 100px;
  text-align: right;
}

.flow .powrechart .powerItem .last2 {
  width: 120px;
  text-align: left;
}