@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 "Microsoft YaHei", Geneva, sans-serif, tahoma, Srial, helvetica, sans-serif; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; border: medium none; margin: 0; padding: 0; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { line-height: 100%; }
body { background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; }
em, b, i, s { font-style: normal; font-weight: normal; text-transform: none; font-style: normal; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none!important; }
p { text-align: justify; text-justify: inter-ideograph; white-space: normal; }
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; }
.fl { float: left; }
.fr { float: right; }
.re { position: relative; }
.ab { position: absolute }
.wrap { position: relative; width: 1200px; margin: 0 auto; }
.btn { width: 207px; height: 45px; display: block; position: absolute; top: 757px; left: 497px; background: #eb6100; border-radius: 50px; overflow: hidden; z-index: 0; }
.btn b { letter-spacing: 5px; width: 100%; overflow: hidden; text-align: center; line-height: 45px; font-size: 24px; color: #fff; z-index: 2; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.btn:before { content: ""; position: absolute; width: 100%; height: 100%; opacity: 0; background: #c85301; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; left: 0; top: 0; z-index: 1; }
.btn:hover:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*banner*/
.banner { width: 100%; height: 720px; background: url("../images/banner.jpg")no-repeat center; }
/*box1*/
.box1 { width: 100%; height: 840px; background: #f5f5f5; }
.box1 .wrap { height: 840px; padding: 55px 71px 0; overflow: hidden; background: #fff; }
.hd { width: 100%; text-align: center; color: #585858; }
.hd h3 { font-size: 54.72px; }
.box1 .hd h3 { background: url("../images/line1.jpg")no-repeat center; }
.hd span { display: block; font-size: 34px; line-height: 44px; }
.hd em { display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 5px; }
.box1 ul { width: 100%; height: 420px; margin-top: 35px; }
.box1 ul li { width: 351px; float: left; text-align: center; position: relative; }
.box1 ul li:before, .box1 ul li:nth-of-type(3):after { content: ""; position: absolute; width: 3px; height: 23px; background: #884adb; left: 0; bottom: 12px; }
.box1 ul li:nth-of-type(3):after { left: 348px; }
.box1 ul li span { font-size: 14px; line-height: 44px; color: #000; }
.box1 .info { width: 1057px; height: 98px; background: url("../images/box1_4.jpg")no-repeat center; }
.box1 .info p { width: 100%; padding: 16px 30px 0 198px; color: #fff; font-size: 20px; line-height: 26px; }
/*box2*/
.box2 { width: 100%; height: 630px; background: #f5f5f5; }
.box2 .wrap { height: 630px; background: #fff; }
.box2 .wrap dl { padding: 0 77px 0 35px; overflow: hidden; }
.box2 .wrap dl dt { width: 587px; height: 586px; }
.box2 .wrap dl dd { width: 498px; padding-top: 30px; }
.box2 .hd { text-align: right; color: #000; }
.box2 .info { text-align: right; font-size: 20px; color: #000; line-height: 30px; padding: 35px 0 80px; }
.box2 .info1 { width: 478px; border: 1px dashed #585858; padding: 15px; font-size: 16px; color: #000; text-indent: 35px; letter-spacing: 3px; float: right; }
/*box3*/
.box3 { width: 100%; height: 841px; background: #f5f5f5 url("../images/box3bg.jpg")no-repeat center; }
.box3 h3 { font-size: 54px; color: #fff; position: absolute; top: 95px; right: 77px; }
.box3 P { font-size: 19.51px; color: #fff; line-height: 24px; position: absolute; left: 770px; top: 215px; width: 330px; }
.box3 .btn { left: 757px; top: 620px; }
/*box4*/
.box4 { width: 100%; height: 850px; }
.box4 h3 { text-align: center; font-size: 54.72px; color: #585858; width: 100%; background: url("../images/line2.jpg")no-repeat center; margin: 68px 0 60px; text-indent: -14px; }
/*box5*/
.box5 { width: 100%; height: 854px; background: #8649d8 url("../images/box5bg.jpg")no-repeat center bottom; padding-top: 50px; }
.box5 .hd { color: #fff; }
.box5 .hd h3 { text-indent: -15px; font-size: 54.72px; background: url("../images/line3.jpg")no-repeat center; }
.box5 .hd span { text-indent: -15px; }
.box5 .ab h4 { font-size: 26px; color: #fff; margin-bottom: 14px; text-align: center; }
.box5 .ab p { text-align: center; color: #fff; font-size: 20.62px; line-height: 24px; }
.box5 .info1 { top: 240px; left: 142px; }
.box5 .info2 { top: 240px; left: 903px; }
.box5 .info3 { top: 551px; left: 136px; }
.box5 .info4 { top: 563px; left: 538px; }
.box5 .info5 { top: 550px; left: 910px; }
.box5 .btn { width: 246px; top: 730px; left: 485px; }
/*box6*/
.box6 { width: 100%; height: 920px; background: url("../images/box6bg.jpg") no-repeat center 140px; }
.box6 .ab { width: 130px; height: 230px; top: 140px; right: 885px; }
.box6 .info2 { right: 180px; }
.box6 .info3 { top: 505px; }
.box6 .info4 { top: 505px; right: 180px; }
.box6 .ab h4, .box6 .ab p { -webkit-writing-mode: vertical-rl; writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; font-size: 30px; color: #585858; float: right; }
.box6 .ab h4 { margin-left: 12px; }
.box6 .ab:nth-of-type(2) h4, .box6 .ab:nth-of-type(4) h4 { margin: 0 12px 0 0; }
.box6 .ab p { font-size: 18px; }
/*box7*/
.box7 { width: 100%; height: 980px; background: #f5f5f5; }
.box7 .box7Con { width: 1200px; margin-top: 70px; height: 914px; background: url("../images/box7_1.jpg")no-repeat center; position: relative; }
.box7 .box7Con h3 { font-size: 38.05px; color: #fff; position: absolute; }
.box7 .box7Con p { font-size: 16.47px; color: #000; width: 325px; line-height: 18px; position: absolute; }
/*box8*/
.box8 { width: 100%; height: 3220px; background: #f5f5f5; }
.box8 .title { width: 1200px; height: 188px; background: url("../images/box8_1.jpg") no-repeat center; }
.box8 .title h3 { font-size: 54.72px; padding: 40px 0 0 550px; color: #fff; }
.box8 .title span { padding-left: 550px; font-size: 34px; color: #fff; }
.box8 .box8Con { width: 1200px; height: 3033px; position: relative; background: url("../images/box8_2.jpg") no-repeat center top, url("../images/box8_3.jpg") no-repeat center 704px, url("../images/box8_4.jpg") no-repeat center 1412px, url("../images/box8_5.jpg") no-repeat center 2121px; }
.box8 .box8Con p { font-size: 20px; color: #585858; line-height: 22px; width: 784px; position: absolute; }
/*box9*/
.box9 { height: 2176px; width: 100%; background: #f5f5f5 url("../images/box9_1.jpg") no-repeat center top; }
.box9 .link { width: 232px; display: block; height: 232px; border-radius: 50%; position: absolute; background: #f5f5f5 url("../images/link.png") no-repeat center 67px; z-index: 2; }
.box9 .link:before { content: ''; position: absolute; width: 248px; height: 248px; background: rgba(255,255,255,.2); left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; border-radius: 50%; }