body { text-align: left; padding: 0; margin: 0; font: 14px arial, helvetica, clean, sans-serif; color: #333; font-family: "microsoft yahei"; height: auto; background: #000 url("../images/bg.jpg") repeat; overflow-x:hidden; }
div, p, li { word-break: break-all; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; }
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th { padding: 0; margin: 0; }
fieldset { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right-width: 0; }
a img { border: 0; padding: 0; margin: 0; }
i { font-style: normal; }
address, caption, cite, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
li { list-style-type: none; }
caption { text-align: left; }
th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 100%; }
q:unknown {
 content: '';
}
html{ min-width:1280px; }
.por { position: relative; }
.poa { position: absolute; }
input, textarea, select { font-family: inherit; font-size: 100%; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #c8151e; text-decoration: none; }
.icon { background-image: url("../images/icon.png"); display: inline-block; vertical-align: middle; }
.left { float: left; }
.right { float: right; }
.fl { float: left; }
.fr { float: right; }
.w1000 { width: 1000px; margin: 0 auto; }
.clear { clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix {  *zoom: 1;
}
.hidden { display: none; }
.icon { background: url(../images/icon.png) no-repeat; display: block; }
.w1200 { width: 1200px; margin: 0 auto; }
/***********共用结束************/
/***首页*****/
/*******顶部*******/
.header_main { background: url(../images/head_bg.jpg) repeat-x; z-index: 20; position: fixed; left: 0; top: 0; width: 100%; height: 99px; }
.header_main .tel { color: #e8c295; padding-top: 28px; }
.header_main .tel h3 { font-size: 25px; font-weight: 100; }
.header_main .header { position: relative; z-index: 2; }
.header_main .bg { background: url(../images/head_img.jpg) left bottom no-repeat; height: 100%; position: absolute; width: 254px; left: 50%; margin-left: 490px; z-index: 1; }
.header .logo { display: inline-block; margin-left: 0; margin-top: 22px; }
.header .nav { margin-left: 50px; }
.header .nav li:first-child a { background: none; }
.header .nav li { width: 120px; margin: 0 1px; text-align: center; line-height: 99px; font-size: 16px; position: relative; float: left; }
.header .nav li a { position: relative; color: #f0cd91; background: url(../images/line5.png) left center repeat-y; line-height: 16px; height: 16px; }
.header .nav li i { position: absolute; bottom: -16px; left: 50%; width: 0; height: 3px; background-color: #f0cd91; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.header .nav li:hover i, .header .nav li.hover i { width: 20%; margin-left: -10%; }
.header .nav a { display: inline-block; height: 70px; width: 100%; }
.header .nav .sub-box { background: #681714; width: 100%; position: absolute; left: 0; top: 99px; display: none; }
.header .nav .sub-box p { line-height: 48px; width: 100%; height: 48px; border-bottom: 1px solid #931c17; font-size: 15px; text-align: center; position: relative; }
.header .nav .sub-box p .icon { width: 6px; height: 10px; background-position: -96px 0; position: absolute; top: 19px; left: 15px; }
.header .nav .sub-box p a { color: #f0cd91; line-height: 48px; height: 48px; background: none; }
.header .nav .sub-box p:hover a { color: #e8a737; }
/*********togbtn*/
.togbtn .icon { position: absolute; top: 50%; margin-top: -30px; cursor: pointer; width: 30px; height: 66px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; z-index: 22; }
.togbtn .icon.prev { background-position: -103px -0; }
.togbtn .icon.prev:hover { margin-left: -10px; }
.togbtn .icon.next { background-position: -137px 0; }
.togbtn .icon.next:hover { margin-right: -10px; }
.banner .togbtn .prev { left: 10%; }
.banner .togbtn .next { right: 10%; }
/********togbtn end****/
/*wrap*/
.wrap { width: 100%; height: 100%; position: relative; z-index: 1; }
.wrap .mouse-ico { position: absolute; width: 15px; height: 25px; left: 50%; margin-left: -7px; bottom: 58px; z-index: 20; }
.wrap .mouse-ico span { width: 15px; height: 25px; background-position: 0 -127px; }
.wrap .mouse-ico span.mouse { animation: mousemove 3s linear 1s infinite; }
#menu { position: fixed; right: 15px; top: 50%; margin-top: -46px; z-index: 10; width: 18px; }
#menu li { width: 12px; height: 12px; position: relative; border: 1px solid #5b0d0a; cursor: pointer; margin-left: 1px; margin-bottom: 6px; border-radius: 100%; text-indent: -1000px; background: #f3e5c8; }
#menu li a { display: block; width: 100%; height: 100%; }
#menu li.active { background: #600f0c; width: 14px; height: 14px; border: #f3e5c8 solid 1px; margin-left: 0; }
/*rightFix*/
.rightFix { width: 48px; position: fixed; right: 60px; top: 50%; margin-top: -110px; z-index: 99; }
.rightFix .ico { width: 48px; height: 48px; display: block; position: relative; overflow: hidden; margin: 0px; transition: all ease 300ms; margin-top: 1px; padding: 0px; border-radius: 48px; border: 1px solid #5a0f0c; margin-bottom: 5px; background: #5a0f0c url(../images/fix-ico.png) no-repeat center 0; }
.rightFix .ico img { width: 120px; height: 120px; position: absolute; left: -78px; top: 0; padding: 3px; background: #5a0f0c; border: 1px solid #f0cd91; display: block; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 10px; }
.rightFix .ico span { width: 210px; text-align: center; height: 48px; line-height: 48px; position: absolute; left: -78px; top: 0; background: #5a0f0c; color: #f0cd91; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 48px; }
.rightFix .ico:hover { background-color: #5a0f0c; border-color: #5a0f0c; overflow: visible; }
.rightFix .ico:hover img { opacity: 1; filter: alpha(opacity=100); left: -140px; }
.rightFix .ico:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; }
.rightFix .fix-tel { background-position: 11px 12px; }
.rightFix .fix-tel:hover { background-position: -33px 12px; }
.rightFix .fix-qq { background-position: 11px -40px; }
.rightFix .fix-qq:hover { background-position: -33px -40px; }
.rightFix .fix-ewm { background-position: 11px -96px; }
.rightFix .fix-ewm:hover { background-position: -33px -96px; }
.rightFix .fix-ewm2 { background-position: 11px -192px; }
.rightFix .fix-ewm2:hover { background-position: -33px -192px; }
.rightFix .fix_top { background-position: 11px -150px; }
.rightFix .fix_top:hover { background-position: -33px -150px; }
.rightFix .fix-form { background-position: 10px -234px; }
.rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; }
.rightFix .fix-form:hover { background-position: -37px -234px; }
.bottom_copy { background: url(../images/head_bg.jpg) repeat-x left top; color: #f0cd91; font-size: 12px; position: fixed; bottom: 0; height: 49px; line-height: 49px; z-index: 10; left: 0; width: 100%; }
.bottom_copy .links { background: url(../images/links.png) no-repeat; width: 200px; height: 28px; margin-top: 10px; line-height: 28px; text-indent: 15px; position: relative; cursor: pointer; }
.bottom_copy .links ul { position: absolute; background: #601512; left: 0; bottom: 28px; width: 100%; border-radius: 5px 5px 0 0; padding: 10px 0; display: none; }
.bottom_copy i { width: 16px; height: 16px; background-position: -81px 0; margin-left: 7px; }
.bottom_copy .qq { background-position: -113px 0; }
.bottom_copy .wxall { position: relative; }
.bottom_copy .wxall:hover img { display: block; }
.bottom_copy a { color: #f0cd91; }
.bottom_copy a:hover { text-decoration: underline; color: #f6be5e; }
.bottom_copy img { display: none; width: 90px; height: 90px; position: absolute; right: 0; bottom: 30px; }
.screen-main { position: absolute; height: 630px; left: 50%; margin-left: -600px; top: 50%; margin-top: -315px; z-index: 11; width: 1200px; }
.wrap .section_1 .banner, .wrap .section_1 .banner .list, .wrap .section_1 .banner .list .item { height: 700px; }
.wrap .section_1 .banner { position: relative; width: 100%; overflow: hidden; }
.wrap .section_1 .banner .list { float: left; width: 100%; position: relative; overflow: hidden; }
.wrap .section_1 .banner .list .bannerimg { position: absolute; top: 0px; left: 0; margin: 0 auto; text-align: center; width: 100%; min-height: 100%; }
.wrap .section_1 .banner .list .item {  display: none; text-align: center; width: 100%; overflow: hidden;  background-repeat: no-repeat; color: #fff; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wrap .section_1 .banner .list a { display: block; overflow: hidden; width: 100%; height: 100%; }
.wrap .section_1 .banner .list .block { display: block; }
.wrap .section_1 .banner .tip { width: 1000px; height: 25px; text-align: center; position: absolute; left: 50%; bottom: 15%; z-index: 3; margin-left: -500px; }
.wrap .section_1 .banner .tip span { display: inline-block; width: 18px; height: 18px; color: #fff; text-align: center; line-height: 26px; margin: 0 8px; cursor: pointer; font-size: 14px; background-position: 0 0; }
.wrap .section_1 .banner .tip span.cur { background-position: -18px 0; }
.index_title { text-align: center; background: url(../images/index_title_bg.png) no-repeat center bottom; height: 55px; }
.index_title h3 { color: #5a0f0c; font-size: 33px; line-height: 35px; font-family: "宋体"; }
.section_2 { position: relative; background: #e7d6b7 url(../images/section_bg2.jpg) center bottom no-repeat; background-size: cover; }
.section_2 .screen-main { height: 490px; margin-top: -245px; }
.section_2 .body { padding-top: 77px; }
.section_2 .body ul { float: left; }
.section_2 .body li { width: 71px; float: left; background: url(../images/section2_li.png) right no-repeat; height: 350px; text-align: center; }
.section_2 .body li a { display: block; width: 30px; font-size: 24px; padding: 0 20px 0 21px; padding-top: 115px; color: #5a0f0c; }
.section_2 .body li:hover, .section_2 .body li.hover { background: url(../images/section2_on.png) no-repeat center center; }
.section_2 .body li:hover a, .section_2 .body li.hover a { color: #e8c295; }
.section_2 .body .fl { display: block; float: left; margin-left: 69px; }
.section_2 .body .right { width: 600px; }
.section_2 .body .right .about { width: 600px; height: 168px; padding-bottom: 40px; }
.section_2 .body .right h3 { font-size: 20px; color: #5a0f0c; font-weight: 100; padding-bottom: 20px; transition: ease-in-out .2s; }
.section_2 .body .right p { line-height: 26px; color: #190b09; padding-top: 5px; }
.section_2 .body .right a:hover h3 { padding-left: 20px; }
.section_3 { background: url(../images/section_bg3.jpg) center top no-repeat; background-size: cover; }
.section_3 .screen-main { height: 570px; margin-top: -280px; }
.section_3 .body { overflow: hidden; height: 450px; margin-top: 61px; }
.section_3 ul { width: 105%; }
.section_3 li { width: 225px; height: 450px; position: relative; float: left; margin-right: 18px; transition: ease-in-out .2s; }
.section_3 li .img { position: absolute; left: 10px; top: 12px;width:205px;height:327px; }
.section_3 li .bg { background: url(../images/s3_li.png) no-repeat; width: 225px; height: 450px; display: block; position: absolute; left: 0; top: 0; }
.section_3 li h3 { color: #f0cd91; position: absolute; left: 65px; top: 64px; font-size: 24px; font-weight: 100;font-family:"宋体"; }
.section_3 li .line { position: absolute; z-index: 10; left: 67px; top: 105px; }
.section_3 li a { display: block; width: 100%; height: 100%; cursor: pointer; }
.section_3 li:hover .bg { background: url(../images/s3_on.png) no-repeat; }
.section_4 { background: url(../images/section_bg4.jpg) center top no-repeat; background-size: cover; }
.section_4 .screen-main { height: 450px; margin-top: -225px; }
.section_4 .body { background: url(../images/s4_img.png) center center no-repeat; height: 100%; }
.section_4 .body li { width: 400px; float: left; }
.section_4 .body li a { display: block; width: 100%; height: 100%; cursor: pointer; transition: ease-in-out .2s; }
.section_4 .body li a:hover { margin-left: 10px; }
.section_4 .body li h3 { color: #f0cd91; float: right; font-size: 20px; font-family: '宋体'; background: url(../images/s4_line.png) no-repeat; height: 40px; line-height: 40px; letter-spacing: 24px; text-indent: 10px; margin-bottom: 10px; margin-top: 49px; }
.section_4 .body li p { color: #f0cd91; float: left; line-height: 24px; text-align: justify; }
.section_4 .body li.right { float: right; }
.section_4 .body li.right h3 { float: left; }
.section_4 .body .ul2 { padding-top: 32px; }
.section_5 { background: url(../images/s5_bg.jpg) center top no-repeat; background-size: cover; }
.section_5 .screen-main { height: 538px; margin-top: -269px; }
.section_5 .screen-main .sub { text-align: center; font-size: 20px; margin-top: 54px; }
.section_5 .screen-main .sub ul { display: inline-block;  *display: inline;
 *zoom: 1;
}
.section_5 .screen-main .sub li { float: left; height: 20px; line-height: 20px; }
.section_5 .screen-main .sub i { width: 12px; height: 12px; background-position: -40px 0; float: left; margin-top: 4px; }
.section_5 .screen-main .sub a { float: left; padding: 0 30px; }
.section_5 .screen-main .multipleLine { position: relative; width: 1200px; margin: 38px auto 0; }
.section_5 .screen-main .multipleLine .hd .prev, .section_5 .screen-main .multipleLine .hd .next { display: block; width: 30px; height: 67px; overflow: hidden; background-position: -0px -28px; left: -129px; position: absolute; top: 50%; margin-top: -33px; cursor: pointer; transition: ease-in-out .2s; }
.section_5 .screen-main .multipleLine .hd .next { background-position: -33px -28px; left: auto; right: -129px; }
.section_5 .screen-main .multipleLine .hd .next:hover { margin-right: -10px; }
.section_5 .screen-main .multipleLine .hd .prev:hover { margin-left: -10px; }
.section_5 .screen-main .multipleLine .bd { overflow: hidden; height: 356px; }
.section_5 .screen-main .multipleLine .bd ul { overflow: hidden; zoom: 1; width: 105%; }
.section_5 .screen-main .multipleLine .bd ul li { margin-right: 50px; float: left; _display: inline; overflow: hidden; text-align: center; width: 575px; height: 163px; position: relative; margin-bottom: 30px; }
.section_5 .screen-main .multipleLine .bd ul li .bg { width: 575px; background: url(../images/news_bg.png) no-repeat; height: 163px; position: absolute; left: 0px; top: 0px; z-index: 9; }
.section_5 .screen-main .multipleLine .bd ul li .img { width: 190px; height: 143px; position: absolute; left: 12px; top: 10px; z-index: 8; }
.section_5 .screen-main .multipleLine .bd ul li .box { position: absolute; left: 220px; top: 10px; width: 325px; z-index: 11; text-align: left; }
.section_5 .screen-main .multipleLine .bd ul li h3 { font-size: 18px; font-weight: 100; padding-top: 19px; padding-bottom: 10px; }
.section_5 .screen-main .multipleLine .bd ul li p { padding-top: 10px; color: #666; }
.section_5 .screen-main .multipleLine .bd ul li a { display: block; width: 100%; height: 100%; cursor: pointer; }
.section_5 .screen-main .multipleLine .bd ul li a:hover p { color: #5a0f0c; }
.section_6 { background: url(../images/s5_bg.jpg) center top no-repeat; background-size: cover; }
.section_6 .screen-main { height: 568px; margin-top: -284px; }
.section_6 .sub { text-align: center; font-size: 20px; margin-top: 50px; margin-bottom: 35px; }
.section_6 .sub ul { display: inline-block;  *display: inline;
 *zoom: 1;
}
.section_6 .sub li { float: left; height: 20px; line-height: 20px; }
.section_6 .sub i { width: 12px; height: 12px; background-position: -40px 0; float: left; margin-top: 4px; }
.section_6 .sub a { float: left; padding: 0 30px; }
.contact { width: 1200px; height: 400px; position: relative; }
.contact .bg { display: block; width: 1200px; height: 400px; background: url(../images/contact_bg.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 9; }
.contact .map { width: 590px; height: 377px; position: absolute; left: 10px; z-index: 8; top: 11px; }
.contact .box { position: absolute; width: 510px; z-index: 11; right: 40px; top: 10px; }
.contact .box .t { padding-top: 40px; }
.contact .box .t img { border: 1px solid #f0cd91; width: 138px; height: 138px; }
.contact .box .t i { width: 53px; height: 55px; background-position: -184px 0; float: left; margin-right: 15px; }
.contact .box .t h4 { color: #5a0f0c; font-size: 24px; font-weight: 100; }
.contact .box .t h3 { font-size: 16px; font-weight: 100; line-height: 30px; }
.contact .box .t .right { width: 331px; }
.contact .box .t dt { margin-bottom: 20px; padding-top: 4px; }
.contact .box .t dd i { background-position: -244px 0; }
.contact .box .con { line-height: 30px; width: 100%; height: 178px; margin-top: 20px; font-size: 14px; }
.contact .box ul { padding-top: 20px; }
.contact .box li { width: 50%; float: left; line-height: 30px; overflow: hidden; vertical-align: middle; height: 30px; zoom: 1; }
/*animated*/
.onactive .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.active .animated { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.active .animated.slow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
.active .animated.fast { -webkit-animation-duration: .5s; animation-duration: .5s; }
.active .opacityA { -webkit-animation-name: opacityA; animation-name: opacityA; }
/* 浜厜 */
.hvr-light { overflow: hidden; position: relative; }
.hvr-light:before { content: ""; position: absolute; width: 90px; height: 370px; top: -0px; left: -200px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -moz-transform: skewX(-32deg); transform: skewX(-32deg); }
.hvr-light:hover:before { -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; transition: left 1s; left: 1300px; }
.hvr-light:hover { opacity: .9; filter: alpha(opacity=90); }
@keyframes opacityA {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.active .scale { -webkit-animation-name: scale; animation-name: scale; }
@-webkit-keyframes scale {  0% {
 opacity: 0;
 -webkit-transform: scale(0.2);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
}
}
@keyframes scale {  0% {
 opacity: 0;
 transform: scale(0.2);
}
 100% {
 opacity: 1;
 transform: scale(1);
}
}
.active .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(80px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(80px);
 -moz-transform: translateY(80px);
 -ms-transform: translateY(80px);
 transform: translateY(80px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.active .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {  0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {  0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 -moz-transform: translateY(-20px);
 -ms-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes rotates {  0% {
 transform: rotate(360deg);
}
 50% {
 transform: rotate(180deg);
}
 100% {
 transform: rotate(0deg);
}
}
@-webkit-keyframes rotate {  0% {
 -webkit-transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
}
}
@keyframes rotate {  0% {
 transform: rotate(0);
}
 100% {
 transform: rotate(360deg);
}
}
@keyframes rotates {  0% {
 transform: rotate(360deg);
}
 50% {
 transform: rotate(180deg);
}
 100% {
 transform: rotate(0deg);
}
}
.active .start { -webkit-animation-name: start; animation-name: start; animation-iteration-count: infinite; }
@-webkit-keyframes start {  0%,  30% {
 opacity: .5;
 -webkit-transform: translate(0, 4px);
}
 60% {
 opacity: 1;
 -webkit-transform: translate(0, 0);
}
 100% {
 opacity: .5;
 -webkit-transform: translate(0, -6px);
}
}
@-moz-keyframes start {  0%,  30% {
 opacity: .5;
 -moz-transform: translate(0, 4px);
}
 60% {
 opacity: 1;
 -moz-transform: translate(0, 0);
}
 100% {
 opacity: .5;
 -moz-transform: translate(0, -6px);
}
}
@keyframes start {  0%,  30% {
 opacity: .5;
 transform: translate(0, 4px);
}
 60% {
 opacity: 1;
 transform: translate(0, 0);
}
 100% {
 opacity: .5;
 transform: translate(0, -6px);
}
}
@keyframes mousemove {  0% {
 transform: translateY(-5px);
}
 25% {
 transform: translateY(0px);
}
 50% {
 transform: translateY(5px);
}
 75% {
 transform: translateY(0px);
}
 100% {
 transform: translateY(-5px);
}
}
.onactive .flyInDown { -webkit-animation-name: flyInDown; animation-name: flyInDown; }
@-webkit-keyframes flyInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(-500px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes flyInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(-300px);
 -moz-transform: translateY(-300px);
 -ms-transform: translateY(-300px);
 transform: translateY(-300px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.onactive .flyInUp { -webkit-animation-name: flyInUp; animation-name: flyInUp; }
@-webkit-keyframes flyInUp {  0% {
 opacity: 0;
 -webkit-transform: translateY(100px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes flyInUp {  0% {
 opacity: 0;
 -webkit-transform: translateY(100px);
 -moz-transform: translateY(100px);
 -ms-transform: translateY(100px);
 transform: translateY(100px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.onactive .flyInRight { -webkit-animation-name: flyInRight; animation-name: flyInRight; }
@-webkit-keyframes flyInRight {  0% {
 opacity: 0;
 -webkit-transform: translateX(200px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes flyInRight {  0% {
 opacity: 0;
 -webkit-transform: translateX(200px);
 -moz-transform: translateX(200px);
 -ms-transform: translateX(200px);
 transform: translateX(200px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.onactive .flyInLeft { -webkit-animation-name: flyInLeft; animation-name: flyInLeft; }
@-webkit-keyframes flyInLeft {  0% {
 opacity: 0;
 -webkit-transform: translateX(-200px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes flyInLeft {  0% {
 opacity: 0;
 -webkit-transform: translateX(-200px);
 -moz-transform: translateX(-200px);
 -ms-transform: translateX(-200px);
 transform: translateX(-200px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.onactive .Swing1 { -webkit-animation-name: Swing1; animation-name: Swing1; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@keyframes Swing1 {  0% {
 transform: rotate(-5deg);
}
 50% {
 transform: rotate(5deg);
}
 100% {
 transform: rotate(-5deg);
}
}
@-webkit-keyframes Swing1 {  0% {
 -webkit-transform: rotate(-5deg);
}
 50% {
 -webkit-transform: rotate(5deg);
}
 100% {
 -webkit-transform: rotate(-5deg);
}
}
@-moz-keyframes Swing1 {  0% {
 -moz-transform: rotate(-5deg);
}
 50% {
 -moz-transform: rotate(5deg);
}
 100% {
 -moz-transform: rotate(-5deg);
}
}
@-o-keyframes Swing1 {  0% {
 -oz-transform: rotate(-5deg);
}
 50% {
 -moz-transform: rotate(5deg);
}
 100% {
 -moz-transform: rotate(-5deg);
}
}
@media screen and (max-width: 1600px) {
.section_2 .screen-main { height: 482px; margin-top: -201px; }
.section_2 .body { padding-top: 35px; }
.section_3 .screen-main { height: 500px; margin-top: -230px; }
.section_3 .body { margin-top: 20px; }
.section_4 .screen-main { margin-top: -201px; }
.section_5 .screen-main { height: 500px; margin-top: -230px; }
.section_5 .screen-main .sub { margin-top: 30px; }
.section_5 .screen-main .multipleLine { margin-top: 25px; height: 342px; }
.section_5 .screen-main .multipleLine .bd ul li { margin-bottom: 15px; }
.section_6 .screen-main { height: 500px; margin-top: -230px; }
.section_6 .sub { display: none; }
.section_6 .index_title { margin-bottom: 30px; }
.header_main { height: 75px; }
.header .logo { margin-top: 10px; }
.header .nav li { line-height: 75px; }
.header .nav .sub-box { top: 75px; }
.header_main .tel { padding-top: 14px; }
.bottom_copy { line-height: 30px; height: 30px; }
.bottom_copy .links { margin-top: 1px; }
}
@media screen and (max-width: 1500px) {
.section_2 .screen-main { height: 482px; margin-top: -201px; }
.section_2 .body { padding-top: 35px; }
.section_3 .screen-main { height: 482px; margin-top: -211px; }
.section_3 .body { margin-top: 10px; }
.section_4 .screen-main { margin-top: -201px; }
.section_5 .screen-main { height: 482px; margin-top: -201px; }
.section_5 .screen-main .sub { margin-top: 20px; }
.section_5 .screen-main .multipleLine { margin-top: 15px; height: 342px; }
.section_5 .screen-main .multipleLine .bd ul li { margin-bottom: 15px; }
.section_6 .screen-main { height: 482px; margin-top: -211px; }
.section_6 .sub { display: none; }
.section_6 .index_title { margin-bottom: 10px; }
.header_main { height: 75px; }
.header .logo { margin-top: 10px; }
.header .nav li { line-height: 75px; }
.header .nav .sub-box { top: 75px; }
.header_main .tel { padding-top: 14px; }
.bottom_copy { line-height: 30px; height: 30px; }
.bottom_copy .links { margin-top: 1px; }
}
.ny_body .header_main { position: relative; }
.ny_body .bottom_copy { position: relative; }
.ny_main { width: 100%; padding-top: 78px; padding-bottom: 80px; }
.ny_main .sub { text-align: center; font-size: 20px; margin-top: 68px; margin-bottom: 35px; }
.ny_main .sub ul { display: inline-block;  *display: inline;
 *zoom: 1;
}
.ny_main .sub li { float: left; height: 50px; line-height: 50px; }
.ny_main .sub a { float: left; background: url(../images/ny_li.png) no-repeat; text-align: center; width: 200px; margin: 0 10px; }
.ny_main .sub a.hover, .ny_main .sub a:hover { background: url(../images/ny_on.png) no-repeat; color: #f0cd91; }
.ny_main .context .context_top { width: 1200px; height: 29px; background: url(../images/context_top.png) center top no-repeat; }
.ny_main .context .context_body { padding: 0 10px; background: #fff; }
.ny_main .context .context_body .line { border-left: 1px solid #f0cd91; border-right: 1px solid #f0cd91; padding: 0px 35px; color: #190b09; min-height: 400px; }
.ny_main .context .context_body .line .page { line-height: 26px; overflow: hidden; }
.ny_main .context .context_body .line .page img { max-width: 100%; }
.ny_main .context .context_bottom { width: 1200px; height: 29px; background: url(../images/context_bottom.png) center top no-repeat; }
.ny_main .contact { margin-bottom: 80px; }
.ny_main .sideMenu { margin: 0px auto 0; padding-bottom: 20px; }
.ny_main .sideMenu .item { border: 1px solid #dcdcdc; margin-top: 22px; }
.ny_main .sideMenu .item .left { line-height: 60px; height: 60px; }
.ny_main .sideMenu .item:first-child { margin-top: 0; }
.ny_main .sideMenu .item.on .title .left h3 { background: #5a0f0c; color: #fff; padding-right: 38px; }
.ny_main .sideMenu .item.on .title .right i { background-position: -118px -80px; }
.ny_main .sideMenu .item .title .left h3 { font-size: 20px; color: #000; font-weight: 100; }
.ny_main .sideMenu .item .title .left h3 i { width: 22px; height: 24px; background-position: -307px 0; float: left; margin-right: 15px; margin-left: 19px; margin-top: 18px; }
.ny_main .sideMenu .item .title .right i { width: 36px; height: 36px; background-position: -79px -80px; margin-top: 12px; margin-right: 20px; }
.ny_main .sideMenu .item .title p { color: #005b9c; display: block; font-size: 18px; }
.ny_main .sideMenu ul { padding: 15px; margin-top: 0px; color: #190b09; display: none; line-height: 28px; }
.ny_main .sideMenu ul table{border:1px solid #dcdcdc;}
.ny_main .news_list { overflow: hidden; }
.ny_main .news_list ul { width: 115%; }
.ny_main .news_list li { margin-right: 50px; float: left; _display: inline; overflow: hidden; text-align: center; width: 575px; height: 163px; position: relative; margin-bottom: 30px; }
.ny_main .news_list li .bg { width: 575px; background: url(../images/news_bg.png) no-repeat; height: 163px; position: absolute; left: 0px; top: 0px; z-index: 9; }
.ny_main .news_list li .img { width: 190px; height: 143px; position: absolute; left: 12px; top: 10px; z-index: 8; }
.ny_main .news_list li .box { position: absolute; left: 220px; top: 10px; width: 325px; z-index: 11; text-align: left; }
.ny_main .news_list li h3 { font-size: 18px; font-weight: 100; padding-top: 19px; padding-bottom: 10px; }
.ny_main .news_list li p { padding-top: 10px; color: #666; overflow:hidden; height:48px; line-height:24px; }
.ny_main .news_list li a { display: block; width: 100%; height: 100%; cursor: pointer; }
.ny_main .news_list li a:hover p { color: #5a0f0c; }
/* pager */
.pager { padding: 30px 0 30px; text-align: center; }
.pager:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.pager p { height: 32px; line-height: 32px; float: left; color: #666; display: none; }
.pager ul { overflow: hidden; margin-left: 20px; }
.pager ul li { display: inline-block;  *display: inline;
 *zoom: 1;
padding: 0 !important; height: auto !important; border: none !important; }
.pager ul a { line-height: 65px; margin-left: 7px; height: 65px; color: #666; text-decoration: none; float: left; background: #fff; width: 65px; background: url(../images/icon.png) no-repeat; background-position: -242px -65px; }
.pager ul a.current, .pager ul a:hover { color: #e6c088; background-position: -309px -65px; }
.ny_2 { background: url(../images/ny2.jpg) center bottom no-repeat; }
.ny_1 { background: url(../images/ny3.jpg) center bottom no-repeat; }
.ny_3 { background: url(../images/ny3.jpg) center bottom no-repeat; padding-top: 0; }
.ny_3_top { background: url(../images/ny3_top.jpg) center top no-repeat; padding-top: 78px; min-height:850px; }
.ny_3 .sub li { float: left; height: 20px; line-height: 20px; }
.ny_3 .sub i { width: 12px; height: 12px; background-position: -40px 0; float: left; margin-top: 4px; }
.ny_3 .sub a { float: left; padding: 0 30px; width: auto; margin: 0 auto; background: none; }
.ny_3 .sub a.hover, .ny_3 .sub a:hover { background: none; color: #5a0f0c; font-weight: bold; }
.ny_4 { background: url(../images/ny4.jpg) right bottom no-repeat; padding-top: 0; }
.ny_4 .ny_4_top { background: url(../images/ny4_top.jpg) left top no-repeat; padding-top: 78px; }
.ny_5 { background: url(../images/ny4.jpg) right bottom no-repeat; padding-top: 0; }
.ny_5 .ny_5_top { background: url(../images/ny4_top.jpg) left top no-repeat; padding-top: 78px; }
.local { border-bottom: 1px dotted #e3d6d5; text-align: right; color: #999; padding-bottom: 15px; line-height: 16px; }
.local a { color: #999; }
.local a:hover { color: #5a0f0c; }
.remm { padding-top: 37px; }
.remm .tit { padding-bottom: 15px; line-height: 26px; }
.remm .tit .left { font-size: 24px; color: #190b09; padding-left: 10px; }
.remm .news_list { min-height: auto; }
.remm .product_list { min-height: auto; }
.remm .news_list li { margin-bottom: 0; }
.erro { text-align: center; }
.erro img{ height:380px;}
/*showNews*/
.showNews { margin: 0 auto; }
.showNews img { max-width: 100%; }
.showNews .title { color: #190b09; line-height: 63px; text-align: center; font-weight: bold; font-size: 24px; font-weight: 100; }
.showNews .mark { width: 100%; height: 40px; line-height: 40px; margin: 0px 0 20px; border-top: 1px dotted #e9e9e9; text-align: center; font-size: 12px; color: #666; }
.showNews .mark span { margin: 0 10px; font-size: 12px; color: #666666; }
.showNews .showContxt { padding: 0 0 30px; line-height: 30px; min-height: 500px; }
.showNews .showContxt img { max-width: 100%; }
.showNews .showContxt td { padding: 4px; border: 1px solid #ccc; text-align: center; vertical-align: middle; WORD-WRAP: break-word; TABLE-LAYOUT: fixed; word-break: break-all; }
.shareNew { padding-bottom: 25px; }
.map_ul { list-style: outside none none; display: block; width: 100%; padding-top: 10px; }
.map_ul li { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left; }
.map_ul li a { font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold; }
.map_ul .list-inline { display: block; margin-left: 10%; width: 86%; min-height: 30px; }
.map_ul .list-inline a { font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px; }
.map_ul .list-inline a:hover { background: #641310; color: #fff; border: 1px solid #641310; }
/* reLink */
.reLink { width: 100%; height: 58px; line-height: 58px; border-top: 1px dotted #e3d6d5; overflow: hidden; }
.reLink .nextLink, .reLink .prevLink { width: 49%; display: block; font-size: 16px; text-align: left; color: #666; }
.reLink .nextLink a:hover, .reLink .prevLink a:hover { color: #5a0f0c; }
.reLink .nextLink { text-align: right; }
.product_list { overflow: hidden; min-height: 500px; }
.product_list ul { width: 115%; }
.product_list li { float: left; width: 366px; height: 380px; margin-right: 51px; text-align: center; margin-bottom: 50px; }
.product_list li .img { display: block; width: 346px; height: 260px; overflow: hidden; padding: 10px 10px 0 10px; background: #fff; position: relative; }
.product_list li .img img { width: 346px; height: 260px; overflow: hidden; transition: ease-in-out .2s; }
.product_list li .img .on { width: 346px; height: 260px; position: absolute; left: 10px; top: 10px; background: url(../images/on_4.png) repeat; opacity: 0; filter: alpha(opacity=0); }
.product_list li .img .on i { width: 80px; height: 80px; background-position: -33px -126px; position: absolute; left: 50%; margin-left: -40px; top: 50%; margin-top: -0px; transition: ease-in-out .2s; }
.product_list li .txt { background: url(../images/product_li.png) no-repeat; width: 100%; height: 110px; }
.product_list li .txt h3 { font-size: 20px; font-weight: 100; line-height: 56px; color: #190b09; }
.product_list li:hover .img .on { opacity: 1; filter: alpha(opacity=100); }
.product_list li:hover .img .on i { margin-top: -40px; }
.product_list li:hover .txt { background: url(../images/product_on.png) no-repeat; }
.product_show .left { width: 500px; }
.product_show .left .slideBox { width: 500px; height: 375px; overflow: hidden; position: relative; }
.product_show .left .slideBox .hd { height: 16px; overflow: hidden; position: absolute; left: 30px; bottom: 30px; z-index: 1; }
.product_show .left .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.product_show .left .slideBox .hd ul li { float: left; margin-right: 14px; width: 16px; height: 16px; line-height: 16px; text-align: center; cursor: pointer; background-position: -178px -88px; }
.product_show .left .slideBox .hd ul li.on { background-position: -196px -88px; }
.product_show .left .slideBox .bd { position: relative; height: 100%; z-index: 0; }
.product_show .left .slideBox .bd li { zoom: 1; vertical-align: middle; }
.product_show .left .slideBox .bd img { width: 500px; height: 375px; display: block; }
.product_show .right { width: 551px; }
.product_show .right .local_right { text-align: right; color: #999; }
.product_show .right .local_right a { color: #999; }
.product_show .right .local_right a:hover { color: #5a0f0c; }
.product_show .right h1 { font-size: 24px; color: #190b09; font-weight: 100; padding-top: 30px; margin-bottom: 17px; }
.product_show .right p { padding-top: 45px; line-height: 26px; color: #666; }
.product_show .right .wx { display: block; background: url(../images/ny_on.png) no-repeat; width: 200px; height: 50px; line-height: 50px; text-align: center; color: #f0cd91; font-size: 20px; margin-top: 30px; }
.product_tit { background: url(../images/product_tit.png) right center no-repeat; font-size: 24px; margin-top: 43px; margin-bottom: 20px; }
.ewmbox { width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none; }
.ewmbox .close { width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center; transition: all ease 300ms; }
.ewmbox .close:hover { transform: rotate(180deg); }
.ewmbox img { width: 260px; height: 260px; display: block; margin: 0 auto 10px; }
.dialog-layout { width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30); }
.map{position:absolute;left:857px;top:355px;}
.map_tit{ height:40px; line-height:40px; color:#f0cd91;background:#5a0f0c; text-align:center;font-size:18px; width:1200px; margin:0 auto;font-weight:bold; margin-bottom:20px;border-radius:8px; margin-top:20px;}
.map_nav{}
.map_nav li{float:left;line-height:30px;width:10%;}
.map_nav li i{width:12px; height:12px; background-position:-40px 0; margin-right:10px;float:left; margin-top:9px;}
.map_nav li a.hover{color:#5a0f0c;font-weight:bold;}
.map_local{ margin-bottom:10px;}
.ny_main .context .context_body .map_all{ min-height:inherit; }