@charset "gb2312";
/* CSS Document */
*html, _html {  background-attachment: fixed; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; font-weight: normal; }
body, button, input, select, textarea { font: 12px/1.5 "΢ÈíÑźÚ", Verdana, Geneva, sans-serif, tahoma, Srial, helvetica, sans-serif; }
body { line-height: 22px; background-color: #ffffff; color: #3c3c3c; position: relative; min-width: 1190px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
img { border: 0px; vertical-align: middle; display: block; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }

/* banner*/
.banner { width: 100%; height: 729px; background: url(../images/banner.jpg) no-repeat center; }
.banner-wrap { width: 1128px; height: 100%; margin: 0 auto; }

/*btn all*/
.banner-wrap a, .box1-wrap a, .box2-wrap a, .box3-up a, .box3-btn, .box4 a, .box5 a, .box6 a { display: block; background: #eb6100; border-radius: 30px; transition: all 0.3s; text-align: center; color: #fff; }
.banner-wrap a { width: 225px; height: 57px; line-height: 54px; font-size: 36px; margin: 600px 0 0 180px; }
.box1-wrap a, .box2-wrap a, .box3-up a, .box3-btn, .box4 a, .box5 a, .box8-wrap a, .box6 a { height: 42px; width: 186px; line-height: 40px; font-size: 24px; margin-left: 498px; }
.box3-up a, .box3-btn { width: 197px; }
.box3-btn { position: absolute; right: 0; bottom: 66px; }
.box4 a { margin-left: 496px; }
.box5 a { position: absolute; bottom: 0; left: 504px; }
.box6 a { margin-left: 624px; }
.box8-wrap a { display: block; background: url(../images/box8-2.png) no-repeat 0 0; margin: 42px 0 0 755px; }
.box8-wrap a:hover { background-position: 0 -71px; }
.banner-wrap a:hover, .box1-wrap a:hover, .box2-wrap a:hover, .box3-up a:hover, .box3-btn:hover, .box4 a:hover, .box5 a:hover, .box6 a:hover { background: #d0590c; }

/*box1-------------------------------------------------------------*/
.box1 { width: 100%; height: 898px; }
.box1-wrap { width: 1189px; height: 700px; margin: 90px auto 0; }
.box1-wrap h3 { width: 100%; height: 157px; background: url(../images/box1-1.jpg) no-repeat center top; margin-bottom: 40px; }
.box1-wrap ul { width: 100%; height: 460px; }
.box1-wrap ul li { width: 388px; float: left; margin-right: 12px; }
.box1-wrap li h5 { color: #c39077; font-size: 24px; line-height: 40px; margin-top: 8px; }
.box1-wrap li p { font-size: 14px; color: #0f0a08; }

/*box2-------------------------------------------------------------*/
.box2 { width: 100%; height: 890px; background: #eee; }
.box2-wrap { width: 964px; height: 797px; margin: 44px auto 0; }
.box2-wrap h3 { width: 100%; height: 157px; background: url(../images/box2-1.jpg) no-repeat center top; margin-bottom: 30px; }
.box2-con { width: 100%; height: 568px; }
.box2-con dl { float: left; width: 462px; }
.box2-con dl dd { padding-left: 15px; }
.box2-con dl dd h4 { font-size: 24px; color: #151515; line-height: 40px; }
.box2-con dl dd p { color: #555; font-size: 16px; line-height: 18px; letter-spacing: 0.6px; white-space: normal; }
.box2-con dl dd ul { width: 100%; height: 107px; margin-top: 25px; }
.box2-con dl dd ul li { width: 107px; height: 107px; border-radius: 50%; background: #fff; float: left; margin-right: 50px; text-align: center; cursor: pointer; }
.box2-con dl dd ul li:hover p { color: #c39077; }
.box2-con ul li h6 { margin: 17px 0 0 35px; width: 35px; height: 47px; background: url(../images/box2-4.png) 0 0 no-repeat; }
.box2-con ul .pic2 h6 { background-position: -93px 0; }
.box2-con ul .pic3 h6 { width: 36px; background-position: -199px 0; }
.box2-con ul .pic4 h6 { width: 31px; background-position: -307px 0; }
.box2-con ul .pic5 h6 { width: 44px; background-position: -403px 0; }
.box2-con ul .pic6 h6 { width: 35px; background-position: -516px 0; }
.box2-con ul li p { font-size: 14px; line-height: 18px; color: #0f0a08; letter-spacing: -0.5px; }

/*box3-------------------------------------------------------------*/
.box3 { height: 1705px; width: 100%; border-bottom: 4px solid #0f0a08; }
.box3-wrap { width: 1120px; margin: 0 auto; }
.box3-up { width: 100%; height: 970px; background: url(../images/box3-4.jpg) no-repeat right 80px; }
.box3-up h3 { width: 100%; height: 125px; background: url(../images/box3-1.jpg) no-repeat; margin: 156px 0 50px 0; }
.box3-up .list { margin-top: 20px; width: 591px; height: 94px; }
.box3-up .list1 { background: url(../images/box3-2.jpg) no-repeat;}
.box3-up .list2 { background: url(../images/box3-3.jpg) no-repeat; }
.box3-up .list p { padding: 56px 0 0 196px; font-size: 16px; color: #fff; line-height: 18px; }
.box3-down { width: 1214px; height: 734px; margin-left: -110px; background: url(../images/box3-6.jpg) no-repeat left bottom; position: relative; }
.box3-down h3 { width: 100%; height: 157px; background: url(../images/box3-5.jpg) no-repeat right top; }
.down-con { width: 660px; height: 576px; margin-left: 554px; position: relative; }
.down-con a { width: 157px; height: 85px; position: absolute; left: 0; top: 114px; display: block; }
.down-con .box3-btn1 { background: url(../images/box3-btn1.png) no-repeat 0 0; }
.down-con .box3-btn1:hover { background-position: -157px 0; }
.down-con .box3-btn2 { background: url(../images/box3-btn2.png) no-repeat 0 0; top: 248px; }
.down-con .box3-btn2:hover { background-position: -157px 0; }
.down-con .current { background-position: -157px 0; }
.down-con .con { height: 100%; width: 496px; margin-left: 164px; position: relative; }
.down-con .con .box3-text { border-radius: 50%; text-align: center; color: #313131; position: absolute; overflow: hidden; }
.down-con .con .ye { height: 165px; width: 223px; background: #fffcbe; top: 40px; left: 0; padding-top: 58px }
.down-con .con2 .ye { left: 45px; }
.down-con .con .gr { width: 261px; height: 183px; padding-top: 78px; top: 50px; left: 236px; background: #acd598; }
.down-con .con2 .gr { top: 160px; }
.down-con .con .bl { width: 243px; height: 181px; padding-top: 62px; top: 260px; left: 60px; background: #88e2e2; }
.down-con .con2 .bl { left: -25px; }
.box3-text span { font-size: 25px; line-height: 28px; border-bottom: 2px solid #313131; font-weight: 700; }
.box3-text p { font-size: 14px; line-height: 18px; margin-top: 15px; }

/*box4-------------------------------------------------------------*/
.box4 { width: 100%; height: 1112px; }
.box4-wrap { width: 1188px; height: 980px; margin: 75px auto 0; }
.box4-wrap h3 { width: 100%; height: 157px; background: url(../images/box4-1.jpg) no-repeat center; }
.box4-wrap ul { width: 100%; height: 720px; margin-top: 62px; }
.box4-wrap ul li { float: left; width: 380px; margin-right: 24px; margin-bottom: 20px; }
.box4-wrap ul li span { font-size: 28px; color: #e60012; font-weight: 700; line-height: 66px; position: relative; padding-left: 135px; }
.box4-wrap ul li span:before { height: 35px; width: 35px; content: ""; position: absolute; top: 1px; left: 90px; }
.box4-wrap ul li .num1:before { background: url(../images/1.jpg) no-repeat; }
.box4-wrap ul li .num2:before { background: url(../images/2.jpg) no-repeat; }
.box4-wrap ul li .num3:before { background: url(../images/3.jpg) no-repeat; }
.box4-wrap ul li .num4:before { background: url(../images/4.jpg) no-repeat; }
.box4-wrap ul li .num5:before { background: url(../images/5.jpg) no-repeat; }
.box4-wrap ul li .num6:before { background: url(../images/6.jpg) no-repeat; }

/*box5-------------------------------------------------------------*/
.box5 { width: 100%; height: 864px; background: #0f0a08; padding-top: 52px; }
.box5-wrap { width: 1190px; height: 817px; margin: 0 auto; position: relative; }
.box5-wrap h3 { width: 100%; height: 157px; background: url(../images/box5-1.jpg) no-repeat center; margin-bottom: 54px; }
.focus { width: 100%; height: 455px; position: relative; }
.focus #pic { width: 100%; height: 455px; overflow: hidden; }
.focus #pic ul { width: 500%; height: 455px; float: left; }
.focus #pic li { width: 1190px; height: 455px; float: left; }
.focus #pic li img { width: 1190px; height: 455px; float: left; }
.focus #tip { width: 78px; height: 16px; position: absolute; left: 559px; bottom: -60px; z-index: 13; }
.focus #tip ul li { width: 16px; height: 16px; float: left; display: inline; margin: 0 5px; cursor: pointer; background: #626262; border-radius: 50%; }
.focus #tip ul li.on { background: #e6a98c; }
.focus .btn { width: 167px; height: 38px; position: absolute; left: 512px; bottom: -70px; z-index: 14; overflow: hidden; }
.focus .btn ul { width: 100%; float: left; }
.focus .btn li { width: 19px; height: 38px; float: left; display: inline; cursor: pointer; overflow: hidden; }
.focus .btn li.prev { background: url(../images/box5-arr1.png) no-repeat left top; }
.focus .btn li.prev:hover { background-position: 0 -48px; }
.focus .btn li.next { background: url(../images/box5-arr2.png) no-repeat left top; float: right; }
.focus .btn li.next:hover { background-position: 0 -48px; }

/*box6-------------------------------------------------------------*/
.box6 { width: 100%; height: 851px; border-bottom: 4px solid #0f0a08; }
.box6-wrap { width: 1210px; height: 100%; margin: 0 auto; background: url(../images/box6-1.jpg) no-repeat left bottom; }
.box6-wrap h3 { width: 100%; height: 157px; background: url(../images/box6-2.jpg) no-repeat 450px top; margin: 106px 0 68px 0; }
.box6-wrap .box6-text { padding-left: 610px; height: 394px; }
.box6-text h4 { font-size: 36px; color: #0f0a08; }
.box6-text h4 em { font-size: 54px; color: #e60012; vertical-align: middle; font-weight: 700; }
.box6-text p { line-height: 22px; font-size: 18px; color: #313131; }
.box6-text .item { padding-left: 18px; position: relative; }
.box6-text .item:before { width: 8px; height: 8px; background: #e6a98c; position: absolute; content: ""; left: 4px; top: 6px; border-radius: 50%; }

/*box7-------------------------------------------------------------*/
.box7 { width: 100%; height: 830px; }
.box7-wrap { width: 1130px; height: 100%; margin: 0 auto; background: url(../images/box7-1.jpg) no-repeat center bottom; }
.box7-wrap h4 { font-size: 36px; font-weight: 700; color: #e60012; margin: 64px 0 24px 0; padding-left: 14px; }
.box7-wrap p { padding-left: 14px; font-size: 16px; color: #313131; line-height: 18px; }
.box8 { width: 100%; height: 704px; background: #0f0a08; }
.box8-wrap { width: 1140px; height: 100%; margin: 0 auto; background: url(../images/box8-1.jpg) no-repeat left bottom; }
.box8-wrap h4 { font-size: 48px; color: #e6a98c; margin: 280px 0 0 625px; }
.box8-wrap p { font-size: 18px; color: #fff; line-height: 20px; margin: 24px 0 0 625px }