body{
	overflow: hidden;
}
.inline-banner{
	width: 100%;
	position: relative;
}
.inline-banner img{
	opacity: 1;
	filter: alpha(opacity=0);
}
.w1300{
	width: 1300px;
	margin: 0 auto;
	position: relative;
}
.inline-banner p{
	font-size: 48px;
	padding-left: 21px;
	font-weight: bold;
	line-height: 48px;
	position: absolute;
	top:50%;
	left:15%;
	color: #fff;
	background: url(../images/case02.jpg) no-repeat left center;
	margin-top: -24px;
}
.inline-banner .w1300{
	height: 100%;
}
.case-intro.quality{
  /*margin-top: -136px;*/
}
.case-tit{
	position: relative;
	margin-top:-137px;
	background: #fff;
	height: 78px;
}
.case-tit li{
	width: 25%;
	text-align: center;
	height:78px;
	line-height: 78px;
	background: url(../images/case03.png) repeat-y right top;
	position: relative;
	float: left; 
}
.case-tit li a{
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 18px;
	transition: all 0.3s;
	color: #666666;
}
.case-tit li .line{
	width: 100%;
	height: 4px;
	background: #ef3c1e;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.case-tit li a:hover, .case-tit li.cur a{
	color: #ef3c1e;
	transition: all 0.3s;
}
.case-tit li a:hover .line, .case-tit li.cur .line{
	opacity: 1;
}
.quality-nav li{
	width: 16.66%;
}
.qua .frr .seven span{
  width: 92px;
  height: 92px;
  display: block;
  float: left;
  background: #f3f3f3;
  margin-right: 19px;
  margin-bottom: 19px;
}
.qua .frr .seven span img{
  display: block;
  margin: 23px auto 5px;
}
.workbox .ch{
  text-align: center;
  font-size: 30px;
  color: #ef3c1e;
  line-height: 30px;
  margin-top: 64px;
}
.workbox .en{
  font-size: 14px;
  color: #333333;
  line-height: 14px;
  text-align: center;
  margin-top: 15px;
}
.workbox .two-box{
  width: 84%;
  margin: 60px auto 0px;
}
.workbox .two-box .linebox{
  width: 48%;
  border:1px dotted #fbded3;
  text-align: center;
  padding: 52px 0px 60px;
}
.workbox .two-box .linebox .tt{
  font-size: 18px;
  color: #333;
  text-align: center;
  display: block;
  margin-bottom: 22px;
}
.workbox .two-box .linebox .test{
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  font-size: 14px;
  color: #666;
}
.workbox .tte{
  width: 84%;
  margin-left: 8%;
  text-align: center;
  font-size:14px;
  color: #666;
  margin-top: 40px;
  line-height: 24px;
  margin-bottom: 60px;
}
.workbox .tte p{
  margin-bottom: 20px;
}
.workbox .eight{
  width: 90%;
  margin: 0 auto 73px;
  text-align: center;
}
.workbox .eight span{
  width: 126px;
  height: 135px;
  border:1px dashed #c9c9c9;
  display: block;
  display: inline-block;
  *display: inline-block;
  zoom: 1;
  margin: 0px 5px;
  margin-bottom: 10px;
  vertical-align: top;
}

.workbox .eight span img{
  display: block;
  margin: 32px auto 15px;
}
.workbox .eight span p{
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 18px;
}
.work-js li .img img{
  width: 100px;
}
.calendar ul{
  padding-left: 5%;
}
.dow li span.bg{
  width: 138px;
  height: 132px;
  border:1px solid #e5e5e5;
  display: block;
  float: left;
}
.dow li .bg.cur{
  /*background: url(../img/pic-14.jpg) no-repeat center;*/
  /*background-size: 100%;*/
}
.dow li .bg.curr{
  /*background: url(../img/pic-15.jpg) no-repeat center;
  background-size: 100%;*/
}
.dow li:nth-child(2n){
  margin-right: 0;
}
.dow li .text{
  margin-left: 33px;
  float: left;
}
.work-js li .te{
  display: table;
  height: 100px;
  width: 168px;
}
.work-js li .img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 23px;
}
.work-title{
  width: 92%;
  border-bottom:1px solid #dbdbdb;
  line-height: 65px;
  height: 65px;
  font-size: 24px;
  color: #ef3c1e;
  margin: 40px auto 0px;
}
.dow li .text p{
  font-size: 18px;
  color: #333;
  margin-top: 18px;
  font-weight: bold;
  overflow: hidden;
  height: 20px;
  line-height: 18px;
}
.dow li span a{
  width: 93px;
  margin-top: 25px;
  padding-left: 58px;
  height: 38px;
  display: block;
  border:1px solid #ddd;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  background:#a6a6a6 url(../img/pic-33.png) no-repeat 35px center;
}
.case{
	background: #f3f3f3;
	width: 100%;
	padding-bottom:20px;
}
.case-intro{
	position: relative;
	margin-top: 30px;
	padding-bottom: 50px;
}
.case-intro .intro-top{
	width: 100%;
	height: 516px;
	padding-top: 55px;
	overflow: hidden;
	margin-bottom: 1px;
}
.case-intro .intro-top p{
	width: 64%;
	margin: 0 auto;
	font-size: 14px;
	color: #000000;
	text-align: center;
	line-height: 32px;
}
.case-list{
	width: 100%;
}
.case-list ul{
	width: 100%;
}
.case-list li{
	width: 100%;
	float: left;
	background: #fff;
	margin-bottom: 1px;
}
.case-list a{
	float: left;
	width: 100%;
	height: 100%;
}
.case-list .pic{
	width: 68%;
	overflow: hidden;
}
.case-list .pic img{
	max-width: 100%;
	transition: all 0.8s;
}
.case-list .con{
	margin-left: 3.8%;
	width: 23%;
	position: relative;
}
.case-list h2{
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	line-height: 36px;
	transition: all 0.3s;
	margin-top: 45px;
	padding: 18px 0;
}
.case-list p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	text-align: justify;
	height: 120px;
	position: relative;
	overflow: hidden;
}
.case-list span.btn{
	width:35px;
	height: 35px;
	display: block;
	position: absolute;
	bottom:60px; 
	left: 0;
	background: url(../images/case09.png) no-repeat center;
	background-size: cover;
	transition: left 0.8s;
}
.case-list li:hover img{
	transform: scale(1.1);
	transition: all 0.8s;
}
.case-list li:hover h2{
	color: #ef3c1e;
	transition: all 0.3s;
}
.case-list li:hover span.btn{
	left: 20px;
	transition: left 0.8s;
}
.correlation{
	width: 100%;
	padding-bottom: 55px;
}
.correlation .tit{
	font-size: 22px;
	line-height: 68px;
	/*padding-top: 38px;*/
}
.correlation-list{
	width: 100%;
	position: relative;
}
.correlation-list li{
	position: relative;
}
.correlation-list .pic{
	width: 100%;
	overflow: hidden;
}
.correlation-list .pic img{
	transition: all 0.8s;
}
.correlation-list p{
	font-size: 16px;
	color: #000000;
	line-height: 26px;
	background: #fff;
	padding: 26px 3% 22px 3%;
}
.correlation-list span.line{
	width: 0;
	height: 4px;
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	transition: width 0.5s;
	background: #ef3c1e;
}
.correlation-list li a{
	display: block;
	width: 100%;
}
.correlation-list li:hover img{
	transition: all 0.8s;
	transform: scale(1.1);
}
.correlation-list li:hover span.line{
	width: 100%;
	transition: width 0.5s;
}
.history2 .flex-control-nav{
	bottom: 39px;
	left: 50%;
}
.correlation-list .flex-control-paging li a,.history2 .flex-control-paging li a{
	width: 10px;
	height: 10px;
	background: url(../images/btn02.png) no-repeat center;
	background-size: 100% 100%;
	cursor: pointer;
	box-shadow:none;
	border-radius:none;
}
.correlation-list .flex-control-nav{
	/*left: 50%;*/
	bottom: -35px;
	width: 100%;
}
.correlation-list .flex-control-nav li,.history2 .flex-control-nav li{
	margin: 0 5px;
	width: auto;
	height: auto;
	background: none;
}
.correlation-list .flex-direction-nav{
	display: none;
}
.correlation-list .flex-control-paging li a.flex-active, .correlation-list .flex-control-paging li a:hover,.history2 .flex-control-paging li a.flex-active, .history2 .flex-control-paging li a:hover{
	background: url(../images/btn01_h.png) no-repeat left top;
	background-size: cover;
}
.case-info{
	width: 100%;
	position: relative;
	background: #fff;
}
.return{
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 34px;
	padding-top: 38px;
	display: block;
	width: 72px;
	position: absolute;
	bottom: 10px;
	right: 0;
	background:#ef3c1e url(../images/case16.png) no-repeat center 12px;
}
.return:hover{
	color: #fff;
}
.case-info .info-tit{
	width: 92%;
	font-size: 24px;
	color: #ef3c1e;
	line-height: 64px;
	margin: 0 auto;
	border-bottom: 1px solid #dbdbdb;
	padding-top: 34px;
}
.info-intro{
	width: 85%;
	margin: 0 auto;
	padding: 18px 0 83px;
}
.info-intro img{
	max-width: 100%;
}
.info-intro h2{
	font-size: 24px;
	color: #ef3c1e;
	line-height: 86px;
}
.info-intro p{
	color: #666666;
	font-size: 14px;
	line-height: 24px;
}
.info-intro .box-info{
	padding-top: 45px;
}
.info-intro .box-info .pic{
	width: 27%;
}
.info-intro .box-info .con{
	width: 65%;
}
.info-intro .box-info ul{
	width: 100%;
}
.info-intro .box-info li{
	width: 100%;
	padding-bottom: 26px;
}
.info-intro .box-info h3{
	color: #333333;
	font-size: 18px;
	line-height: 28px;

	padding:9px 0 9px 3%;
	background: url(../images/case14.jpg) no-repeat left 17px;
}
.info-intro .box-info p{
	padding-left: 3%;
}
.pro-nav{
	background: #fff;
	position: relative;
	margin-top:-136px;
}
.pro-nav .flex-control-nav{
	display: none;
}
.pro-nav .product-nav{
	width: 92%;
	margin: 0 auto;
}
.pro-nav .slides li{
	height: 78px;
	line-height: 78px;
	background: url(../images/case03.png) no-repeat right top;
	text-align: center;
	position: relative;
}
.pro-nav .slides a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 18px;
	color: #000;
}
.pro-nav .slides .line{
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	background: #ef3c1e;
}
.pro-nav .slides li:hover a, .pro-nav .slides li.act a{
	color: #ef3c1e;
	transition: all 0.3s;
	font-weight: bold;
}
.pro-nav .slides li:hover .line, .pro-nav .slides li.act .line{
	left: 0;
	width: 100%;
	transition: all 0.6s;
}
.pro-nav .flex-nav-prev{
	width:4%;
	/*background: url(../images/case03.png) no-repeat right top;*/
	text-align: center;
	height: 100%;
	cursor: pointer;
	position: absolute;
	top:0;
	left: 0;
	transition: all 0.3s;
}
.pro-nav .flex-nav-prev a{
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -999px;
	background: url(../images/left01.png) no-repeat center;
}
.pro-nav .flex-nav-prev{
	background: #ef3c1e;
	transition: all 0.3s;
}
.pro-nav .flex-nav-prev a, .flex-disabled{
	background: url(../images/left01_h.png) no-repeat center;
	transition: all 0.3s;
}
.pro-nav .flex-nav-next{
	width:4%;
	/*background: url(../images/case03.png) no-repeat left top;*/
	text-align: center;
	height: 100%;
	cursor: pointer;
	position: absolute;
	top:0;
	right: 0;
}
.pro-nav .flex-nav-next a{
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -999px;
	background: url(../images/right01.png) no-repeat center;
	transition: all 0.3s;
}
.pro-nav .flex-nav-next{
	background: #ef3c1e;
	transition: all 0.3s;
}
.pro-nav .flex-nav-next a, .flex-disabled{
	background: url(../images/right01_h.png) no-repeat center;
	transition: all 0.3s;
}
.product{
	background: #f3f3f3;
}
.product-list{
	width: 100%;
	background: #f3f3f3;
	position: relative;
    margin-top: 60px;
}
.product-list .main{
    position: relative;
    width: 100%;
    opacity: 0;
    top: -52px;
    margin-bottom: -52px;
}
.product-list .main .box{
	width: 420px;
	background: #fff;
	padding-bottom: 59px;
	position: relative;
	z-index: 1;
}
.product-list .main .box.cur{
	z-index: 2;
	box-shadow: 0 0 10px #999;
}
.product-list .main .img{
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
}
.product-list .main .title{
	width: 94%;
	height: 30px;
	line-height: 30px;
	padding:0 3%;
	background: #ef3c1e;
	color: #faddd7;
	position: absolute;
	bottom: 0;
	left: 0;
}
.product-list .main .cont{
	padding:19px 8% 0px;
	display: block;
	height: 120px;
	overflow: hidden;
}
.calendar{
  padding-top: 52px;
  background-color: #f7f7f7;
}
.product-list .main .tit{
	font-size: 18px;
	line-height: 30px;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	padding: 10px 15px 10px 0;
	margin-bottom: 16px;
}
.product-list .main .tit a{
	color: #333;
	transition: all 0.3s;
}
.product-list .main .bottom{
	width: 16px;
	height: 9px;
	background: url(../images/pro05.png) no-repeat center;
	background-size: cover;
	display: block;
	position: absolute;
	top:20px;
	right: 0;
	transition: all 0.3s;
}
.product-list .main .bottom.on{
	background: url(../images/pro06.png) no-repeat center;
	background-size: cover;
	top:25px;
	transition: all 0.3s;
}
.product-list .main .font{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	height: 144px;
}
.product-list .main .height{
	display: block;
}
.product-list .main a{
	display: block;
	width: 100%;
	height: 100%;
}
.product-list .main .tit:hover a{
	color: #ef3c1e;
	transition: all 0.3s;
}
.product-list .main .font:hover a{
	color: #ef3c1e;
	transition: all 0.3s;
}
.product-list .main .box:hover img{
	transition: transform 0.8s;
	transform: scale(1.1);
}
.product-list .main .box img{
	transition: transform 0.8s;
	max-width: 100%;
	width: 100%;
}
.page{
	width: 100%;
	padding-bottom: 40px;
}
.problem{
	width: 100%;
	background: #f3f3f3;
}
.problem-con{
	position: relative;
	margin-top:-136px;
}
.line-tit{
	width: 92%;
	border-bottom: 1px solid #dbdbdb;
	font-size: 24px;
	color: #ef3c1e;
	padding: 40px 4% 0 !important;
	background: #fff;
	line-height: 66px;
}
.line-box{
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding-top: 13px;
}
.line-box ul{
	width: 100%;
}
.line-box li{
	width: 100%;
}
.calendar li .w16{
  float: left;
  width: 161px;
  height: 161px;
  display: block;
  text-align: center;
  margin-right: 34px;
  background: #fff url(../img/pic-34.png) no-repeat center 32px;
}
.calendar li .box{
	width: 50%;
}
.calendar li .w16 a{
  display: block;
}
.calendar li .w16 p{
  padding-left: 20px;
  background: url(../img/pic-35.png) no-repeat left center;
  line-height: 14px;
  font-size: 14px;
  color: #ef3c1e;
  display: inline-block;
  color: #666;
  margin-top: 110px;
}
.calendar li:hover .w16 p {
  color: #ef3c1e;
  background: url(../img/pic-36.png) no-repeat left center;
}
.calendar li .fl .tit{
  font-size: 18px;
  color: #333;
  margin-top: 29px;
}
.calendar li .fl .time{
  font-size: 14px;
  color: #666;
  margin-top: 17px;
}
.line-box li .tit{
	background: url(../images/about02.png) no-repeat left 42px;
	font-size: 18px;
	color: #333;
	line-height: 28px;
	width: 77%;
	margin: 0 auto 35px;
	cursor: pointer;
	position: relative;
	padding: 40px 5% 0px 5%;
}
.line-box li .open{
	width: 23px;
	position: absolute;
	display: block;
	right: 7px;
	top:42px;
	height: 23px;
	overflow: hidden;
	background: url(../images/about04.png) no-repeat ;
	background-position: 0 -43px;
	transition: all 0.5s;
}
.line-box li .con{
	padding-bottom: 34px;
	padding-left: 5%;
	width: 82%;
	margin: 0 auto;
	display: none;
	background: url(../images/about03.png) no-repeat left 6px;
}
.line-box li .con p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding-bottom: 16px;
}
.line-box li .tit.on{
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 15px;
}
.line-box li .tit.on .open{
	background-position: 0 0;
	transition: all 0.5s;
}
.problem .return{
	bottom:126px;
}
.problem .page{
	margin-top: 50px;
	padding-bottom: 45px;
}
.contact{
	width: 100%;
	background: #f3f3f3;
}
.contact-con{
	margin-top: -137px;
}
.contact-top{
	width: 92%;
	margin: 0 auto;
	padding: 0 4%;
	background: #fff;
}
.contact-top h2{
	color: #ef3c1e;
	font-size: 24px;
	line-height: 64px;
	border-bottom: 1px solid #dbdbdb;
	padding-top: 42px;
}
.contact-top ul{
	width: 100%;
	padding:19px 0 29px;
}
.contact-top li{
	padding-left: 29px;
	float: none;
	font-size: 14px;
	color: #666;
	line-height: 38px;
	background: url(../images/about05.png) no-repeat;
}
.contact-top li.one{
	background-position: 0 11px;
}
.contact-top li.two{
	background-position: 0 -26px;
}
.contact-top li.the{
	background-position: 0 -62px;
}
.contact-top li.four{
	background-position: 0 -99px;
}
.contact-b{
	width: 100%;
	background: #fff;
	padding-bottom: 50px;
}
.contact-b ul{
	width: 100%;
}
.contact-b li{
	width: 100%;
	float: none;
}
.contact-b li.gray{
	background: #f7f7f7;
}
.contact-b li .tit{
	padding: 20px 8% 20px;
	font-size: 18px;
	color: #333333;
	line-height: 23px;
	background: url(../images/about06.png) no-repeat 5% 20px;
	position: relative;
	cursor: pointer;
}
.contact-b li .tit .open{
	width: 23px;
    position: absolute;
    display: block;
    right: 6%;
    top: 20px;
    height: 23px;
    overflow: hidden;
    background: url(../images/about04.png) no-repeat;
    background-position: 0 -43px;
    transition: all 0.5s;
}
.contact-b li .tit.cur .open{
	background-position: 0 0;
    transition: all 0.5s;
}
.contact-b li .con{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	padding: 25px 8% 47px;
	background: #f7f7f7 url(../images/about03.png) no-repeat 5% 25px;
	display: none;
}
.contact-b li .con p{
	font-size: 14px;
	color: #666666;
	word-wrap: break-word;
	line-height: 24px;
}
.contact .page{
	padding-top: 29px;
}
.contact .return{
	bottom:107px;
}
.organ{
	width: 100%;
	background: #f3f3f3;
	padding-bottom: 59px;
}
.organ-t{
	position: relative;
	margin-top: -136px;
	padding-bottom: 121px;
	background: #fff;
} 
.organ-top{
	width: 84%;
	margin: 0 auto;
	padding: 47px 0 60px;
}
.organ-top .pic{
	width: 30.5%;
	background: url(../images/about08.png) no-repeat right top;
	margin-left: 10px;
	background-size: 100% 100%;
}
.organ-top .pic img{
	position: relative;
	top:-10px;
	left: -10px;
}
.organ-top .box{
	width: 61%;
}
.organ-top .box p{
	font-size: 14px;
	color: #666;
	line-height: 26px;
}
.organ-top .box h3{
	font-size: 18px;
	color: #ef3c1e;
	line-height: 28px;
	padding: 76px 0 21px;
}
.organ-top .box h2{
	color: #ef3c1e;
	font-size: 60px;
	line-height: 65px;
	font-weight: bold;
	padding-top: 50px;
	opacity: 0.1;
	filter: alpha(opacity=10);
	text-transform: uppercase;
}
.organ-bottom{
	width: 84%;
	margin: 0 auto;
}
.organ-bottom ul{
	width: 110%;
}
.organ-bottom li{
	width: 254px;
	text-align: center;
	float: left;
	cursor: pointer;
	margin-bottom: 35px;
	margin-right: 28px;
}
.organ-bottom li p{
	font-size: 14px;
	color: #666666;
	height: 48px;
	overflow: hidden;
	line-height: 24px;
}
.organ-bottom li h2{
	font-size: 14px;
	color: #ef3c1e;
	line-height: 24px;
	padding: 26px 0 13px;
}
.organ-bottom li .pic{
	position: relative;
	width: 100%;
}
.organ-bottom li .bg{
	width: 0;
	height: 0;
	position: absolute;
	top:50%;
	left: 50%;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2;
	transition: all 0.8s;
}
.organ-bottom li .right{
	width: 42px;
	height: 42px;
	position: absolute;
	bottom:0;
	right: 0;
	background: url(../images/about10.png) no-repeat center;
	background-size: cover;
	z-index: 1;
	opacity: 1;
	transition: all 1.2s;
	filter: alpha(opacity=100);
}
.organ-bottom li .add{
	width: 14px;
	height: 14px;
	position: absolute;
	bottom:6px;
	right: 5px;
	background: url(../images/about12.png) no-repeat center;
	background-size: cover;
	z-index: 3;
	transition: all 0.8s;
}
.organ-bottom li:hover .right{
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.5s;
}
.organ-bottom li:hover .add{
	width: 29px;
	height: 29px;
	bottom:50%;
	right: 50%;
	margin-left: -14px;
	margin-top: -14px;
	transition: all 0.8s;
}
.organ-bottom li:hover .bg{
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	transition: all 0.8s;
}
.qua .frr .thr span{
  width: 110px;
  height: 110px;
  background: #fff;
  float: left;
  margin-right: 48px;
  margin-top: 48px;
}
.organ .return{
	bottom:50px;
}
.organ-ajax .bg{
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 999999;
}
.organ-ajax .con{
	width: 330px;
	text-align: center;
	padding-bottom: 40px;
	position: fixed;
	top:50%;
	left: 50%;
	margin-left: -110px;
	z-index: 99999999;
	background: #fff;
}
.organ-ajax .con img{
	max-width: 100%;
}
.organ-ajax .con h2{
	font-size: 14px;
	color: #ef3c1e;
	line-height: 24px;
	padding: 17px 0 10px;
}
.organ-ajax .con p{
	width: 270px;
	margin: 0 auto;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.organ-ajax .con .close{
	width: 15px;
	height: 15px;
	position: absolute;
	top:-8px;
	right: -23px;
	cursor: pointer;
	background: url(../images/about14.png) no-repeat center;
	background-size: cover;
}
.order{
	background: #f3f3f3;
	width: 100%;
	padding-bottom: 57px;
}
.order-t{
	background: #fff url(../images/order02.jpg) no-repeat bottom center;
	margin-top: -136px;
	padding-bottom: 202px;
}
.order-list{
	width: 84%;
	margin: 0 auto;
	padding-top: 42px;
}
.order-list li{
	padding-left: 3%;
	width: 97%;
	background: url(../images/order03.png) no-repeat left 19px;
	padding-bottom: 50px;
}
.order-list li .box{
	background: url(../images/order04.jpg) no-repeat left 26px;
	cursor: pointer;
	transition: all 0.3s;
	line-height: 28px;
	padding: 11px 0;
}
.order-list li h2{
	font-size: 18px;
	padding-left: 2.5%;
	color: #333333;
	width: 157px;
	transition: all 0.3s;
	line-height: 28px;
}
.order-list li p{
	font-size: 14px;
	color: #666;
	transition: all 0.3s;
	line-height: 28px;
}
.order-list li.cur .box{
	background: #ef3c1e;
	transition: all 0.3s;
}
.order-list li.cur .box h2{
	color: #fff;
	transition: all 0.3s;
}
.order-list li.cur .box p{
	color: #fff;
	transition: all 0.3s;
}
.order-list li.on{
	background: url(../images/order05.png) no-repeat left 19px;
	padding-bottom: 0;
}
.order .return{
	bottom:42px;
}
.about{
	background: #f3f3f3;
	width: 100%;
}
.workbig {
    opacity: 0;
    top: 20px;
    padding-bottom: 25px;
}
.about .about-con{
	margin-top: -136px;
	position: relative;
}
.line-tit.on{
	background: #f7f7f7;
}
.about-top{
	padding: 50px 8% 66px;
	background: #fff;
	width: 84%;
	margin-bottom: 10px;
}
.about-top .left{
	width: 56%;
	padding-right: 8%;
	background: url(../images/about15.jpg) no-repeat right center;
}
.about-top .left h2{
	font-size: 30px;
	color: #ef3c1e;
	line-height: 50px;
}
.about-top .left h3{
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	padding-bottom: 38px;
}
.about-top .left p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	padding-bottom: 15px;
}
.about-top .left img{
	max-width: 100%;
	padding-top: 30px;
}
.about-top .right{
	width: 22%;
	padding-top: 87px;
	padding-right: 5%;
}
.about-top .right ul{
	width: 100%;
}
.about-top .right li{
	width: 99%;
	text-align: center;
	margin-bottom: 10%;
	border:1px solid #e1e1e1;
}
.about-top .right h2{
	color: #ef3c1e;
	font-size: 72px;
	font-weight: bold;
	line-height: 62px;
	padding-top: 20px;
	font-family: 'Arial';
}
.about-top .right p{
	font-size: 14px;
	color: #666;
	line-height: 20px;
	height: 40px;
	padding-bottom: 18px;
}
.history, .history2{
	width: 84%;
	position: relative;
	padding: 46px 8% 82px 8%;
}
.history2 li{
	position: relative;
}
.history2 li h2{
	font-size: 20px;
	font-family: 'Arial';
	height: 40px;
	transition: all 0.3s;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background: #bbb;
}
.history2 li .con{
	background: #ffffff;
	width: 82%;
	text-align: left;
	padding: 20px 9% 24px;
}
.history2 li p{
	padding-left: 7%;
	background: url(../images/about22.jpg) no-repeat left 10px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding-bottom: 5px;

}
.history-v{
	width: 100%;
	height: 556px;
	background: url(../images/about23.jpg) repeat-x left center;
	overflow: hidden;
	position: relative;
}
.history ul{
	position: relative;
	height: 556px;
}
.history li{
	width: 320px;
	margin-left: -87px;
	height: 100%;
	cursor: pointer;
	position: relative;
	text-align: center;
}
.history li:first-child{
	margin-left: 0px;
}
.history li.top{
	transition: all 0.3s;
	background:url(../images/about19.png) no-repeat center center;
}
.history li.bottom{
	transition: all 0.3s;
	background:url(../images/about19.png) no-repeat center center;
}
.history li.top .tit{
	padding-top: 8px;
	position: absolute;
	left: 0;
	top:304px;
	width: 100%;
	background: url(../images/about20.png) no-repeat center top;
}
.history li.bottom .tit{
	padding-bottom: 8px;
	position: absolute;
	left: 0;
	bottom: 304px;
	width: 100%;
	background:url(../images/about21.png) no-repeat center bottom;
}
.history li .con{
	width: 100%;
	position: absolute;
	left: 0;
}
.history li.top .con{
	top:354px;
}
.history li.bottom .con{
	bottom:354px;
}
.history li h2{
	font-size: 20px;
	font-family: 'Arial';
	height: 40px;
	transition: all 0.3s;
	line-height: 40px;
	color: #fff;
	background: #bbb;
}
.history li .con{
	background: #ffffff;
	width: 82%;
	text-align: left;
	padding: 20px 9% 24px;
}
.history li p{
	padding-left: 7%;
	background: url(../images/about22.jpg) no-repeat left 10px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding-bottom: 5px;

}
.history li.top:hover .tit{
	transition: all 0.3s;
	background:url(../images/about20_h.png) no-repeat center top;
} 
.history li.top:hover{
	transition: all 0.3s;
	background:url(../images/about19_h.png) no-repeat center center;
}
.history li.bottom:hover{
	transition: all 0.3s;
	background:url(../images/about19_h.png) no-repeat center center;
}
.history li.bottom:hover .tit{
	transition: all 0.3s;
	background:url(../images/about21_h.png) no-repeat center bottom;
}
.history li:hover h2{
	background: #ef3c1e;
	transition: all 0.3s;
}
.history .prev, .history2 .flex-nav-prev{
	width: 43px;
	height: 44px;
	background: url(../images/about17.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 65px;
	text-indent: 999px;
	overflow: hidden;
	cursor: pointer;
	z-index: 99;
	top:50%;
	margin-top: -42px;
}
.history2 .flex-nav-prev{
	left: 20px;
}
.history .prev:hover{
	left: 60px;
	background: url(../images/about17_h.png) no-repeat center;
	background-size: cover;
	transition: all 0.5s;
}
.history2 .flex-nav-prev:hover{
	left: 15px;
	background: url(../images/about17_h.png) no-repeat center;
	background-size: cover;
	transition: all 0.5s;
}
.history .next,.history2 .flex-nav-next{
	width: 43px;
	height: 44px;
	background: url(../images/about18.png) no-repeat center;
	background-size: cover;
	position: absolute;
	right: 70px;
	z-index: 99;
	text-indent: 999px;
	overflow: hidden;
	top:50%;
	cursor: pointer;
	margin-top: -42px;
}
.history2 .flex-nav-next{
	right: 20px;
}
.history .next:hover, .history2 .flex-nav-next:hover{
	right: 65px;
	background: url(../images/about18_h.png) no-repeat center;
	background-size: cover;
	transition: all 0.5s;
}
.history2 .flex-nav-next:hover{
	right: 15px;
	background: url(../images/about18_h.png) no-repeat center;
	background-size: cover;
	transition: all 0.5s;
}
.history .return{
	bottom:27px;
}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev{
	width: 100%;
	height: 100%;
	display: block;
}
.work-tit li{
	width: 33.33%;
}
.news-tit li{
	width: 33.33%;
}
.applay-tb{
    width: 960px;
    margin: 0 auto;
}
.applay-tb .spred {
    font-size: 18px;
    font-family: Arial;
    color:#F00;
    margin-left: 12px;
}
.applay-tb {
    border:0;
    border-width: 0 0 1px 1px;}
.applay-tb  td {
    padding: 8px 6px;
    border:0;
    border-width:1px 1px 0 0;
    font-size: 14px;
}
.applay-tb  td {
    line-height: 1.8;
}
.applay-tb .applay-input{
    width: 180px;
    height: 18px;
    padding: 8px 10px;
    line-height: 18px;
    color: #666;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    background: #fff;
    font-size: 14px;
}
.applay-tb select.applay-input{
    height: 34px;
    width: 200px;
}
.applay-tb textarea.applay-input{
    width: 820px;
    height: 100px;
}
.applay-tb .applay-input.code{
    width: 90px;
    margin-right: 8px;
}
.job-box h2{
	color: #333;
	font-size: 18px;
	line-height: 30px;
	padding-left: 30px;
}
.applay-tb .submit{
    width: 150px;
    height: 35px;
    background: #f88000;
    font-size: 16px;
    color: #fff;
    border: none;
    cursor: pointer;
}
.applay-tb .error {
    border-color: #D70128;
}
.msg-tb{
    width: 960px;
    margin: 0 auto;
}
.msg-tb .spred {
    font-size: 18px;
    font-family: Arial;
    color:#F00;
    margin-left: 12px;
}
.msg-tb {
    border:0;
    border-width: 0 0 1px 1px;
}
.msg-tb tr td {
    padding: 8px 6px;
    border:0;
    border-width:1px 1px 0 0;
    font-size: 14px;
}
.msg-tb tr td {
    line-height: 1.8;
}
.msg-tb .msg-input{
    width: 348px;
    height: 18px;
    padding: 8px 10px;
    line-height: 18px;
    color: #666;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    background: #fff;
    font-size: 14px;
}
.msg-tb textarea.msg-input{
    width: 820px;
    height: 100px;
}
.msg-tb .msg-input.code{
    width: 90px;
    margin-right: 8px;
}
.msg-tb .submit{
    width: 150px;
    height: 35px;
    background: #f88000;
    font-size: 16px;
    border: none;
    color: #fff;
    cursor: pointer;
}
.msg-tb .error {
    border-color: #D70128;
}