@import url("reset.css");
/*@import url('style3g.css');*/
/* CSS Document */
/********************************    系统公用默认样式      ******************************/
/*@media screen and (min-width: 640px) {*/
body { background: #fff; font-family: 微软雅黑; font-size: 12px; overflow-x: hidden; /*background: url(../images/about_BG.jpg) repeat top;*/ }
.picicon { display: inline-block; text-align: center; font-family: FontAwesome; font-weight: normal; }
@font-face { font-family: 'FontAwesome'; src: url('/fonts/fontawesome-webfont.eot'); src: url('/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff') format('woff'), url('/fonts/fontawesome-webfont.ttf') format('truetype'), url('/fonts/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('/fonts/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; }

.webfont { font-family: 'webfont'; }
.font_arial { font-family: Arial; }
.font_yahei { font-family: 微软雅黑; }
a { text-decoration: none; color: #313131; font-family: 微软雅黑; }
a:hover { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.clear { clear: both; overflow: hidden; }
.wapDivContent { display: none; }
.mt10 { margin-top: 10px !important; }
.box { clear: both; }
.w1200 { margin: 0px auto; clear: both; width: 1200px; }
.w1200 img { max-width: 100%; }

.warpper { min-width: 1080px; margin: 0px auto; position: relative; clear:both; overflow:hidden;margin-top :102px }
.shop-title { padding-top: 22px }
.top1 { background: #373737; height: 33px; }

.top1 ul { margin: auto; width: 1200px }
.top1 ul li.left { line-height: 31px; float: left }
.top1 ul li.right { line-height: 31px; float: right }
.top1 ul li.logo { line-height: 31px; float: right; }
.top1 ul li p { font-size: 11px; color: #737373 }
.top1 ul li.join_bk { width: 62px; height: 14px; border-left: 1px #4c4c4c solid; margin-top: 8px; float: right; margin-left: 14px }
.top1 ul li.join_bk p a { font-size: 9px; color: #dbdbdb; line-height: 13px; text-align: center }

.navigation { background: #fff; width: 1920px; overflow: hidden; position: relative; }
.navigation ul { width: 1200px; margin: 0 auto }
.navigation ul li { line-height: 90px; float: left; margin-right: 48px }
.navigation ul li span { color: #FFF; font-size: 13px }
.topbox { max-width: 1920px; margin: 0px auto; min-width: 1200px; position: fixed; top: 0px; right: 0px; left: 0px; z-index: 999; background: #fff;  }

.about_bj {     height: 745px }
.about_bk { width: 1180px; height: 535px; margin:0px auto; background: #e5d8c1;position:relative;top:102px}
.about_bk ul { overflow:hidden; }
.about_bk ul li.left_wz { width: 819px; text-align: center; float: left;overflow:hidden }
.about_bk ul li.left_tp { float: right; }
.about_bk ul li.left_tp img { width: 100% }
.about_bk ul li.left_wz strong { color: #231f18; font-size: 30px; padding-top: 80px; display: block }
.about_bk ul li.left_wz p { color: #231f18; font-size: 24px; padding-top: 14px }
.about_bk ul li.left_wz b { color: #231f18; font-size: 22px;display:block;padding-bottom:13px }
.about_bk ul li.left_wz span { display: block; color: #231f18; font-size: 16px; line-height: 30px }
.about_bk ul li.left_wz a {float:left;margin-left:28px;margin-top:15px;display:block}
.about_bj1 { background: url(../images/about_02.jpg) no-repeat center; height: 745px; }

.about_videobk { width: 934px; height: 652px; margin: auto; text-align: center; padding-top: 58px }
.about_videobk strong { color: #d0c4ac; font-size: 18px }
.about_videobk b { padding-top: 30px; display: block }
.about_videobk p { padding-top: 30px }
.about_videobk p span { color: #d0c4ac; font-size: 18px }

.about_bj2 { background: url(../images/about_01.jpg)no-repeat center; height: 745px; position: relative; }
.about_bj2 ul { width: 1180px; height: 535px; margin: auto; background: #e5d8c1; position: absolute; top: 110px; right: 110px }
.about_bj2 ul li.left_wz { width: 819px; text-align: center; float: left }
.about_bj2 ul li.left_tp { float: right; }
.about_bj2 ul li.left_tp img { width: 100% }
.about_bj2 ul li.left_wz strong { color: #231f18; font-size: 23px; padding-top: 80px; display: block }
.about_bj2 ul li.left_wz p { color: #231f18; font-size: 18px; padding-top: 24px }
.about_bj2 ul li.left_wz span { display: block; color: #231f18; font-size: 12px; line-height: 35px; padding-top: 10px }
.about_bj2 ul li.left_wz b { color: #231f18; font-size: 16px; padding-top: 10px; display: block }

.about_bj3 { background: url(../images/about_01.jpg)no-repeat center; height: 745px; position: relative }
.about_bj3 ul { width: 1218px; height: 310px; margin: auto }
.about_bj3 ul li span { color: #fff }
/*.menubox { width: 1200px;margin:auto ;position:absolute;top:15px;left:320px}*/
/*.menu { }
    .menu ul {  position: relative; }
    .menu ul li { float:left;}
    .menu ul li p a { overflow:hidden; display: block; text-align: center; line-height: 90px; color: #282828; width: 105px; font-size: 12px; height: 50px; margin: 0px auto; position: relative; padding-left: 15px; border-left: 2px #fff solid; }
.menu ul li.child_0 p a { height:90px; } 
.menu ul li.child_1 p a { height:90px; }    
.menu ul li.child_2 p a { height:90px; } 
.menu ul li.child_3 p a { height:90px; } 
.menu ul li.child_4 p a { height:90px; } 
.menu ul li.child_5 p a { height:90px; } 
.menu ul li.child_6 p a { height:90px; } 
.menu ul li.child_7 p a { height:90px; } 
.menu ul li p a span { display: none; }
    .menu ul li p a em { display: block; }
    .menu ul li p a.sel { border-left: 2px #FFF solid ; }
    .menu ul li:hover { background: #ffb300; }
    .menu ul li:hover p a { color: #fff; font-size: 14px;border-left: 2px #ffb300 solid;  }
    .menu ul li:hover p a span { display: block; }
    .menu ul li:hover p a em { display: none; }
    .menu ul li.child_1 dl { position: absolute; left: 122px; top: 90px; background: #ffb300; opacity: 0.9; width: 800px; height: 195px; font-size: 20px; color: #fff; display: none;border-bottom:2px #fe7e00 solid}
    .menu ul li.child_0 dl { position: absolute; left: 0px; top: 90px; background: #ffb300; opacity: 0.9; width: 800px; height: 195px; font-size: 20px; color: #fff; display: none;border-bottom:2px #fe7e00 solid}
    .menu ul li:hover dl { display: block; padding: 0px 30px; }
    .menu ul li:hover dl dt { margin-top: 88px; text-align: center; font-size: 20px; font-family: Arial; line-height: 50px; height: 159px; border-bottom: 2px #404040 solid; }
    .menu ul li:hover dl a { display: block; line-height: 47px; border-bottom: 1px #404040 solid; text-align: center; color: #fff; font-size: 16px; }
    .menu ul li.child_4 p  {padding-left:200px}*/

.lxwm { top: 300px; z-index: 9999; position: absolute; right: 0;position:fixed }

.menubox { width: 1200px; margin: 0px auto; position: relative; background: #fff; }
.menubox .logo img { }
.menubox .logo a { display: block; position: absolute; left: 42%; z-index: 100; }
.menubox .menu { position: relative; z-index: 99; }
.menubox .menu ul { padding: 0px; margin: 0px; width: 100%; height: 68px; }
.menubox .menu ul li { display: block; float: left; width: 120px; text-align: center; position: relative; }
.menubox .menu ul li p { line-height: 70px; }
.menubox .menu ul li p span {font-size:17px;color:#282828}
.menubox .menu ul li p em { display: none;font-size:17px;color:#282828 }

.menubox .menu ul li.child_4 { margin-left: 240px; }
.menubox .menu ul li.child_4 dl dd {float:right;    border-left: 1px #cc8f00 solid;border-right:0px;width:66px;padding-left:60px}
.menubox .menu ul li.child_4 dl dt {float:left}
.menubox .menu ul li.child_5 dl dd {float:right;    border-left: 1px #cc8f00 solid;border-right:0px;width:66px;padding-left:60px}
.menubox .menu ul li.child_5 dl dt {float:left}
.menubox .menu ul li.child_6 dl dd {float:right;    border-left: 1px #cc8f00 solid;border-right:0px;width:80px;padding-left:60px}
.menubox .menu ul li.child_6 dl dt {float:left}
.menubox .menu ul li.child_7 dl dd {float:right;    border-left: 1px #cc8f00 solid;border-right:0px;width:66px;padding-left:60px}
.menubox .menu ul li.child_7 dl dt {float:left}


/*.menubox .menu ul li.child_5 { padding-left:0px;}
.menubox .menu ul li.child_6 { margin-left:-60px;}
.menubox .menu ul li.child_7 { padding-left:0px;}*/

.menubox .menu ul li:hover p { background: #ffb300; }
.menubox .menu ul li:hover p span { display: none; }
.menubox .menu ul li:hover p em { display: block; }
.menubox .menu ul li dl { display: none; position: absolute; width: 400px; background: #ffb300; border-bottom: #fe7e00 solid 4px; padding: 20px 40px; overflow: hidden; }
.menubox .menu ul li dl dd { width: 128px; border-right: 1px #cc8f00 solid; float: left;height: 150px }
.menubox .menu ul li dl dd a { display: block; line-height: 30px; font-size: 14px; color: #282828; text-align: left; }
.menubox .menu ul li.child_7 dl { width: 400px; left: -360px; }
.menubox .menu ul li.child_6 dl { width: 400px; left: -360px; }
.menubox .menu ul li.child_5 dl { width: 400px; left: -360px; }
.menubox .menu ul li.child_4 dl { width: 400px; left: -360px; }

.menubox .menu ul li:hover dl { display: block; }
.menubox .menu ul li dl dt {float:right;}
.menubox .menu ul li dl dt img {width:224px;height:116px}
.menubox .menu ul li dl dt span { display: block; color: #282828; font-size: 14px; line-height: 30px; height: 30px }
.rightmenu { position: fixed; right: 0px; top: 0px; bottom: 0px; background: #fff; width: 121px; z-index: 999; }
.rightmenu .link { position: absolute; bottom: 90px; text-align: center; width: 121px; }
.rightmenu .link img { }
.menu .wap { text-align: center; margin-top: 20px; }
.AboutDiv img { max-width: 100%; }

.AboutDiv .posvideo { position: relative; top: -32px; }

.About_history { background: url('../images/history/about_1_03.jpg') no-repeat top center #eeeade; background-size: 100%; position: relative; }
.About_history h3 { padding: 30px 0px; }
.About_history .swiper-container-his { margin-top: 50px; }
.About_history .swiper-container-his img { max-width: 100%; margin: 0px auto; }
.About_history .swiper-pagination .swiper-pagination-bullet { background: #000; border: 1px #fff solid; color: #fff; width: 290px; height: 45px; line-height: 45px; opacity: 1; border-radius: 0px; }
.About_history .swiper-pagination .swiper-pagination-bullet-active { background: #808080; }
.About_history .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 230px !important; }
.About_history .swiper-button-next { background: url(../images/history/about_r.png) no-repeat; width: 62px; height: 62px; }
.About_history .swiper-button-prev { background: url(../images/history/about_l.png) no-repeat; width: 62px; height: 62px; }

.shoplist { background: url(../images/about_BG.jpg) top center; height:745px; }
.shoplist .shop-swiper-container {padding-top: 168px; position: relative; margin:0px auto; width:1100px; overflow:hidden;}

.shoplist .shop-swiper-container .swiper-slide { height:415px;}
.shoplist .shop-swiper-container .swiper-slide-active {  position:relative; top:-20px;}
.shoplist .shop-swiper-container .swiper-slide a {height:415px; display: block;  overflow: hidden; }
.shoplist .shop-swiper-container .swiper-slide-active a { }
.shoplist .shop-swiper-container .swiper-slide a img { width: 100%; }

.shoplist .shop-swiper-container .swiper-slide p { display: block; background: #d0c4ac; font-size: 18px; color: #666; line-height: 50px; text-align:center; }
.shoplist .shop-swiper-container .swiper-slide-active p { line-height: 70px; }
.shoplist .shop-swiper-container img { max-width: 100%; margin: 0px auto; }
.shoplist .shop-swiper-button { position: absolute; width: 50px; height: 50px; z-index: 999; color: #fff; line-height: 55px; font-size: 18px; text-align: center; opacity:0.8; }
.shoplist .shop-swiper-button a { display: block; width: 100%; height: 100%; color: #666; background: #eee; border-radius: 50%; border: 1px #ddd solid; }
.shoplist .shop-swiper-button a:hover { color: #fff; background: #666; }
.shoplist .shop-swiper-button-next { right: -10px; }
.shoplist .shop-swiper-button-next { right: -10px; }
.shop-swiper-honnordiv { width:1310px; margin:0px auto; position:relative; height:500px; top:-200px;left: -15px }
.shop-swiper-buttondiv { width:1080px; margin:0px auto; position:relative; height:500px; top:-278px; }
.job-swiper-buttondiv { width:1400px; margin:0px auto; position:relative; height:500px; top:-278px; }
.shop-swiper-button { position: absolute; width: 50px; height: 50px; z-index: 999; color: #fff; line-height: 55px; font-size: 18px; text-align: center; opacity:0.8; }
.shop-swiper-button a { display: block; width: 100%; height: 100%; color: #666; background: #eee; border-radius: 50%; border: 1px #ddd solid; }
.shop-swiper-button a:hover { color: #fff; background: #666; }
.shop-swiper-button-next { right: -10px; }

.aboutbk3 ul { margin-top: 103px }
.aboutbk3 ul.tit li { text-align: center; padding-top: 12px; }
.aboutbk3 ul.tit li span { font-size: 64px; color: #000000; letter-spacing: 8px; }
.aboutbk3 ul.tit li span.hmy { font-size: 18px; color: #000000; letter-spacing: 5px }
.aboutbk3qy { width: 1180px; height: 762px; margin: 0px auto; margin-top: 94px; }
.aboutbk3qy ul { width: 588px; height: 377px; margin: 0px 0px; float: left }
.aboutbk3qy ul li strong { font-size: 19px; color: #000000; letter-spacing: 5px }
.aboutbk3qy ul li.qyyj { float: left; padding-top: 50px; padding-left: 60px }
.aboutbk3qy ul li.qyyj1 { width: 592px; height: 180px; text-align: center; float: left; margin-top: 30px; }
.aboutbk3qy ul.jz { text-align: center; width: 580px; }
.aboutbk3qy ul li.qysm { margin: 0px 0px; }
.aboutbk3qy ul li strong.zt { font-size: 18px }
.aboutbk3qy ul li span.fwzt { font-size: 18px; color: #363636; }
.aboutbk3qy ul li span.hmyzt { font-size: 16px; color: #666666; line-height: 30px }
.aboutbk3qy ul li.fw { line-height: 70px }
.aboutbk3qy ul li.hmysk { line-height: 30px }
.aboutbk4qy { height: 123px }



.indexbox img { max-width: 100%; }

.indexbox .swiper-wrapper .swiper-slide img { width: 100%; }
.indexbox .swiper-wrapper .swiper-slide { height: 745px; }
.indexbox .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; }
.indexbox .swiper-pagination .swiper-pagination-bullet { background: none; border: 1px #fff solid; width: 10px; height: 10px; opacity: 1; }
.indexbox .swiper-pagination .swiper-pagination-bullet-active { background: #fff; }
.indexbox .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px !important; }

.indexnewsdiv {background: url(../images/new_01.jpg)  center center ; height:745px;}
.indexnewsdiv ul { overflow: hidden; width: 25%;;margin:0 auto }
.indexnewsdiv .newsitem { width: 99%; margin:0px 1%; float: left; overflow: hidden; border-radius: 5px;background:#fff }
.indexnewsdiv .newsitem img { max-width: 100%; margin: 0px auto; display: block; }
.indexnewsdiv .newsitem p { text-align: left; margin: 5px 5px; }
.indexnewsdiv .newsitem p.tit { color: #9c9d9a; line-height: 35px; font-size: 14px; height: 35px; overflow: hidden; }
.indexnewsdiv .newsitem p.time { color: #9c9d9a; font-size: 12px; }
.indexnewsdiv .newsitem p.dec { color: #a4a4a0; font-size: 12px; }
.indexnewsdiv ul li { text-align: center }
.indexnewsdiv ul li p.xwbt { color: #e9e0ce; font-size: 26px; padding-top: 50px }
.indexnewsdiv ul li span { display: block; padding-bottom: 45px; }


.new_kb  {width:1200px;margin:0px auto}
.new_list_div {color: #5e5b54;
    height: 495px;
    overflow: hidden;
    overflow-y: auto; padding:0px 40px;}
.new_list_div::-webkit-scrollbar { width: 8px; }
.new_list_div::-webkit-scrollbar-track { background-color: #8a8777; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
.new_list_div::-webkit-scrollbar-thumb  { background-color: #d0c4ac; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
.job { background: url(../images/job_01.jpg)no-repeat center; height: 745px;  }
.job ul li.job_bt { text-align: center; padding-top: 50px }
.job ul li.job_bt p { color: #666; font-size: 12px; line-height: 20px }

.job ul li.job_bt span { display: block; color: #e9e0ce; font-size: 23px }


.job .swiper-container { width: 1220px; overflow: hidden;margin-top:30px }
.job .swiper-wrapper { }
.job .swiper-wrapper .swiper-slide { background: #e5ddcc; float: left; margin-right: 5px }
.job .swiper-wrapper .swiper-slide ul { width: 240px; margin: 0px auto; }
.job .swiper-wrapper .swiper-slide ul li.tit { color: #000000; font-size: 28px; line-height: 72px; height: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px #a8a8a8 solid; margin-bottom: 10px; }
.job .swiper-wrapper .swiper-slide ul li.main { color: #5e5b54; height: 350px; overflow: hidden; overflow-y: auto; }
.job .swiper-wrapper .swiper-slide ul li.main b {font-size:15px}
.job .swiper-wrapper .swiper-slide ul li.main::-webkit-scrollbar { width: 8px; }
.job .swiper-wrapper .swiper-slide ul li.main::-webkit-scrollbar-track { background-color: #ebeae5; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
.job .swiper-wrapper .swiper-slide ul li.main::-webkit-scrollbar-thumb { background-color: #d0c4ac; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }

.job .swiper-wrapper .swiper-slide ul li.main b { margin-top: 10px; display: block; }
.job .swiper-wrapper .swiper-slide ul li.main span { text-align: justify; line-height: 24px; }
.job .swiper-wrapper .swiper-slide ul li.btn { padding: 20px 0px; border-top: 1px #a8a8a8 solid; margin-top: 20px; }
.job .swiper-wrapper .swiper-slide ul li.btn strong { width: 130px; height: 42px; background: #b8ae96; display: block; text-align: center; line-height: 42px; color: #f5f5f5; font-size: 14px; }

.job .swiper-wrapper .swiper-slide:hover { background: #b5a579; cursor:pointer}
.job .swiper-wrapper .swiper-slide:hover ul li.tit {color:#fff;border-bottom: 1px #fff solid;  }
.job .swiper-wrapper .swiper-slide:hover ul li.main {color:#fff; }
.job .swiper-wrapper .swiper-slide:hover ul li.btn {border-top: 1px #fff solid; }
.job .swiper-wrapper .swiper-slide:hover ul li.btn strong { background:#bf0000 }

/*.job .swiper-wrapper .swiper-slide:hover { background: #b5a579; }

.job .swiper-wrapper .swiper-slide dt { width: 250px; height: 52px; display: block; border-bottom: 1px #a8a8a8 solid; margin-left: 30px }
.job .swiper-wrapper .swiper-slide dt a { color: #a9a395; font-size: 15px; line-height: 52px; }

.job .swiper-wrapper .swiper-slide dt b { }
.job .swiper-wrapper .swiper-slide dt.gwms { width: 250px; height: 370px; display: block; border-bottom: 1px #a8a8a8 solid; margin-left: 30px }
.job .swiper-wrapper .swiper-slide dt.gwms b { color: #666; font-size: 15px; line-height: 52px }

.job .swiper-wrapper .swiper-slide dt.gwms span { color: #666; font-size: 12px; line-height: 20px }
.job .swiper-wrapper .swiper-slide strong { width: 130px; height: 42px; background: #c30d18; display: block; text-align: center; line-height: 42px; color: #f5f5f5; font-size: 11px; margin-left: 30px; margin-top: 15px }*/

.contact_bj { background: url(../images/Contact01.jpg) no-repeat top center; height: 625px; position: relative;  padding-top: 120px; }
.contactdiv { width: 1217px; height: 513px; margin: 0px auto; position: relative; }
.contact_bk1 { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; }
.contact_bk { position: absolute; }
.contact_bk ul li { margin: 50px 50px; float: left }
.contact_bk_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.8; background: #000; z-index: 1; }
.contact_bk ul li strong { padding-top: 12px; display: block; color: #a7a7a7; font-size: 19px; line-height: 30px; margin-right: 20px; float: left; height: 45px }
.contact_bk ul li b { display: block; color: #ffffff; font-size: 36px }
.contact_bk ul li p { color: #a7a7a7; font-size: 7px; display: block; }
.contact_bk ul li span { color: #d7d8d7; font-size: 20px; display: block; padding-left: 5px }
.contact_bk ul li span.smwz { color: #d7d8d7; font-size: 15px; display: block; text-align: center }
.contact_bk ul li p span { color: #a7a7a7; font-size: 12px }


.newsmenu ul { overflow: hidden; border-bottom: 1px #ebeae5 solid; margin-top: 20px; }
.newsmenu ul li { line-height: 54px; float: left; border: 1px #ebeae5 solid; margin-left: 1px; }
.newsmenu ul li a { display: block; line-height: 54px; color: #2e2e2e; padding: 0px 20px; font-size: 16px }
.newsmenu ul li a:hover, .newsmenu ul li a.sel { background: #ebeae5; }

.morebutton { line-height: 30px; color: #ccc; font-size: 14px; }
.morebutton span { width: 100px; display: block; background: #000; margin: 0px auto; position: relative; z-index: 2;text-align:center }
.morebutton:after { content: ''; height: 1px; background: #ddd; position: relative; width: 200px; margin: 0px auto; display: block; z-index: 1; top: -15px; }
.web-page { overflow: hidden; clear: both; }

.AboutDiv_gbook { background: url('../images/conter_031.jpg') no-repeat top center; padding: 15px 0px; clear: both; }
.guestbook { width: 700px; height: 509px; margin: 0px auto; background: #fff; border-radius: 5px; border: 1px #ddd solid; }
.guestbook ul.fr { width: 700px; text-align: left; }
.guestbook ul.fr li { padding: 15px 70px; clear: both; overflow: hidden; }
.guestbook ul.fr li p { width: 50%; float: left; }
.guestbook ul.fr li em { line-height: 30px; color: #454545; margin-left: 10px; }
.guestbook ul.fr li p input.txt { width: 258px; height: 35px; line-height: 35px; border: 1px #ddd solid; background: #edf1f4; border-radius: 16px; padding-left: 10px; }
.guestbook ul.fr li .txtcontent { width: 540px; height: 100px; line-height: 35px; background: #edf1f4; border: 1px #ddd solid; border-radius: 16px; padding-left: 10px; }
.guestbook ul.fr li .btn { margin-top: 30px; width: 260px; margin: 0px auto; display: block; background: #ca334d; border-radius: 16px; height: 35px; border: 1px #ca334d solid; line-height: 35px; font-size: 18px; font-family: Arial; color: #fff; }
.guestbook ul.fr li strong { font-size: 30px; font-family: Arial; color: #000; display: block; text-align: left; line-height: 100px; }
.guestbook ul.fr li span { color: #494949; font-size: 12px; line-height: 25px; }


.newsbody { padding: 0px 10px; line-height: 1.8; color: #1a1a1b; text-align: justify; }

.newsbody h2 { text-align: center; font-size: 24px; color: #222; line-height: 60px; }
.newsbody h3 { text-align: center; color: #9b9b9b; line-height: 30px; }
.newsbody h4 { text-align: center; }
.newscontent { font-size: 14px; color: #666666; padding-top: 30px; }
.newscontent strong { color: #222222; }
.newscontent img { max-width: 100%; height: auto !important; margin: 0px auto; display: block; }


.hrdiv { width: 100%; margin: 0px auto; margin-top: 80px; }
.hrdiv ul li { overflow: hidden; font-size: 14px; }
.hrdiv ul li span { display: block; float: left; width: 20%; height: 50px; line-height: 50px; text-align: center; }
.hrdiv ul li span:first-child { text-align: left; }
.hrdiv ul li span:last-child { text-align: right; }
.hrdiv ul.hrhead li { background: #444444; padding: 0px 30px; }
.hrdiv ul.hrhead li span { color: #fff; }

.hrdiv ul.hrlist li.tit { margin: 0px 30px; border-bottom: 1px #ddd solid; cursor: pointer; }
.hrdiv ul.hrlist li.tit span { color: #666; }
.hrdiv ul.hrlist li.data { margin: 10px; padding: 40px 40px; background: #f5f5f5; color: #666; text-align: left; }
.hrdiv ul.hrlist li.data td { }
.hrdiv ul.hrlist li.data .data_detail { line-height: 1.5; }
.hrdiv ul.hrlist li.data .data_detail h3 { font-size: 16px; font-weight: bold; line-height: 50px; }
.hrdiv ul.hrlist li.data .data_btn { width: 150px; height: 40px; line-height: 40px; font-size: 16px; background: #c30d18; color: #fff; text-align: center; margin-top: 50px; cursor: pointer; }

.hrbook { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; display: none; }
.hrbg { content: ''; background: #000; opacity: 0.8; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1; }
.hrbox { width: 500px; overflow: hidden; position: relative; z-index: 99; background: #fff; margin: 6% auto; padding: 30px; border-radius: 10px; }
.hrbox .lefttitle { height: 50px; line-height: 50px; text-align: left; font-size: 30px; }
.hrbox .lefttitle span { float: right; position: relative; font-size: 40px; top: -20px; cursor: pointer; }
.hrbox .leftdec { height: 30px; line-height: 30px; text-align: left; font-size: 12px; color: #bababa; margin-bottom: 10px; }
.hrbox ul { overflow: hidden; }
.hrbox ul li { width: 45%; float: left; line-height: 30px; font-size: 16px; margin-bottom: 10px; color: #666; }
.hrbox li input.txt { line-height: 30px; width: 90%; font-size: 14px; margin: 0px auto; padding-left: 5%; color: #666; }
.hrbox li input.files { border: 1px #999 solid; }
.hrbox li.muti { width: 90%; clear: both; text-align: left; }
.hrbox li.muti input { width: 95%; margin: 0px auto; display: block; padding-left: 5%; }
.hrbox li textarea { padding-top: 10px; width: 95%; height: 100px; padding-left: 5%; font-size: 14px; color: #666; }
.hrbook li input.btn { background: #231815; line-height: 54px; padding: 0px 50px; height: 54px; font-size: 18px; text-align: center; border: none; color: #fff; margin: 20px auto; }


.joinbk { text-align: center }
.joinbk1 { text-align: center }
.joinbk1_1 { width: 936px; height: 140px; margin: 103px auto; }
.joinbk1_1 ul.td { width: 155px; height: 140px; float: left; margin-right: 10px; margin-left: 55px; }

.prolistbox { position: relative; }



.photoDiv { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100001; display: none; }
.photoDiv::after { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #000; opacity: 0.95; z-index: 100001; content: ''; }
.photoframe { position: relative; z-index: 100003; }
.phototitle { position: absolute; z-index: 100004; top: 0px; right: 0px; width: 50px; height: 50px; background: #000; opacity: 0.5; color: #fff; font-size: 40px; text-align: center; line-height: 45px; border-radius: 50%; cursor: pointer; }






.footbg { }
.foot { clear: both; text-align: center; height: 146px; background: #fff }
.backtotop { width: 1200px; margin: 0px auto; padding: 18px 0px; font-size: 12px; color: #979797; cursor: pointer; }
.backtotop ul { overflow: hidden; }
.backtotop ul li { float: left; margin-left: 15px; padding-top: 20px; }
.backtotop ul li span { color: #696868; font-size: 11px; }
.backtotop ul li b { color: #373737; font-size: 19px; display: block; margin-left: 20px }
.backtotop ul li.shop { line-height: 35px; width: 410px; text-align: center; border-left: 1px #ebebeb solid; border-right: 1px #ebebeb solid; margin-left: 70px; height: 50px; }
.backtotop ul li.shop img { margin-left: 15px }
.backtotop ul li.shop span { color: #808080; font-size: 11px }
.backtotop ul li.flog { line-height: 35px; float: right }
.backtotop ul li.flog img { margin-left: 28px }

.copyright { background: #f3f3f3;padding-top:10px;padding-bottom:10px }
.copyright a { color: #b1b1b1; font-size: 12px; font-family: Arial; line-height: 30px;display: block }


/*}*/


.aboutbk4 { background: url(../images/about_01.jpg)no-repeat center; height: 745px; position: relative; }
.aboutbk4 ul.tit li { text-align: center; padding-top: 12px; }
.aboutbk4 ul.tit li span { font-size: 64px; color: #000000; letter-spacing: 8px; }
.aboutbk4 ul.tit li span.hmy { font-size: 18px; color: #000000; letter-spacing: 5px }
.aboutbk4 ul li.enhh { padding-top: 71px; }
.aboutbk4tp { width: 1191px; height: 332px; margin: auto; padding-top: 200px }
.aboutbk4tp ul li span { margin-right: 10px }
.aboutbk5tp ul.bk { width: 1184px; height: 53px; margin: 0px auto; border-bottom: 1px #9c9a93 solid }
.aboutbk5tp ul li span { margin: -30px; line-height: 110px; }
.flexslider2 ul li { float: left; }

.brand { background: url(../images/brand_01.jpg)no-repeat center; height: 745px; position: relative; }
.brand ul { width: 1223px; height: 547px; margin: auto; padding-top: 138px }
.brand ul li strong { color: #000000; font-size: 42px }
.brand ul li b { color: #000000; font-size: 30px; display: block }
.brand ul li p { color: #ffffff; font-size: 20px; display: block; background: #000000; width: 210px; height: 30px; line-height: 30px; padding-left: 5px; margin-top: 10px }
.brand ul li span { color: #ffffff; font-size: 15px; display: block; margin-top: 10px ;line-height:24px}
.brand ul li a { color: #fbfaf3; font-size: 30px; display: block; margin-top: 10px }

.BrandSwiper { width: 100%;  }
.BrandSwiper .swiper-slide { width: 400px !important; height: 565px !important; background-size: auto 100% !important; }
.BrandSwiper .swiper-slide a { display: block; width: 100%; height: 100%; }

.BrandSwiper .swiper-slide a img { max-width: 100%; }
.BrandSwiper .swiper-pagination .swiper-pagination-bullet { background: none; border: 1px #fff solid; width: 10px; height: 10px; opacity: 1; }
.BrandSwiper .swiper-pagination .swiper-pagination-bullet-active { background: #fff; }
.BrandSwiper .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px !important; }



.brand_design { background: url(../images/brand_02.jpg)no-repeat center; height: 745px; position: relative;  }
.brand_design ul { width: 1223px; height: 547px; margin: auto; padding-top: 138px }
.brand_design ul li strong { color: #000000; font-size: 42px }
.brand_design ul li b { color: #000000; font-size: 30px; display: block }
.brand_design ul li p { color: #ffffff; font-size: 20px; display: block; background: #000000; width: 210px; height: 30px; line-height: 30px; padding-left: 5px; margin-top: 10px }
.brand_design ul li span { color: #ffffff; font-size: 15px; display: block; margin-top: 10px }
.brand_design ul li a { color: #fbfaf3; font-size: 30px; display: block; margin-top: 10px }

.brand_exclusive { background: url(../images/brand_03.jpg)no-repeat center; height: 745px; position: relative; margin-top: 80px }
.brand_exclusive ul { width: 1079px; height: 493px; margin: auto; padding-top: 168px }
.brand_exclusive ul li { padding-top: 78px; float: left; margin-right: 55px }
.brand_exclusive ul li span { display: block; height: 50px; width: 300px; background: #d0c4ac; text-align: center; line-height: 50px; color: #282828; font-size: 15px }

.brand_development { background: url(../images/brand_development1.jpg)no-repeat center; height: 745px; position: relative; }
.brand_development ul { width: 1223px; height: 547px; margin: auto; padding-top: 138px }
.brand_development ul li strong { color: #000000; font-size: 42px }
.brand_development ul li b { color: #000000; font-size: 30px; display: block }
.brand_development ul li p { color: #ffffff; font-size: 20px; display: block; background: #000000; width: 210px; height: 30px; line-height: 30px; padding-left: 5px; margin-top: 10px }
.brand_development ul li span { color: #ffffff; font-size: 15px; display: block; margin-top: 10px }
.brand_development ul li a { color: #fbfaf3; font-size: 38px; display: block; margin-top: 10px }


 .topsearch { position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 9999; overflow-y: auto; display: none; }
    .topsearch ul.bg { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 1; overflow-y: auto; background: #000; opacity: 0.9; }
    .topsearch ul.form { position: absolute; left: 0px; right: 0px; top: 45%; bottom: 0px; z-index: 2; }
    .topsearch ul.form li { width: 600px; margin: 0px auto; border-bottom: 2px #333 solid; padding: 0px 0px; overflow: hidden; }
    .topsearch ul.form .search_txt { float: left; width: 480px; height: 60px; line-height: 60px; font-size: 40px; background: none; border: 0px; color: #fff; }
    .topsearch ul.form li input { border: 0px; }
    .topsearch ul.form .search_btn { float: left; height: 60px; width: 60px; background: url(../images/search.png) no-repeat center center; background-size: 80%; text-indent: -999em; }
    .topsearch ul.form .search_close { float: right; height: 60px; width: 60px; background: url(../images/close.png) no-repeat center center; background-size: 80%; text-indent: -999em; }

.joinprbk {    width: 1180px;
    height: 420px;
    border-bottom: 1px #d2d0cd solid;
    margin: 0px auto;}
.joinprbk ul {width: 192px;
    margin: 50px auto;}
.newjoin {width: 1180px;
    overflow: hidden;
    margin: 0px auto;}
.newjoin ul {overflow: hidden;
    width: 1246px}

.newjoin ul li {width: 176px;
    height: 120px;
    float: left;
   background:url(../images/201903021705058585.jpg ) no-repeat left;
}
.newjoin ul li span {display: block;
    width: 119px;
    height: 119px;
    margin-top: 30px;
    font-size: 21px;
    color: #666666;
    text-align:center;
}
.joinprbk ul li span.cl {font-size: 27px;
    color: #666666;}
.joinprbk ul {    text-align: center;
    margin: 50px auto;
}
.joinprbk ul li span.cl  {font-size: 27px;
    color: #666666}
.joinprbk ul li span.jr {font-size: 18px;
    color: #666666}

.joinbk {    text-align: center}
.joinbk ul li.adhg {    margin-top: 90px}
.joinbk ul li span.adzt {    font-size: 27px;
    color: #666666}
.AboutDiv img {    max-width: 100%}
.joinbk ul li span.ppzt {font-size: 18px;
    color: #666666}
.joinbk1 {    height: 135px}
.joinbk1_1 {width: 936px;
    height: 140px;
    margin: 103px auto;}
.joinbk1_1 ul.td {width: 155px;
    height: 140px;
    float: left;
    margin-right: 10px;
    margin-left: 55px;}
.joinbk1_1 ul li {    text-align: center}
.joinbk1_1 ul li span {font-size: 16px;
    color: #666666;
}

.joinbk8 {width: 1180px;
    height: 848px;
    border-bottom: 1px #d2d0cd solid;
    margin: 0px auto;}
.joinclbk {width: 567px;margin: 70px auto;    text-align: center}
.joinclbk ul li span.cl {font-size: 27px;
    color: #666666;}
.joinclbk ul li span.jr {    font-size: 18px;
    color: #666666;}
.joinclbk ul li.nxddhg {    margin-top: 50px;}

.joinclbk ul li span.nxdd {font-size: 14px;
    color: #666666;
    line-height: 35px;
}
.about_bk ul li.left_wz b.processge_1 a.tp_1  {padding-left:60px}
.about_bk ul li.left_wz b.processge_2 a.tp_1  {padding-left:145px}


.shop-swiper-button1 {
    position: absolute;
    top: 45%;
    width: 40px;
    height: 40px;
    z-index: 999;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}

.brand-swiper-button-prev {left:50px}
.brand-swiper-button-next {right:50px}

.shop-swiper-button1 a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    background: #eee;
    border-radius: 50%;
    border: 1px #ddd solid;
}