@charset "utf-8";
#body{overflow:hidden;background:url(../image/bo/bg2.png) center center repeat;position: relative;}


.contact1{height:850px;}
.contact1 .title{text-align:center;padding-top:178px;}
.contact1 .title h2{color:#fff;font-size:30px;line-height:1.3;}
.title h3{margin-top:7px;}
.contact1 .box{margin:45px auto 0;height:461px;clip:rect(0 1046px 628px 0);width:0;overflow:hidden;
transition:all 1s ease-out 0.2s;-webkit-transition:all 1s ease-out 0.2s;}
.contact1.show .box{width:746px;}
.contact2{height:617px;}
.contact2 .title{text-align:center;padding-top:142px;background:url(../image/bo/line1.png) center top no-repeat;}
.contact2 .title h2{color:#474747;font-size:30px;line-height:1.3;}
.contact2 .box{margin:48px auto 0;width:1044px;}
.contact2 .box .div{float:left;width:195px;margin:0 33px;}
.contact2 .box .div .img{width:195px;height:195px;background:url(../image/bo/c1.png) center center no-repeat;text-align:center;}
.contact2 .box .div .img i{display:inline-block; height:100%; vertical-align:middle;}
.contact2 .box .div .img img{transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.contact2 .box .div:hover .img img{transform:rotateY(-360deg);-webkit-transform:rotateY(-360deg);}
.contact2 .box .div h3{text-align:center;font-size:18px;color:#474747;line-height:1.3;margin-top:15px;}
.contact2 .box .div h4{text-align:center;font-size:16px;color:#707070;line-height:1.3;margin-top:5px;}
.contact2 .box .div h4.num{font-size:20px;font-family:Arial, Helvetica, sans-serif;}



.recruit1{height:700px;}
.recruit1 .title{width:800px;position:absolute;top:270px;left:50%;margin-left:-400px;text-align:center;opacity:0;
transform:translateY(50px);-webkit-transform:translateY(50px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.recruit1.show .title{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.recruit1 .title h2{color:#fff;font-size:30px;line-height:1.3;}
.recruit1 .title p{color:#fff;font-size:14px;line-height:1.3;margin-top:20px;}
.recruit2{padding:157px 0 123px;background:url(../image/bo/line1.png) center top no-repeat;}
.recruit2 table th{height:56px;background:#474747;font-size:16px;color:#fff;font-weight:normal;text-align:left;}
.recruit2 table .t1{padding-left:40px;width:220px;}
.recruit2 table .t2{width:571px;}
.recruit2 table .t3{width:237px;}
.recruit2 table .t4{width:120px;}
.recruit2 table td{height:54px;border-top:solid 1px #ebebeb;font-size:14px;color:#474747;background:#fff;}
.recruit2 table td .date{font-size:14px;color:#707070;font-family:Arial, Helvetica, sans-serif;}
.recruit2 table td .more{padding-left:23px;font-size:14px;color:#707070;padding-left:24px;background:url(../image/bo/img8.png) left center no-repeat;line-height:54px;cursor: pointer;}
.recruit2 table td .more:hover{background:url(../image/bo/img8-1.png) left center no-repeat;color:#d16f28;}
.recruit2 table tr:hover td{background:#f2f2f2;}
.recruit2 .bg_black{background:url(../image/bo/black30.png) center center repeat;position:fixed;left:0;top:0;width:100%;height:100%;z-index:2000;display:none;}
.recruit2 .bg_black .inner{width:888px;height:600px;position:absolute;left:50%;top:50%;margin:-300px 0 0 -444px;background:#fff;text-align:left;}
.recruit2 .bg_black .inner .close{display:block;background:url(../image/bo/close.png) center center no-repeat;width:47px;height:48px;position:absolute;top:20px;right:20px;}
.recruit2 .bg_black .inner .box1{width:750px;margin:60px auto 0;}
.recruit2 .bg_black .inner .box1 h3{font-size:24px;color:#474747;line-height:1.2;margin-bottom:17px;}
.recruit2 .bg_black .inner .box1 p{font-size:18px;color:#474747;line-height:1.5;margin-bottom:7px;}
.recruit2 .bg_black .inner .box1 p span{display:inline-block;width:290px;}
.recruit2 .bg_black .inner .box2{width:750px;margin:0 auto;height:310px;overflow:auto;}
.recruit2 .bg_black .inner .box2 h3{font-size:18px;color:#474747;line-height:1.2;margin:15px 0;}
.recruit2 .bg_black .inner .box2 p{font-size:14px;color:#707070;line-height:1.6;}
.recruit2 .bg_black .inner .fs{display:inline-block;height:50px;background:#d16f28;padding:0 22px;color:#fff;font-size:16px;line-height:50px;margin:22px 0 0 70px;}
.recruit2 .btn{display:block;background:url(../image/bo/btn2.png) center center no-repeat;width:148px;height:33px;line-height:33px;font-size:14px;color:#333;margin:50px auto 0;text-align:center;}



.about1{height:850px;}
.about1 .title{width:1160px;margin-left:5px;height:428px;background:url(../image/bo/line3.png) center bottom no-repeat;padding-top:242px;opacity:0;
transform:translateY(50px);-webkit-transform:translateY(50px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.about1.show .title{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.about1 .title h2{color:#fff;font-size:30px;line-height:1.3;}
.about1 .title .p{color:#fff;font-size:14px;line-height:1.5;margin-top:25px;}
.about1 .title .p p{margin-top:6px;}
.about2{padding-bottom:81px;background:url(../image/bo/line1.png) center bottom no-repeat;}
.about2 .box{height:771px;margin-top:-180px;position:relative;}
.about2 .box .div1{position:absolute;left:0;top:0;width:718px;height:410px;overflow:hidden;opacity:0;transform:translate(200px,0);-webkit-transform:translate(200px,0);-moz-transform:translate(200px,0);transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;}
.about2 .box .div2{position:absolute;right:0;top:0;height:410px;width:470px;text-align:center;background:#fff;opacity:0;transform:translate(0,-200px);-webkit-transform:translate(0,-200px);-moz-transform:translate(0,-200px);transition:all 1.2s ease-out 0.2s;-webkit-transition:all 1.2s ease-out 0.2s;-moz-transition:all 1.2s ease-out 0.2s;}
.about2 .box .div2 h2{font-size:30px;color:#d16f28;line-height:1.3;margin-top:125px;}
.about2 .box .div2 h3{margin-top:7px;}
.about2 .box .div2 h4{font-size:18px;color:#474747;line-height:1.3;margin-top:25px;}
.about2 .box .div3{position:absolute;left:0;top:410px;height:361px;width:543px;text-align:center;background:url(../image/bo/bg5.png) center center repeat;opacity:0;transform:translate(0,200px);-webkit-transform:translate(0,200px);-moz-transform:translate(0,200px);transition:all 1.2s ease-out 0.4s;-webkit-transition:all 1.2s ease-out 0.4s;-moz-transition:all 1.2s ease-out 0.4s;}
.about2 .box .div3 h2{font-size:30px;color:#fff;line-height:1.3;margin-top:115px;}
.about2 .box .div3 h3{margin-top:7px;}
.about2 .box .div3 h4{font-size:18px;color:#fff;line-height:1.3;margin-top:25px;}
.about2 .box .div4{position:absolute;right:0;top:410px;width:645px;height:361px;overflow:hidden;opacity:0;transform:translate(-200px,0);-webkit-transform:translate(-200px,0);-moz-transform:translate(-200px,0);transition:all 1.2s ease-out 0.6s;-webkit-transition:all 1.2s ease-out 0.6s;-moz-transition:all 1.2s ease-out 0.6s;}
.about2.show .box>div{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}
.about2 .box .div1 img,.about2 .box .div4 img{width:100%;height:auto;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.about2 .box .div1:hover img,.about2 .box .div4:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.about3{padding:90px 0 81px;/*background:url(../image/bo/line1.png) center bottom no-repeat;*/}
.about3 .tabar{height:80px;text-align:center;}
.about3 .tabar .li{display:inline-block;cursor:pointer;padding:0 30px;}
.about3 .tabar .li h2{color:#474747;font-size:30px;line-height:1.3;}
.about3 .tabar .li h3{color:#474747;font-size:30px;line-height:1.3;font-family:Georgia, "Times New Roman", Times, serif;text-transform:uppercase;}
.about3 .tabar .li.now h2,.about3 .tabar .li.now h3{color:#d16f28;}
.about3 .box{margin-top:50px;overflow:hidden;}
.about3 .box .focus{position:relative;overflow:hidden;display: none;}
.about3 .box .focus.a {display: block;}
.about3 .box .focus .frame{position:relative;overflow:hidden;}
.about3 .box .focus .frame .child .ddd{float:left;width:384px;height:384px;position:relative;overflow:hidden;}
.about3 .box .focus .frame .child .div img{width:100%;height:auto;}
.about3 .box .focus .frame .child .ddd{margin:18px 0 0 18px;}
.about3 .box .focus .frame .child .ddd.a{margin-left:0;}
.cornerTL { left:-50%; top:-50%; }
.cornerTR { right:-50%; top:-50%; }
.cornerBL { left:-50%; bottom:-50%; }
.cornerBR { right:-50%; bottom:-50%; }
.about3 .box .focus .frame .child .div div {
	 position: absolute;
	 z-index: 1;
	 background-color: #d16f28;
	 width:0;
	 height:0;

	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	 -moz-border-radius:100px;
	 -webkit-border-radius:100px;
	 border-radius:100px;
}
.about3 .box .focus .frame .child .div h3 {text-align:center;width:100%;line-height:1.3;
	 left: 0;
	 top: 28.6%;
	 z-index: 2;
	 position: absolute;
	 font-family:Arial, Helvetica, sans-serif;
	 color: #FFF;
	 font-size: 30px;
	 display: none;	/* hidden by default */
}
.about3 .box .focus .frame .child .div h4 {text-align:center;width:100%;line-height:1.6;
	 left: 0;
	 top: 41.7%;
	 z-index: 2;
	 position: absolute;
	 color: #FFF;
	 font-size: 14px;
	 display: none;	/* hidden by default */
}
.about3 .box .focus .frame .child .div .learn{z-index: 2;display:block;background:url(../image/bo/btn1.png) center center no-repeat;width:148px;height:33px;text-align:center;line-height:33px;text-align:center;font-size:14px;color:#fff;position:absolute;left:50%;margin-left:-74px;top:62.5%;display: none;}
.about3 .box .focus .arrow_l{display:block;background:url(../image/bo/arrow1.png) left center no-repeat;width:31px;height:61px;position:absolute;top:61.7%;right:12.1%;}
.about3 .box .focus .arrow_r{display:block;background:url(../image/bo/arrow1.png) right center no-repeat;width:31px;height:61px;position:absolute;bottom:11.5%;right:6.875%;}
.about3 .box .focus .arrow_bg{position:absolute;right:0;bottom:0;width:20%;}
.about3 .box .focus .arrow_bg img{width:100%;height:auto;}
.about3 .bg_black,.home2 .bg_black{background:url(../image/bo/black30.png) center center repeat;position:fixed;left:0;top:0;width:100%;height:100%;z-index:2000; /*opacity:0;*/display:none;}
.about3 .bg_black .inner,.home2 .bg_black .inner{width:1188px;height:522px;position:absolute;left:50%;top:50%;margin:-261px 0 0 -594px;background:#fff;text-align:left;}
.about3 .bg_black .inner .close,.home2 .bg_black .inner .close{display:block;background:url(../image/bo/close.png) center center no-repeat;width:47px;height:48px;position:absolute;top:20px;right:20px;}
.about3 .bg_black .inner .pic,.home2 .bg_black .inner .pic{position:absolute;left:59px;top:68px;width:384px;height:384px;}
.about3 .bg_black .inner .pic img,.home2 .bg_black .inner .pic img{width:100%;height:auto;}
.about3 .bg_black .inner .text,.home2 .bg_black .inner .text{position:absolute;right:92px;top:78px;width:590px;}
.about3 .bg_black .inner .text h3,.home2 .bg_black .inner .text h3{font-size:30px;color:#474747;line-height:1.3;}
.about3 .bg_black .inner .text .p,.home2 .bg_black .inner .text .p{height:315px;overflow:auto;margin-top:25px;font-size:14px;color:#474747;line-height:1.5;}
/* .about4{height:630px;} */
.about4 .title{padding-top:87px;text-align:center;}
.about4 .title h2{color:#333;font-size:30px;line-height:1.3;}
.about4 .title .more{display:block;background:url(../image/bo/btn2.png) center center no-repeat;width:148px;height:33px;line-height:33px;font-size:14px;color:#333;margin:27px auto 0;}
.about4 .box{margin-top:55px;}
.about4 .box .div{float:left;width:350px;background:url(../image/bo/line4.png) left 25px no-repeat;padding:0 32px 5px 14px;opacity:0;margin-left:-100px;
transition-property:all;
transition-duration:1s;
transition-timing-function:cubic-bezier(0.42,0,0.58,1);
}
.about4 .box .div h3{font-size:18px;color:#333;line-height:1;font-family:Arial, Helvetica, sans-serif;}
.about4 .box .div h3 span{font-size:90px;margin-right:15px;}
.about4 .box .div h4{font-size:20px;color:#333;line-height:1.3;margin-top:10px;}
.about4 .box .div p{font-size:14px;color:#707070;line-height:1.5;margin-top:8px;}
.about4 .box .div .more{font-size:14px;color:#474747;line-height:1.3;margin-top:20px;display:inline-block;}
.about4.show .box .div.d3{opacity: 1;margin-left: 0;transition-delay:0.3s;}
.about4.show .box .div.d2{opacity: 1;margin-left: 0;transition-delay:0.6s;}
.about4.show .box .div.d1{opacity: 1;margin-left: 0;transition-delay:0.9s;}





.sssss{text-align:center;margin-top:80px;}