body{

	overflow: hidden;

}

.inline-banner{

	width: 100%;

	position: relative;

}

.inline-banner img{

	opacity: 0;

	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: 20%;

	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: #ea5a25;

	position: absolute;

	bottom: 0;

	left: 0;

	opacity: 0;

	filter: alpha(opacity=0);

}

.case-tit li a:hover, .case-tit li.cur a{

	color: #ea5a25;

	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: #ea5a25;

  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(../images/pic-14.jpg) no-repeat center;*/

  /*background-size: 100%;*/

}

.dow li .bg.curr{

  /*background: url(../images/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: #ea5a25;

  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(../images/pic-33.png) no-repeat 35px center;

}

.case{

	background: #f3f3f3;

	width: 100%;

}

.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: #ea5a25;

	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 0 22px 6%;

}

.correlation-list span.line{

	width: 0;

	height: 4px;

	display: block;

	position: absolute;

	bottom:0;

	left:0;

	transition: width 0.5s;

	background: #ea5a25;

}

.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:#ea5a25 url(../images/case16.png) no-repeat center 12px;

}

.return:hover{

	color: #fff;

}

.case-info .info-tit{

	width: 92%;

	font-size: 24px;

	color: #ea5a25;

	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: #ea5a25;

	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: #ea5a25;

}

.pro-nav .slides li:hover a, .pro-nav .slides li.act a{

	color: #ea5a25;

	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: #ea5a25;

	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: #ea5a25;

	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: 305px;

	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: #ea5a25;

	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: #ea5a25;

	transition: all 0.3s;

}

.product-list .main .font:hover a{

	color: #ea5a25;

	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: #ea5a25;

	padding: 40px 4% 0;

	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(../images/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(../images/pic-35.png) no-repeat left center;

  line-height: 14px;

  font-size: 14px;

  color: #ea5a25;

  display: inline-block;

  color: #666;

  margin-top: 110px;

}

.calendar li:hover .w16 p {

  color: #ea5a25;

  background: url(../images/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: #ea5a25;

	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: #ea5a25;

	line-height: 28px;

	padding: 76px 0 21px;

}

.organ-top .box h2{

	color: #ea5a25;

	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: #ea5a25;

	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: #ea5a25;

	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: #ea5a25;

	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: #ea5a25;

	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: #ea5a25;

	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: #ea5a25;

	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;

}