@font-face{font-family:shuzifont;src:url('../fonts/shuzifont.ttf');}/*数字统一字体*/
html{width:100%;height:100%; }
body {width: 100%;height: 100%; background: #eee;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color:#000;margin: 0;padding: 0;}
html::-webkit-scrollbar {width: 4px;height: 1px;}
html::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #464445;}
html::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;}

/*头部*/
#city_top{ position:relative;}
.top_box{ width: 100%; position: fixed;z-index: 999; }
.top{ width:calc(100% - 80px); padding: 0 40px; height: 45px; background: #464445; position: relative;}
.top .logo{ padding-top: 8px; float: left;}
.top .menu_list { position: absolute; text-align: center; top: 0; left: 50%;transform:translateX(-50%);}
.menu_list_box_item{float: left; width: 80px; height: 45px; position: relative;}
.menu_list_box_item .a_l{color: #fff; display: block; line-height: 45px;}
.menu_list_box_item:hover .a_l{background: #313131;}
.menu_list_box_item:hover .u_l{display:inherit;}
.menu_list_box_item .u_l{ width: 100%; position: absolute; display: none; top:45px;}
.menu_list_box_item .u_l .ul_a{ width: 100%;background: #171717; display: block; color: #fff;line-height:40px; font-size: 14px;position: inherit;}
.menu_list_box_item .u_l .ul_a b{ position:inherit;z-index: 2; font-weight: 500;border-bottom: 1px solid rgba(255,255,255,0.1);}
.menu_list_box_item .u_l .ul_a span{ position: absolute;z-index: 1; width: 0%; height: 100%; display: block; background: #871326; left: 0; top: 0;}
.menu_list_box_item .u_l .menu_list_box_item_f{ position: relative;}
.menu_list_box_item .u_l .menu_list_box_item_f:hover span{ width: 100%;}
.menu_list_box_item .u_l .menu_list_box_item_f:hover b{transform:translateX(-3px);}
.menu_list_box_item .nav_c{ width: 100%; position: absolute; top: 0; left: 100%; border-top: 0; display: none;}
.menu_list_box_item .nav_c li{ float: left; width: 100%; height: 40px; line-height: 40px; background: #313131; border-left: 1px solid rgba(255,255,255,0.1); border-bottom: 1px dashed rgba(255,255,255,0.1); border-top: 0px;}
.menu_list_box_item .nav_c li a{display: block; color: #fff; font-size: 12px}
.menu_list_box_item .u_l .menu_list_box_item_f:hover .nav_c{display:inherit;}
.menu_list_box_item .nav_c li:hover{ background: #871326;}
.top .top_rught{ float: right; line-height: 45px;}
.top .top_rught .coll{ color: #fff; float: left; margin-right: 20px;}
.top .top_rught .coll p i{ width: 20px; height: 20px; border: 1px solid #fff; display:inline-block; border-radius: 50%; font-size: 12px; text-align: center; line-height: 24px; margin-right: 5px;opacity: 0.3;filter:alpha(opacity=30);transform: scale(0.8);}
.top .top_rught .language{ width: 30px; height: 30px;background: rgba(255,255,255,0.3); text-align: center; line-height: 30px; border-radius: 50%; float: left; margin-top: 7px;  font-size: 12px;transform: scale(0.8); margin-right: 20px;}
.top .top_rught .language a{ color: #fff; display: block;}
.top .top_rught .language:hover{ background: #871326;}
.top .top_rught .tianmao{ font-size: 14px;line-height: 45px; float: right; padding-top:10px;}
.top .top_rught .tianmao a{color: #fff;}
.top .top_rught .tianmao a:hover{color: #871326;}

/*滚动*/
.swi_index_gd{height: 100%;}
.swi_index_gd .swiper-wrapper{transition-delay:.3s;}
.swi_index_gd .swiper-container {width: 100%;display: block;margin: 0;}
.swi_index_gd .swiper-slide{overflow: hidden; position: relative;}
.swi_index_gd .swiper-slide .hud_Up{transform:translateY(-200px);opacity:0;filter:alpha(opacity=0);transition:all 1.5s;}
.swi_index_gd .swiper-slide .hud_Right{transform:translateX(200px);opacity:0;filter:alpha(opacity=0);transition:all 1.5s;}
.swi_index_gd .swiper-slide .hud_Down{transform:translateY(200px);opacity:0;filter:alpha(opacity=0);transition:all 1.5s;}
.swi_index_gd .swiper-slide .hud_Left{transform:translateX(-200px);opacity:0;filter:alpha(opacity=0);transition:all 1.5s;}
.swi_index_gd .swiper-slide .hud_scale{transform: scale(1.2);opacity:0;filter:alpha(opacity=0);transition:all 1.5s;}
.swi_index_gd .swiper-slide .hud_sca{transform: scale(1.2);transition:all 1.5s;}
.swi_index_gd .swiper-slide .hud_opac{opacity:0;transition:all 1.5s;}
.swi_index_gd .ani-slide .hud{transform:translate(0) scale(1);opacity:1;filter:alpha(opacity=100);}
.swi_index_gd .swiper-pagination{ width: 20px; left: 30px;}
.swi_index_gd .swiper-slide .yanchi7{animation-delay:7s;-webkit-animation-delay:7s;}

/*绽放舒适梦想*/
.index_gd_2 .text{color: #fff;}
.index_gd_2 .text .left{ float: left; margin-right: 20px;}
.index_gd_2 .text .left p{font-size: 18px; text-align: left; margin-bottom: -10px; padding-left: 5px;}
.index_gd_2 .text .left b{font-size: 60px; font-weight: bold;text-transform:uppercase;}
.index_gd_2 .text .right{ float: right; margin-top: 55px;}
.index_gd_2 .text span{ width:80px; height: 1px; background: #fff; display: block; margin-top: 10px;float: right; margin-right: 70px;opacity: 0.3;}
.swi_index_gd .swiper-pagination .swiper-pagination-bullet{ width:8px;height:8px; background:Rgba(255,255,255,0.8); margin: 10px 0;opacity:1;filter:alpha(opacity=100);}
.swi_index_gd .swiper-pagination .swiper-pagination-bullet-active{ border: 2px solid #fff; width: 11px;height: 11px; background: inherit;transform:translateX(-3px);}

/*服务*/
.index_gd_service{ width: 1080px; float: right; position: absolute; right: 7%; top: 60%;transform:translateY(-50%); z-index: 2;}
.index_gd_service ul{}
.index_gd_service ul li{width: 360px; height: 150px; float: left; }
.index_gd_service ul li .img{width: 180px; height: 150px; float: left; overflow: hidden;}
.index_gd_service ul li .text{width: 180px; height: 150px; float: right; background: rgba(255,255,255,0.2); position: relative;}
.index_gd_service ul li .img img{width: 100%; height: 100%;}
.index_gd_service ul li:hover .img img{transform: scale(1.1);}
.index_gd_service ul li .text a{height: 100%; width: 100%;display:  block; color: #fff;}
.index_gd_service ul li .text i{font-size: 40px;display: block; margin-top:13px;margin-bottom: 2px;color: #fff;position: inherit;z-index: 3; text-align: center;}
.index_gd_service ul li .text p{font-size: 15px; display: block; text-align: center; color: #fff;position: inherit;z-index: 2;}
.index_gd_service ul li .text span{ width: 0%;height:100%; display: block; background: #871326; position: absolute;bottom: 0;left: 0;z-index: 1;opacity: 0;filter:alpha(opacity=0);}
.index_gd_service ul li:hover .text span{ width: 100%; opacity: 1;filter:alpha(opacity=100);}
.index_gd_service ul li:hover .text i{transform:translateY(-3px);}
.index_gd_service ul li:hover .text p{transform:translateY(-5px);}
.index_gd_service ul li:nth-child(2) .text{ background: rgba(255,255,255,0.2);}
.index_gd_service ul li:nth-child(3) .text{ background: rgba(255,255,255,0.12);}
.index_gd_service ul li:nth-child(4) .text{ background: rgba(255,255,255,0.1);}
.index_gd_service ul li:nth-child(5) .text{ background: rgba(255,255,255,0.11);}
.index_gd_service ul li:nth-child(6) .text{ background: rgba(255,255,255,0.3);}
.index_gd_service ul li:nth-child(8) .text{ background: rgba(255,255,255,0.2); float: left;}
.index_gd_service ul li .shuzi{ text-align: center; display: block; width: 100%; margin-top: -40px;}
.index_gd_service ul li .shuzi b{display: block; font-size: 90px;font-family: shuzifont;color: #fff;}
.index_gd_service ul li .shuzi p{display: block; font-size: 16px;color: #fff; opacity: 0.6; filter:alpha(opacity=60);margin-top: -15px;}
@media screen and (max-width: 1360px){
.index_gd_service{width: 902px;right:7%;}
.index_gd_service ul li{width: 300px; height: 125px;}
.index_gd_service ul li .img{width: 150px; height: 125px;}
.index_gd_service ul li .text{width: 150px; height: 125px;}
.index_gd_service ul li .text i{font-size: 30px; margin-top: 30px;}
.index_gd_service ul li .text p{font-size: 13px;}
.index_gd_service ul li .shuzi b{font-size: 70px;}
.index_gd_service ul li .shuzi p{font-size: 14px;margin-top: -12px;}
} 

/*新闻盒子*/
.news_box {}
.news_box .title{ position: absolute; top: 15%; left: 50%;transform:translateX(-50%);}
.news_box .title .text{color: #fff;}
.news_box .title .text .left{ float: left; margin-right: 20px;}
.news_box .title .text .left p{font-size: 18px; text-align: left; margin-bottom: -10px; padding-left: 5px;}
.news_box .title .text .left b{font-size: 60px; font-weight: bold;text-transform:uppercase;}
.news_box .title .text .right{ float: right; margin-top: 55px;}
.news_box .title .text span{ width:80px; height: 1px; background: #fff; display: block; margin-top: 10px;float: right; margin-right: 70px;opacity: 0.3;}

/*新闻*/
.news_box .news{ width: 75%; position: absolute; top: 30%; left: 50%;transform:translate(-50%);}
.swi_news .swiper-wrapper{transition-delay:.0s;}
.news_box .swiper-slide{ width: 80%; background: #313031; }
.news_box .swiper-slide-next{opacity: 0.3;filter:alpha(opacity=30);}
.news_box .swiper-slide .img{ width: 50%; float: left;}
.news_box .swiper-slide .img img{width: 100%;}
.news_box .swiper-slide .text{ width:calc(50% - 120px); padding:8% 60px 0; float: right;}
.news_box .swiper-slide .text .left{ float: left; height: 100%; min-width: 74px; text-align: right; padding-right: 40px; }
.news_box .swiper-slide .text .left b{ font-size: 32px; color: #fff; font-weight: 500;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.news_box .swiper-slide .text .left p{ font-size: 12px; color: #fff;}
.news_box .swiper-slide .text .right{float: right; width: calc(100% - 124px);}
.news_box .swiper-slide .text .right b{font-size: 23px; color: #fff;font-weight: 500; margin-bottom:20%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news_box .swiper-slide .text .right p{font-size: 14px; color: #fff;line-height: 24px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden; margin-bottom: 20%;opacity: 0.6;}
.swi_news .newsswiper-pagination{ text-align: center; margin-top: 20px;}
.swi_news .swiper-pagination-bullet-active{background: #fff;}
.swi_news .swiper-pagination-bullet{ width: 11px; height: 11px; background: #fff;}

.news_box .svg-wrapper { position: relative;height: 40px;width: 120px;}
.news_box .svg-wrapper:hover{background: #871326;}
.news_box .right .more{ position: absolute; top: 50%; left: 0;transform:translateY(-50%); color: #fff;}
.news_box .right .svg-wrapper:hover .more{left:50%;transform:translate(-50%,-50%); }
.news_box .shape {fill: transparent;stroke-dasharray: 50 270;stroke-dashoffset: -230;stroke-width: 4px;stroke: #871326;}

@keyframes draw {
    0% {stroke-dasharray:50 270;stroke-dashoffset: -230;stroke-width: 4px;}
  100% {stroke-dasharray: 380;stroke-dashoffset: 0;stroke-width: 1px;}}
.news_box .svg-wrapper:hover .shape {-webkit-animation: 0.5s draw linear forwards;animation: 0.5s draw linear forwards; }

/*底部*/
.footer{ margin-top: -430px; height: 430px; background: #c7c7c7;}
.footer .w_nav{ width: 100%; height: 55px; line-height: 55px; background: #464445;}
.footer .footer_wrap{ width: 92%; max-width: 1600px; margin: 0 auto; position: relative;}
.footer .w_nav .weixin{width: 30px; line-height:70px; float: left; position: relative;}
.footer .w_nav .weixin i{ font-size: 30px; color: #bbbbbb;display: block; cursor:pointer; margin-top:-10px;}
.footer .w_nav .weixin .erweima{ position: absolute; top: -100px; left: 0; z-index: 999;opacity:0;filter:alpha(opacity=0);pointer-events: none;cursor: default;}
.footer .w_nav .sll_top{ float: right; cursor:pointer;}
.footer .w_nav .sll_top i{color: #bbbbbb; font-size:20px;display: block;}
.footer .w_nav .weixin:hover .erweima{ top: -150px; opacity:1;filter:alpha(opacity=100);}
.footer .w_nav .weixin:hover i{color: #871326;transform: scale(0.9);}
.footer_nav{position: absolute; left: 50%;transform:translateX(-50%);}
.footer_nav ul li{ float: left;}
.footer_nav ul li a{width: 80px;display: block; text-align: center; color: #ffffff; position: relative;}
.footer_nav ul li a span{ position: absolute; left: 0;bottom: 0; width: 0%; height: 100%; background: #871326;display: block;z-index: 1;opacity: 0;filter:alpha(opacity=0);}
.footer_nav ul li a:hover span{width:100%;opacity: 1;filter:alpha(opacity=100);}
.footer_nav ul li a p{position: inherit;z-index: 2;}
.footer_box{ padding-top: 60px;}
.footer_box .left{ float: left;}
.footer_box .left .lianxi_text{ font-size: 14px; color: #444444; line-height: 24px; margin-bottom: 44px;}
.footer_box .left .lianxi_text b{ font-size: 14px; color: #505152;opacity: 0.6;filter:alpha(opacity=60); display: inline-block;text-transform:uppercase; padding-right: 10px;}
.footer_box .left .banquan{ color: #505152; padding-left: 20px;}
.footer_box .left .banquan a{ color: #505152;} 
.footer_box .left .banquan p{ padding-bottom: 20px;}
.footer_box .left .banquan ul{}
.footer_box .left .banquan ul li{ float: left; margin-right: 20px; position: relative;}
.footer_box .left .banquan ul li i{font-size: 20px; color: #767676;}
.footer_box .left .banquan ul li .erweima{ position: absolute; left: 0;top: -190px;opacity:0;filter:alpha(opacity=0);pointer-events: none;cursor: default;}
.footer_box .left .banquan ul li:hover i{ color: #871326;}
.footer_box .left .banquan ul li:nth-child(1):hover .erweima{ top: -160px; opacity:1;filter:alpha(opacity=100);}
.footer_box .left .banquan ul li:nth-child(2):hover .erweima{ top: -160px; opacity:1;filter:alpha(opacity=100);}
.footer_box .right{ float: right;}
.footer_box .right .kuaijie_nav{float: left;}
.footer_box .right .kuaijie_nav:nth-child(1){margin-right: 30px;}
.footer_box .right .kuaijie_nav .title{ width: 100%; padding-bottom: 17px; border-bottom: 1px solid #b3b3b3; margin-bottom: 17px;}
.footer_box .right .kuaijie_nav .title b{font-size: 16px; color: #444444; text-align: center; display: block;}
.footer_box .right .kuaijie_nav ul{ float: left;padding: 0 20px; text-align: center;}
.footer_box .right .kuaijie_nav ul b{ font-size: 14px; margin-bottom: 10px; display: block;}
.footer_box .right .kuaijie_nav ul b a{ color: #444444;}
.footer_box .right .kuaijie_nav ul li{height: 24px; line-height:24px; display: block;}
.footer_box .right .kuaijie_nav ul li a{display: block; color: #666666;}
.footer_box .right .kuaijie_nav ul li a:hover{ color: #871326;}

/*产品*/
.perduct_index_swi{ height: 100%; background: #000; }
.perduct_index_swi .swiper-wrapper{transition-delay:.0s; height: 100%;}
.perduct_swi_box{ position: relative;}
.product_tabs_box{ width: 64%; height: 80%; position: absolute; top:0;bottom: 0; left: 0;right: 0;margin: auto;z-index: 9;}
.perduct_img_swi .swiper-wrapper{transition-delay:.0s;}
.perduct_img_swi .swiper-wrapper img{ width: 100%;}
.perduct_thumbs_swi{height: 80px; overflow: hidden;}
.perduct_thumbs_swi .swiper-wrapper{transition-delay:.0s;}
.perduct_thumbs_swi .swiper-slide{ color: #fff; text-align: center; background: rgba(28,27,28,0.8); cursor:pointer;}
.perduct_thumbs_swi .swiper-slide i{font-size: 30px; display: block;height:50px;overflow: hidden;}
.perduct_thumbs_swi .swiper-slide p{font-size: 14px; display: block;}
.perduct_thumbs_swi .swiper-slide-thumb-active{ background: #871326;}

/*资源和工艺*/
.zyandgy{ width: 100%; height: 100%; overflow: hidden; background:#000;}
.zyandgy ul li{ width: 50%; height: 100%; float: left; position: relative; overflow: hidden;}
.zyandgy ul li img{ width: 100%; height: 100%;object-fit: cover}
.zyandgy ul li b{position: absolute; top:40%; left:50%;transform:translate(-50%,-50%);font-size: 24px; color: #fff; font-weight: 500;}
.zyandgy ul li:hover img{transform: scale(1.1);opacity:0.3;filter:alpha(opacity=30);}
.zyandgy ul li .more_box{ position: absolute;bottom: -10%; left: 50%;transform:translateX(-50%); opacity: 0;filter:alpha(opacity=0);}
.zyandgy ul li:hover .more_box{ bottom: 10%; opacity: 1;filter:alpha(opacity=100);}
.zyandgy .svg-wrapper { position: relative;height: 40px;width: 120px;}
.zyandgy .svg-wrapper:hover{ background: #871326;}
.zyandgy .more{ position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%); color: #fff;}
.zyandgy .svg-wrapper:hover .more{left:50%;transform:translate(-50%,-50%);}
.zyandgy .shape {fill: transparent;stroke-dasharray: 20 270;stroke-dashoffset: -210;stroke-width: 4px;stroke: #871326;}
@keyframes draw {
0% {stroke-dasharray:20 270;stroke-dashoffset: -210;stroke-width: 4px;}
100% {stroke-dasharray: 380;stroke-dashoffset: 20;stroke-width: 1px;}}
.zyandgy .svg-wrapper:hover .shape {-webkit-animation: 0.5s draw linear forwards;animation: 0.5s draw linear forwards;}
.ny_footer .footer{ margin-top:inherit; height: 430px; background: #c7c7c7;}

/*产品列表*/
.product_banner_box{ position: relative; overflow:hidden;}
.product_banner_box .title{ position: absolute; bottom:20%;left: 10%;}
.product_banner_box .title b{font-size: 40px; color: #fff;display: block;font-weight: 500;}
.product_banner_box .title p{font-size: 16px; color: #fff; opacity: 0.5;filter:alpha(opacity=50); display: block;text-transform: uppercase}
.sll_contentbox{ width: 10px; position: absolute; left: 50%;transform:translateX(-50%);bottom: 50px;cursor:pointer; z-index: 100;}
.sll_contentbox span{ width: 1px; margin: 0 auto;height: 55px; display: block; background: #fff;}
.donghua1{animation: dh1 0.6s ease-in-out 0s infinite alternate;}
@keyframes dh1 {0% {transform:translate(-50%,-20px);}100% {transform:translate(-50%,0px);}}
.product_banner_box img {
-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { -webkit-transform: scale(1); transform: scale(1); }
}

/*产品分类选择*/
.perduct_tabs{}
.perduct_tabs ul{}
.perduct_tabs ul li{ height:82px;width: calc(20% - 1px);float: left; border-right: 1px solid #7A7A7A; background: #2f2e2f;}
.perduct_tabs ul li a{ width:100%; height: 82px;  text-align: center; display:block;}
.perduct_tabs ul li:nth-child(5){ width: 20%; border-right: 0;}
.perduct_tabs ul li i{display: block; font-size: 30px; color: #fff; height:50px; overflow:hidden;}
.perduct_tabs ul li p{display: block; color: #fff;}
.perduct_tabs ul .on{ background: #871326;}
.perduct_tabs ul li a:hover i{transform:translateY(-3px);}
.perduct_tabs ul li a:hover p{transform:translateY(-5px);}
.perduct_tabs ul li:hover a{ background: #871326;}

/*产品列表*/
.product_list{  background: #fff; padding-bottom: 90px;}
.product_list .product_list_wrap{ width: 92%; max-width: 1640px; margin: 0 auto; padding-top:50px; }
.product_list .product_list_wrap .title{ text-align: center; padding-bottom:20px;}
.product_list .product_list_wrap .title p{ font-size:30px; color:#333;}
.product_list .product_list_wrap .title b{display: inline-block; padding-left: 10px;}
.product_list .product_list_wrap ul{}
.product_list .product_list_wrap ul li{ width: 25%; float: left; margin-bottom: 20px;}
.product_list .product_list_wrap ul li .img{ width: 100%; overflow: hidden;}
.product_list .product_list_wrap ul li img{ width: 100%; padding:8%; padding-bottom:0; box-sizing:border-box; max-height:207px;}
.product_list .product_list_wrap ul li:hover img{transform: scale(1.05);}
.product_list .product_list_wrap ul li p{ text-align: center;}
.product_list .product_list_wrap ul li:hover p{transform:translateY(-5px);}

.cpmenu {background:#fff; height:45px; line-height:45px; width:100%;}
.cpmenu ul{max-width:84%; margin:0 auto;}
.cpmenu ul span{ float:left; color:#fff; font-size:20px;}
.cpmenu ul span a{color:#e67817;}
.cpmenu ul span a:hover{color:#fff}
.cpmenu ul li{ float:left; color:#fff;font-size:14px;}
.cpmenu ul li a{ height:45px; line-height:45px; padding: 0 30px;display: block; color:#fff; cursor:pointer;}
.cpmenu ul .active a{ color:#fff; background: #871326;}

/*跟着滚动*/
.info_nav_wrap{ width: 96%; margin: 0 auto; overflow: hidden;}
.info_nav{ width: 100%; height: 45px;  line-height: 45px; background: #fff; z-index: 8; opacity: 0;filter:alpha(opacity=0);transform:translateY(-50px);}
.fxd{ background: #464445; opacity: 1;filter:alpha(opacity=100);transform:translateY(0px);}
.info_nav b{ font-weight:400; font-size: 22px; color: #000; float: left; margin-right:30px;}
.info_nav ul{}
.info_nav ul li{ float: left;}
.info_nav ul li a{font-size: 14px;height: 45px; line-height: 45px;display: block; padding: 0 20px; color: #fff;font-family: apercu;}
.info_nav ul li a:hover{ color: #fff;opacity: 1; filter:alpha(opacity=100);background: #871326;}
.info_nav ul .active a{ color: #fff; opacity: 1;filter:alpha(opacity=100);background: #871326;}

/*info*/
.info_banner_box{ position: relative; overflow: hidden;}
.info_banner_box .title{ position: absolute; top: 40%;left: 10%;}
.info_banner_box .title b{font-size: 40px; color: #fff;display: block;font-weight: 500;}
.info_banner_box .title p{font-size: 16px; color: #fff; opacity: 0.5;filter:alpha(opacity=50); display: block;}
.info_banner_box .sll_contentbox{ width: 10px; position: absolute; left: 50%;transform:translateX(-50%);bottom: 80px;cursor:pointer;}
.info_banner_box .sll_contentbox span{ width: 1px; margin: 0 auto;height: 55px; display: block; background: #fff;}

/*品牌*/
.content_box{background: #fff;}
.brand_box{ max-width: 1600px;}
.shuzi_gd{  width: 98%; height: 140px;float: left; background: #464445; margin-top: -121px; position:relative;z-index: 99;}
.shuzi_gd ul{ width: 90%; margin: 0 auto; padding-top: 10px;}
.shuzi_gd ul li{ width: 25%; float: left;}
.shuzi_gd ul li b{font-size: 70px; display: block;text-align: center;font-family: shuzifont; color: #fff;font-weight: 400;letter-spacing:-5px;}
.shuzi_gd ul li p{display: block;text-align: center;font-size: 14px;color: #fff; opacity: 0.6;filter:alpha(opacity=60); margin-top: -10px;}
.brand{ width:90%;min-width: 1160px; float: right; padding: 90px 0;}
.brand .info_title{ width: 40%; float: left;}
.brand .info_title span{ width: 24px; height: 3px; background: #cccccc; display: block; float: left; margin-top: 15px; margin-right: 10px;}
.brand .info_title .text{ float: left;}
.brand .info_title .text p{ font-size: 24px; color: #333333;}
.brand .info_title .text b{ font-size: 40px; color: #333333;text-transform:uppercase;letter-spacing:-3px;}
.brand .info_title .text em{ font-size: 18px; color: #333333;}
.brand .right{ float: right; width: 60%;}
.brand .right .text{text-align: right; font-size: 15px; line-height:27px; color: #333333; float: right; padding-right:10%;}
.brand .right .zhuiqiu{float: right;}
.brand .right .zhuiqiu img{ margin-bottom: 20px;}
.brand .right .zhuiqiu b{ color: #333333; line-height: 30px;}

/*简介*/
.introduce{background: url(../images/jianjei_back.jpg) no-repeat; background-position: center 0;background-repeat: no-repeat;background-attachment:fixed;background-size: cover;}
.introduce_wrap{ width: 92%; max-width: 1600px; margin: 0 auto; padding: 80px 0;}
.introduce .introduce_title{ float: left;}
.introduce .introduce_title span{ width: 24px; height: 3px; background: #fff; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;filter:alpha(opacity=20);}
.introduce .introduce_title .text{ float: left;}
.introduce .introduce_title .text p{ font-size: 24px; color: #fff;}
.introduce .introduce_title .text b{ font-size: 40px; color: #fff;text-transform:uppercase;letter-spacing:-3px;}
.introduce .introduce_title .text em{ font-size: 18px; color: #fff; opacity: 0.6;filter:alpha(opacity=60);}
.introduce .right{ float: right; padding:40px 60px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.introduce .right .text{ width: 550px; height: 520px; font-size: 14px;line-height: 24px; padding-right: 40px; overflow-y: scroll;}
@media screen and (max-width: 1360px){.introduce .right .text{height: 320px;}} 
.introduce .right b{font-size: 24px; color: #333; margin-bottom: 20px; font-weight:500;}
.introduce .right .text{}
.introduce .right .text::-webkit-scrollbar {width: 4px;height: 1px;}
.introduce .right .text::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #871326;}
.introduce .right .text::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;}

/*发展历程*/
.course_box{ width: 100%;  background: url(../images/course_boxback.jpg) no-repeat; background-size: 100%;}
.course_wrap{ width: 92%; max-width: 1600px; margin: 0 auto; padding:60px 0; overflow: hidden;}
.course_box .course_title{ float: left; padding-bottom:80px;}
.course_box .course_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;filter:alpha(opacity=20);}
.course_box .course_title .text{ float: left;}
.course_box .course_title .text p{ font-size: 24px; color: #333;}
.course_box .course_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.course_box .course_title .text em{ font-size: 18px; color: #333; opacity: 0.6;filter:alpha(opacity=60);}
.course_info{ width:800px; padding: 30px; display: block; margin: 0 auto 20px; overflow:inherit; background:#fff;-moz-box-shadow:0 2px 10px Rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 10px Rgba(0,0,0,0.1); box-shadow:0 2px 10px Rgba(0,0,0,0.1);}

.course_info .swi_course_info .swiper-slide{ text-align:left;}
.course_info .swi_course_info .swiper-slide b{ font-size: 30px; color: #871326;padding-bottom: 20px;}
.course_info .swi_course_info .swiper-slide .text{ line-height:22px;}
.swi_course_info .swiper-wrapper{transition-delay:.3s; overflow: inherit;}
.swi_course_info .swiper-container {width: 100%;display: block;margin: 0;}
.swi_course_info .swiper-slide .hud_Down{transform:translateY(200px);opacity:0;transition:all 1.5s;}
.swi_course_info .swiper-slide .hud_scalex{transform: scale(0.1);opacity:0;transition:all 1.5s;}
.swi_course_info .ani-slide .hud{transform:translate(0) scale(1);opacity:1;}
.course_tabs_box{ width: 85%; padding-top: 50px; overflow: hidden; margin: 0 auto;}
.course_tabs{max-width: 1400px; margin: 0 auto;}
.swi_course_tabs{overflow: inherit; border-top: 1px solid #dedede; padding:0 5%; width:100%; box-sizing:border-box;}


.course_tabs .swiper-wrapper{overflow: inherit;}
.course_tabs .swiper-slide{ text-align: center; position: relative; overflow: inherit;cursor:pointer;}
.course_tabs .swiper-slide span{ width: 10px; height: 10px;border:2px solid #7B7B7B; background: #fff; border-radius: 50%; margin:10px auto; position: absolute;top: -18px;z-index: 999;left: 50%;transform:translateX(-50%);}
.course_tabs .swiper-slide b{font-weight: 500; padding: 20px 0;}
.course_tabs .swiper-slide-thumb-active span{width: 13px; height: 13px; border:2px solid #871326;}
.course_tabs .swiper-slide-thumb-active b{font-weight: bold;}
.swi_course_tabs .swiper-button-next,.swi_course_tabs .swiper-button-prev{ background: inherit; width:35px; height:35px; top:4px; border-radius: 50%; background: #999; text-align: center;line-height:35px; color: #fff;}
.swi_course_tabs .swiper-button-prev{left: 0px;}
.swi_course_tabs .swiper-button-next{right: 0px;}
.swi_course_tabs .swiper-button-disabled{opacity: inherit; background: #f1f1f1}


/*文化*/
.wenhau_box{ width: 100%; height: auto;  background: url(../images/wenhua_back.jpg) no-repeat;background-size: 100% 100%;}
.service_box{background: url(../images/serviceback.jpg) no-repeat;background-attachment:fixed;}
.wenhau_box .wenhua_wrap{width: 92%; max-width: 1600px; margin: 0 auto; padding: 60px 0; overflow: hidden;}
.wenhau_box .wenhua_title{ float: left;padding-bottom:24px;}
.wenhau_box .wenhua_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.wenhau_box .wenhua_title .text{ float: left;}
.wenhau_box .wenhua_title .text p{ font-size: 24px; color: #333;}
.wenhau_box .wenhua_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.wenhau_box .wenhua_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}
.service_boss{ max-width: 1100px;margin: 0 auto;}
.swi_wenhua {position: relative;-webkit-perspective: 1500;-moz-perspective: 1500; overflow: inherit; display:block; padding-bottom:50px;}
.swi_wenhua .swiper-slide{ text-align: center;position: relative;-webkit-perspective: 1500;-moz-perspective: 1500; overflow: inherit; display:block; cursor:pointer;}
.swi_wenhua .swiper-slide .zheng{ width: 100%; height: 0;padding: 50% 0;position: relative; background: #fff;transition: all 1s;}
.swi_wenhua .swiper-slide .zheng i{ font-size: 55px; margin-bottom: 27px; width: 100%; display: block; text-align: center; position: absolute;top:26%;}
.swi_wenhua .swiper-slide .zheng b{ width: 100%;font-size: 22px; position: absolute;text-align: center; top: 55%; font-weight: 500;}
.swi_wenhua .swiper-slide .zheng p{ width: 100%;font-size: 12px; position: absolute;text-align: center; top: 63%;text-transform:uppercase;}
.swi_wenhua .swiper-slide .fan{ width: 100%; height: 0;padding: 50% 0;position: absolute; background: #871326;transition: all 1s; top: 0;opacity: 0;transform: rotateY(-180deg);}
.swi_wenhua .swiper-slide .fan b{width: 100%;font-size: 22px; position: absolute;text-align: center; top: 50%; font-weight: 500; color: #fff;transition: all 1s;}
.swi_wenhua .swiper-slide .fan p{width:94%; padding:0 3%; font-size: 16px; position: absolute;text-align: center; top: 70%; color: #fff;transition: all 1.4s;}
.swi_wenhua .swiper-slide:hover .zheng{transform: rotateY(180deg);opacity: 0;}
.swi_wenhua .swiper-slide:hover .fan{transform: rotateY(0deg);opacity: 1;}
.swi_wenhua .swiper-slide:hover .fan b{top: 30%; opacity: 1;}
.swi_wenhua .swiper-slide:hover .fan p{top: 50%; opacity: 1;}
.swi_wenhua .swiper-pagination{}
.swi_wenhua .swiper-pagination .swiper-pagination-bullet-active{ background: #871326;}
@media screen and (max-width: 1580px){
	.swi_wenhua .swiper-slide .zheng i{font-size: 40px;}
	.swi_wenhua .swiper-slide .zheng b{font-size: 16px;}
	.swi_wenhua .swiper-slide .fan b{font-size: 17px;}
	.swi_wenhua .swiper-slide .fan p{font-size: 14px;}
} 

/*新闻*/
.info_news_box{ width: 100%; }
.info_news_box .info_news_wrap{width: 92%; max-width: 1600px; margin: 0 auto; padding:60px 0; overflow: hidden;}
.info_news_box .xinwen_title{ float: left;padding-bottom:24px;}
.info_news_box .xinwen_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.info_news_box .xinwen_title .text{ float: left;}
.info_news_box .xinwen_title .text p{ font-size: 24px; color: #333;}
.info_news_box .xinwen_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.info_news_box .xinwen_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}
.info_news_box .info_news_tabs{ float: right; padding-top: 50px;}
.info_news_box .info_news_tabs ul li{ float: left; padding-left: 20px;}
.info_news_box .info_news_tabs ul li a{ font-size: 16px; display: block;}
.info_news_box .info_news_tabs ul li:hover a{color: #871326;transform:translateY(-3px);}
.info_news_box .info_news_list ul li{ width: 33%;margin-right: 0.5%; float: left;}
.info_news_box .info_news_list ul li .img{ margin-bottom: 10px; overflow: hidden;}
.info_news_box .info_news_list ul li img{width: 100%;}
.info_news_box .info_news_list ul li p{font-size: 16px;}
.info_news_box .info_news_list ul li:nth-child(3){margin-right:0%;}
.info_news_box .info_news_list ul li:hover img{transform: scale(1.1);}
.info_news_box .info_news_list ul li:hover p{color: #871326;transform:translateY(-3px);}


/*材质工艺*/
.caizhi_wrap{width: 100%; height: 100%; position: relative;}
.caizhi_tabs_box{width:115px; height: 100%; position: absolute; right: 10px;top: 0;z-index: 99; border-left: 1px solid rgba(200,200,200,0.1);}
.caizhi_tabs{}
.swi_caizhi_gd{height: 100%; overflow: hidden;}
.swi_caizhi_gd .swiper-wrapper{}
.swi_caizhi_gd .swiper-container {width: 100%;display: block;margin: 0;}
.swi_caizhi_gd .swiper-slide .hud_Up{transform:translateY(-200px);opacity:0;transition:all 1.5s;}
.swi_caizhi_gd .swiper-slide .hud_Right{transform:translateX(200px);opacity:0;transition:all 1.5s;}
.swi_caizhi_gd .swiper-slide .hud_Down{transform:translateY(200px);opacity:0;transition:all 1.5s;width:50%;}
.swi_caizhi_gd .swiper-slide .hud_Left{transform:translateX(-200px);opacity:0;transition:all 1.5s;}
.swi_caizhi_gd .swiper-slide .hud_scale{transform: scale(1.2);opacity:0;transition:all 1.5s;}
.swi_caizhi_gd .ani-slide .hud{transform:translate(0) scale(1);opacity:1;}
.caizhi_gd .swiper-pagination{left: inherit;right: 30px; top: inherit;bottom: 20%;}
.swi_caizhi_gd .swiper-slide img{position: absolute; width:100%; z-index: 1;height: 100%;object-fit:cover}
.swi_caizhi_gd .swiper-slide .hud_Down{position: absolute; top:40%; left:10%; color: #fff;z-index: 2;}
.swi_caizhi_gd .swiper-slide .hud_Down b{ font-size:36px; font-weight:500; padding-bottom:15px;}
.swi_caizhi_gd .swiper-slide .hud_Down p{ font-size:14px; width:36%; line-height:22px;}
.swi_caizhi_gd .swiper-slide:nth-child(4) .hud_Down p{ width:100%;}

.swi_caizhi_tabs{ position: absolute;top: 45%; }
.swi_caizhi_tabs .swiper-slide{ display: block; height: 36px; line-height: 36px; cursor:pointer; position: relative;padding-left:10px;}
.swi_caizhi_tabs .swiper-slide p{ color: #fff; display: block;}
.swi_caizhi_tabs .swiper-slide span{width:0px; height: 0px;display: block; background: #fff;position: absolute; left: 0%; top: 50%;transform:translateY(-50%);}
.swi_caizhi_tabs .swiper-slide-thumb-active span{width: 5px; height: 20px; }

.caizhi_bottomtabs{ width: 100%; height: 68px; line-height: 68px; background: #fff; margin-top: -498px;}
.caizhi_bottomtabs ul li{ width:50%; float: left;}
.caizhi_bottomtabs ul li a{ display: block;}
.caizhi_bottomtabs ul li a:hover{ background: #871326; color: #fff;}
.caizhi_bottomtabs ul li a i{font-size: 20px;}
.caizhi_bottomtabs ul li a p{ font-size: 14px;}
.caizhi_bottomtabs ul li:nth-child(1) a{padding-left:16%;}
.caizhi_bottomtabs ul li:nth-child(2) a{height: 100%; padding-right:16%;}
.caizhi_bottomtabs ul li:nth-child(1) i{ float: left; padding-right: 20px;}
.caizhi_bottomtabs ul li:nth-child(2) i{ float: right; padding-left: 20px;}
.caizhi_bottomtabs ul li:nth-child(2) p{text-align: right;}

/*文章列表*/
.ariclelist_box{ width: 100%; background:#fff;}
.ariclelist_box .ariclelist_wrap{width: 92%; max-width: 1600px; margin: 0 auto; padding:40px 0 80px 0; overflow: hidden;}
.ariclelist_box .ariclelist_title{ float: left;padding-bottom: 24px;}
.ariclelist_box .ariclelist_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.ariclelist_box .ariclelist_title .text{ float: left;}
.ariclelist_box .ariclelist_title .text p{ font-size: 24px; color: #333;}
.ariclelist_box .ariclelist_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.ariclelist_box .ariclelist_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}
.ariclelist_box .ariclelist_tabs{ float: right; padding-top:20px;}
.ariclelist_box .ariclelist_tabs ul li{ float: left;}
.ariclelist_box .ariclelist_tabs ul li a{ font-size:14px; display: block; padding:9px 20px;}
.ariclelist_box .ariclelist_tabs ul li:hover{ background:#871326;}
.ariclelist_box .ariclelist_tabs ul li:hover a{color: #fff;transform:translateY(-3px);}
.ariclelist_box .ariclelist_tabs ul .on a{color: #871326;}
.ariclelist_box .ariclelist_list ul li{ width: 32%;margin-right: 1.33%; float: left; margin-bottom:20px; background: #fff; padding-bottom: 20px;}
.ariclelist_box .ariclelist_list ul li .img{ margin-bottom: 10px; overflow: hidden;}
.ariclelist_box .ariclelist_list ul li img{width: 100%;transition:0.7s;}
.ariclelist_box .ariclelist_list ul li b{font-size: 16px; margin-bottom: 10px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden; padding: 10px 4px 0px;transition:0.7s;}
.ariclelist_box .ariclelist_list ul li span{font-size: 14px; color:#666; padding: 0 4px 10px;}
.ariclelist_box .ariclelist_list ul li p{font-size: 14px; color:#666; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; padding: 0 4px; height:45px;}

.ariclelist_box .ariclelist_list ul li:nth-child(3n+3){margin-right:0%;}
.ariclelist_box .ariclelist_list ul li:hover img{transform: scale(1.1);}
.ariclelist_box .ariclelist_list ul li:hover b{color: #871326;transform:translateY(-3px);transition:0.7s;}

.swi_product_top .swiper-pagination-bullet{ background:#fff;}
.swi_product_top .swiper-pagination-bullet-active{ background:#871326;}
.swi_product_top .swiper-slide img{ max-width:100%;}
.swi_product_top2 .swiper-pagination-bullet{ background:#fff;}
.swi_product_top2 .swiper-pagination-bullet-active{ background:#871326;}
.swi_product_top2 .swiper-slide img{ max-width:100%;}

.gongcheng{ background:#fff; padding-top:45px;}
.gongchengok{ font-size:16px; line-height:24px; max-width:1200px; margin:0 auto; padding:0 35px; box-sizing:border-box; background:#fff; padding-bottom:50px;}
.gongcheng img{ display:inline; max-width:100%;}

/*新闻详情*/
.article_content_box{ width:94%;min-width: 1100px; padding:30px 3%;}
.article_content_box .article_content_wrap{width: 92%; max-width:1100px; margin:0 auto; padding: 50px; overflow: hidden; background: #fff;}
.article_content_box .title{ margin-bottom: 30px; padding-top:20px; padding-bottom:20px; border-bottom: 1px solid #f4f4f4;}
.article_content_box .title h1{ font-weight: 500;margin-bottom: 10px;}
.article_content_box .title p span{ display:inline;}
.article_content img{ max-width:100%; display:inline;}
.article_content{line-height:24px; color:#666; font-size:16px;}
.article_content a{ color:#666;}
.article_content a:hover{color:#871326}
.article_content span{ display: inline-block;}

/*产品详情*/
.product_top{ width: 100%; background: #fff;
background-image: -webkit-linear-gradient(91deg, #514f50 0%, #626061 50%, #727071 100%);
background-image: linear-gradient(91deg, #514f50 0%, #626061 50%, #727071 100%);
}
.product_top_wrap{width: 92%; max-width: 1600px; margin: 0 auto; overflow: hidden; padding-top:100px; padding-bottom:65px;}
.product_top .left{ width: 50%; float: right;}
.product_top .left .swiper-slide{ text-align: center;}
.product_top .left .swiper-slide img{ margin: 0 auto; max-width:100%;}
.product_top .right{ width: 40%; float: left; padding-top:3%;}
.product_top .right .name{ margin-bottom: 15px; border-bottom: 1px solid Rgba(155,155,155,0.4);}
.product_top .right .name h1{font-size: 30px; margin-bottom: 10px; font-weight:100; float:left; color:#fff;}
.product_top .right .name p{ font-size:20px; float:right; padding-right:3%;padding-top: 12px;font-weight:100;color:#ccc;}
.product_top .right .jiage b{font-size: 24px; margin-bottom: 20px; color: #871326;}
.product_top .right .miaoshu{margin-bottom: 20px;}
.product_top .right .miaoshu b{ margin-bottom: 10px; color: #ccc;}
.product_top .right .miaoshu .text{color: #f1f1f1;}
.product_top .right .zixun{color: #f1f1f1;}
.product_top .right .zixun b{font-size:22px; }
.product_info_box{ width: 100%;height: auto; background: #fff; padding:1px 0;}
.product_info_wrap{width: 92%; max-width: 1600px; margin: 0 auto; overflow: hidden;}
.product_info{height: auto; background: #fff; padding: 30px 50px;}
.product_info2{height: auto; padding: 0 50px;}
.product_info .title{ padding: 20px 0 20px; border-bottom: 1px solid #f4f4f4; text-align: center;}
.product_info .title b{ font-size: 24px; color: #333; font-weight:500;}
.product_info .text{ padding:30px 0;border-bottom: 1px solid #f4f4f4;}
.pos_product_box{ width: 100%; background: #fff;}
.pos_product_wrap{width: 92%; max-width: 1600px; margin: 0 auto; padding: 20px; overflow: hidden; padding-bottom:40px;}
.pos_product_box .title{ text-align: center; padding:0 0 20px 0;}
.pos_product_box .title b{font-size: 24px; color: #333; font-weight:500;}
.pos_product_box .swi_pos_product .swiper-slide{ text-align: center;}
.pos_product_box .swi_pos_product .swiper-slide img{width: 100%; overflow: hidden; margin-bottom: 10px;}
.pos_product_box .swi_pos_product .swiper-slide:hover img{transform: scale(1.1);}
.pos_product_box .swi_pos_product .swiper-slide:hover p{transform:translateY(-3px);}
.pos_product_wrap .swiper-container{ padding-bottom:55px;}
.pos_product_wrap .swiper-container .swiper-pagination-bullet-active{ background:#cc0000;}


/*加盟招商*/
.join_banner{ width: 100%; height: auto;  position: relative;}
.join_banner .text{position: absolute; width: 30%; max-width: 420px; top: 32%; right: 15%;}
.join_banner .text img{width: 100%;}
/*优势*/
.advantage_box{ width: 100%;height: auto;  position: relative; background: #fff;}
.advantage_wrap{width: 92%; max-width: 1600px; margin: 0 auto; padding: 50px; overflow: hidden;}
.advantage_box .advantage_title{ float: left;padding-bottom: 54px;}
.advantage_box .advantage_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.advantage_box .advantage_title .text{ float: left;}
.advantage_box .advantage_title .text p{ font-size: 24px; color: #333;}
.advantage_box .advantage_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.advantage_box .advantage_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}
.advantage_box .advantage{}
.advantage_box .advantage ul{ width: 33.33%; float: left;}
.advantage_box .advantage ul li{ width: 100%; position: relative; overflow: hidden; background: #000;}
.advantage_box .advantage ul li .title{ position: absolute; padding: 5%; top: 0;left: 0;}
.advantage_box .advantage ul li .title b{font-size: 18px;font-weight: 500; color: #fff; margin-bottom: 6px; display: block; text-shadow: 0 0 3px rgba(0,0,0,0.2);}
.advantage_box .advantage ul li .title span{ width: 40px; height: 2px; background: #fff; display: block; transform:translateX(-100px);}
.advantage_box .advantage ul li p{ position: absolute; bottom: 7%; display: block; padding: 0 5%; color: #fff; font-size: 14px;transform:translateY(100px); opacity: 0;z-index: 2;}
.advantage_box .advantage ul li .back{ width: 100%; height: 100%; background: url(../images/advantageimg_back.png) repeat-x; background-position: bottom; position: absolute;top: 0;left: 0; opacity: 0;z-index: 1;}
.advantage_box .advantage ul li .img{ width: 100%; overflow: hidden;}
.advantage_box .advantage ul li .img img{ width: 100%;-webkit-filter: grayscale(100%);transform: scale(1.01);
-moz-filter: grayscale(50%);
-ms-filter: grayscale(50%);
-o-filter: grayscale(50%);
filter: grayscale(50%);
filter: gray;opacity: 0.7;}
.advantage_box .advantage ul li:hover img{transform: scale(1.1);-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;opacity:1;}
.advantage_box .advantage ul li:hover .title span{ transform:translateX(0px);}
.advantage_box .advantage ul li:hover .title b{font-size: 22px; font-weight: bold;}
.advantage_box .advantage ul li:hover p{ transform:translateY(0px); opacity: 1;}
.advantage_box .advantage ul li:hover .back{opacity: 1;}
.advantage_box .advantage ul:nth-child(2) li{}
.advantage_box .advantage ul:nth-child(2) li:nth-child(1) .img img{-webkit-filter: grayscale(0%);opacity: 1;
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;}

/*条件*/
.join_tiaojian{width: 100%; height: auto;  background: #DEDEDE;}
.join_tiaojian .join_tiaojian_wrap{width: 92%; max-width: 1600px; margin: 0 auto; padding: 80px 0; overflow: hidden;}
.join_tiaojian .info_title{ float: left;padding-bottom: 54px;}
.join_tiaojian .info_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.join_tiaojian .info_title .text{ float: left;}
.join_tiaojian .info_title .text p{ font-size: 24px; color: #333;}
.join_tiaojian .info_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.join_tiaojian .info_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}
.swi_tiaojian {position: relative;-webkit-perspective: 1500;-moz-perspective: 1500; overflow: inherit; display:block; padding-bottom:50px;}
.swi_tiaojian .swiper-slide{ text-align: center;position: relative;-webkit-perspective: 1500;-moz-perspective: 1500; overflow: inherit; display:block;}
.swi_tiaojian .swiper-slide .zheng{ width: 100%; height: 0;padding: 50% 0;position: relative; background: #fff;transition: all 1s;}
.swi_tiaojian .swiper-slide .zheng img{ position: absolute;top: 0;left: 0;}
.swi_tiaojian .swiper-slide .zheng b{ width: 100%;font-size: 22px; position: absolute;text-align: center; top: 55%; font-weight: 500; color: #fff;}
.swi_tiaojian .swiper-slide .fan{ width: 100%; height: 0;padding: 50% 0;position: absolute; background: #871326;transition: all 1s; top: 0;opacity: 0;transform: rotateY(-180deg);}
.swi_tiaojian .swiper-slide .fan b{width: 100%;font-size: 22px; position: absolute;text-align: center; top: 50%; font-weight: 500; color: #fff;transition: all 1s;}
.swi_tiaojian .swiper-slide .fan p{ padding: 0 10%; font-size: 16px; position: absolute;text-align: left; top: 70%; color: #fff;transition: all 1.4s;}
.swi_tiaojian .swiper-slide:hover .zheng{transform: rotateY(180deg);opacity: 0;}
.swi_tiaojian .swiper-slide:hover .fan{transform: rotateY(0deg);opacity: 1;}
.swi_tiaojian .swiper-slide:hover .fan b{top: 30%; opacity: 1;}
.swi_tiaojian .swiper-slide:hover .fan p{top: 50%; opacity: 1;}
.swi_tiaojian .swiper-pagination{}
.swi_tiaojian .swiper-pagination .swiper-pagination-bullet-active{ background: #871326;}
@media screen and (max-width: 1580px){
.swi_tiaojian .swiper-slide .zheng i{font-size: 40px;}
.swi_tiaojian .swiper-slide .zheng b{font-size: 16px;}
.swi_tiaojian .swiper-slide .fan b{font-size: 17px;}
.swi_tiaojian .swiper-slide .fan p{font-size: 14px;}
} 


/*分类*/
.join_fenlei_box{width: 100%; height: auto;  background: #fff;}
.join_fenlei_box .join_fenlei_wrap{width: 92%; max-width: 1600px; margin: 0 auto; padding: 80px 0; overflow: hidden;}
.join_fenlei_box .fenlei_title{ float: left;padding-bottom: 54px;}
.join_fenlei_box .fenlei_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.join_fenlei_box .fenlei_title .text{ float: left;}
.join_fenlei_box .fenlei_title .text p{ font-size: 24px; color: #333;}
.join_fenlei_box .fenlei_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.join_fenlei_box .fenlei_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}
.join_fenlei_box .fenlei{}
.join_fenlei_box .fenlei ul{}
.join_fenlei_box .fenlei ul li{ width: 20%; float: left;}
.join_fenlei_box .fenlei ul li .img{ width: 100%; overflow: hidden;}
.join_fenlei_box .fenlei ul li img{ width: 100%;}
.join_fenlei_box .fenlei ul li p{text-align: center;}
.join_fenlei_box .fenlei ul li p i{display: inline-block; font-size: 30px; margin-right: 10px; margin-top: 5px;transform:translateY(5px);}
.join_fenlei_box .fenlei ul li p b{display: inline-block; font-size: 16px;}
.join_fenlei_box .fenlei ul li:hover img{transform: scale(1.1);}
.join_fenlei_box .fenlei ul li:hover p{color: #871326;transform:translateY(-5px);}

/*店面形象*/
.dianmian_box{width: 100%; height: auto;  background: #f4f4f4;}
.dianmian_box .dianmian_wrap{width: 92%; max-width: 1600px; margin: 0 auto; padding:20px 0; overflow: hidden;}
.dianmian_box .dianmian_title{ float: left;padding-bottom: 54px;}
.dianmian_box .dianmian_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.dianmian_box .dianmian_title .text{ float: left;}
.dianmian_box .dianmian_title .text p{ font-size: 24px; color: #333;}
.dianmian_box .dianmian_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.dianmian_box .dianmian_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}
.section-content6{width:100%;margin-bottom:0 !important;}
.Honor{width:1200px;margin:0 auto;overflow:hidden;}
.honorList {padding-bottom: 40px;}
.honorList ul{ color: #666;}
.honorList li{ width: calc(25% - 5px); margin-right: 5px; float: left; display: block; margin-bottom:5px; cursor: pointer;}
.honorList .img{overflow: hidden; position: relative; background:#fff; width: 100%; height: 100%;}
.honorList li a{display: table-cell;vertical-align:middle; display:block;font-family:Arial;width:100%;overflow:hidden;text-align:center;}
.honorList li a img{width:100%;height:100%;vertical-align:middle;-ms-interpolation-mode: bicubic; overflow:hidden; display: block;}
.honorList li p{display: block; text-align: center;}
.honorList .bg{ background: url(../images/black2.png) repeat; background: none rgba(0,0,0,0.4); bottom: 0; left: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .swiper-pagination-bullets{ text-align: center;}
.honorList .con{ text-align: center; font-size: 14px; color: #666666; line-height: 1.5; height: 20px; overflow: hidden;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms; border-radius: 3px;}
.honorList .il{ height: 3px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 3px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #d5615d;}
.honorList li:hover .bg{ opacity: 1; visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
html.openImg { overflow: hidden; }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 3%; top:5%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close-empty.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; cursor: pointer;}
.overlayClose:hover{ background-color: #c52721;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.owl-item{margin:0;float:left;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; cursor:pointer;transition:all 0.5s;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image:url(../images/left.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image:url(../images/right.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #871326; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background:none;}

.honorList .swiper-scrollbar{ bottom:0px; height: 6px; width: 60%;left: 50%;transform:translateX(-50%); display:block !important;}
.honorList .swiper-scrollbar .swiper-scrollbar-drag{background:#871326; height:100%;}


/*工程合作*/
.hezuo_box{width: 100%; height: auto;  overflow: hidden; padding-bottom: 80px;}
.hezuo_box .hezuo_wrap{width: 92%; max-width: 1600px; margin: 0 auto; padding: 80px 0;}
.hezuo_box .hezuo_title{ float: left;padding-bottom: 54px;}
.hezuo_box .hezuo_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.hezuo_box .hezuo_title .text{ float: left;}
.hezuo_box .hezuo_title .text p{ font-size: 24px; color: #333;}
.hezuo_box .hezuo_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.hezuo_box .hezuo_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}


/*门店*/
.mendian_banner_box{ position: relative;}
.mendian_banner_box .title{ position: absolute; top: 40%;right: 20%;}
.mendian_banner_box .title b{font-size: 40px; color: #fff;display: block;font-weight: 500;}
.mendian_banner_box .title p{font-size: 16px; color: #fff; opacity: 0.5; display: block;}
.mendian_banner_box .sll_contentbox{ width: 10px; position: absolute; left: 50%;transform:translateX(-50%);bottom: 80px;cursor:pointer;}
.mendian_banner_box .sll_contentbox span{ width: 1px; margin: 0 auto;height: 55px; display: block; background: #fff;}
.ditu_box{width: 100%; height: auto;  overflow: hidden;background: #fff;position: inherit;z-index: 6; border-bottom: 1px solid #eaeaea;}
.ditu_box .ditu_wrap{width: 92%; max-width: 1600px; margin: 0 auto; padding-top:60px;}
.ditu_box .title{ padding-bottom: 20px; float: left; margin-right: 30px;}
.ditu_box .title b{font-size: 22px; margin-bottom: 20px; color: #333;}
.ditu_box .title span{width: 40px; height: 2px; background: #871326;}
.ditu_box{ float: left;}
.ditu_box .text{}
.ditu_box .text b{ font-size: 34px; color: #871326; font-weight:500; margin-bottom: 20px; float: right; margin-right: 40px;}
.ditu_box .text p{ font-size: 14px; color: #333; padding-right: 20px; margin-bottom: 30px; float: left;}
.ditu_box .text img{ width: 120px;}
.ditu_box .weixin{ margin-bottom: 40px; float: left; margin-right: 40px;}
.ditu_box .weixin ul li{ width: 40px; height: 40px; border-radius: 50%; background: #eaeaea; float: left; margin-right: 20px; position: relative; text-align: center; line-height: 44px;}
.ditu_box .weixin ul li i{font-size: 20px; color: #333;}
.ditu_box .weixin ul li a{display: block;}
.ditu_box .weixin ul li .erweima{ position: absolute; top: -70px;left: 40px;opacity:0;pointer-events: none;cursor: default;z-index: 99;}
.ditu_box .weixin ul li:hover i{ color: #871326;}
.ditu_box .weixin ul li:nth-child(1):hover .erweima{opacity:1;}
.ditu_box .weixin ul li:nth-child(2):hover .erweima{opacity:1;}
.map_box{width: 100%;  overflow: hidden; padding-bottom: 20px; background: #fff;position: inherit;z-index: 6;}
.map_box .map_wrap{width: 92%; max-width: 1600px;margin:40px auto; height: 500px; border: 1px solid #e4e4e4; position: relative;}

.infook{width: 100%; height: auto;  overflow: hidden;background: #fff;}

/*预约*/
.yuyue_box{width: 100%; height: auto;  background: url(../images/mendian_yuyue.jpg) no-repeat; overflow: hidden; padding: 80px 0; position: relative;background-size: cover;}
.yuyue_box .yuyue_wrap{width: 92%; max-width: 1600px; margin: 0 auto;}
.yuyue_box .left{ width:600px; background: rgba(50,50,50,0.5); padding:30px 60px;}
.yuyue_box .left .title{ margin-bottom: 40px;}
.yuyue_box .left .title b{ font-size:33px; color: #fff; font-weight: 500; margin-bottom: 14px;}
.yuyue_box .left .title span{ width: 40px; height: 2px; display: block; background: #871326; margin-bottom: 20px;}
.yuyue_box .left .title p{font-size: 14px; color: #fff; line-height: 24px;}
.yuyue_box .left .diqu{ margin-bottom: 10px;}
.yuyue_box .left .diqu .outer{ width:510px; float: left; margin-bottom: 5px;}
.yuyue_box .left .titles_p{ width: 90px; text-align: right; float: left; color: #fff; opacity: 0.6; line-height:38px;}
.yuyue_box .left .diqu select{ width: calc(33.33% - 4px);margin-right: 6px; float: left; height: 38px; line-height: 38px; background: #fff;}
.yuyue_box .left .diqu select:nth-child(3){margin-right: 0;}
.yuyue_box .left .diqu .mdneme{ width:490px;height: 38px; line-height: 38px; padding: 0 10px; color: #333; float: right;}
.yuyue_box .left .name{margin-bottom: 10px;}
.yuyue_box .left .name .cname{ width:490px; height: 38px; line-height: 38px; padding: 0 10px; background: #fff;}
.yuyue_box .left .name .shijian{ width:490px; height: 38px; line-height: 38px; padding: 0 10px; background: #fff;}
.yuyue_box .left .name .coll{ width:490px; height: 38px; line-height: 38px; padding: 0 10px; background: #fff;}
.yuyue_box .left .name .cmessage{ width:490px; height: 76px; line-height: 24px; padding:5px 10px; background: #fff; float: right; margin-bottom: 10px;}
.yuyue_box .left .submit{ width:510px; height: 38px; line-height: 38px; text-align: center; color: #fff; float: right; background: #871326;transition:0.7s;}
.yuyue_box .left .submit:hover{background: #fff; color:#871326; cursor:pointer;transition:0.7s;}
.yuyue_box .left .chenggong{  width:510px; float: right; padding-top: 30px;}
.yuyue_box .left .chenggong p{ font-size: 14px; color: #fff;}
.yuyue_box .left .chenggong p b{ font-size: 22px; display: inline-block; color: #871326;}
.yuyue_box .yuyuetext{ position: absolute;top: 40%; right: 30%;}
 @media screen and (max-width: 1780px){.yuyue_box .yuyuetext{right: 20%;} } 
 @media screen and (max-width: 1580px){.yuyue_box .yuyuetext{right: 10%;} } 
/*人才招聘*/
.zhaoping_banner_box{ position: relative;}
.zhaoping_banner_box .title{ position: absolute; top:30%;left:10%; color: #fff; }
.zhaoping_banner_box .title b{font-size:30px; margin-bottom:10px; font-weight:500;}
.zhaoping_banner_box .title p{ color:#999; margin-bottom:10px; line-height:24px;text-transform:uppercase; font-size:16px;}
.zhaoping_banner_box .title .text{ margin-top: 60px;}
.zhaoping_banner_box .title .text p{font-size: 16px;}

.zhaoping_box{ width: 100%;  padding: 50px 0;}
.zhaoping_wrap{width: 92%; max-width: 1600px; margin: 0 auto;}
.zhaoping_box .info_title{ float: left; padding-bottom: 20px;}
.zhaoping_box .info_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.zhaoping_box .info_title .text{ float: left;}
.zhaoping_box .info_title .text p{ font-size: 24px; color: #333;}
.zhaoping_box .info_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.zhaoping_box .info_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}
.zhaoping{padding: 20px 0;}
.zhaoping ul li{background: #fff; margin-bottom:2px;}
.zhaoping ul li .zhaplist{ }
.zhaoping ul li .title {cursor: pointer; display: block;padding:15px 33px;transition:0.7s;}
.zhaoping ul li .open .title{background:#861326;}
.zhaoping ul li .open .title b{color:#fff;}
.zhaoping ul li .open .title .icon_more i{color: #fff;}

.zhaoping ul li .title:hover{ background:#861326;transition:0.7s; color:#fff;}
.zhaoping ul li .title b{ font-size:18px;float: left; margin-right:20px; font-weight:100;}
.zhaoping ul li .title:hover b{color:#fff;}
.zhaoping ul li .title .widget-metas{ font-size: 14px; color: #A0ADB5;transform:translateY(5px); float: left;}
.zhaoping ul li .title .widget-metas span{ float: left; margin-right: 20px; color:#666;}
.zhaoping ul li .title .widget-metas span i{font-size: 14px; margin-right: 6px;}
.zhaoping ul li .title .icon_more{ float: right; width: 26px;height: 26px; text-align: center; line-height: 26px;}
.zhaoping ul li .title .icon_more i{font-size: 14px; color: #666;}
.zhaoping ul li .title:hover .icon_more i{color: #fff;}
.zhaoping ul li .text{ padding: 0 40px 30px; line-height: 26px; display: none; border-top:1px solid #f1f1f1; padding-top:25px; font-size:15px; line-height:24px; color:#444;}
.zhaoping ul li:hover{} 
.zhaoping ul li:hover b{transform:translateX(5px);} 
.zhaoping ul li:hover .title .widget-metas{transform:translate(5px,5px);} 
.zhaoping ul li:hover .icon_more{transform:rotate(90deg);} 
.zhaoping ul li:hover .icon_more i{} 
.coll_body{display: none;}
/*联系我们*/
.lxwm_banner_box{ position: relative;}
.lxwm_banner_box .title{ position: absolute; top: 40%;left:14%; color: #333;}
.lxwm_banner_box .title b{font-size:33px; color: #fff; font-weight:500; padding-bottom:10px;}
.lxwm_banner_box .title p{font-size: 18px; margin-bottom: 10px; line-height:24px; color: #fff;}


#l-map{width:75%;height:500px; float:right;margin:0;}
#l-map .BMap_bubble_content span{display: inline;}
#l-map .BMap_bubble_content span img{display: inline;}
#r-result{width:25%;height:480px;padding-bottom: 20px!important;float:left; overflow: scroll!important; border: 0px;}
#r-result div:nth-child(1){border: 0!important;}
#r-result ol li{ margin: 10px 0 10px 0!important; padding: 10px!important; border-bottom: 1px solid #f4f4f4;}
#r-result ol li span {color: #666!important;}
#r-result ol li span b{display: inline!important;}
#l-map .BMap_noprint{}
#l-map .BMap_noprint span{display: inline;}
#l-map .BMap_noprint .ui_city_change a{height: 60px!important; line-height: 60px!important; padding: 0 40px!important;}

#result{width:100%;}
.cityList{
            height: 320px;
            width:372px;
            overflow-y:auto;
        }
        .sel_container{
            z-index:9999;
            font-size:12px;
            position:absolute;
            right:0px;
            top:0px;
            width:140px;
            background:rgba(255,255,255,0.8);
            height:30px;
            line-height:30px;
            padding:5px;
        }
        .map_popup {
            position: absolute;
            z-index: 200000;
            width: 382px;
            height: 344px;
            right:0px;
            top:40px;
        }
        .map_popup .popup_main { 
            background:#fff;
            border: 1px solid #8BA4D8;
            height: 100%;
            overflow: hidden;
            position: absolute;
            width: 100%;
            z-index: 2;
        }
        .map_popup .title {
            background: url("http://map.baidu.com/img/popup_title.gif") repeat scroll 0 0 transparent;
            color: #6688CC;
            font-weight: bold;
            height: 24px;
            line-height: 25px;
            padding-left: 7px;
        }
        .map_popup button {
            background: url("http://map.baidu.com/img/popup_close.gif") no-repeat scroll 0 0 transparent;
            cursor: pointer;
            height: 12px;
            position: absolute;
            right: 4px;
            top: 6px;
            width: 12px;
        }  




.yrlnian_box{ width: 100%; background: #f4f4f4;  height: auto; padding: 50px 0;}
.yrlnian{ width: 92%; max-width: 1600px; margin: 0 auto;}
.yrlnian .info_title{ float: left;padding-bottom: 54px;}
.yrlnian .info_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.yrlnian .info_title .text{ float: left;}
.yrlnian .info_title .text p{ font-size: 24px; color: #333;}
.yrlnian .info_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.yrlnian .info_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}
.yrlnian .left{ width: 50%; float: left;}
.yrlnian .right{ width: 50%;float: left;}
.yrlnian .right p{ font-size: 18px; padding:100px 0 0 40px; line-height: 34px;}

/*员工风采*/
.ygfc .swiper-pagination-bullet-active{ background: #871326}
.ygfc_box{ width: 100%; background: #fff; padding: 50px 0;}
.ygfc{ width: 92%; max-width: 1600px; margin: 0 auto;}
.ygfc .Honor{ width: inherit;}
.ygfc .info_title{ float: left;padding-bottom: 54px;}
.ygfc .info_title span{ width: 24px; height: 3px; background: #333; display: block; float: left; margin-top: 15px; margin-right: 10px; opacity: 0.2;}
.ygfc .info_title .text{ float: left;}
.ygfc .info_title .text p{ font-size: 24px; color: #333;}
.ygfc .info_title .text b{ font-size: 40px; color: #333;text-transform:uppercase;letter-spacing:-3px;}
.ygfc .info_title .text em{ font-size: 18px; color: #333; opacity: 0.6;}

.service_icon li{ margin: 0 15px; float: left;}
.service_icon li i{text-align: center;width:70px; line-height:70px;height:70px; background: Rgba(155,155,155,0.5); display: block;border-radius: 50%; margin-bottom: 10px; font-size:30px;transition:0.7s;}
.service_icon li i:hover{background:#871326; cursor:pointer;transition:0.7s;}

.youshi_icon{position: absolute; top: 50%;}
.youshi_icon{ width: 100%;}
.youshi_icon #youshi_icon_gallery{ width: 1100px; margin: 0 auto;}
.youshi_icon #youshi_icon_gallery .swiper-slide{ text-align: center; color: #fff;transition:all 1.5s 1s; font-size:16px;}
.youshi_icon #youshi_icon_gallery .swiper-wrapper{transition-delay:.0s;}
.youshi_icon #youshi_icon_thumbs{ width: 80%; max-width: 1360px; margin: 0 auto 60px}
.youshi_icon #youshi_icon_thumbs .swiper-slide i{font-size:40px; color: #fff; width:80px; height:80px; line-height:70px; background:Rgba(100,100,100,0.8); display: block; border-radius: 50%; text-align: center; margin: 0 auto 10px;}
.youshi_icon #youshi_icon_thumbs .swiper-slide {transition:all 1.5s 1s; text-align: center;cursor:pointer;}
.youshi_icon #youshi_icon_thumbs .swiper-slide p{font-size: 14px; color: #fff; opacity: 0.6; display: block;}
.youshi_icon #youshi_icon_thumbs .swiper-slide-thumb-active i{opacity: 1; background: #871326; border: 1px solid #871326;}
.youshi_icon #youshi_icon_thumbs .swiper-slide-thumb-active p{opacity: 1;}
.youshi_icon #youshi_icon_thumbs .swiper-slide:hover i{transform:translateY(3px);opacity: 1; background: #871326;}
.youshi_icon #youshi_icon_thumbs .swiper-slide:hover p{transform:translateY(-3px);opacity: 1;}
.join_banner_a .caizhi_gd_1 .text{position: absolute; top:30%;width: 100%; z-index: 2;}
@media screen and (max-height: 750px){.join_banner_a .caizhi_gd_1 .text{ top: 20%;}	.youshi_icon{bottom: 10%;}} 

.youshi_icon2{position:absolute; z-index:5; width:100%;}
.yingx-left{ float:left; padding-top:12%; max-width:30%;}
.yingx-left img{ max-width:100%;}
.yingx-right{ float:right; max-width:70%;padding:15% 7% 0 5%; box-sizing:border-box;}
.yingx-right .yxzc1{ height:80px; background:Rgba(50,50,50,0.5); color:#eee; padding:4% 6%; font-size:13px;}
.yingx-right .swiper-slide img{ width:100%;}
.yingx-right .yxzc1 h1{ font-size:18px; color:#fff; font-weight:500; padding-bottom:5px;}
.yingx-right .swiper-pagination-bullet-active{ background:#861326;}
.yingx-right .swiper-pagination-bullet{ background:#fff;}

.join_gd_2 .info_title{ width: 40%; float: left; position: absolute; top: 15%; left: 5%;z-index: 9;}
.join_gd_2 .info_title span{ width: 24px; height: 3px; background: #cccccc; display: block; float: left; margin-top: 15px; margin-right: 10px;}
.join_gd_2 .info_title .text{ float: left;}
.join_gd_2 .info_title .text p{ font-size: 24px; color: #333333;}
.join_gd_2 .info_title .text b{ font-size: 40px; color: #333333;text-transform:uppercase;letter-spacing:-3px;}
.join_gd_2 .info_title .text em{ font-size: 18px; color: #333333;}

.tiaojian_box{ max-width:700px;position: absolute; top: 35%;right: 20%;opacity: 1;z-index: 9;}
.tiaojian_icon_box{padding: 50px; background:Rgba(155,155,155,0.5);transition:all 1.5s 1.4s!important;}
#tiaojian_icon_gallery .swiper-slide{ color: #fff; font-size:15px; line-height: 24px;}
#tiaojian_icon_thumbs{ width: 50%; margin-bottom: 10px; padding-top: 10px;transition:all 0.8s 0.3s!important;}
#tiaojian_icon_thumbs .swiper-slide{ color: #fff; cursor:pointer; height:30px; line-height:30px; text-align: center; background:#666; margin-right:1px;}
#tiaojian_icon_thumbs .swiper-slide:hover{ background:#871326; color: #fff;}
#tiaojian_icon_thumbs .swiper-slide-thumb-active{ background:#871326; color: #fff;font-size:16px;  height:30px; line-height:30px;font-weight:400;}

.liucheng_box{ position: absolute; left: 10%; top: 20%; width: 80%; z-index: 9;transition:all 1.5s 1.4s!important;}
.liucheng{ width: 100%; height: 1px;background: rgba(255,255,255,0.1); display: block;margin: 280px 0; position: relative;}
.liucheng ul li{ position: absolute;z-index: 9;}
.liucheng ul li:nth-child(1){transition:all 0.8s 0.1s!important;}
.liucheng ul li:nth-child(2){transition:all 0.8s 0.4s!important;}
.liucheng ul li:nth-child(3){transition:all 0.8s 0.6s!important;}
.liucheng ul li:nth-child(4){transition:all 0.8s 0.9s!important;}
.liucheng ul li:nth-child(5){transition:all 0.8s 1.2s!important;}
.liucheng ul li:nth-child(6){transition:all 0.8s 1.3s!important;}
.liucheng ul li:nth-child(7){transition:all 0.8s 1.7s!important;}
.liucheng ul li:nth-child(8){transition:all 0.8s 1.9s!important;}
.liucheng ul li:nth-child(9){transition:all 0.8s 2s!important;}

.liucheng_box2{ position: absolute; width:100%; z-index: 9;transition:all 1.5s 1.4s!important;}
.liucheng_box2 .zst1{margin:0 auto; padding-top:13%; max-width:20%;transition:all 1.2s 0.3s!important;}
.liucheng_box2 .zst2{position: absolute; top:14%; right:5%;max-width:20%;transition:all 1.2s 0.6s!important;}
.liucheng_box2 .zst3{position: absolute; top:25%; left:5%;max-width:20%;transition:all 1.2s 0.9s!important;}

/*店面形象*/
.dianmian_photo_wrap{ width: 92%; max-width: 1561px!important; position: absolute; top: 36%; right: 13%;transform:translateY(-50%);z-index: 9;}

.dianmian_photo_wrap .Honor{ width: 100%!important;}
.dianmian_photo_wrap .section-content6{ min-width: 100%!important;}
@media screen and (max-width: 1800px){
.dianmian_photo_wrap{ width:81%; right: 14%;}} 
.dianmian_photo_wrap .swiper-scrollbar{ width:50%;background:rgba(255,255,255,0.1); height:6px;left: 50%;transform:translateX(-50%);}
.dianmian_photo_wrap .swiper-scrollbar{}
.dianmian_photo_wrap .swiper-scrollbar .swiper-scrollbar-drag{background: #871326;}
.dianmian_photo_wrap .inner .swiper-wrapper{transition-delay:0s!important;}


/*留言*/
.liuyan{ position: absolute; left: 7%; top: 40%; z-index: 9; width: 50%; max-width: 780px;}
.liuyan form .left{margin-bottom: 20px;}
.liuyan form .left .text{ width: calc(100%/3 - 10px); height: 40px;line-height: 40px; float: left; background:fff; margin-right: 10px; color: #333; padding:0 10px;box-sizing:border-box;}
.liuyan form .right{margin-bottom: 20px;}
.liuyan form .right .cmessage{width:98.5%;background:fff; min-height: 150px; color: #000;padding:1%; box-sizing:border-box;}
.liuyan form .submit{ width: 300px; height: 50px;line-height: 50px;background: #871326; text-align: center; color: #fff;transition:0.7s;}
.liuyan form .submit:hover{background: #fff; color:#871326; cursor:pointer;transition:0.7s;}