@charset "utf-8";
/* 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; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em, i, b, u { font-style: normal; font-weight: 400; }
ul, ol { list-style: none; }
p { text-align: justify; text-justify: inter-ideograph; }
a, u { 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: 1160px; margin: 0 auto; overflow: hidden; }
/*字体引用*/

@font-face { font-family: 'syn'; src: url('../font/SourceHanSansCN-Normal.otf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'sym'; src: url('../font/SourceHanSansCN-Medium.otf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'syb'; src: url('../font/SourceHanSansCN-Bold.otf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'syl'; src: url('../font/SourceHanSansCN-Light.otf'); font-weight: normal; font-style: normal; }
/*按钮链接*/
.btn, .slideBox .hd ul li, .bd1-L:before, .bd1 .bd1-R dt, .bd dl dt b, .box5 dl dd i, .box5 dl dd s, .box7 .change li, .box7 .prev, .box7 .next, .box8 dl dd p:before, .box8 dl dd p:after { background: url(../images/icon.png)no-repeat; }
.btn { width: 265px; height: 58px; display: block; }
.btn1 { background-position: -28px -19px; margin: 512px 0 0 764px; }
.btn2 { background-position: -636px -19px; margin: 40px 0 0 0; }
.btn3 { background-position: -558px -372px; margin: 42px auto 0; }
.btn4 { background-position: -636px -181px; position: absolute; bottom: 56px; right: 214px; z-index: 66; }
.btn5 { background-position: -29px -185px; margin: 30px auto 0; }
.btn6 { background-position: -328px -181px; margin: 0 auto; }
.btn7 { background-position: -329px -19px; margin: 38px auto 0; }
.btn1:hover { background-position: -28px -93px; }
.btn2:hover, .btn3:hover { background-position: -636px -93px; }
.btn4:hover { background-position: -636px -260px; }
.btn5:hover { background-position: -29px -264px; }
.btn6:hover { background-position: -328px -260px; }
.btn7:hover { background-position: -329px -93px; }
.wrap h3, .wrap h4 { background: url(../images/title.png)no-repeat; }
/*banner*/
.banner { width: 100%; height: 650px; background: url(../images/banner.jpg)no-repeat center; }
/*box1*/
.box1 { width: 100%; height: 790px; }
.box1 h3 { width: 485px; height: 63px; background-position: -16px -10px; margin: 80px auto 40px; }
.box1 li { width: 386px; float: left; height: 513px; position: relative; overflow: hidden; }
.box1 .box1L { background: url(../images/box1_1.jpg)no-repeat center; }
.box1 .box1L .box1Txt { width: 100%; height: 320px; position: absolute; bottom: -320px; left: 0; background: rgba(231,136,131,.73); }
.box1 .box1L .box1Txt p { font-size: 18px; color: #fff; line-height: 25px; padding: 108px 60px 0; }
.box1 .box1C { background: url(../images/box1_2.jpg)no-repeat center; }
.box1 .box1R { background: url(../images/box1_3.jpg)no-repeat center; }
.box1 .box1C em, .box1 .box1R em, .box1 .box1C span, .box1 .box1R span { font-size: 30px; line-height: 32px; position: absolute; left: 22px; color: #fff; font-family: 'sym'; }
.box1 .box1C em, .box1 .box1R em { top: -100px; opacity: 0; }
.box1C span, .box1 .box1R span { top: -70px; opacity: 0; }
/*box2*/
.box2 { width: 100%; height: 606px; background: url(../images/box2_bg.jpg)no-repeat center; }
.box2 h3 { width: 500px; height: 143px; background-position: -16px -101px; margin: 58px auto 76px; }
.box2 ul{width:100%; height:161px;}
.box2 li { width: 329px; height: 161px; border: 1px solid #fff; margin: 0 40px 0 23px; float: left; position: relative; cursor: pointer; }
.box2 li:hover { border: 1px solid #000; }
.box2 li p { font-size: 16px; padding: 70px 43px 0; color: #fff; }
.box2 li p em { font-weight: 700; }
.cricle { width: 104px; height: 104px; border-radius: 50%; border: 1px solid #fff; background: #fff; position: absolute; left: 113px; top: -54px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.box2 li:hover .cricle { border: 1px solid #000; -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.cricle b { width: 38px; height: 2px; background: #0a060f; display: block; margin: 24px auto 12px; }
.cricle u { display: block; text-align: center; line-height: 22px; font-size: 18px; font-family: 'sym'; }
/*box3*/
.box3 { width: 100%; height: 660px; }
.box3 h3 { width: 664px; height: 65px; background-position: -8px -279px; margin: 50px auto 64px; }
.box3 dl dt { width: 761px; height: 391px; float: left; }
.box3 dl dd { float: right; width: 376px; padding-top: 27px; }
.box3 dl dd h4 { width: 358px; height: 110px; background-position: -8px -359px; margin-bottom: 30px; }
.box3 dl dd p { font-size: 20px; color: #1c1c1c; margin-bottom: 10px; font-family: 'syn'; }
/*box4*/
.box4 { width: 100%; height: 805px; background: url(../images/box4_bg.jpg)no-repeat top center #b6b8d7; }
.box4 h3 { width: 560px; height: 65px; background-position: -16px -501px; margin: 50px auto 40px; }
.slideBox { width: 1090px; height: 600px; position: relative; margin: 0 auto; }
.slideBox .hd { width: 100%; height: 125px; position: absolute; left: 0; top: 0; z-index: 22; }
.slideBox .hd ul { zoom: 1; float: left; padding: 5px 55px 0; height: 120px; }
.slideBox .hd ul li { float: left; cursor: pointer; width: 144px; height: 107px; background-position: -27px -784px; margin-right: 65px; position: relative; }
.slideBox .hd ul li span { width: 26px; height: 12px; background: url(../images/arr.png)no-repeat; display: none; position: absolute; bottom: -12px; left: 59px; }
.slideBox .hd ul li.on span { display: block; }
.slideBox .hd ul li.on { -webkit-box-shadow: 0 0 6px #3f404f; box-shadow: 0 0 6px #3f404f; }
.slideBox .bd { background: #fff; width: 1090px; height: 460px; -webkit-box-shadow: 0 0 9px #3f404f; box-shadow: 0 0 9px #3f404f; position: relative; top: 130px; left: 0; }
.slideBox .bd .bd-con { zoom: 1; vertical-align: middle; width: 100%; height: 460px; background: none; }
.box4 .bd1 .bd1-L { float: left; margin-left: 62px; width: 430px; padding-top: 20px; color: #232323; position: relative; }
.box4 .bd1 .bd1-L:before { width: 34px; height: 145px; background-position: -943px -132px; top: 0; right: 0; content: ''; position: absolute; }
.bd1 .bd1-L h5 { font-size: 40px; font-family: 'sym'; }
.bd1 .bd1-L h5 em { font-size: 16px; font-family: 'syn'; }
.bd1 .bd1-L span { font-size: 18px; margin-bottom: 10px; display: block; font-family: 'syn'; }
.bd1 .bd1-R { width: 516px; float: right; padding-top: 35px; margin-right: 47px; }
.bd1 .bd1-R dl { width: 100%; height: 145px; }
.bd1 .bd1-R dt { width: 188px; height: 121px; background-position: -866px -334px; float: left; }
.bd1 .bd1-R dd { width: 318px; float: right; color: #747698; }
.bd1 .bd1-R dd h6 { font-size: 24px; margin-top: 14px; font-family: 'syn'; }
.bd1 .bd1-R dd p { font-size: 15px; }
.bd2 dl, .bd3 dl, .bd5 dl { padding: 30px 70px 0 65px; }
.bd2 dl dt, .bd3 dl dt, .bd4 dl dt, .bd5 dl dt { width: 388px; color: #232323; float: left; }
.bd2 dl dt h5, .bd3 dl dt h5, .bd4 dl dt h5, .bd5 dl dt h5 { font-size: 40px; font-family: 'sym'; }
.bd2 dl dt p, .bd3 dl dt p, .bd4 dl dt p, .bd5 dl dt p { font-size: 18px; line-height: 30px; margin-top: 10px; font-family: 'syn'; }
.bd2 dl dt b, .bd3 dl dt b, .bd4 dl dt b, .bd5 dl dt b { display: block; width: 145px; height: 34px; background-position: -1px -686px; margin: 40px 0 18px; }
.bd2 dl dd, .bd3 dl dd, .bd4 dl dd, .bd5 dl dd { float: right; width: 506px; height: 366px; margin-top: 15px; }
.bd3 dl dt b { margin: 32px 0 22px; }
.bd3 dl dt h6, .bd5 dl dt h6 { font-size: 18px; font-family: 'sym'; }
.bd3 dl dt p, .bd5 dl dt p { margin: 0 0 15px 0; }
.bd4 dl, .bd3 dl { padding: 30px 70px 0 55px; }
.bd4 dl dt { width: 330px; }
.bd4 dl dt b { margin-top: 30px; }
.bd4 dl dd { width: 592px; height: 311px; margin-top: 54px; }
.bd5 dl dt b { margin: 22px 0 12px; }
.bd5 dl dd { width: 518px; height: 338px; margin-top: 47px; }
/*box5*/
.box5 { width: 100%; height: 630px; background: url(../images/box5_bg.jpg) no-repeat top center; }
.box5 h3 { width: 475px; height: 65px; background-position: -16px -598px; margin: 54px auto; }
.box5 dl { width: 1070px; margin: 0 auto; }
.box5 dl dt { width: 620px; height: 354px; float: left; background: #000; }
.box5 dl dd { float: right; color: #312f30; width: 400px; }
.box5 dl dd h5 { font-size: 38px; font-weight: 700; color: #8083b7; }
.box5 dl dd i { width: 147px; height: 34px; background-position: -6px -505px; display: block; margin: 20px 0 8px; }
.box5 dl dd p { font-size: 18px; font-family: 'syn'; }
.box5 dl dd s { width: 147px; height: 34px; background-position: -6px -461px; display: block; margin: 15px 0 10px; }
/*box6*/
.box6 { width: 100%; height: 770px; background: url(../images/box6_bg.jpg)no-repeat top center #323338; }
.box6 h3 { width: 673px; height: 65px; background-position: -7px -686px; margin: 58px auto 45px; }
.box6 ul { width: 1167px; height: 460px; }
.box6 ul li { width: 388px; height: 230px; float: left; background: #8b95c3; position: relative; color: #fff; cursor: pointer; }
.box6 ul li h5 { position: absolute; font-size: 28px; position: absolute; left: 28px; top: 50px; }
.box6 ul li p { font-size: 16px; line-height: 24px; position: absolute; left: 28px; top: 95px; }
.box6 ul li span { width: 96px; height: 70px; border-radius: 50%; text-align: center; display: block; position: absolute; right: 35px; opacity: 0.9; font-size: 18px; padding-top: 26px; line-height: 20px; }
.box6 ul li .zs { background: #8083b7; top: 38px; z-index: 1; }
.box6 ul li .fs { background: #a16fab; top: 116px; z-index: 2; }
/*box7*/
.box7 { width: 100%; height: 782px; background: url(../images/box7_bg.jpg)no-repeat center #323338; overflow: hidden; }
.box7 h3 { width: 456px; height: 94px; margin: 64px auto 0; background-position: -8px -767px; }
.box7 .cons { width: 100%; height: 624px; position: relative; }
.box7 .change { width: 408px; height: 87px; position: absolute; left: 90px; bottom: 48px; z-index: 66; }
.box7 .change li { float: left; margin-right: 20px; width: 87px; height: 87px; background-position: -367px -632px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; }
.box7 .change li span { display: none; width: 14px; height: 7px; background: url(../images/arr1.png)no-repeat; left: 37px; top: -6px; position: absolute; }
.box7 .change li.on { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
.box7 .change li.on span { display: block; }
.box7 .cont { height: 624px; position: relative; }
.box7 .con { width: 1160px; height: 624px; color: #fff; z-index: 55; float: left; }
.box7 .cont .con1 { height: 663px; background: url(../images/jbh.png)no-repeat 25px bottom; }
.box7 .cont .con2 { height: 646px; background: url(../images/chf.png)no-repeat 25px bottom; }
.box7 .cont .con3 { height: 648px; background: url(../images/szy.png)no-repeat 40px bottom; }
.box7 .cont .con4 { height: 648px; background: url(../images/wh.png)no-repeat 25px bottom; }
.box7 .con-wrap { padding: 35px 0 0 546px; position: relative; width: 614px; height: 589px; }
.box7 .con h6 { font-size: 42px; margin: 20px 0 16px; font-family: 'syb'; }
.box7 .con h6 em { font-weight: 400; font-size: 36px; vertical-align: top; padding-left: 15px; font-family: 'syl'; }
.box7 .con span { display: block; font-size: 18px; margin: 0 0 6px -5px; font-family: 'syn'; }
.box7 .con p { font-size: 21px; margin: 40px 0 28px 0; font-family: 'sym'; }
.box7 .con li { float: left; margin-right: 24px; }
.box7 .con .yuan { border-radius: 50%; display: table; text-align: center; width: 125px; height: 125px; background: rgba(128,131,183,.8); position: absolute; top: 0; right: 140px; z-index: 3; }
.box7 .con2 .yuan, .box7 .con3 .yuan { right: 136px; }
.box7 .con4 .yuan { right: 140px; }
.box7 .con .yuan2 { width: 106px; height: 106px; background: rgba(75,180,192,.8); top: 74px; right: 230px; z-index: 1; }
.box7 .con2 .yuan2, .box7 .con3 .yuan2, .box7 .con4 .yuan2 { width: 112px; height: 112px; right: 198px; top: 95px; }
.box7 .con4 .yuan2 { right: 190px; top: 97px; }
.box7 .con .yuan3, .box7 .con4 .yuan4 { width: 94px; height: 94px; background: rgba(223,136,171,.8); top: 109px; right: 135px; z-index: 2; }
.box7 .con2 .yuan3, .box7 .con3 .yuan3, .box7 .con4 .yuan3, .box7 .con4 .yuan4 { width: 105px; height: 105px; right: 83px; top: 95px; }
.box7 .con4 .yuan3 { right: 96px; }
.box7 .con4 .yuan4 { background: rgba(200, 223, 141, .8); right: 255px; top: 30px; z-index: 2; }
.box7 .con .yuan span { display: table-cell; vertical-align: middle; font-size: 22px; }
.box7 .con .yuan2 span, .box7 .con .yuan3 span, .box7 .con .yuan4 span { font-size: 18px; }
.box7 .prev, .box7 .next { width: 93px; height: 93px; background-position: -146px -351px; right: -20px; top: 150px; position: absolute; }
.box7 .prev { background-position: -40px -350px; left: -20px; }
/*box8*/
.box8 { width: 100%; height: 1235px; background: url(../images/box8_bg.jpg)no-repeat top center; overflow: hidden; }
.box8 h3 { width: 336px; height: 65px; background-position: -8px -881px; margin: 77px auto 80px; }
.box8 dl { width: 100%; overflow: hidden; margin-bottom: 87px; }
.box8 dl dt { width: 624px; height: 443px; float: left; }
.box8 dl dd { width: 454px; margin-right: 70px; float: right; padding-top: 30px; color: #141414; }
.box8 dl dd h6 { font-size: 32px; font-weight: 700; text-align: center; }
.box8 dl dd span { display: block; text-align: center; font-size: 24px; margin: 20px 0 30px; }
.box8 dl dd span em { padding-left: 23px; }
.box8 dl dd p { padding: 0 18px 0 32px; font-size: 16px; line-height: 35px; text-indent: 1em; position: relative; }
.box8 dl dd p:before, .box8 dl dd p:after { content: ""; position: absolute; width: 36px; height: 27px; }
.box8 dl dd p:before { background-position: -366px -369px; top: 0; left: 0; }
.box8 dl dd p:after { background-position: -418px -372px; bottom: 0; right: 0; }
/*box9*/
.box9 { width: 100%; height: 356px; background: #8083b7 url(../images/box9_bg.jpg)no-repeat center top; }
.box9 h3 { width: 445px; height: 80px; background-position: -9px -979px; margin: 100px auto 40px; }

/*animate*/
@-webkit-keyframes zoomIn {  0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
 @keyframes zoomIn {  0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
.zoomIn { -webkit-animation: zoomIn 0.8s; animation: zoomIn 0.8s; }