@charset "utf-8";
/* CSS Document */
* html, _html { background-image: url(../images/41367bb69c0a4b21aad775263a37164e.gif); 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: inline; }
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; color: #3d3f3c; }
.wrap h3 { text-align: center; font-size: 44px; }
.rotateLink span i, .btn em, .prev, .next, .prev2, .next2, .prev3, .next3, .prevBtn, .nextBtn { background: url(../images/icon.png) no-repeat -234px -34px; }
.rotateLink { position: absolute; left: 520px; top: 497px; display: block; width: 160px; height: 160px; -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: #fe3509; -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: #c0045b; }
.rotateLink span i { display: block; width: 107px; height: 81px; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; background-position: -469px -58px; }
.btn { width: 258px; height: 62px; display: block; position: absolute; top: 528px; left: 170px; background: #fe3509; border-radius: 50px; overflow: hidden; }
.btn em { width: 158px; height: 31px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.btn:before { border-radius: 50px; content: ""; position: absolute; width: 100%; height: 100%; opacity: 0; background: #c0045b; -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; }
.btn:hover:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*banner*/
.banner { width: 100%; height: 750px; background: url("../images/banner1.jpg")no-repeat center top, url("../images/banner2.jpg")no-repeat center bottom;    clear: both; }
.banner .btn { background: #c6a882; }
.banner .btn:before { background: #9c7a4d; }
/*box1*/
.box1 { height: 780px; }
.box1 h3:nth-of-type(1) { padding: 80px 0 50px; }
.box1 h3:nth-of-type(2) { padding: 110px 0 25px; }
.box1 .box1Txt { width: 1076px; height: 84px; border-radius: 50px; margin: 0 auto; background: #c6a882; padding: 15px 0 20px; }
.box1 .box1Txt h5 { text-align: center; font-size: 24px; color: #fff; margin-bottom: 5px; }
.box1 .box1Txt p { text-align: center; color: #fff; font-size: 18px; }
/*box2*/
.box2 { height: 1118px; background: url("../images/box2bg.jpg")no-repeat top center; }
.box2 ul { width: 1050px; height: 307px; margin: 523px auto 42px; }
.box2 ul li { width: 297px; height: 307px; float: left; margin-right: 78px; background: url("../images/box2_1.jpg")no-repeat center; padding: 140px 28px 0; border-radius: 12px; overflow: hidden; }
.box2 ul li:nth-of-type(2) { background: url("../images/box2_2.jpg")no-repeat center; }
.box2 ul li:last-child { margin-right: 0; background: url("../images/box2_3.jpg")no-repeat center; }
.box2 ul li h5 { font-size: 40px; text-align: center; font-family: "Adobe 楷体 Std"; margin-bottom: 5px; color: #9c7a4d; }
.box2 ul li p { font-size: 18px; line-height: 32px; color: #9c7a4d; }
.box2 .btn { top: 871px; left: 461px; }
.box2 h3 { padding: 155px 0 40px; }
/*box3*/
.box3, .box4, .box5 { height: 1120px; background: #efe8db; }
.box3Pic, .box4Pic, .box5Pic { position: absolute; top: 64px; left: -82px; z-index: 0; width: 654px; height: 812px; }
.box3Txt, .box4Txt, .box5Txt { width: 660px; height: 615px; background: #fff; padding: 35px 30px 40px; position: absolute; top: 78px; left: 542px; z-index: 10; }
.box3Txt h5, .box4Txt h5, .box5Txt h5 { font-size: 48px; text-align: center; padding-bottom: 15px; }
.box3Txt .title, .box4Txt .title, .box5Txt .title { background: #f8b02c; color: #fff; width: 595px; margin: 0 auto 30px; height: 57px; border-radius: 50px; text-align: center; line-height: 57px; font-size: 24px; }
.box3Txt dl, .box4Txt dl, .box5Txt dl { height: 245px; }
.box3Txt dl dt, .box4Txt dl dt, .box5Txt dl dt { width: 238px; height: 145px; margin-top: 20px; float: left; }
.box3Txt dl dd, .box4Txt dl dd, .box5Txt dl dd { width: 342px; float: right; overflow: hidden; }
.box3Txt dl dd p, .box4Txt dl dd p, .box5Txt dl dd p { font-size: 20px; line-height: 44px; padding-left: 22px; white-space: nowrap; position: relative; }
.box3Txt dl dd p:before, .box4Txt dl dd p:before, .box5Txt dl dd p:before { content: ""; position: absolute; width: 19px; height: 18px; background: url("../images/star.jpg")no-repeat center; top: 14px; left: 0; }
.anli { width: 1200px; height: 311px; background: url("../images/anli1bg.png")no-repeat center; position: absolute; top: 740px; left: 0; padding: 31px 0 0 198px; overflow: hidden; transition: all 0.3s; }
.anli:hover { background: url("../images/anli1bg1.png")no-repeat center; }
.anli .bds dl { width: 814px; height: 239px; }
.anli .bds dl dt { width: 373px; float: left; padding-top: 12px; position: relative; }
.anli .bds dl dt h5 { font-size: 30px; padding-bottom: 16px; }
.anli .bds dl dt p { font-size: 22px; padding-bottom: 8px; padding-left: 98px; position: relative; }
.anli .bds dl dt p:before { content: attr(data-text); width: 92px; height: 32px; text-align: center; line-height: 30px; color: #fff; font-size: 22px; left: 0; top: 5px; background: #3d3f3c; position: absolute; }
.anli .bds dl dd { width: 427px; height: 239px; float: right; }
.anli .btn { width: 157px; height: 42px; top: 190px; left: 95px; }
.anli .btn em { width: 111px; height: 22px; background-position: -243px -107px; }
.prev, .next, .prev2, .next2, .prev3, .next3 { width: 58px; height: 57px; background-position: -26px -230px; position: absolute; top: 121px; display: block; }
.prev, .prev2 { left: 90px; }
.next, .next2 { background-position: -118px -230px; right: 90px; }
.prev:hover { background-position: -26px -306px; }
.next:hover { background-position: -118px -306px; }
/*box4*/
.box4 { background: #d1f8f7; }
.box4Pic { width: 747px; height: 812px; left: 453px; top: 42px; }
.box4Txt .title { background: #04b8b5; }
.box4Txt { top: 77px; left: 0; padding: 35px 5px 40px 30px; width: 674px; }
.box4Txt dl dt { width: 222px; height: 134px; }
.box4Txt dl dd { width: 405px; }
.prev2 { left: 65px; background-position: -27px -411px; }
.next2 { background-position: -119px -411px; right: 52px; }
.prev2:hover { background-position: -27px -482px; }
.next2:hover { background-position: -119px -482px; }
#anli2 { background: url("../images/anli2bg.png")no-repeat center; padding: 45px 0 0 149px; }
#anli2:hover { background: url("../images/anli2bg1.png")no-repeat center; }
#anli2 dl { width: 926px; height: 215px; }
#anli2 dl dt { width: 360px; padding-top: 0; }
#anli2 dl dd { width: 537px; height: 207px; }
#anli2 .btn { top: 175px; }
#anli2 .btn em { width: 132px; height: 22px; background-position: -244px -175px; }
/*box5*/
.box5 { background: #fab6c4; }
.box5Pic { width: 753px; height: 940px; left: -100px; top: 42px; }
.box5Txt .title { background: #ff8fa7; }
.box5Txt { top: 75px; right: 0; padding: 30px 29px 40px; width: 658px; }
.box5Txt dl dt { width: 275px; height: 146px; }
.box5Txt dl dd { width: 285px; }
.prev3 { left: 65px; background-position: -270px -388px; }
.next3 { background-position: -373px -388px; right: 52px; }
.prev3:hover { background-position: -270px -462px; }
.next3:hover { background-position: -373px -462px; }
#anli3 { background: url("../images/anli3bg.png")no-repeat center; padding: 45px 0 0 149px; }
#anli3:hover { background: url("../images/anli3bg1.png")no-repeat center; }
#anli3 dl { width: 926px; height: 215px; }
#anli3 dl dt { width: 366px; padding-top: 0; }
#anli3 dl dd { width: 536px; height: 223px; }
#anli3 .btn { top: 175px; }
#anli3 .btn em { background-position: -253px -233px; }
/*box6*/
.box6 { height: 835px; }
.box6 h3 { padding: 70px 0 40px; }
.box6 .zj { width: 1200px; height: 681px; position: relative; overflow: hidden; }
.box6 .zj .bd { width: 1200px; height: 681px; background: url("../images/zj1.jpg")no-repeat -24px bottom; position: relative; }
.box6 .zj .bd2 { background: url("../images/zj2.jpg")no-repeat 52px bottom; }
.box6 .zj .bd p { font-size: 22px; padding: 20px 0 10px 583px; }
.box6 .zj .bd h4 { font-size: 45px; padding: 30px 0 25px 583px; }
.box6 .zj .bd span { display: block; padding: 0 0 8px 583px; font-size: 28px; }
.box6 .zj .bd p em {    margin-bottom: 6px;
    display: block;
    font-size: 22px;
 
}
.box6 .zj .bd .btn { top: 364px; left: 583px; }
.box6 .zj .bd .btn em { background-position: -439px -188px; }
.box6 .zj .bd2 ul { width: 1114px; margin: 150px auto 0; }
.box6 .zj .bd2 ul li { float: left; margin-right: 5px; text-align: center; }
.box6 .zj .bd i { font-size: 16px; }
.box6 .zj .bd2 ul li:last-child { margin-right: 0; }
.prevBtn, .nextBtn { width: 48px; height: 68px; background-position: -26px -24px; position: absolute; top: 252px; }
.prevBtn { left: 0; }
.nextBtn { background-position: -119px -24px; right: 0; }
.prevBtn:hover { background-position: -26px -118px; }
.nextBtn:hover { background-position: -119px -118px; }
/*box7*/
.box7 { height: 766px; background: url("../images/box7bg.jpg")no-repeat center; }
.box7 h3 { padding: 90px 0 55px; }
.box7 ul { width: 100%; height: 377px; overflow: hidden; }
.box7 ul li { width: 377px; height: 377px; position: relative; float: left; margin-right: 33px; background: url("../images/box7_1.png")no-repeat center; border-radius: 50%; overflow: hidden; }
.box7 ul li:last-child { margin-right: 0; background: url("../images/box7_3.png")no-repeat center; }
.box7 ul li:nth-of-type(2) { background: url("../images/box7_2.png")no-repeat center; }
.box7 ul li .txt { width: 100%; height: 134px; background: rgba(23, 180, 187, .8); position: absolute; left: 0; bottom: 0; }
.box7 ul li:nth-of-type(2) .txt { background: rgba(88, 104, 244, .8); }
.box7 ul li:nth-of-type(3) .txt { background: rgba(255, 50, 92, .8); }
.box7 ul li .txt h4 { color: #fff; text-align: center; padding: 15px 0 10px; font-size: 30px; }
.box7 ul li .txt p { text-align: center; line-height: 25px; font-size: 20px; color: #fff; }
.box7 .btn { top: 636px; left: 460px; }
/*box8*/
.box8 { height: 780px; }
.box8 h3 { padding: 85px 0 45px; }
.box8 table td { border: #959595 1px solid; text-align: center; height: 82px; vertical-align: middle; font-size: 20px; }
.box8 table tr td:nth-of-type(1) { background: #fdfbf8; width: 530px; }
.box8 table tr td:nth-of-type(2) { background: #9c7a4d; color: #fff; width: 140px; }
.box8 table tr td:nth-of-type(3) { background: #f4eddd; width: 530px; }
.box8 table tr:nth-of-type(1) td { font-size: 36px; }
.box8 table tr:nth-of-type(1) td:nth-of-type(2) { background: #9c7a4d url("../images/box7_4.jpg")no-repeat 40px 12px; }
.box8 .tj { width: 165px; height: 123px; position: absolute; z-index: 10; top: 560px; right: -40px; }
/*box9*/
.box9 { height: 765px; background: url("../images/box9bg.jpg")no-repeat center; }
.box9 h3 { padding: 118px 0 65px; color: #fff; }
.box9 p { text-align: center; color: #fff; line-height: 42px; font-size: 24px; }
.box9 p span { font-size: 30px; line-height: 76px; }

.cxTipBox {
    bottom: 0;
    height: 157px;
    position: fixed;
    left: 0;
    width: 321px;
    z-index: 9999999;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop));
}
.cxSmallTipBox {
		 height: 157px;
    width: 33px;
	}
.cxTipBox-cat {width:24px;height:157px;float:left;}
.cxTipBox-btn {width:288px;height:157px;float:left;position:relative;display:none;}
.cxClose {width:11px;height:11px;display:block;position:absolute;right:3px;top:3px;}
.closeTipBox {width:9px;height:32px;float:left;margin-top:63px;display:block;}
.cxTipBox-btn-link {display:block;width:288px;height:157px;}
.zx_link{
	bottom: 0;
	display: block;
	height: 130px;
	position: absolute;
	right: 0;
	width: 287px;
}