@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 { min-width: 1200px; overflow-x: hidden; background: url(../images/bg.jpg); }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em, i, b { font-style: normal; font-weight: 400; }
ul, ol { list-style: none; }
p { text-align: justify; text-justify: inter-ideograph; }
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; }
.left { float: left!important; }
.right { float: right!important; }
.wrap { position: relative; width: 1126px; margin: 0 auto; overflow: hidden; }
.con h3 { background: url(../images/title.png)no-repeat; }
.btn, .btn1, .btn2, .btn3, .btn4, .btn5, .prev, .next, .box7 .zjs .hd li, .btn6 { display: block; background: url(../images/icons.png)no-repeat; }
.btn { width: 321px; height: 69px; background-position: -15px -37px; margin: 570px 0 0 745px; }
.btn:hover { background-position: -15px -115px; }
.btn1 { width: 131px; height: 32px; background-position: -512px -42px; margin: 15px auto 0; }
.btn1:hover { background-position: -512px -81px; }
.btn2 { width: 398px; height: 62px; background-position: -15px -212px; margin-left: 138px; }
.btn2:hover { background-position: -15px -288px; }
.btn3 { width: 398px; height: 62px; background-position: -520px -420px; margin-left: 138px; }
.btn3:hover { background-position: -520px -487px; }
.btn4 { width: 246px; height: 62px; background-position: -656px -39px; margin-left: 196px; }
.btn4:hover { background-position: -656px -108px; }
.btn5 { width: 274px; height: 62px; background-position: -437px -211px; margin-left: 635px; }
.btn5:hover { background-position: -437px -288px; }
.btn6 { width: 274px; height: 62px; background-position: -437px -211px; ; margin: 25px 0 0 140px; }
.btn6:hover { background-position: -437px -288px; }
/*banner*/
.banner { width: 100%; height: 770px; background: url(../images/banner.png)no-repeat center; }
.con { height: 7034px; width: 1198px; border: 1px #f4a4af solid; margin: -84px auto 0; background: #fff; padding-bottom: 60px; border-bottom: none; }
.con .wrap { border: 14px #f4a4af solid; margin-top: 28px; }
/*box1*/
.box1 { padding: 40px 40px 70px; }
.box1 h3 { width: 550px; height: 68px; background-position: -14px -15px; margin: 0 auto; }
.box1 .tit, .box2 .tit { text-align: center; font-size: 20px; color: #2a2a2a; margin: 20px 0 30px; }
.box1 ul { overflow: hidden; width: 100%; }
.box1 ul li { width: 234px; height: 457px; margin-right: 35px; background: url(../images/box1_1.jpg)no-repeat center; float: left; }
.box1 ul li h4 { font-size: 24px; font-weight: 550; text-align: center; margin: 255px 0 10px; color: #fff; }
.box1 ul li p { color: #fff; font-size: 16px; line-height: 22px; padding: 0 24px; }
.box1 ul li:last-child { margin-right: 0; background: url(../images/box1_4.jpg)no-repeat center; }
.box1 ul li:nth-of-type(2) { background: url(../images/box1_2.jpg)no-repeat center; }
.box1 ul li:nth-of-type(3) { background: url(../images/box1_3.jpg)no-repeat center; }
/*box2*/
.box2 { width: 100%; height: 760px; position: relative; }
.lang { position: absolute; bottom: -29px; left: 0; z-index: 1; }
.box2 h3 { width: 550px; height: 68px; background-position: -18px -119px; margin: 0 auto; }
.box2 .tit { margin: 20px 0 50px; position: relative; z-index: 1; }
.box2 .change { width: 340px; height: 80px; background: url(../images/shadow.png)no-repeat center bottom; position: absolute; top: 162px; left: 30px; z-index: 66; }
.box2 .change a { display: block; line-height: 53px; width: 135px; height: 53px; background: #808080; border-radius: 12px 12px 0 0; color: #fff; font-size: 24px; text-align: center; margin-top: 9px; }
.box2 .change a.on { margin-top: 0; height: 62px; line-height: 62px; background: #ed3867; }
.box2 .change .in { float: left; margin-left: 19px; }
.box2 .change .out { float: left; margin-left: 6px; }
.box2 .bds { width: 100%; height: 670px; overflow: hidden; margin-top: -65px; position: relative; z-index: 0; }
.box2 .bds .bd1 { width: 100%; height: 100%; background: url(../images/box2_4.jpg)no-repeat right bottom; }
.box2 .bds .bd2 { width: 100%; height: 100%; background: url(../images/box2_5.jpg)no-repeat right bottom; }
.box2 .bds .bd h4 { color: #2a2a2a; font-size: 28px; padding: 160px 0 15px 51px; }
.box2 .bds .bd p { font-size: 18px; color: #2a2a2a; line-height: 40px; padding-left: 83px; position: relative; }
.box2 .bds .bd p em{color: #000;}
.box2 .bds .bd p:before { content: ''; width: 21px; height: 20px; background: url(../images/box2_1.png) no-repeat 0 -3px; position: absolute; left: 54px; top: 11px; }
.box2 .bds .bd p:nth-of-type(2):before { width: 21px; height: 21px; background-position: -28px -2px; }
.box2 .bds .bd p:nth-of-type(3):before { width: 20px; height: 20px; background-position: -55px -2px; }
.box2 .bds .bd p:nth-of-type(3) { margin-bottom: 30px; }
.box2 .bds .bd p:nth-of-type(4) { font-size: 16px; color: #767676; padding-left: 35px; line-height: 100%; margin: 20px 0 30px; }
.box2 .bds .bd p:nth-of-type(4):before { display: none; }
/*box3*/
.box3 { width: 100%; height: 826px; background: #f5fafe url(../images/box3_bg.jpg)no-repeat 690px bottom; }
.box3 .tit { font-size: 26px; color: #2a2a2a; text-align: center; line-height: 38px; margin-top: 55px; }
.box3 h3 { width: 696px; height: 115px; background-position: -18px -223px; margin: -20px auto 78px; }
.box3 ul { width: 604px; height: 202px; background: #f19ec2; border-radius: 5px; overflow: hidden; margin: 0 0 30px 48px; }
.box3 ul li:nth-of-type(1) { width: 198px; height: 180px; float: left; padding: 22px 50px 0 40px; }
.box3 ul li:nth-of-type(2) { width: 202px; height: 180px; background: #c1a5be; border-radius: 5px; float: right; padding: 22px 50px 0 63px; }
.box3 ul li h6 { font-size: 20px; color: #fff; font-weight: 700; line-height: 30px; margin-bottom: 12px; }
.box3 ul li p { font-size: 15px; color: #fff; line-height: 24px; }
.box3 .exp { font-size: 14px; color: #767676; margin: 8px 0 58px; padding-left: 55px; }
/*box4*/
.box4 { width: 100%; height: 975px; background: url(../images/box4_bg.jpg)no-repeat center bottom; }
.box4 h3 { width: 696px; height: 68px; background-position: -14px -370px; margin: 55px auto 120px; }
.box4 h5 { font-size: 27px; color: #000; padding-left: 634px; }
.box4 p { font-size: 23px; color: #333; padding-left: 634px; margin: 8px 0 20px; }
/*box5*/
.box5 { width: 100%; height: 680px; }
.box5 h3 { width: 696px; height: 68px; background-position: -18px -475px; margin: 55px auto 60px; }
.box5 .anli { width: 673px; height: 495px; position: relative; margin: 0 auto; }
.box5 .bd { position: relative; height: 100%; z-index: 0; }
.box5 .bd ul li { width: 673px; height: 495px; float: left; zoom: 1; vertical-align: middle; }
.box5 .bd ul li p { text-align: center; line-height: 52px; font-size: 18px; color: #111111; }
.prev, .next { width: 73px; height: 73px; position: absolute; top: 199px; z-index: 66; display: block; background-position: -349px -35px; }
.prev { left: -140px; }
.next { right: -140px; background-position: -426px -35px; }
.prev:hover, .next:hover { width: 73px; height: 73px; background-position: -349px -113px; }
.next:hover { background-position: -426px -113px; }
/*box6*/
.box6 { width: 100%; height: 960px; }
.box6 h3 { width: 696px; height: 68px; background-position: -18px -576px; margin: 0 auto 35px; }
.box6 .tit { text-align: center; line-height: 30px; font-size: 18px; color: #111; margin-bottom: 50px; }
.box6 dl { padding: 0 65px 75px 40px; overflow: hidden; }
.box6 dl dt { width: 541px; height: 275px; float: left; }
.box6 dl dd { width: 450px; padding-top: 60px; float: right; }
.box6 dl dd p { line-height: 40px; font-size: 21px; color: #111111; padding-left: 30px; position: relative; }
.box6 dl dd p:before { content: "1"; position: absolute; width: 23px; height: 23px; border: 1px #111 solid; border-radius: 50%; font-size: 16px; text-align: center; line-height: 23px; color: #111111; top: 8px; left: 0; }
.box6 dl dd p:nth-of-type(2):before { content: "2"; }
.box6 dl dd span { font-size: 18px; color: #111111; line-height: 42px; padding-left: 30px; }
.box6 ul { padding: 0 40px; height: 322px; }
.box6 ul li { width: 243px; height: 322px; float: left; margin-right: 24px; background: url(../images/box6_6.jpg)no-repeat center; position: relative; border-radius: 5px; overflow: hidden; }
.box6 ul li:nth-of-type(2) { background: url(../images/box6_2.jpg)no-repeat center; }
.box6 ul li:nth-of-type(3) { background: url(../images/box6_3.jpg)no-repeat center; }
.box6 ul li:nth-of-type(4) { background: url(../images/box6_4.jpg)no-repeat center; margin-right: 0; }
.box6 ul li p { height: 50px; width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(16, 16, 16, .75); font-size: 16px; color: #fff; text-align: center; line-height: 50px; }
/*box7*/
.box7 { width: 100%; height: 736px; }
.box7 h3 { width: 696px; height: 68px; background-position: -18px -671px; margin: 0 auto 45px; }
.box7 .zjs { width: 100%; height: 622px; overflow: hidden; position: relative; }
.box7 .zjs .hd { position: absolute; top: 20px; left: 440px; z-index: 66; }
.box7 .zjs .hd li { width: 105px; height: 113px; background-position: -22px -366px; margin: 0 22px; float: left; cursor: pointer; }
.box7 .zjs .hd li.on { background-position: -22px -482px; }
.box7 .zjs .hd li:nth-of-type(2) { background-position: -147px -366px; }
.box7 .zjs .hd li:nth-of-type(2).on { background-position: -148px -482px; }
.box7 .zjs .hd li:nth-of-type(3) { background-position: -275px -366px; }
.box7 .zjs .hd li:nth-of-type(3).on { background-position: -276px -482px; }
.box7 .zjs .hd li:nth-of-type(4) { background-position: -399px -366px; }
.box7 .zjs .hd li:nth-of-type(4).on { background-position: -401px -482px; }
.box7 .zjs .bd { height: 622px; }
.box7 .zjs .bd .zj { width: 1126px; height: 622px; overflow: hidden; background: url(../images/jbh.png)no-repeat 20px bottom; }
.box7 .zjs .bd .chf { background: url(../images/chf.png)no-repeat 30px bottom; }
.box7 .zjs .bd .szy { background: url(../images/szy.png)no-repeat 36px bottom; }
.box7 .zjs .bd .wh { background: url(../images/wh.png)no-repeat 36px bottom; }
.box7 .zjs .zj_L { width: 410px; padding: 430px 0 0 60px; overflow: hidden; float: left; }
.box7 .zjs .chf .zj_L { width: 380px; padding: 430px 0 0 90px; }
.box7 .zjs .zj_L span { width: 100px; height: 80px; border-radius: 50%; background: #bde6f8; float: left; margin: 0 8px; display: block; font-size: 18px; color: #3c3c3c; text-align: center; padding-top: 20px; }
.box7 .zjs .wh span { width: 85px; height: 69px; padding-top: 16px; }
.box7 .zjs .zj_R { width: 568px; padding-top: 173px; float: right; overflow: hidden; position: relative; }
.box7 .zjs .zj_R h4 { font-size: 47px; color: #3c3c3c; position: absolute; top: 165px; left: 0; font-weight: 700; }
.box7 .zjs .zj_R em { font-size: 18px; color: #3c3c3c; line-height: 30px; padding-left: 260px; }
.box7 .zjs .zj_R p { font-size: 21px; color: #3c3c3c; margin: 30px 0 20px; }
.box7 .zjs .zj_R ul { width: 100%; height: 172px; }
.box7 .zjs .zj_R ul li { float: left; }
.box7 .zjs .zj_R ul li:nth-of-type(1) { margin-right: 30px; }
/*box8*/
.box8 { width: 100%; height: 890px; background: #f5fafe; }
.box8 h3 { width: 696px; height: 68px; background-position: -18px -767px; margin: 70px auto 35px; }
.box8 ul { padding: 0 155px 0 120px; }
.box8 ul li { width: 365px; height: 298px; background: url(../images/box8_1.jpg)no-repeat center; float: left; margin-right: 115px; margin-bottom: 30px; }
.box8 ul li:nth-of-type(2n) { margin-right: 0; }
.box8 ul li h6 { width: 280px; height: 40px; line-height: 40px; text-align: center; background: #60a6c4; color: #fff; font-size: 24px; font-weight: 700; border-radius: 3px; margin: 90px 0 16px 55px; }
.box8 ul li p { font-size: 16px; color: #2a2a2a; padding: 0 50px 0 68px; }
/*box9*/
.box9 { width: 100%; height: 380px; }
.box9 h3 { width: 333px; height: 68px; background-position: -14px -864px; margin: 35px auto 30px; }
.box9 ul { padding: 0 40px; }
.box9 ul li { width: 319px; height: 196px; float: left; margin-right: 44px; }
.box9 ul li:last-child { margin-right: 0; }