@charset "utf-8";
html{ font:normal 62.5%/2em '微软雅黑',arial, \5b8b\4f53,"Hiragino Sans GB",sans-serif;}
body{position:relative; margin:0px; padding:0px; margin:0px auto;  width:100%;  zoom:1; color: #fff; 
font: 14px/150% helvetica,"微软雅黑","microsoft yahei",Verdana,Lucida,arial,sans-serif,"黑体" !important;}
/* *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} */
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style-type:none;}
.ul,.ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;font-weight: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#fff;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
address{font-style:normal;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#fff; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
a:focus {outline:none; -moz-outline:none;}
a:hover{color: #f60101;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }  
.clear{ clear:both; overflow:hidden;}
.warp{width: 1280px;max-width: 96%; margin: 0 auto;position: relative;}
.SinglePage{ /*text-justify:inter-ideograph; text-align:justify;*/ word-wrap:break-word; clear:both; overflow:hidden;}
.SinglePage *,.txtbox *{max-width: 100%;}
.hide{ display:none;}
.BgGrey{background-color: #f5f5f5;}
.bg_yuyue{background:#000 url(../images/bg_yuyue.jpg) no-repeat top center;}
.bg_login{background:#000 url(../images/bg_login.jpg) no-repeat top center;}
.bg_video{background:#000 url(../images/bg_video.jpg) no-repeat top center;}
.bg_joinus{background:#000 url(../images/bg_joinus.jpg) no-repeat top center;}
.bg_brand{background:#000 url(../images/bg_brand.jpg) no-repeat top center;}
.bg_store{background: #1B1B1B url(../images/bg_store.png) repeat top center;}

.bg_job{background:#000 url(../images/bg_job.jpg) no-repeat top center;}
.bg_jxyx{ background-position:top center; background-repeat:no-repeat;}

/*头部*/
.TopFixed{position: fixed;top: 0;left: 0;z-index: 99;width: 100%; background: rgba(0, 0, 0, 0.5);}
/*.Top .Logo{float: left;padding-top: 17px;}*/
.Top .Logo{position: absolute; top: 0; left: 0; padding-top: 17px;}
.Top .TopRight{height: 75px;float: right;position: relative; background:url(../images/line_mainnav.png) repeat-x bottom;padding-top: 24px;}
.Top .TopRight .MainNav{float: left;}
.MainNav li{float: left;position: relative; border-bottom: transparent 2px solid;padding:0 5px 15px 5px;margin-right: 49px;}
.MainNav li.last{margin-right: 0px;}
.MainNav li a{color: #fff;font-size: 14px;line-height: 34px;}
.MainNav li:hover,.MainNav li.on{border-bottom: 2px solid #f70202;}
.MainNav li a:hover,.MainNav li.on a.a1{display: block; color: #fff; background: rgba(0, 0, 0, 0.0);}
.MainNav li dl{position: absolute;top: 51px;width: 100px; display: none;z-index: 9; background: rgba(0, 0, 0, 0.5); left: -80%; text-align: center;}
.MainNav li:hover dl{display: block;}
.TopRight .TRwarp{float: left;}
.Top .TopRight .Search{float: left;padding: 9px 9px 9px 58px;margin-right: 40px;position: relative;display: none;}
.Search .btn_search{display: block; width: 14px;height: 15px;background: url(../images/ico_search.png) no-repeat;}
.Search input{display: none;position: absolute;width: 200px;height: 32px;line-height: 32px;border: 1px solid #515457; text-indent: 10px;font-size: 14px;right: 40px;top: 0;background-color: #000;}
.Top .TopRight .BoginBtn{float: right;margin-left: 50px;  border: 1px solid #515457;width: 106px;height: 32px;line-height: 32px; background: url(../images/line_toplogin.png) no-repeat center;}
.Top .TopRight .BoginBtn a{margin: 0 13px;}
.Top .TopRight .BoginAfter{float: right;margin-left: 50px; border: 1px solid #515457;height: 32px;line-height: 32px; padding: 0 10px;}
.Top .TopRight .btn_wap{display: none;}
.btn_search_close{display: none; width: 40px; height: 40px; padding: 17.5px 5px; position: absolute; right: 0px; top:-5px;}
.btn_search_close span{width: 30px; height: 5px; background-color:rgba(0,0,0,0); display: block;border-radius: 2px;}
.btn_search_close::before, .btn_search_close::after{content: '';display: block;width: 30px;height: 5px;position: absolute;background: #fff;border-radius: 2px;}
.btn_search_close::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 17.5px;}
.btn_search_close::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 17.5px;}

.btn_wsearch{display: none; width: 30px;height: 30px;background: url(../images/ico_search2.png) no-repeat center / 100% 100%;position: absolute;right: 125px;top: 25px;}
.btn_wlogin{display: block;position: absolute;right: 65px;top: 7px;font-size: 42px;line-height: 42px;}
.btn_menutoggle2{ width: 40px; height: 40px; padding: 17.5px 5px; position: absolute; right: 5px; top: 5px;}
.btn_menutoggle2 span{width: 30px; height: 5px; background-color: #fff; display: block;border-radius: 2px;}
.btn_menutoggle2::before, .btn_menutoggle2::after{content: '';display: block;width: 30px;height: 5px;position: absolute;background: #fff;border-radius: 2px;}
.btn_menutoggle2::before{top: 5.5px;transition-duration: 300ms;
-moz-transition-duration: 300ms; /* Firefox 4 */
-webkit-transition-duration: 300ms; /* Safari 和 Chrome */
-o-transition-duration: 300ms; /* Opera */}
.btn_menutoggle2::after{bottom: 5.5px;transition-duration: 300ms;
-moz-transition-duration: 300ms; /* Firefox 4 */
-webkit-transition-duration: 300ms; /* Safari 和 Chrome */
-o-transition-duration: 300ms; /* Opera */}
.btn_menutoggle2.on span{background-color:rgba(0,0,0,0);}
.btn_menutoggle2.on::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 17.5px;}
.btn_menutoggle2.on::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 17.5px;}

/*尾部*/
.FootTel{display: none;}
.FootTop{/*height: 550px;*/ background-color: #f2f2f2;}
.FootTop .warp{padding: 9% 0;}
.FootTop .FTQRBox{border-right: 1px solid #dcdcdc;padding-right: 3.5%;margin-right: 3.5%;width: 10.5%; float: left;}
.FootTop .FTQRBox li{text-align: center;}
.FootTop .FTQRBox li.first{margin-bottom: 40px;}
.FootTop .FTQRBox li span{font-size: 12px;color: #000;padding-top: 8px;display: block;}
.FootTop .FTAddress{width: 35%;float: left;margin-right: 2%;}
.FTAddress .Item{margin-bottom: 57px;} 
.FTAddress .Item .h3{font-size: 16px;color: #333;line-height: 1em;padding-bottom: 26px;}
.FTAddress .Item .p{font-size: 14px;color: #5f5f5f;padding-left: 32px;margin-bottom: 5px;}
.FTAddress .Item .p a{color: #5f5f5f;}
.FTAddress .Item .ico_add{background: url(../images/ico_f1.png) no-repeat left 5px;}
.FTAddress .Item .ico_tel{background: url(../images/ico_f2.png) no-repeat left 5px;}
.FootTop .FTForm{width: 49%;float: right;}
.FTForm input.text{width: 30%;float: left;margin:0 0 32px 5%;border:1px solid #e5e5e5;background-color: #fff;height: 38px;line-height: 38px;font-size: 14px;color: #888;text-indent: 15px;}
.FTForm input.first{margin-left: 0;}
.FTForm textarea{width: 100%;height: 127px;border:1px solid #e5e5e5;background-color: #fff;font-size: 14px;color: #888; padding: 10px 15px;font-family: "微软雅黑";}
.FTForm .btn{background-color: #dd0000;width: 150px;height: 40px;font-size: 14px;color: #fff;border-radius: 3px;margin-top: 21px; -webkit-appearance: none;}
.FootBot{/*height: 60px;*/background-color: #999999;}
.FootBot .OtherNav{padding: 24px 0;float: right;}
.FootBot .OtherNav li{float:left;line-height: 1em;padding: 0 8px;border-right:1px solid #fff;}
.FootBot .OtherNav li.last{padding-right: 0px;border-right:0px;}
.FootBot .OtherNav li a{font-size: 12px;line-height: 1em;}
.FootBot .Copyright{font-size: 12px;line-height: 24px;padding: 18px 0;float: left;}



/*首页*/
.section{overflow: hidden;}
.HomBan{overflow-y: hidden;}
.HomBan,.HomBan .bd,.HomBan .bx-wrapper,.HomBan .Item{height: 100%;}
.HomBan .bx-viewport{height: 100% !important;}
.HomBan .Item{width: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.HomBan .Item a{ display:block; width:100%; height:100%;position: relative;z-index: 2;}
.HomBan .Item .pc{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;}
.HomBan .Item img{display: none;}
.HomBan .bx-has-pager{display: none;}
.HomBan .bx-prev,.HomBan .bx-next{position: absolute;z-index: 4;top: 50%; left: 10px; cursor: pointer;width: 46px;height: 46px;text-indent: 48px;overflow: hidden; margin-top: -23px;left: 50%;}
.HomBan .bx-prev {background: url(../images/btn_prev.png) no-repeat;margin-left: -640px;}
.HomBan .bx-next {background: url(../images/btn_next.png) no-repeat;margin-left: 594px;}
.HomBan:hover .bx-prev{background: url(../images/btn_prevon.png) no-repeat;}
.HomBan:hover .bx-next{background: url(../images/btn_nexton.png) no-repeat;}
.HomBan:hover .bx-prev,.HomBan:hover .bx-next{display: block;}

.HomProduct{text-align: center;background-repeat: no-repeat; background-position: center;position: relative;}
.HomProduct .bx-controls{ display:none;}
.HomProduct .bx-has-pager{display: none;}
.HomProduct .h2{padding: 21px 0;margin: 0 auto 50px auto; border-top:1px solid #32383d;border-bottom:1px solid #32383d;display: block;width: 510px;max-width: 100%;}
.HomProduct .ImgBox{position: relative;}
.HomProduct .TextBox{position: absolute;text-align: left;}
.HomProduct .TextBox .dot{width: 15px;height: 15px;background: url(../images/dot_hompro.png) no-repeat;}
.HomProduct .TextBox .h3{font-size: 16px;margin-bottom: 20px; font-weight: bold; max-height: 999999px;}
.HomProduct .TextBox .p{font-size: 12px; line-height: 21px;max-height: 999999px;}
.HomProduct .tb1{left: 10px; top: 28%;}
.HomProduct .tb2{right: 10px; top: 28%;}
.HomProduct .tb1 .dot{position: absolute;right: -20px;top: 0px;}
.HomProduct .tb2 .dot{position: absolute;left: -24px;top: 0px;}
.HomProduct .TextBox .line{display: block;width: 163px;overflow: hidden;position: absolute;}
.HomProduct .tb1 .line{height: 39px; background: url(../images/line_hompro1.png) no-repeat right center;top: -40px;right: -184px;}
.HomProduct .tb2 .line{height: 28px; background: url(../images/line_hompro2.png) no-repeat left center;left: -193px;top: -21px;}
.HomProduct .tb1 .Text{width: 180px;}
.HomProduct .tb2 .Text{width: 180px;}
.HomProduct .hd{position: absolute;left: 0;top: 30%;z-index: 51; }
.HomProduct .hd .Title{display: none;width: 100%;height: 36px;line-height: 36px;text-align: left;background: url(../images/bg_select.png) no-repeat right center;}
.HomProduct .hd ul{background-color: rgba(0,0,0,0.5);}
.HomProduct .hd li{margin-bottom: 34px;}
.HomProduct .hd li a{display: block;width: 170px;height: 40px;line-height: 40px;text-indent: 29px;text-align: left; font-size: 14px;color: #fff;}
.HomProduct .hd li a:hover,.HomProduct .hd li.on a{background-color: #dd0000;}
.HomProduct .Item { position:relative;}
.HomProduct .warp{ max-width: 1280px;width: inherit;}
.btn_menutoggle{ width: 40px; height: 40px; padding: 17.5px 5px; position: absolute; right: -45px; top:0px;background-color: #D00;}
.btn_menutoggle span{width: 30px; height: 5px; background-color: #fff; display: block;}
.btn_menutoggle::before, .btn_menutoggle::after{content: '';display: block;width: 30px;height: 5px;position: absolute;background: #fff;}
.btn_menutoggle::before{top: 7.5px;transition-duration: 300ms;
-moz-transition-duration: 300ms; /* Firefox 4 */
-webkit-transition-duration: 300ms; /* Safari 和 Chrome */
-o-transition-duration: 300ms; /* Opera */}
.btn_menutoggle::after{bottom: 7.5px;transition-duration: 300ms;
-moz-transition-duration: 300ms; /* Firefox 4 */
-webkit-transition-duration: 300ms; /* Safari 和 Chrome */
-o-transition-duration: 300ms; /* Opera */}
.btn_menutoggle.on span{background-color:rgba(0,0,0,0);}
.btn_menutoggle.on::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 17.5px;}
.btn_menutoggle.on::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 17.5px;}

.HomProduct .btn_more{ position: absolute;bottom: 10%;left:50%;margin-left: -75px; }
.HomProduct.active .active .pimg,.HomProduct.active .active .h2,.HomProduct.active .active .btn_more{
    -webkit-animation: fadeIn 1s linear 0s both;
    -moz-animation: fadeIn 1s linear 0s both;
    animation: fadeIn 1s linear 0s both;
}
.HomProduct.active .active .tb1 .line{
    -webkit-animation: fadeInRight 0.6s ease 0.7s both;
    -moz-animation: fadeInRight 0.6s ease 0.7s both;
    animation: fadeInRight 0.6s ease 0.7s both;
}
.HomProduct.active .active .tb2 .line{
    -webkit-animation: fadeInLeft 0.6s ease 0.7s both;
    -moz-animation: fadeInLeft 0.6s ease 0.7s both;
    animation: fadeInLeft 0.6s ease 0.7s both;
}
.HomProduct.active .active .TextBox .dot{
   -webkit-animation: dotanimation 0.5s ease 1.2s both;
    -moz-animation: dotanimation 0.5s ease 1.2s both;
    animation: dotanimation 0.5s ease 1.2s both;
}
.HomProduct.active .active .tb1 .txtwarp{
    -webkit-animation: fadeInLeft 1.2s ease 1.2s both;
    -moz-animation: fadeInLeft 1.2s ease 1.2s both;
    animation: fadeInLeft 1.2s ease 1.2s both;
}
.HomProduct.active .active .tb2 .txtwarp{
    -webkit-animation: fadeInRight 1.2s ease 1.2s both;
    -moz-animation: fadeInRight 1.2s ease 1.2s both;
    animation: fadeInRight 1.2s ease 1.2s both;
}


.HomAbout{background-color: #000;text-align: center;
}
.HomAbout img{
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; /* Firefox 4 */
-webkit-transition: all 1s ease-in-out; /* Safari 和 Chrome */
-o-transition: all 1s ease-in-out; /* Opera */
}
.HomAbout img:hover{
transform:scale(1.045);
-ms-transform:scale(1.045);     /* IE 9 */
-moz-transform:scale(1.045);    /* Firefox */
-webkit-transform:scale(1.045); /* Safari 和 Chrome */
-o-transform:scale(1.045);  /* Opera */
}
.HomAbout .btn_more{margin: 50px auto 0 auto;}

/*公共样式*/
.btn_more{display: block;width: 148px;height: 40px;line-height: 38px; border:1px solid #dd0000;border-radius: 3px;font-size: 14px;text-align: center;color: #dd0000;}
.btn_more:hover{background-color: #dd0000;color: #fff;}
.CloumnTitle{text-align: center;margin: 6% 0 5% 0; padding-top: 0px;font-size: 36px; line-height: 1em;}

.SubNav{position: fixed;left: 0;top: 190px;z-index: 9;}
.SubNav .Title{display: none;width: 100%;height: 36px;line-height: 36px;text-align: left;background: url(../images/bg_select.png) no-repeat right center;}
.SubNav ul{background-color: rgba(0,0,0,0.5);}
.SubNav li{margin-bottom: 34px;}
.SubNav li a{display: block;width: 170px;height: 40px;line-height: 40px;text-indent: 29px;text-align: left; font-size: 14px;color: #fff;}
.SubNav li a:hover,.SubNav li.on a{background-color: #dd0000;}

.FormStyle .h2{font-size: 36px; line-height: 1em;padding:28px 0 36px 0;}
.FormStyle .InputBox{width: 100%;height: 52px;float: left; position: relative; background: url(../images/bg_input1.png) no-repeat center / 100% 100%;text-indent: 30px;font-size: 14px; margin-bottom: 36px;}
.FormStyle .InputBox input{display: block;width: 100%;height: 52px; line-height: 52px;text-indent: 30px;font-size: 14px;}
.FormStyle .SelectBox span{display: block;width: 100%;height: 52px; line-height: 52px; text-align: left;background: url(../images/bg_select.png) no-repeat right center;}
.FormStyle .SelectBox ul{position: absolute;top: 52px;left: 0;width: 100%;z-index: 2;display: none;background-color: #000;border-radius: 3px;border: 2px solid #787878;}
.FormStyle .SelectBox ul a{display: block;height: 40px;line-height: 40px;background-color: #000;}
.FormStyle .InputBox_2{width: 46.2%;margin-right: 7.6%; max-width: 4 background: url(../images/bg_input2.png) no-repeat center / 100% 100%;}
.FormStyle .NoMargin{margin-right: 0px;}
.FormStyle .btn_warp{float: left;width: 100%;text-align: center;}
.FormStyle .btn{display: block; width: 162px;height: 40px;line-height: 40px;text-align: center; margin: 0 auto;font-size: 14px;color: #fff;font-weight: bold; background-color: #cf0000;}
.FormStyle .btn:hover{color: #fff;}

.Pages{text-align: center;height: 42px;margin-top: 5%;}
.Pages .p_page{display: inline-block;*display: inline;*zoom:1;}
.Pages em{font-style: normal;}
.Pages a{display: block;font-size: 15px; width: 42px;height: 42px;line-height: 40px;text-align: center; border: 1px solid #fff; color: #fff; float: left;border-radius:5px;margin: 0 5px;float: left;}
.Pages a.a_cur,.Pages a:hover{background-color: #f50000;border-color: #f50000;color: #fff;}
.Pages a.a_prev,.Pages a.a_next{font-family: '宋体';font-size: 22px;font-weight: bold;}

/*体验预约*/
.YuYue{padding: 7% 0 13% 0;}
.YuYueImg{width: 54.8%; position: relative;float: left; margin:0 4.8% 0 4.8%;}
.YuYueImg .img_ul{position: absolute;top:5.1%;left: 2.2%;width: 95.6%;height: 90%;}
.YuYueImg .img_ul img{width: 100%;height: 100%;}
.YuYueImg li{display: none;}
.YuYueForm{width: 31.2%;float: left;}
.YuYueForm .YuYueFormBot{padding-top: 18px;float: left;width: 100%;}
.YuYueForm .Price{font-size: 16px;float: left;}
.YuYueForm .Price b{font-size: 35px;}
.YuYueForm .btn_YuYue{float: right;display: block;width:123px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;background: url(../images/btn_yuyue.png) no-repeat; }


/*登陆*/
.Login{width: 396px;max-width: 96%; margin: 0 auto;padding: 0 0 13% 0;text-align: center;}
.VerificationCode{width: 100%;float: left;}
.VerificationCode .VcRight{float: right;width: 180px;}
.VerificationCode .VcLeft{margin-right: 180px;}
.Login .VerificationCode span{line-height: 52px;float: left;font-size: 16px;margin: 0 14px 0 22px;display: none;}
.Login .VerificationCode img{float: left;width: 129px;height: 52px;margin-left: 20px;}
.Login .link_forget{text-decoration: underline;font-size: 16px;padding-bottom: 30px;display: inline-block;}

.Register{width: 832px;max-width: 96%; margin: 0 auto;padding: 0 0 13% 0;}
.Register dd{width: 47.1%;margin-right: 5.8%;float: left;}
.Register dd.NoMargin{margin-right: 0px;}
.Register .btn{margin-top: 6%;}

.VideoList{width: 100%;overflow: hidden;padding: 0 0 13% 0;}
.VideoList ul{width: 102.1%}
.VideoList li{margin-right: 2%;width: 23%;float: left;margin-bottom: 50px;}
.VideoList .Img{position: relative;}
.VideoList .Img img{width: 100%;}
.VideoList .Img .overlay{display: none; position: absolute;left: 0;top: 0;z-index: 2; width: 100%;height: 100%;padding: 8% 10% 10% 23px; background: url(../images/overlay_red.png) repeat;}
.VideoList .overlay .text{max-height: 100%;position: relative;color: #fff;}
.VideoList .overlay .p{font-size: 12px;max-height: 92px;line-height: 23px; overflow: hidden;}
.VideoList .overlay span{color: #c5a5a5;font-size: 12px;position: absolute;top: 100%;left: 0;}
.VideoList .h3{background: url(../images/overlay_black1.png) repeat;color: #fff; height: 45px; line-height: 45px;padding: 0 14px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.VideoList .otherinfo{background: url(../images/overlay_black2.png) repeat;height: 34px; line-height: 34px;padding: 0 14px;}
.VideoList .otherinfo span{font-size: 12px;color: #a9a9a9;padding-left: 21px;}
.VideoList .otherinfo .ico1{float: left;background: url(../images/ico_video1.png) no-repeat left center;}
.VideoList .otherinfo .ico2{float: right;background: url(../images/ico_video2.png) no-repeat left center;}
.VideoList li:hover .overlay{display: block;}

.NewsList{background-color: #242426;padding-bottom: 5%; margin-bottom: 10%;}
.NewsList dl{padding: 28px 0;border-bottom: 1px solid #373739;width: 1200px;max-width: 96%; margin: 0 auto;}
.NewsList dt{width: 316px;float: left;}
.NewsList dd{margin-left: 346px;}
.NewsList dd .h3 a{font-size: 18px;line-height: 30px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.NewsList dd .ico1{font-size: 12px;color: #a9a9a9;padding-left: 21px;background: url(../images/ico_video1.png) no-repeat left center; line-height: 38px;}
.NewsList dd .p{color: #929293;}
.NewsList dd .btn_more{margin-top: 10px;}
.NewsList .Pages a{color: #666;border: 1px solid #363638;}
.Pages a.a_cur,.Pages a:hover{background-color: #f50000;border-color: #f50000;color: #fff;}

.NewsShow{padding: 5% 3%;background-color: #242426;margin:2% 0 10% 0;}
.NewsShow .NsTop{border-bottom: 1px solid #373739;margin-bottom: 2%;text-align: center;}
.NewsShow .NsTop .h2{line-height: 30px;font-size: 21px;}
.NewsShow .NsTop span{color: #a9a9a9;line-height: 50px;}
.PrevNext{position: relative; border-top: 1px solid #373739;padding-top: 20px;margin-top: 20px;font-size: 14px;line-height: 30px;}
.PrevNext .btn_back{display: block;width: 148px;height: 40px;line-height: 38px; border:1px solid #dd0000;border-radius: 3px;font-size: 14px;text-align: center;color: #dd0000;position: absolute;right: 0;top: 20px;}
.VideoBox{text-align: center;}



.Joinus{width: 841px;max-width: 96%;margin: 0 auto;overflow: hidden;padding-bottom: 10%;}
.CT_Joinus{margin-bottom: 3.5%;}
.JoinList ul{width: 104.6%;}
.JoinList li{width:28.8%;float: left;text-align: center; margin-right:4.5%;margin-bottom: 4.5%;min-height: 292px; border: 1px solid #393839;}
.JoinList li img{padding: 28px 0;}
.JoinList li .h3{font-size: 18px;color: #f70202;padding-bottom: 12px;}
.JoinList li .otherinfo{font-size: 14px;color: #a5a5a5; text-decoration: none;}
.AddressList{width: 100%;}
.AddressList dl{float: left; width: 63%;margin-bottom: 3%;}
.AddressList dl.odd{width: 37%;}
.AddressList dt{font-size: 18px;padding-bottom: 18px;}
.AddressList dd{font-size: 14px;color: #a5a5a5;}

.About{padding-bottom: 10%;}
.Culture{position: relative;margin-bottom: 10%;}
.Culture .LeftContent{max-width: 46%;position: absolute;left:4%;top: 0;height: 100%;}
.Culture .LeftContent table{height: 100%;}
.Culture .TextWarp{background: url(../images/bg_culture1.png) no-repeat left top; }
.Culture .Text{padding: 17px 26px;background: url(../images/bg_culture2.png) no-repeat right bottom;}
.Culture .Text .h2{font-size: 48px;font-weight: bold;line-height: 1em;padding-bottom: 26px;}
.Culture .Img{width: 44.2%;float: right;margin-right: 4%;}

.BrandList{border-bottom: 1px solid #393738;border-right: 1px solid #393738; margin-bottom: 15%;}
.BrandList li{border-top: 1px solid #393738;border-left: 1px solid #393738;width: 25%;float: left;text-align: center;padding: 2% 0; position: relative;}
.BrandList li .h3{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;margin-top: 8%;}
.BrandList li .overlay{display: none;position: absolute;top: 0;left: 0;z-index: 2; width: 100%;height: 100%; background-color: #cf0000;opacity: 0.9;}
.BrandList li .Text{display: none; position: absolute;top: 0;left: 0;z-index: 3; width: 100%;height: 100%;padding: 2% 9%;}
.BrandList li .Text:before{content: ""; width: 12px;height: 12px;border-left: 1px solid #fff;border-top: 1px solid #fff;position: absolute;left: 10px;top: 10px;}
.BrandList li .Text:after{content: ""; width: 12px;height: 12px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;right: 10px;bottom: 10px;}
.BrandList li .Text .h4{font-size: 18px;padding: 10% 0 6% 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.BrandList li .Text .p{max-height: 92px;overflow: hidden;color: #e8a3a3;}
.BrandList li:hover .overlay,.BrandList li:hover .Text{display: block;}

.PartnerList{}
.PartnerListWarp{overflow: hidden; position: relative;}
.PartnerList i{width: 50px; height: 50px; position: absolute; bottom: -70px; left: 50%; margin-left: -25px; cursor: pointer; background: url(../images/icon_btn.png) 0 0 no-repeat;}
.PartnerList i.on{background: url(../images/icon_btn2.png) 0 0 no-repeat;}
.PartnerListWarp ul{margin: -1px 0 0 -1px; }
.PartnerList{margin-bottom: 10%; position: relative;}
.PartnerList li{width: 20%;float: left;border-left: 1px solid #393939;border-top: 1px solid #393939;}
.PartnerList li.li1,
.PartnerList li.li2,
.PartnerList li.li3,
.PartnerList li.li4,
.PartnerList li.li5
{border-top: 1px solid transparent;}
.PartnerList li.li1,
.PartnerList li.li6,
.PartnerList li.li11
{border-left: 1px solid transparent;}
.PartnerList li .img1{display: block;}
.PartnerList li .img2{display: none;}
.PartnerList li:hover .img1{display: none;}
.PartnerList li:hover .img2{display: block;}
.PartnerList .bx-prev,.PartnerList .bx-next{display: block;width: 60px;height: 60px;text-indent: 60px;overflow: hidden; position: absolute;top: 50%;margin-top: -30px;}
.PartnerList .bx-prev{left: -110px;background: url(../images/btn_prev.png) no-repeat;}
.PartnerList .bx-next{right: -110px;background: url(../images/btn_next.png) no-repeat;}
.PartnerList .bx-prev:hover{background: url(../images/btn_prevon.png) no-repeat;}
.PartnerList .bx-next:hover{background: url(../images/btn_nexton.png) no-repeat;}
.PartnerList .bx-pager{position: absolute;bottom: -50px;width: 100%;text-align: center;}
.PartnerList .bx-pager .bx-pager-item{display:inline-block;*display: inline;*zoom:1;margin: 0 5px;}
.PartnerList .bx-pager .bx-pager-item a{display: block;width: 10px;height: 10px;text-indent: 10px;overflow: hidden; border-radius: 50%;background-color: #6e747c;}
.PartnerList .bx-pager .bx-pager-item a.active{background-color: #f60101;}
@media screen and (max-width:1500px){
    .PartnerList .bx-prev{left: -70px;}
    .PartnerList .bx-next{right: -70px;}
}
@media screen and (max-width:1420px){
    .PartnerList .bx-prev{left: 10px;}
    .PartnerList .bx-next{right: 10px;}
}

.JobList{background-color: #242426;padding-bottom: 5%; margin-bottom: 10%; position: relative;}

.JobList i{width: 50px; height: 50px; position: absolute; bottom: -70px; left: 50%; margin-left: -25px; cursor: pointer; background: url(../images/icon_btn.png) 0 0 no-repeat;}
.JobList i.on{background: url(../images/icon_btn2.png) 0 0 no-repeat;}


.JobList .JobHeader,.JobList .dt,.JobList .dd{width: 1140px;max-width: 96%;margin: 0 auto;}
.JobList .dl:hover{background: #28282A;}
.JobHeader li,.JobList .dt li{width: 16%;float: left;text-align: center;}
.JobHeader .li1,.JobList .dt .li1{width: 20%;text-align: left; color: #fff;}
.JobList .JobHeader li{line-height: 90px;font-size: 16px;}
.JobList li{line-height: 48px;color: #ababab;font-size: 14px;}
.JobList .dl{border-bottom: 1px solid #2f2f31;}
.JobList .dt .li1{padding-left: 20px;}
.JobList .dt .last{color: #d82128;}
.JobList .dt .last .ico{padding-right: 20px; background: url(../images/arrow_jobon.png) no-repeat right center;}
.JobList .dd{display: none; border-top: 1px solid #2f2f31;padding: 20px 20px 40px 20px;}
.JobList .dd .jobinfo{display: none; font-size: 14px;line-height: 28px; margin-bottom: 20px;}
.JobList .dd .btn{display: block; width: 162px;height: 40px;line-height: 40px;text-align: center;background-color: #cf0000;font-size: 14px; margin-top: 26px;color: #fff;}
.JobList .dl.on{background-color: #28282a;}
.JobList .dl.on .last .ico{background: url(../images/arrow_job.png) no-repeat right center;}

.JobShow{background-color: #28282a;padding-bottom: 5%; margin-bottom: 10%;}
.JobShow .JsTop{background-color: #242426;}
.JobShow .JsTop .JsTopWarp{width: 792px;margin: 0 auto;max-width: 96%;}
.JobShow .JsTop .h2{padding-top: 30px; font-size: 18px;padding-bottom: 20px;border-bottom: 1px solid #2f2f31;}
.JobShow .JsTop .p_prompt{font-size: 14px;color: #cf0000;margin: 14px 0 35px 0;}
.JobShow .JsTop .p_current{font-size: 14px;color: #7f7f80;padding-bottom: 17px;}
.JobShow .JsTop .p_current em{color: #fff;font-style: normal;}
.JsForm{width: 660px;margin: 0 auto;padding-top: 50px;max-width: 96%;font-size: 16px;line-height: 44px;color: #ababab;}
.JsForm .JsFLeft{width: 53.8%;float: left;margin-bottom: 30px;}
.JsForm .JsFLeft label,.JsForm .JsFFull label{width:98px;text-indent: 9px;display: block;float: left;}
.JsForm .JsFLeft .InputBox,.JsForm .JsFFull .InputBox{margin-left: 98px;}
.JsForm .JsFLeft .SelectBox{margin-left: 98px;position: relative;}
.JsForm .JsFRight{width: 39.1%;float: right;margin-bottom: 30px;}
.JsForm .JsFRight label{width:60px;display: block;float: left;}
.JsForm .JsFRight .SelectBox{margin-left: 60px;position: relative;}
.JsForm .Checkboxwarp{padding-right: 30px;float: left;}
.JsForm .Checkboxwarp span{padding-left: 8px;}
.JsForm .CheckboxBg{width: 19px;height: 18px;margin: 13px 0; position: relative; float: left;background: url(../images/bg_checkbox.png) no-repeat;}
.JsForm .CheckboxBg.on{background: url(../images/bg_checkboxon.png) no-repeat;}
.JsForm .CheckboxBg input{width: 19px;height: 18px;position: absolute;left: 0;top: 0; opacity: 0;}
.JsForm .AgeBox{margin-left: 146px;}
.JsForm .AgeBox label.hide{display: none;}
.JsForm .AgeBox .InputBox{margin-right: 30px;}
.JsForm .AgeBox span{float: right;}
.JsForm .btn_tel{display: block;width: 100%;height: 44px;background-color: #535355;text-align: center;color: #949495;}
.JsForm .JsFFull{width: 100%;float: left;}
.JsForm input.text{width: 100%;height: 44px;line-height: 42px;border: 1px solid #535355;text-indent: 21px;font-size: 16px;color: #ababab;}
.JsForm .SelectBox span{display: block;width: 100%;text-indent: 21px; height: 44px;line-height: 42px;border: 1px solid #535355;padding-right: 28px;  background: url(../images/arrow_jsform.png) no-repeat right center;}
.JsForm .SelectBox ul{position: absolute;top: 44px;left: 0;width: 100%;z-index: 2;display: none;background-color: #000;border-radius: 3px;border: 2px solid #787878;}
.JsForm .SelectBox ul a{display: block;height: 40px;line-height: 40px;background-color: #000;text-indent: 21px;}
.JsForm textarea{width: 100%; height: 136px;border: 1px solid #535355;padding: 10px 21px;font-size: 16px;color: #ababab;font-family:"微软雅黑";}
.JsForm .btn_submit{display: block;width: 258px;height: 44px;line-height: 44px;color: #fff;font-size: 16px;text-align: center;background-color: #cf0000; margin: 30px auto 0 auto;}
/*门店*/
.StoreDefault{/*height: 880px;*/text-align: center; padding: 2% 0;}
.StoreDefault .ImgLight{/*background: url(../images/bg_storelight1.png) no-repeat top center;*/ height: 100%;padding-top: 5%;}
.StoreDefault .ImgLight .h3{font-size: 20px;padding: 0px 0 2% 0;}
.StoreDefault .ImgLight .p{display: inline-block;width: 570px;max-width: 100%;}
.StoreDefault .ImgLight .btn_more{margin: 2% auto 0 auto;}

.StorePage{height: auto !important; position: relative;}
.StorePage .fp-tableCell{height: auto !important;}
/*.StorePage .img_wap{display: none;}*/
.StorePage .h3{position: relative;margin-bottom: 25px; font-size: 48px;font-weight: bold;line-height: 60px;padding: 12px 0; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.StorePage .h3:before,.StorePage .h3:after{content: "";width:0;height: 0;border: 12px solid transparent; position: absolute;left: 0;}
.StorePage .h3:before{top: 0;border-top-color: #f60101;}
.StorePage .h3:after{bottom: 0;border-bottom-color: #f60101;}
.StorePage .TextBox{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.StorePage .TextBox table{width: 100%;height: 100%;}
.StorePage .TextLeft{width: 640px;}
.StorePage .TextRight{width: 640px;float: right;}


.StoreList ul{width: 100%;}
.StoreList li{ margin:20px; width: 30%;float: left; font-size: 16px;text-align: center; position: relative; border-radius: 3px; overflow: hidden;}
.StoreList li img{width: 100%;height: 300px;
	transition: 4s;
	-moz-transition: 4s;	/* Firefox 4 */
	-webkit-transition: 4s;	/* Safari 和 Chrome */
	-o-transition: 4s;}
.StoreList li .Title{
	color: #ffffff;
    width: 100%;
    height: 150px;
    line-height: 235px;
    letter-spacing: 2px;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
	transition: opacity .35s,bottom .35s,transform .4s !important;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(top bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);
	}
/* .StoreList li .Overlay{display: none; background: url(../images/overlay_red.png) repeat;width: 100%; height: 100%;position: absolute;bottom: 0;left: 0;}
.StoreList li .Overlay table{width: 100%;height: 100%;}
.StoreList li .Overlay .h4{padding-bottom: 45px;background: url(../images/ico_store.png) no-repeat bottom center;}
.StoreList li .Title:before,.StoreList li .Overlay:before{width: 5px;height: 8px;border-left: 1px solid #fff;border-top: 1px solid #fff;position: absolute;left: 10px;top: 10px;}
.StoreList li .Title:after,.StoreList li .Overlay:after{ width: 5px;height: 8px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;right: 10px;bottom: 10px;}
 */
.StoreList li a:hover .Title{
	background: #00a0e9;
    background: -moz-linear-gradient(top,rgba(0,110,210,0) 0%,rgba(0,110,210,0.9) 65%,rgba(0,110,210,0.9) 100%);
    background: -webkit-linear-gradient(top,rgba(0,110,210,0) 0%,rgba(0,110,210,0.9) 65%,rgba(0,110,210,0.9) 100%);
    background: linear-gradient(top bottom,rgba(0,110,210,0) 0%,rgba(0,110,210,0.9) 65%,rgba(0,110,210,0.9) 100%);
}
.StoreList a:hover img{transform: scale(1.3);}

.news-cont{box-shadow: 1px 1px 8px #888888;}

.newslist-cont img{width: 100%;height: 300px;
	transition: 4s;
	-moz-transition: 4s;	/* Firefox 4 */
	-webkit-transition: 4s;	/* Safari 和 Chrome */
	-o-transition: 4s;}

.newslist-cont a.tit_0{
	text-decoration: none;
	color:#000;
	}
.newslist-cont li h4{
	height: 74px;
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 20px 10px;
	}
.newslist-cont li:hover h4{
	color:#fff !important;
	background: #00a0e9;
	transition: 0.5s;
	-moz-transition: 0.5s;	/* Firefox 4 */
	-webkit-transition: 0.5s;	/* Safari 和 Chrome */
	-o-transition: 0.5s;
}
	
.newslist-cont li:hover h4 a{
	color:#fff;
}

.newslist-cont a:hover img{transform: scale(1.3);}

/*产品*/
.ProductList{text-align: center;background: url(../images/bg_product.jpg) no-repeat center center; position: relative;}
.ProductList .h2{padding: 21px 0;margin: 0 auto 50px auto; border-top:1px solid #32383d;border-bottom:1px solid #32383d;display: block;width: 510px;max-width: 100%;}
.ProductList .ImgBox{position: relative;}
.ProductList .TextBox{position: absolute;text-align: left;}
.ProductList .TextBox .dot{width: 15px;height: 15px; background: url(../images/dot_hompro.png) no-repeat;}
.ProductList .TextBox .h3{font-size: 16px;margin-bottom: 20px;font-weight: bold;}
.ProductList .TextBox .p{font-size: 12px; line-height: 21px;}
.ProductList .tb1{left: 10px; top: 28%;}
.ProductList .tb2{right: 10px; top: 28%;}
.ProductList .tb1 .dot{position: absolute;right: -20px;top: 0px;}
.ProductList .tb2 .dot{position: absolute;left: -24px;top: 0px;}
.ProductList .TextBox .line{display: block;width:  163px;overflow: hidden;position: absolute;}
.ProductList .tb1 .line{height: 39px; background: url(../images/line_hompro1.png) no-repeat right center;top: -40px;right: -184px;}
.ProductList .tb2 .line{height: 28px; background: url(../images/line_hompro2.png) no-repeat left center;left: -193px;top: -21px;}
.ProductList .tb1 .Text{width: 180px;}
.ProductList .tb2 .Text{width: 180px;}
.ProductList .btn_more{position: absolute;bottom: 10%;left:50%;margin-left: -75px; }
.ProductList.active .pimg,.ProductList.active .h2,.ProductList.active .btn_more{
    -webkit-animation: fadeIn 1s linear 0s both;
    -moz-animation: fadeIn 1s linear 0s both;
    animation: fadeIn 1s linear 0s both;
}
.ProductList.active .tb1 .line{
    -webkit-animation: fadeInRight 0.6s ease 0.7s both;
    -moz-animation: fadeInRight 0.6s ease 0.7s both;
    animation: fadeInRight 0.6s ease 0.7s both;
}
.ProductList.active .tb2 .line{
    -webkit-animation: fadeInLeft 0.6s ease 0.7s both;
    -moz-animation: fadeInLeft 0.6s ease 0.7s both;
    animation: fadeInLeft 0.6s ease 0.7s both;
}
.ProductList.active .TextBox .dot{
   -webkit-animation: dotanimation 0.5s ease 1.2s both;
    -moz-animation: dotanimation 0.5s ease 1.2s both;
    animation: dotanimation 0.5s ease 1.2s both;
}
.ProductList.active .tb1 .txtwarp{
    -webkit-animation: fadeInLeft 1.2s ease 1.2s both;
    -moz-animation: fadeInLeft 1.2s ease 1.2s both;
    animation: fadeInLeft 1.2s ease 1.2s both;
}
.ProductList.active .tb2 .txtwarp{
    -webkit-animation: fadeInRight 1.2s ease 1.2s both;
    -moz-animation: fadeInRight 1.2s ease 1.2s both;
    animation: fadeInRight 1.2s ease 1.2s both;
}


.ProductShow,.ProductShowFirst{background: url(../images/bg_product.jpg) no-repeat center center;text-align: center;}
.ProductShowFirst{}
.ProductShowFirst .warp{margin-top: 7%;}
.ProductShowFirst .CenterImg{}
.ProductShowFirst .LeftText{position: absolute;left:0;top: 14%;}
.ProductShowFirst .RightText{position: absolute;right:0;top: 14%;}
.ProductShowFirst .Title{margin-top: 5%;max-width: 80%;margin: 0 auto;}

.ProductShow .warp{margin-top: 10%;}
.ProductShow .CenterImg{padding-bottom: 3%;}
.ProductShow .Title{padding-bottom: 3%;max-width: 80%; margin: 0 auto;}
.ProductShow .img_wap{display: none;}

.ProductShowFirst.active .CenterImg{
    -webkit-animation: fadeIn 1s linear 0s both;
    -moz-animation: fadeIn 1s linear 0s both;
    animation: fadeIn 1s linear 0s both;
}
.ProductShowFirst.active .LeftText{
    -webkit-animation: fadeInLeft 1s ease 0.7s both;
    -moz-animation: fadeInLeft 1s ease 0.7s both;
    animation: fadeInLeft 1s ease 0.7s both;
}
.ProductShowFirst.active .RightText{
    -webkit-animation: fadeInRight 1s ease 0.7s both;
    -moz-animation: fadeInRight 1s ease 0.7s both;
    animation: fadeInRight 1s ease 0.7s both;
}
.ProductShowFirst.active .Title{
    -webkit-animation: fadeInUpBig 1s ease 1s both;
    -moz-animation: fadeInUpBig 1s ease 1s both;
    animation: fadeInUpBig 1s ease 1s both;
}

.ProductShow.active .CenterImg{
    -webkit-animation: fadeIn 1s linear 0s both;
    -moz-animation: fadeIn 1s linear 0s both;
    animation: fadeIn 1s linear 0s both;
}
.ProductShow.active .Title{
    -webkit-animation: fadeIn 1s ease 0.7s both;
    -moz-animation: fadeIn 1s ease 0.7s both;
    animation: fadeIn 1s ease 0.7s both;
}
.ProductShow.active .SinglePage{
    -webkit-animation: fadeInUpBig 1s ease 1.2s both;
    -moz-animation: fadeInUpBig 1s ease 1.2s both;
    animation: fadeInUpBig 1s ease 1.2s both;
}

@-webkit-keyframes dotanimation {
    0% {
        opacity: 0;
        top: -20px;
    }
    100% {
        opacity: 1;
        top: 0px;
    }
}
@keyframes dotanimation {
    0% {
        opacity: 0;
        top: -20px;
    }
    100% {
        opacity: 1;
        top: 0px;
    }
}

@media screen and (max-height:768px){
    
    
    .HomProduct .h2{padding: 15px 0;}
    .HomProduct .ImgBox img{max-height: 480px;}
    .HomAbout img{max-height: 480px;}
    .ProductList .h2{padding: 15px 0;}
    .ProductList .ImgBox img{max-height: 480px;}

    .ProductShow .warp{margin-top: 4%;}
    .ProductShow .CenterImg img{max-height: 300px;}

}

@media screen and (max-height:800px){
    .StoreDefault .ImgLight img{max-height: 480px;}
}
@media screen and (max-height:600px){
    .HomProduct,.HomAbout,.ProductShowFirst,.ProductShow{padding: 2% 0;}
    .ProductList .btn_more{bottom: 5%;}
    #fp-nav{display: none;}
}


/*会员中心*/
.SubNavMember{position: static;float: left; margin-top: 80px;}
.SubNavMember .btn_menutoggle{display: none;}
.MemberContent{background-color: #242426;padding: 5% 3%;margin: 6% 0 10% 200px; min-height: 500px;}

.order_tab{height: 33px;overflow: hidden;}
.order_tab nav{ overflow:hidden; clear:both;}
.order_tab nav li{ float:left;  border:1px solid #eee; background-color:#f5f5f5;}
.order_tab nav li a{padding:0 10px; line-height:30px; display:block; border:1px solid #fff; border-bottom:0;}
.order_tab nav li.aon{background-color:#ff651a;}
.order_tab nav li.aon a{ color:#fff;}
.list_order{}
.list_order em{font-style: normal;}
.list_order table{ margin-bottom:2%; font-size:12px;}
.list_order th,
.list_order td{ border:1px solid #eee;border-collapse:collapse;}
.list_order th{ font-weight:normal; text-align:left;background-color: #3e3e3e; padding:2%;}
.list_order th dl{ float:right;}
.list_order th dl b{color: #d00;}
.list_order th .booknum{ margin-right:2%;}
.list_order th .zhangtai{ margin-left:10px;}
.list_order th .zhangtai span{color: #d00;}
.list_order th .booknum b{color: #d00;}
.list_order td{ padding:2% 1%; text-align:center;}
.list_order td h3{ margin:0; font-size:14px; padding-top:2%;}
.list_order td:nth-child(1){ width:20%;}
.list_order td:nth-child(6) span{ display:block;}
.list_order td:nth-child(6) a{color:#2780d4;}
.list_order td:nth-child(6) a:hover{color:#ff651a;}
.list_order td:nth-child(5) .li_01{color:#2780d4;}
.list_order td .hide_txt{ display:none; font-weight:bold; color:#333;}
@media screen and (max-width:640px){
.list_order th dl{ float:none;}
.list_order td{ display:inline-block; width:100% !important; border:0; border-bottom:1px solid #eee; text-align:left;}
.list_order td .hide_txt{ display:inline-block;}
.order_search{ font-size:12px; padding:2% 0;}
.order_search .text{ width:30%;}
.list_order td:nth-child(5) li{ float:left; width:33.333%;}
.list_order th .booknum{ display:block;}
    
   
}
@media screen and (max-width:320px){
.list_order td:nth-child(6) span{ display:inline-block; margin-left:3%;}

}
.SearchList{padding-bottom: 6%;}
.SearchList li{display: block;border-bottom: dashed 1px #d8d8d8;position: relative;line-height: 50px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right: 100px;}
.SearchList li span{position: absolute;right: 0;top: 0;}

.@media screen and (max-width:480px){
	MainNav li{padding: 0 8px 5px 8px;}
}


@media screen and (max-width:1280px){
   .HomBan .bx-prev{margin-left: 0;left: 10px;}
   .HomBan .bx-next{margin-left: 0;right: 10px;left: auto;}
}
@media screen and (max-width:1024px){
#fp-nav{display: none;}


.Top .TopRight{margin-top: 30px;}
.TopRight .TRwarp{position: absolute;right: 0;top: -15px;}
.SubNav{position: absolute;}

.section,.fp-tableCell{height: auto !important;}
.HomBan .Item{background-position:-9999px center;}
    
.HomBan .Item .pc{display: none;}
.HomBan .Item img{display: block; margin: 0 auto;}

.HomProduct .TextBox .line{display: none;}
.HomProduct .TextBox .txtwarp{background: rgba(0,0,0,0.5);padding: 5px;border-radius: 3px;}
.HomAbout .btn_more{margin-bottom: 30px;}

.ProductShowFirst,.ProductShow{padding-bottom: 5%;}

.StoreDefault{height: auto;}
.StoreDefault .ImgLight{padding-bottom: 5%;}

.StorePage .img_wap{display: block;}
.StorePage{background: #000 !important;}
.StorePage .TextLeft{width: 100%;padding: 5% 0;}
.StorePage .TextRight{width: 100%;padding: 5% 0;}

.bg_jxyx,
.bg_store2{background-size: 188% auto;}
.StoreList{margin: 85% 0 10% 0;}
.StoreList li{width: 31.3%;}

.YuYueForm .Price{float: none;}
.YuYueForm .btn_YuYue{float: none; margin-top: 20px;}

.VideoList li{width: 31.3%;margin-bottom: 4%;}

.SubNavMember .btn_menutoggle{display: block;}
.MemberContent{margin-left: 0;}
}
@media screen and (max-width:767px){
.HomBan .bx-controls{display: none;}

    
.FootTop .FTQRBox{width: 100%;padding: 0;margin: 0;border: 0px;}
.FootTop .FTQRBox li{width: 50%;float: left;}
.FootTop .FTAddress{width: 100%;margin: 0;}
.FootTop .FTForm{width: 100%;}
.FootBot .Copyright{padding-bottom: 0;float: none;}
.FootBot .OtherNav{padding-top: 10px;float: none;margin-left: -8px;}


.ProductShowFirst .LeftText{position: static;text-align: left;}
.ProductShowFirst .RightText{position: static;text-align: left;padding-bottom: 7%;}
.ProductShow .img_pc{display: none;}
.ProductShow .img_wap{display: block;}

.YuYueImg{width: 100%;margin: 0;}
.YuYueForm{width: 100%;max-width: 400px;}

.Culture .Img{width: 100%;text-align: center;float: none;margin: 0;margin-bottom: 5%;}
.Culture .LeftContent{max-width: 100%;position: static;text-align: center;}
.Culture .LeftContent table{display: inline-block;text-align: left;}

.BrandList li{width: 50%;}

.NewsList dt{width: 40%;}
.NewsList dd{margin-left: 0px;width: 56%;float: right;}
.NewsList dd .btn{display: none;}

.JobList li.hide_wap{display: none;}
.JobHeader li, .JobList .dt li{width: 30%;}
.JobHeader .li1, .JobList .dt .li1{width: 40%;}
.JobList .dd .jobinfo{display: block;}
.JsForm .JsFLeft{width: 100%;}
.JsForm .JsFRight{width: 100%;}
.JsForm .JsFRight .SelectBox{margin-left: 98px;}
.JsForm .btn_tel_warp{padding-left:98px;}
.JsForm .AgeBox{display: block;width: 100%; margin-left: 0;margin-top: 50px;}
.JsForm .AgeBox label.hide{display: block;}
.JsForm .AgeBox .InputBox{margin-left: 98px;}
.JsForm .JsFRight .Mar98{margin-left: 98px;}
.JsForm .Checkboxwarp{line-height: 18px;}
.JsForm .CheckboxBg{ margin: 0;}
.JsForm .JsFLeft label, .JsForm .JsFFull label{text-indent: 0px;}

.btn_menutoggle{display: none;}
.HomProduct .hd,.SubNav{position: relative;top: 0%;margin: 10px 0 0 2%; width: 96%;height: 36px;background: url(../images/bg_input1.png) no-repeat center / 100% 100%;text-indent: 30px;font-size: 14px; cursor: pointer;}
.HomProduct .hd .Title,.SubNav .Title{display: block;}
.HomProduct .hd ul,.SubNav ul{position: absolute;width: 100%;display: none;}
.HomProduct .hd li,.SubNav li{margin-bottom: 10px;}
.HomProduct .hd li a,.SubNav li a{width: 100%;}
.HomProduct .hd li.on a,.SubNav li.on a{background-color:transparent;}
.HomProduct .hd li.on:hover a,.SubNav li.on:hover a{background-color: #dd0000;}
.SubNav{margin-bottom: 20px;}
}

@media screen and (max-width:640px){
.HomAbout .btn_more{width: 100px;}
.btn_more{width: 100px;}  
    
.pad_top{ padding-top:50px;}
.warp{ max-width:90%;}
.ss{ display:none;}
.Top{position: fixed;top: 0;left: 0;z-index: 99;width: 100%; background-color: rgba(0, 0, 0, 0.5); min-height: 50px;}
.Top .warp{position: static;}
.Top .TopRight .Search,
.Top .TopRight .BoginBtn,
.Top .TopRight .BoginAfter
{display: none;}
.Top .Logo{position: absolute;left: 5px;top: 0;z-index: 2; padding-top: 0px; z-index: 99;}
.Top .Logo img{height: 50px;}
.Top .TopRight{background-image: none;margin-top:0px; padding-top:0; height: 40px;position: static;}
/*.Top .TopRight .btn_wap{display: block;}*/
.TopRight .TRwarp{display: none;position: absolute;width: 100%;background-color: #000;top: 0px;z-index: 2;padding: 23px 0;height: 80px;}
.Top .TopRight .Search{display: block;margin-right: 0;/*! float: right; */width: 100%;padding: 0 98px 0 10px;}
.Search input{display: block !important;width: 100%;position: static;}
.Search .btn_search{width: 30px;height: 30px;background: url(../images/ico_search2.png) no-repeat center / 100% 100%;position: absolute;right: 50px;}
.btn_search_close{display: block;}
/*.TopFixed{position: static;}
.HomTop{position: absolute;}*/

/*.Top .TopRight .MainNav{display: none;position: absolute;width: 100%;top: 50px;left: 0;z-index: 10;background: url(../images/overlay_black1.png) repeat;}*/
.Top .TopRight .MainNav{border-bottom: 1px solid #fff;height: 40px;}
.MainNav li{padding: 0;margin: 0 15px;line-height: 38px;}
.MainNav li:nth-child(2){margin-left: 0px;}
.MainNav li a{ font-size:13px;}
.MainNav li:hover dl{display: none;}


.CloumnTitle{font-size: 28px;}
.FootTop .warp{ padding:4% 0;}
.FootTop .FTQRBox li.first{ margin-bottom:20px;}
.FootTel{display: block; position:fixed; left:2%; bottom:2%; z-index:888; line-height:50px;}
.FootTel img{width: 50px; height: 50px;}
.FootTel b{ padding-left:10px; font-size:14px;}
.FTForm .btn{ margin-top:10px;}
.FTAddress .Item{margin-bottom:20px; }
.FTAddress .Item .p{ padding-left:18px; font-size:13px;}
.FTForm input.text{ margin-bottom:15px;}
.FTAddress .Item .h3{ font-size:15px; padding-bottom: 6px;}

.AddressList dt{ font-size:16px;}
.AddressList dd{ font-size:13px;}

.SubNav li a,
.HomProduct .hd li a{ line-height:30px; height:30px;}

/**/
.HomProduct .bx-controls { display:block;}
.HomProduct .bx-prev,
.HomProduct .bx-next{display: block;width:26px;height:26px;text-indent: 60px;overflow: hidden; position: absolute;top: 50%;}
.HomProduct .bx-prev{left:2%;background: url(../images/prevl.png) no-repeat center center;}
.HomProduct .bx-next{right:2%;background: url(../images/prevr.png) no-repeat center center;}
.HomProduct .bx-prev:hover{background: url(../images/btn_prevon.png) no-repeat center center;}
.HomProduct .bx-next:hover{background: url(../images/btn_nexton.png) no-repeat center center;}

.HomProduct .TextBox .h3{margin-bottom:10px;}
.HomProduct .TextBox{position: relative;left: auto;top: auto;right: auto;padding: 0 0 10px 0px;}
.HomProduct .TextBox .dot{position: absolute;left: 0;top: 0;}
.HomProduct .h2{width: 80%;padding: 11px;margin: 20px auto 20px auto;}
.HomProduct .btn_more{width: 100px; position: static;margin: 0 auto 30px auto;}
.HomProduct .TextBox .Text{width:70%;margin: 0 auto;text-align: center;}
.HomProduct .TextBox .dot{display: none;}
/**/
.ProductList .TextBox .h3{margin-bottom:10px;}
.ProductList .TextBox{position: relative;left: auto;top: auto;right: auto;padding: 0 0 20px 0px;}
.ProductList .TextBox .dot{position: absolute;left: 0;top: 0;}
.ProductList .h2{width: 80%;padding: 11px;margin:10px auto 10px auto;}
.ProductList .btn_more{width: 100px; position: static;margin: 0 auto 30px auto;}
.ProductList .TextBox .Text{width:90%;margin: 0 auto;text-align: center;}
.ProductList .TextBox .dot{display: none;}

.StorePage .h3{font-size: 32px;line-height: 45px;}
.StorePage .img_wap{display: block; padding-bottom:2%;}

.StoreList {margin: 80% 0 10% 0;}
.StoreList ul{width: 100%;}
.StoreList li{width: 46%;margin: 0 2% 4% 2%;}

.VideoList ul{width: 100%;}
.VideoList li{width: 46%;margin: 0 2% 4% 2%;}

.VideoBox video{height: 300px;}
.PrevNext .btn_back{position: static;margin-top: 20px;}

.JoinList ul{width: 100%;}
.JoinList li{width: 100%;margin-right: 0;}
.AddressList dl{width: 100%;margin-bottom: 5%;}
.AddressList dl.odd{width: 100%;}

.Culture .Text .h2{font-size: 36px;}

.PartnerList i {width: 30px; height: 30px; bottom: -30px; background: url(../images/icon_btn.png) 0 0 no-repeat; background-size: 100% 100%;}
.PartnerList i.on{background: url(../images/icon_btn2.png) 0 0 no-repeat; background-size: 100% 100%;}
.PartnerList li{width: 33.3%;border-left: 1px solid #393939;border-top: 1px solid #393939;}
.PartnerList li.li1,
.PartnerList li.li2,
.PartnerList li.li3
{border-top: 1px solid transparent;}
.PartnerList li.li1,
.PartnerList li.li4,
.PartnerList li.li7,
.PartnerList li.li10,
.PartnerList li.li13
{border-left: 1px solid transparent;}
.PartnerList .bx-pager{bottom: -30px;}
.PartnerList .bx-prev, .PartnerList .bx-next{width: 30px;height: 30px;background-size: 100% 100%;margin-top: -15px;}
.PartnerList .bx-prev:hover, .PartnerList .bx-next:hover{background-size: 100% 100%;}

.BrandList li{width: 100%;}
.BrandList li .h3{margin: 0 0 8% 0;}
.BrandList li .Text .h4{padding: 6% 0;}

.NewsList dd .p{height: 42px;overflow: hidden;}
.NewsList dd .h3 a{line-height: 1em;font-size: 16px;}
.NewsList dd .ico1{line-height: 20px;margin-top: 5px;display: block;}

.Register{text-align: center;}
.Register dl{display: inline-block;width: 400px;max-width: 100%;}
.Register dd{margin-right: 0;float: none;width: 100%;}
.Register .InputBox{}



/***关闭全部动画***/
.HomProduct.active .active .pimg,.HomProduct.active .active .h2,.HomProduct.active .active .btn_more,
.ProductList.active .pimg,.ProductList.active .h2,.ProductList.active .btn_more,
.ProductShowFirst.active .CenterImg,
.ProductShow.active .CenterImg
{
   -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    animation-duration: 0s;
}
.HomProduct.active .active .TextBox .dot,
.HomProduct.active .active .tb1 .txtwarp,
.HomProduct.active .active .tb2 .txtwarp,
.ProductList.active .TextBox .dot,
.ProductList.active .tb1 .txtwarp,
.ProductList.active .tb2 .txtwarp,
.ProductShowFirst.active .LeftText,
.ProductShowFirst.active .RightText,
.ProductShow.active .SinglePage,
.ProductShow.active .Title,
.ProductShowFirst.active .Title
{
   -webkit-animation: fadeIn 0s linear 0s both;
   -moz-animation: fadeIn 0s linear 0s both;
   animation: fadeIn 0s linear 0s both;
}
    
.NewsList dl{position: relative;}
.NewsList dt{position: absolute; left: 0; top: 30%;}    
    
}

@media screen and (max-width:480px){
.VideoList .overlay .p{max-height:69px;}
}
@media screen and (max-width:370px){
.MainNav li{padding: 0;margin: 0 10px;}
}

.NoMargin ul{ height: 260px;overflow: auto;}

.StoreAll{position: relative;}
.StoreAll i{width: 50px; height: 50px; position: absolute; bottom: -70px; left: 50%; margin-left: -25px; cursor: pointer; background: url(../images/icon_btn.png) 0 0 no-repeat;}
.StoreAll i.on{background: url(../images/icon_btn2.png) 0 0 no-repeat;}

@media screen and (max-width:640px){
.StoreAll i{width: 30px; height: 30px; position: absolute; bottom: -30px; left: 50%; margin-left: -15px; cursor: pointer; background: url(../images/icon_btn.png) 0 0 no-repeat; background-size: 100% 100%;}
.StoreAll i.on{background: url(../images/icon_btn2.png) 0 0 no-repeat; background-size: 100% 100%;}  
    
.JobList i{width: 30px; height: 30px; position: absolute; bottom: -30px; left: 50%; margin-left: -15px; cursor: pointer; background: url(../images/icon_btn.png) 0 0 no-repeat; background-size: 100% 100%;}
.JobList i.on{background: url(../images/icon_btn2.png) 0 0 no-repeat; background-size: 100% 100%;}    
    
.link_list ul li.li4,.link_list ul li.li5{border-top: 1px solid #393939;}
.link_list ul li.li6,.link_list ul li.li11{border-left: 1px solid #393939;}
}

.MainContent{    padding-top: 10px;
    padding-bottom: 60px;}
@media screen and (max-width:640px){
.MainContent{padding-top: 0;}
.About iframe{height: 400px;}
}
.topmenu {
    height: 30px;
    position: relative;
    z-index: 4;
    line-height: 30px;
}
.About .iframe{width: 100%; margin-top: 80px;}
.About iframe{width: 100%; height: 500px;}

.nav_35,.nav_37{display: none;}
#SubId35,#SubId37{display: none;}

.wk_c_right_name_r span, .wk_c_right_name_r a,body {
    color: #333;
}
.b_gray {
    border-bottom: 1px solid #efefef;
}

/* 按钮 */

/* Common button styles */

.anli_button {
	padding: 1em 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}

.anli_button a {
	color: #002e5c;
	text-decoration: none;
	outline: none;
}
.anli_button a:hover,
.anli_button a:focus {
	color: #00a0e9;
}

.anli_button :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.anli_btn_s {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	margin: 1em;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.anli_btn_s:focus {
	outline: none;
}
.anli_btn_s > span {
	vertical-align: middle;
}


/* Sizes */
.button--size-s {
	font-size: 20px;
    text-align: center;
    font-weight: bold;
}
/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}

/* Borders */
.button--border-thick {
	border: 3px solid;
}

/* Individual button styles */

/* Itzel */
.button--itzel {
	border: none;
	padding: 0px;
	overflow: hidden;
	width: 255px;
}
.button--itzel::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid;
	/* border-radius: inherit; */
	/*-webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%);*/
	/*-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);*/
	transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.button--itzel.button--border-thick::before {
	border: 3px solid;
	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
	transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
}

.button--itzel::before,
.button--itzel .button__icon {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--itzel .button__icon {
	position: absolute;
	top: 100%;
	left: 50%;
	padding: 18px;
	font-size: 20px;
	font-weight: bold;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
.button--itzel > span {
	display: block;
	padding: 20px;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.button--itzel:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--itzel:hover .button__icon {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translate3d(-50%, -100%, 0);
	transform: translate3d(-50%, -100%, 0);
}
.button--itzel:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}