@charset "gb2312";
/* CSS Document */
* html, _html { background-image: url(about:blank); 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 }
.pubW { width:1000px;}
.center{ margin:0 auto;}
.wrap { position: relative; width: 1200px; margin: 0 auto; color: #676767; }
.wrap .btn, .box7 .playBtn:before, .prev:before, .next:before, .rotateLink span i { background: url("../images/icon.png")-2px -3px; left: 468px; }
.wrap h3 { font-size: 40px; color: #000; text-align: center; }
/*banner*/
.banner { width: 100%; height: 1990px; background: url("../images/banner1.jpg")no-repeat center 0, url("../images/banner2.jpg")no-repeat center 396px, url("../images/banner3.jpg")no-repeat center 869px, url("../images/banner4.jpg")no-repeat center 1385px }
.shenhe { width: 100%; height: 1180px;  }

.banner h3 { padding: 1245px 0 25px; }


.new_box {width:100%;padding:65px 0;}
.new_box1 { width:100%; background-color:#fff7ef;}
.new_box1_1{ height:620px; background:url(../images/new_box1.jpg) no-repeat center bottom; padding-top:180px;}
.new_box1 h3 {width:511px; height:40px; background:url(../images/icon.png) no-repeat -1px -682px; margin-left:155px;}
.new_box1 p.text {width:533px; margin-left:135px; margin-top:70px; font-size:16px; line-height:32px; text-indent:2em;}
.new_box1_1 a{ width:121px; height:40px; line-height:40px;text-align:center;color:#ffffff;text-decoration:none; background-color:#7d1c1d;float:left;margin-top:63px;margin-left:135px;display:inline;font-size:20px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.new_box1_1 a:hover{color:#061a2a}
/*box1*/
.box1 { width: 100%; height: 770px; }
.box1 h3 { padding: 88px 0 70px; }
.box1 li { width: 285px; margin-right: 20px; float: left; text-align: center; color: #202020; }
.box1 li:last-child { margin-right: 0; }
.box1 li h4 { font-size: 24px; line-height: 30px; }
.box1 li span { font-size: 16px; line-height: 40px; }
.box1 .btn { width: 256px; height: 69px; top: 628px; }
.box1 .btn:hover { background-position: -301px -4px; }
/*box2*/
.box2 { width: 100%; height: 818px; background: url("../images/box2bg.jpg")no-repeat center; }
.box2 h3 { color: #9ee2f9; text-align: center; padding: 85px 0 40px 510px; }
.focus { width: 1000px; height: 460px; background: rgba(3, 129, 209, .3); position: relative; margin-left: 200px; }
.focus .hd, .slide .hd { width: 60px; height: 15px; position: absolute; top: 504px; left: 380px; z-index: 10; }
.focus .hd li, .slide .hd li { width: 15px; height: 15px; overflow: hidden; border-radius: 50%; background: #fff; float: left; margin-right: 15px; cursor: pointer; }
.focus .hd li.on { background: #708195; }
.focus .bd .box2Con { width: 1000px; height: 460px; position: relative; }
.focus .bd .box2Con h4 { font-size: 40px; color: #9ee2f9; padding: 50px 0 22px 480px; }
.focus .bd .box2Con2 h4 { padding-left: 445px; }
.focus .bd .box2Con p { background: #0381d1; width: 517px; height: 43px; margin: 0 0 10px 320px; border-radius: 50px; font-size: 20px; padding-left: 26px; line-height: 43px; color: #fff; }
.focus .bd .box2Con p span { font-weight: 700; padding-right: 12px; }
.focus .bd .box2Con2 p { width: 647px; margin: 0 0 10px 280px; }
.focus .bd .box2Con .btn { width: 234px; height: 58px; background-position: -1px -418px; top: 345px; left: 462px; }
.focus .bd .box2Con2 .btn { left: 485px; }
.focus .bd .box2Con .btn:hover { background-position: -300px -419px; }
.focus .bd .box2Con:before { content: ""; position: absolute; width: 485px; height: 795px; background: url("../images/box2_1.png")no-repeat center; top: -148px; left: -204px; }
.focus .bd .box2Con2:before { background: url("../images/box2_2.png")no-repeat center; }
/*box3*/
.box3 { background: url("../images/box3bg1.jpg")no-repeat center top, url("../images/box3bg2.jpg")no-repeat center bottom; width: 100%; height: 966px; }
.box3 h3 { padding: 80px 0 25px; line-height: 60px; }
.box3 .box3Con { width: 975px; height: 553px; background: rgba(102, 188, 210, .4); padding: 40px 45px 0; }
.box3 .box3Con li { width: 261px; float: left; margin-right: 35px; }
.box3 .box3Con li:nth-of-type(2) { width: 276px; }
.box3 .box3Con li:nth-of-type(3) { margin-right: 0; width: 278px; }
.box3 .box3Con li p { padding-top: 16px; line-height: 25px; font-size: 16px; color: #205a78; }
.box3 .btn { width: 256px; height: 69px; background-position: -4px -95px; top: 792px; left: 350px; }
.box3 .btn:hover { background-position: -303px -96px; }
/*box4*/
.box4 { width: 100%; height: 822px; background: #e7f9ff url("../images/box4bg.jpg")no-repeat center bottom; }
.box4 h3 { padding-top: 88px; }
.box4 ul { padding-top: 520px; width: 1250px; overflow: hidden; }
.box4 ul li { float: left; color: #2f2f2f; }
.box4 ul li h4 { font-size: 30px; padding-bottom: 12px; }
.box4 ul li h4 em { font-weight: 700; }
.box4 ul li span { display: block; font-size: 16px; line-height: 22px; }
/*box5*/
.box5 { width: 100%; height: 800px; background: url("../images/box5bg.jpg")no-repeat center; }
.box5 .slide { width: 1200px; height: 800px; overflow: hidden; }
.box5 .box5Con .txt { width: 455px; height: 265px; background: rgba(255, 255, 255, .15); border-radius: 7px; margin: 208px 0 0 620px; text-align: center; color: #fff; }
.box5 .box5Con .txt h4 { font-size: 36px; line-height: 46px; padding: 50px 0 20px; }
.box5 .box5Con .txt h4 em { font-size: 43px; }
.box5 .box5Con .txt span { font-size: 29px; }
.box5 .box5Con2 dl { width: 355px; float: left; margin-right: 40px; height: 275px; }
.box5 .box5Con2 dl:nth-of-type(3n) { margin-right: 0; }
.box5 .box5Con2 dl:nth-of-type(3n+1) { margin-left: 30px; }
.box5 .box5Con2 dl dt { width: 220px; float: left; }
.box5 .box5Con2 dl dd { width: 135px; float: left; padding-top: 55px; color: #fff; }
.box5 .box5Con2 dl dd h4 { font-size: 24px; padding-bottom: 18px; }
.box5 .box5Con2 dl dd p { line-height: 22px; font-size: 16px; }
.box5 .box5Con2 { padding-top: 95px; }
.slide .hd { left: 578px; top: 735px; }
.slide .hd li.on { background: #94979a; }
.box5 .box5Con2 .btn { top: 644px; left: 458px; width: 278px; height: 58px; background-position: -497px -515px; }
.box5 .box5Con2 .btn:hover { background-position: -497px -612px; }
/*box6*/
.box6 { height: 801px; width: 100%; background: url("../images/box6bg.jpg")no-repeat center; }
.box6 .btn { top: 620px; background-position: -3px -188px; width: 234px; height: 58px; }
.box6 .btn:hover { background-position: -302px -189px; }
/*box7*/
.box7 { background: url("../images/box7bg.jpg")no-repeat center; width: 100%; height: 700px; }
.box7 h3 { color: #fff; padding-top: 210px; }
.box7 .playBtn { position: absolute; top: 316px; left: 540px; width: 120px; height: 120px; border-radius: 50%; border: 1px solid #fff; z-index: 60; }
.box7 .playBtn:before { width: 38px; height: 51px; background-position: -686px -79px; content: ""; top: 34px; left: 45px; position: absolute; }
.box7 .playBtn:hover { -webkit-animation: glow 800ms ease-out infinite alternate; animation: glow 800ms ease-out infinite alternate; box-shadow: 0 0 5px rgba(255,255,255,.2), inset 0 0 5px rgba(255,255,255,.1); }
.box7 .video { width: 100%; height: 700px; display: none; position:absolute; top:0; left:0;}
@-webkit-keyframes glow { 0% {
 box-shadow: 0 0 5px rgba(255,255,255,.2), inset 0 0 5px rgba(255,255,255,.1);
}
 100% {
 box-shadow: 0 0 20px rgba(255,255,255,.8), inset 0 0 10px rgba(255,255,255,.4);
}
}
@keyframes glow { 0% {
 box-shadow: 0 0 5px rgba(255,255,255,.2), inset 0 0 5px rgba(255,255,255,.1);
}
 100% {
 box-shadow: 0 0 20px rgba(255,255,255,.8), inset 0 0 10px rgba(255,255,255,.4);
}
}
/*box8*/
.box8 { width: 100%; height: 849px; background: url("../images/box8bg.jpg")no-repeat center; }
.box8 h3 { color: #26aad8; padding-top: 80px; }
.box8 .btn { width: 278px; height: 58px; background-position: -3px -269px; top: 716px; left: 458px; }
.box8 .btn:hover { background-position: -302px -270px; }
/*box9*/
.box9 { width: 100%; height: 960px; }
.box9 h3 { padding: 75px 0 40px; }
.box9 .anli { width: 1096px; height: 666px; margin: 0 auto; position: relative; }
.box9 .btn { width: 241px; height: 58px; background-position: -3px -347px; top: 825px; left: 478px; }
.box9 .btn:hover { background-position: -302px -348px; }
.prev, .next { z-index: 10; width: 65px; height: 95px; background: rgba(91, 161, 245, .3); position: absolute; display: block; top: 247px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.prev { left: -115px; }
.next { right: -115px; }
.prev:before, .next:before { content: ""; position: absolute; width: 35px; height: 57px; background-position: -684px -219px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.next:before { -webkit-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg); }
.prev:hover, .next:hover { background: rgba(91, 161, 245, .6); }
/*box10*/
.box10 { height: 918px; width: 100%; background: url("../images/box10bg1.jpg")no-repeat center top, url("../images/box10bg2.jpg")no-repeat center bottom; }
.box10 h3 { color: #fff; padding: 70px 0 42px; }
.box10 ul { padding: 0 23px; height: 278px; }
.box10 ul li { width: 255px; height: 278px; border-radius: 3px; background: rgba(255, 255, 255, .3); float: left; margin-right: 44px; padding: 20px 20px 0; -webkit-transition: all 0.3s; transition: all 0.3s; }
.box10 ul li p { font-size: 16px; color: #26aad8; line-height: 22px; padding-top: 10px; text-align: center; }
.box10 ul li:last-child { margin-right: 0; }
.box10 ul li:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); background: rgba(255, 255, 255, .5); }
.box10 .info { text-align: center; font-size: 24px; line-height: 40px; color: #fff; padding-top: 40px; text-shadow: 1px 2px 3px rgba(0,0,0,.3); }
.box10 h4 { text-align: center; font-size: 40px; padding-top: 10px; color: #fff; text-shadow: 1px 2px 3px rgba(0,0,0,.3); }
.rotateLink { position: absolute; left: 512px; top: 677px; display: block; width: 175px; height: 175px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.rotateLink span { display: block; width: 100%; height: 100%; background-color: #fb4a02; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }
.rotateLink:hover span { -moz-transform: rotateY(360deg) perspective(200px); -ms-transform: rotateY(360deg) perspective(200px); -o-transform: rotateY(360deg) perspective(200px); -webkit-transform: rotateY(360deg) perspective(200px); transform: rotateY(360deg) perspective(200px); background-color: #fb3702; }
.rotateLink span i { display: block; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; width: 115px; height: 81px; background-position: -78px -548px; }