@charset "gb2312";
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 { margin: 0; padding: 0 }
html { color: #000; overflow-y: scroll; overflow: -moz-scrollbars-vertical }
body, button, input, select, textarea { font-size: 12px; font-family: 'Microsoft Yahei', arial, 'Hiragino Sans GB', \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
em { font-style: normal }
small { font-size: 12px }
ul, ol { list-style: none }
a { text-decoration: none }
a:hover { text-decoration: none!important }
p { text-align: justify; text-justify: inter-ideograph; }
legend { color: #000 }
fieldset, img { border: 0 }
button, input, select, textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
img { -ms-interpolation-mode: bicubic }
textarea { resize: vertical }
.left { float: left }
.right { float: right }
.overflow { overflow: hidden }
.hide { display: none }
.block { display: block }
.inline { display: inline }
.error { color: #F00; font-size: 12px }
label, button { cursor: pointer }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both }
.clearfix { zoom: 1 }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; visibility: hidden; overflow: hidden }
.wordwrap { word-break: break-all; word-wrap: break-word }
pre.wordwrap { white-space: pre-wrap }

/*²à±ßµ¼º½À¸-------------------------------------------------------------------------------*/
.guide { position: fixed; _position: absolute; right: 30px; bottom: 0; margin-top: -80px; margin-left: 650px; height: 176px; width: 20px; padding-top: 10px; border: 1px solid rgba(0,0,0,.2); border-radius: 50px; }
.guide li { width: 9px; height: 9px; overflow: hidden; cursor: pointer; margin: 0 auto 4px; _margin: 0 auto 4px; border-radius: 50%; background: rgba(0,0,0,.0); border: 1px solid rgba(0,0,0,.2); }
.guide li:hover, .guide li.hover, .guide li.choose { background: rgba(0,0,0,.3); }


html, body { height: 100%; overflow: hidden; text-align: center }
.container { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }
.container .section { background-size: cover; height: 100%; overflow: hidden }
.container .item-1 { background: #08090c url(../images/item_1.jpg) no-repeat center; background-size: cover; }
.container .item-2 { background: #b28850; background-size: cover }
.container .item-3 { background: #eeeeee; background-size: cover; }
.container .item-4 { background: #ffffff; background-size: cover; }
.container .item-5 { background: #eeeeee; background-size: cover; }
.container .item-6 { background: #000005; background-size: cover; }
.container .item-7 { background: #ffffff; background-size: cover }
.container .item-8 { background: #eeeeee; background-size: cover }
.container .item-9 { background: #535350 url(../images/item9-bg.jpg) no-repeat center; background-size: cover; }
.container .item-10 { background: #ffffff; background-size: cover; }
.container .item-11 { background: #1b1b1b; background-size: cover; }
.container .inner { width: 1120px; margin: 0 auto; height: 100%; position: relative;}
.section h3, .section h4, .item-8 dt { background: url(../images/item-titlte.png) no-repeat; }
.transitionAll { transition: all 1.5s; -webkit-transition: all 1s; -moz-transition: all 1s; }

/*item-1---------------------------------------------------------------------------------------------------*/
.item-1 .pic_1 { height: 100%; position: absolute; top: 0; left: -288px; }
.item-1 .text_1 { position: absolute; top: 20%; right: 0; }
.item-1.show .pic_1 { position: absolute; left: -288px; opacity: 0; top: 0; }
.item-1.show .text_1 { position: absolute; top: 144px; right: 1000px; opacity: 0; }

/*°´Å¥---------------------------------------------------------------------------------------------------*/
.item-1 .btn_1, .item-4 .btn_2, .item-6 .btn_3, .item-7 .btn_4, .item-9 .btn_5, .item-10 .btn_6,.item-8 .btn_8 { display: block; background: #eb6100; width: 265px; height: 62px; border-radius: 9px; line-height: 62px; text-align: center; font-size: 36px; color: #fff; transition: all 1s; }
.item-1 .btn_1 { position: absolute; top: 68%; right: 24px; animation: btn 1s linear infinite alternate; -moz-animation: btn 1s linear infinite alternate; -webkit-animation: btn 1s linear infinite alternate; }
.item-4 .btn_2, .item-6 .btn_3, .item-7 .btn_4 { margin: 40px 0 0 400px; }
.item-8 .btn_8{position:absolute; left:417px; bottom:70px;}
.item-4 .btn_2:hover, .item-6 .btn_3:hover, .item-7 .btn_4:hover, .item-9 .btn_5:hover, .item-10 .btn_6:hover,.item-8 .btn_8:hover { background: #c9550a; }
 @keyframes btn { from {
 opacity: 1;
}
to { opacity: 0.4; }
}
@-webkit-keyframes btn { from {
 opacity: 1;
}
to { opacity: 0.4; }
}
@-moz-keyframes btn { from {
 opacity: 1;
}
to { opacity: 0.4; }
}



/*item2-3---------------------------------------------------------------------------------------------------*/
.item-2 h3 { width: 384px; height: 55px; margin-top: 18%; background-position: 0 0; }
.item-2 .circles { width: 100%; height: 255px; margin-top: 90px; }
.item-2 .circle { width: 255px; height: 255px; border-radius: 50%; border: 1px solid #fff; float: left; margin-right: 30px; position: relative; color: #fff; }
.item-2 .circle strong { position: absolute; top: 80px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size: 36px; }
.item-2 .circle span { position: absolute; top: 140px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size: 20px; white-space: nowrap; }
.item-2.show h3 { opacity: 0 }
.item-2.show .circle span { position: absolute; top: 240px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size: 20px; white-space: nowrap; opacity: 0 }
.item-3 h3 { width: 652px; height: 56px; margin: 50px 0 30px; background-position: 0 -65px; }
.item-3.show h3 { opacity: 0; }
.section .con3 { width: 100%; height: 575px; overflow: hidden; }
.section .con3 .left-con { float: left; width: 532px; height: 100%; }
.section .con3 .right-con { float: right; width: 484px; height: 100%; }
.section .con3 h4 { width: 153px; height: 68px; margin: 24px 0 14px 0; visibility: visible; }
.section .con3 .left-con h4{margin-top:54px;}
.section.show .con3 h4 { margin-left: -153px; }
.section .con3 p { padding: 0 15px 0 80px; font-size: 16px; color: #000005; line-height: 24px; }
.section.show .con3 p { padding: 350px 15px 0 80px; font-size: 16px; color: #000005; line-height: 24px; opacity: 0; }
.section .con3 p span { color: #00ad5f; }
.section .con3 p em { color: #b28850; }
.section dl dt { transform-origin: left bottom; transform: rotateX(0deg) skewX(0deg); perspective: 400px; -webkit-transform-origin: bottom; -webkit-transform: rotateX(0deg) skewX(0deg); -webkit-perspective: 400px; -ms-transform-origin: bottom; -ms-transform: rotateX(0deg) skewX(0deg); -ms-perspective: 400px; }
.item-3 .right dt { transform-origin: right bottom; }
.item-3.show .left-con dt { transform: rotateX(90deg) skewX(-45deg); -webkit-transform: rotateX(90deg) skewX(-45deg); -ms-transform: rotateX(90deg) skewX(-45deg); }
.item-3.show .right-con dt { transform: rotateX(90deg) skewX(45deg); -webkit-transform: rotateX(90deg) skewX(-45deg); -ms-transform: rotateX(90deg) skewX(-45deg); }


/*item-4---------------------------------------------------------------------------------------------------*/
.item-4 .con3 { margin-top: 50px; }
.item-4 .left-con dt { transform-origin: top right; }
.item-4 .right-con dt { transform-origin: left bottom; }
.item-4.show dl dt { transform: rotateX(90deg) skewX(-45deg); -webkit-transform: rotateX(90deg) skewX(-45deg); -ms-transform: rotateX(90deg) skewX(-45deg); }


/*item-5---------------------------------------------------------------------------------------------------*/
.item-5 h3 { width: 399px; height: 56px; background-position: 0 -133px; margin: 50px 0 40px 0; }
.item-5.show h3 { opacity: 0; }
.item-5 .text5 { width: 100%; height: 430px; background: #fff url(../images/item5-bg.jpg) no-repeat left top; position: relative; }
.item-5 h5 { position: absolute; font-size: 22px; color: #1b1b1b; font-weight: 700; left: 24px; top: 50px; }
.item-5 span { font-size: 16px; color: #313131; position: absolute; top: 140px; left: 30px; padding-left: 20px; }
.item-5.show span { opacity: 0; top: 120px; }
.item-5 span:before { width: 19px; height: 19px; content: ""; position: absolute; left: 0px; top: 2px; background: url(../images/arr_sc.png) no-repeat -100px -29px; }
.item-5 .two { top: 110px; left: 210px; }
.item-5 .two:before { background-position: -143px -29px; }
.item-5 .three { top: 140px; left: 376px; }
.item-5 .three:before { background-position: -188px -29px; }
.item-5 .four { top: 110px; left: 535px; }
.item-5 .four:before { background-position: -232px -29px; }
.item-5 h6 { font-size: 20px; color: #000005; position: absolute; top: 140px; left: 770px; }
.item-5 p { position: absolute; left: 770px; font-size: 14px; color: #000005; top: 180px; padding-right: 55px; }
.item-5.show p { opacity: 0; top: 300px; }


/*item-6---------------------------------------------------------------------------------------------------*/
.item-6 .up { position: relative; width: 100%; height: 274px; background: #fff url(../images/item6_bg1.jpg) no-repeat left top; margin: 48px 0 10px 0; }
.item-6 .down { position: relative; width: 100%; height: 270px; background: #fff url(../images/item6_bg2.jpg) no-repeat left top; }
.item-6 h6 { font-size: 20px; color: #000005; position: absolute; left: 775px; top: 80px; }
.item-6.show h6 { top: -20px; opacity: 0; }
.item-6 p { font-size: 14px; color: #000005; line-height: 22px; position: absolute; top: 120px; left: 775px; padding-right: 55px; }
.item-6.show p { top: 300px; opacity: 0; }


/*item-7---------------------------------------------------------------------------------------------------*/
.item-7 h3 { width: 511px; height: 56px; background-position: 0 -203px; margin: 48px 0 40px 0; }
.item-7.show h3 { opacity: 0; }
.item-7 ul { width: 100%; overflow: hidden; }
.item-7 ul li { width: 364px; height: 227px; float: left; margin: 0 4px 6px 0; position: relative; color: #fff; }
.item-7 ul li h6 { position: absolute; font-size: 20px; top: 55px; left: 218px; }
.item-7.show ul li h6 { left: 230px; opacity: 0; }
.item-7 ul li p { font-size: 14px; line-height: 24px; position: absolute; top: 93px; left: 218px; padding-right: 10px; }
.item-7.show ul li p { left: 230px; opacity: 0; }
.item-7 ul li span { width: 13px; height: 24px; background: url(../images/arr_item7.png)no-repeat; position: absolute; left: 194px; top: 103px; }
.item-7.show ul li span { left: 220px; }
.item-8 h3 { width: 192px; height: 56px; background-position: 0 -272px; margin: 48px 0 46px 0; }
.scroll { width: 896px; height: 349px; position: relative; overflow: hidden; margin: 0 auto; }
.left, .right { width: 43px; height: 80px; position: absolute; top: 300px; z-index: 1; cursor: pointer; background: url(../images/arr_sc.png) no-repeat; }
.left { left: 0; background-position: 0 -1px; }
/*.left:hover{ background-position:  -48px -1px; }*/
.right { right: 0; background-position: -28px 0; background-position: -262px -1px; }
/*.right:hover{background-position: -308px -1px; }*/
.scroll-in { width: 700%; position: relative; }
.scroll ul { position: absolute; top: 0; left: 0; }
.scroll-in li { float: left; width: 896px; height: 349px; }


/*item-8---------------------------------------------------------------------------------------------------*/
.item-8 .title8 { position: absolute; left: 50%; top: 530px; margin-left: -280px; width: 560px; height: 70px; }
.item-8 dl { display: none; }
.item-8 dt { width: 153px; height: 68px; float: left; }
.item-8 dd { width: 360px; height: 68px; float: right; text-align: left; font-size: 20px; color: #000005; }
.item-8 dd h6 { font-weight: 700; margin-bottom: 10px; }
.item-8 dd p span { color: #01803b; }
.item-8 dd p em { color: #b28850; }


/*item-9---------------------------------------------------------------------------------------------------*/
.item-9 .left-pic { width: 746px; height: 698px; margin-top: 23px; position: absolute; bottom: 0; left: 0; }
.item-9.show .left-pic { opacity: 0; }
.item-9 .right-text { width: 450px; height: 100%; color: #fff; position: absolute; right:-76px; top: 0; }
.item-9.show .right-text { opacity: 0; }
.item-9 .right-text h3 { width: 377px; height: 56px; background-position: 0 -340px; margin: 45px 0; }
.item-9 .right-text h6 { font-size: 24px; text-align: left; }
.item-9 .right-text h6 span { font-size: 32px; font-weight: 700; }
.item-9 .right-text p { font-size: 20px; line-height: 30px; padding-left: 18px; position: relative; }
.item-9 .right-text p:before { width: 5px; height: 5px; content: ""; position: absolute; top: 14px; left: 0; background: #01803b; }
.item-9 .right-text .sc-color:before { background: #b28850; }


/*item-10---------------------------------------------------------------------------------------------------*/
.item-10 .left-text { width: 560px; height: 100%; float: left; }
.item-10 .left-text h3 { width: 369px; height: 56px; background-position: 0 -409px; margin: 210px 0 40px 0; }
.item-10.show .left-text h3 { opacity: 0; }
.item-10 .left-text p { font-size: 14px; line-height: 24px; color: #000005; }
.item-10.show .left-text p { opacity: 0; }
.item-10 .left-text p span { color: #01803b; }
.item-10 .right-pic { width: 463px; height: 100%; position: relative; float: right; }
.item-10 .right-pic .pic { position: absolute; right: 0; }
.item-10 .right-pic .pic1 { top: 54px; }
.item-10.show .right-pic .pic1 { top: 30px; }
.item-10 .right-pic .pic2 { top: 243px; right: 55px; }
.item-10.show .right-pic .pic2 { top: 220px; right: -18px; transform: rotate(10deg); -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); }
.item-10 .right-pic .pic3 { top: 464px; }
.item-10.show .right-pic .pic3 { top: 490px; }


/*item-11---------------------------------------------------------------------------------------------------*/
.item-11 h3 { position: relative; top: 700px; opacity: 0; left: 333px; width: 411px; height: 116px; background-position: -513px -134px; }
.item-11 p { font-size: 15px; color: #fff; position: absolute; left: 348px; }
.item-11 .btn_7 { display: block; width: 257px; height: 52px; border: 4px solid #fff; line-height: 52px; text-align: center; color: #fff; border-radius: 4px; font-size: 36px; position: absolute; left: 418px; top: 1500px; opacity: 0; transition: all 1s; }
.item-11 .btn_7:hover { background: #fff; color: #1b1b1b; }
.item-11 { position: relative; }
#footer { height: 170px; width: 100%;  position: absolute; bottom: 0; left:0; }
.footer_wrap { width: 1190px; height: 170px;  margin:0 auto;}
.footerlogo { width: 91px; height: 93px; float: left; margin-top: 18px; margin-left: 20px; display: inline; }
.border { border-left: 1px dashed #383838; height: 111px; float: left; margin-top: 11px; margin-left: 17px; display: inline; }


/*β²¿---------------------------------------------------------------------------------------------------*/
.footer_secicon { float: left; height: 100px; margin-top: 35px; }
.footer_secicon li { width: 85px; height: 100px; float: left; margin-left: 15px; margin-right: 12px; display: inline; }
.footer_secicon li i { cursor: pointer; display: block; float: left; height: 48px; margin-left: 18px; width: 48px; }
.footer_secicon li i a { cursor: pointer; display: block; height: 48px; width: 48px; }
.footer_secicon li span { color: #A7A7A7; float: left; font-size: 16px; height: 40px; line-height: 40px; text-align: center; width: 100%; }
 
.footer_copyright { float: left; color: #A7A7A7; font-size: 12px; height: 35px; line-height: 35px; text-align: center; width: 100%; }
.footerWx { float: left; width: 111px; height: 111px; margin-top: 12px; margin-left: 25px; display: inline; }