@charset "UTF-8";
/*统一的样式*/
/* reset */

* { margin: 0; padding: 0; list-style: none; box-sizing: border-box; font-family: "微软雅黑"; line-height: 1.5em;
}

img { border: none; vertical-align: bottom; max-width: 100%; }

table { border-collapse: collapse; }

button, input, select, textarea { font-size: 100%; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

address, cite, dfn, em, var { font-style: normal; }

/* 将斜体扶正 */
a { text-decoration: none; color: inherit; transition: 0s; }

/*清除超链接的下划线*/
a:hover { text-decoration: none; }

body { font-size: 14px; line-height: 200%; letter-spacing: 1px; 
    overflow-x: hidden;
    position: relative; font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体" !important; min-width: 320px; }

@media only screen and (max-width: 3840px) { .center { width: 1200px; margin: 0 auto; } }
@media only screen and (max-width: 1024px) { .center { width: 768px; padding: 0 2%; } }
@media only screen and (max-width: 768px) { .center { width: 100%; } }

.ryze_block { display: block !important; }

.ryze_flex { display: flex !important; }

.ryze_none { display: none !important; }

.ryze_inblock{display: inline-block!important;}

.ryze_lighting:before { content: ""; position: absolute; width: 36%; height: 100%; top: 0; left: -100%; overflow: hidden;z-index: 555;
    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg)
}
.ryze_lighting:hover:before { left: 143%; transition: left 1s ease 0s; }
/*--声明---*/

.re-book{width: 100%;height: 100%;position: absolute;top:0;left:0;background-color: rgba(0,0,0,0.5);z-index: 10000;display: none;}
.re-border{position: relative;width: 950px;height: 500px;left: 50%;top: 200px;margin-left: -475px;}
.no-close {position: absolute;left: 100%;margin-left: 5px;cursor: pointer;}
.re-content{margin: 0 auto;position: relative;}
.shen-phone{display: none;position: fixed;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 100;}
.shen-phone img {width: 94%;position: absolute;left: 3%;top:4%;object-fit: contain;height: 100%;}

/*----*/

.in_nav { z-index: 20; width: 100%; position: fixed; top: 0; left: 0; padding: 0 1%; display: flex; justify-content: space-between; align-items: center; background: transparent;border-bottom: 1px solid #CCCCCC;transition: .5s}
.in_nav > a { display: block; min-width: 140px; }
.in_nav > a img { display: block; width: 100%;  }
.in_nav ul { display: flex; justify-content: space-between; align-items: center; width: 60%; }
.in_nav ul li { text-align: center; display: flex; justify-content: center;transition: .5s}
.in_nav ul li > a { text-align: center; display: block; font-size: 16px; color: #ffffff;  border-radius: 30px; white-space: nowrap;  position: relative; height: 35px;line-height: 35px;margin: 35px 2%;padding: 0 20px; transition: .5s}
.in_nav ul li:hover > a { background: #781d22; }
.in_nav ul li:hover > a:after { content: ''; display: block; position: absolute; left: 48%; bottom: -40%; width: 4px; height: 4px; border-radius: 2px; background: #781d22; }
/*.in_nav>ul>li:hover>div {opacity: 1;visibility: visible}*/
.in_nav ul li > div { position: absolute; left: 0; top: 105px; width: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; background-image: url("../img/header-bg.png"); background-repeat: no-repeat; background-size: cover; }
.in_nav ul li > div figure { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 40px 0; }
.in_nav ul li > div figure > div h3 { font-size: 40px; font-family: "Bodoni MT"; color: white; position: relative; font-weight: lighter; line-height: 1em;text-align: left;text-transform: uppercase;}
.in_nav ul li > div figure > div h3:after { content: ''; display: block; width: 30px; height: 1px; background: #d3b167; position: relative; margin: 20px 0; }
.in_nav ul li > div figure > div p { text-align: left; font-size: 24px; color: white; margin-bottom: 40px; }
.in_nav ul li > div figure figcaption img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.in_nav > div { display: flex; justify-content: space-around; align-items: center; }
.in_nav > div a { display: block; background: #d3b167; color: white; padding: 5px 10px; border-radius: 20px; white-space: nowrap; margin-right: 20px; font-size: 16px;transition: .5s }
.in_nav > div a i { font-size: 18px; display: inline-block;margin-right: 5px;transition: .5s}
.in_nav > div p { font-size: 18px; font-family: Arial; color: white; transition: .5s}
.in_nav > div p img { vertical-align: middle; margin-right: 5px; }
.in_nav:hover{background: white;}
.in_nav:hover>ul>li>a{color: #000;}
.in_nav>ul>li:hover>a{color: white!important;} 
.in_nav:hover>p{color: #000;: black;}
.in_nav:hover>p img{filter:invert(100%)}
.in_nav:hover >div>a{color: white;}
.in_nav:hover >div>a i{color: white;}
.in_nav:hover>div>p{color: black;}
.in_nav:hover>div>p img{filter: invert(100%)}


.sernavdiv{width: 550px;position: relative;display: flex;align-items: center;flex-wrap: wrap;}
.sernavdiv a{display: block;color: #c5c5c5;position: relative;margin-right:20px;height: 15px;line-height: 15px;font-size: 16px;margin-bottom: 30px}
.sernavdiv a:before{content: '▶'; display: inline; font-size: 12px; color: #8c8c8c;margin-right: 5px}
.sernavdiv a:hover{color: white;}

.in_nav ul li > div figure figcaption{position: relative;width: 650px;height: 100%;padding: 13.5% 0;overflow: hidden;}

.banner { z-index: 0; position: relative; width: 100%; }
.banner .banner_con { z-index: 0;}
.banner .banner_con .swiper-wrapper { width: 100%; position: relative;  }
.banner .banner_con .swiper-wrapper .swiper-slide { width: 100%;  }
.banner .banner_con .swiper-wrapper .swiper-slide a{}
.banner .banner_con .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: contain;  }
.banner .banner_con ul:nth-of-type(2) { width: 90%; position: absolute; display: flex; justify-content: space-between; align-items: center; bottom: 2%; z-index: 2; left: 5%;  }
.banner .banner_con ul:nth-of-type(2) li { color: rgba(255,255,255,.6);  }
.banner .banner_con ul:nth-of-type(2) li:first-of-type { font-size: .6rem; font-family: "Bodoni MT"; position: relative; width: auto; bottom: 0;  }
.banner .banner_con ul:nth-of-type(2) li:nth-of-type(2) img { display: block; margin: 0 auto;  }
.banner .banner_con ul:nth-of-type(2) li:nth-of-type(2) p { text-align: center; font-size: .14rem;  }
.banner .banner_con ul:nth-of-type(2) li:last-of-type { display: flex; justify-content: center; align-items: center;  }
.banner .banner_con ul:nth-of-type(2) li:last-of-type i { display: block; height: .55rem; width: .55rem; text-align: center; line-height: .55rem; border: 2px solid rgba(255,255,255,.5); cursor: pointer; font-size: 40px; outline: none;transition: .5s  }

.nav2 { width: 100%; position: relative; }
.nav2 .ce { margin: 0  auto; border-bottom: 1px solid #cccccc; }
.nav2 .ce ul { display: flex; width: 100%; margin: 0 auto; justify-content: center; align-items: center; padding: 3% 0; max-width: 1200px; }
.nav2 .ce ul > li { width: 18.4%; margin: 0 2%; position: relative; float: left; }
.nav2 .ce ul > li:nth-of-type(5n) { margin-right: 0; }
.nav2 .ce ul > li:nth-child(-n+5) { margin-top: 0; }
.nav2 .ce ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.nav2 .ce ul li a { display: block; width: 100%; height: 100%; }
.nav2 .ce ul li a figure { display: flex; justify-content: center; align-items: center; }
.nav2 .ce ul li a figure div { margin-right: 2%; transition: .5s}
.nav2 .ce ul li a figure div img { display: block; }
.nav2 .ce ul li a figure figcaption{transition: .5s}
.nav2 .ce ul li a figure figcaption p{transition: .5s}
.nav2 .ce ul li a figure figcaption p:first-of-type { font-size: .16rem; color: #424242; }
.nav2 .ce ul li a figure figcaption p:nth-of-type(2) { font-size: .12rem; color: #959595; text-transform: uppercase; }
.nav2 .ce ul li a:hover figure div { margin-right: 15px; }
.nav2 .ce ul li a:hover figure figcaption { margin-left: 15px; }
.nav2 .ce ul li a:hover figure figcaption p:first-of-type { color: #781d22; }
.nav2 .ce ul li a:hover figure figcaption p:nth-of-type(2) { color: #781d22; }

.inhot_act { display: flex !important; }

.inhot_die { display: none !important; }

.in_hot { position: relative; width: 100%; background: white; padding: .8rem 0; }
.in_hot:before { content: ''; display: block; width: 100%; position: absolute; height: 48%; left: 0; bottom: 0; background: #f8f8f8; }
.in_hot .in_hot_con { max-width: 1200px; margin: 0 auto; position: relative; display: flex; }
.in_hot .in_hot_con > figure { width: 42%; position: relative; }
.in_hot .in_hot_con > figure .in_hot_name { width: 100%; position: relative; }
.in_hot .in_hot_con > figure .in_hot_name h3 { font-size: .6rem; font-family: "Bodoni MT"; text-align: left; line-height: 1em; font-weight: lighter; color: #222222; text-transform: uppercase; }
.in_hot .in_hot_con > figure .in_hot_name p { font-size: 18px; padding-top: 10px; }
.in_hot .in_hot_con > figure .in_hot_name ul { display: flex; flex-wrap: wrap; justify-content: left; align-items: center; position: relative; padding: .6rem 0 0 0; }
.in_hot .in_hot_con > figure .in_hot_name ul li { width: 105px; height: 35px; border: 1px solid #dcdcdc; border-radius: 10px; text-align: center; line-height: 35px; color: #717171; font-size: 14px; font-weight: bold; margin-right: 20px; cursor: pointer;transition: .5s ;margin-bottom: 20px}
.in_hot .in_hot_con > figure .in_hot_name ul li a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;border-radius: 10px;}
.in_hot .in_hot_con > figure .in_hot_name ul li:last-of-type { margin-right: 0; }
.in_hot .in_hot_con > figure .in_hot_name ul li:hover { background: #d3b167; color: white; }
.in_hot .in_hot_con > figure .in_hot_name ul li:hover a{color: white; }
.in_hot .in_hot_con > figure figcaption { width: 100%; position: relative; margin: .4rem auto; }
.in_hot .in_hot_con > figure figcaption > div { position: relative; display: flex; align-items: center; }
.in_hot .in_hot_con > figure figcaption > div img { display: block; margin-right: 15px; }
.in_hot .in_hot_con > figure figcaption > div > div p { line-height: 1em; }
.in_hot .in_hot_con > figure figcaption > div > div p:first-of-type { font-size: 16px; color: #781d22; font-weight: bold; }
.in_hot .in_hot_con > figure figcaption > div > div p:nth-of-type(2) { color: #959595; font-size: 12px; line-height: 1.5em; }
.in_hot .in_hot_con > figure figcaption .in_hot_slist { width: 100%; position: relative; padding-top: 20px; display: none; }
.in_hot .in_hot_con > figure figcaption .in_hot_slist:after { content: ''; clear: both; display: block; width: 0; height: 0; }
.in_hot .in_hot_con > figure figcaption .in_hot_slist li { position: relative; float: left; width: 24%; height: 15px; color: #717171; border-right: 1px solid #cdcdcd; text-align: center; margin-bottom: 40px; }
.in_hot .in_hot_con > figure figcaption .in_hot_slist li:nth-of-type(4n) { border-right: none; }
.in_hot .in_hot_con > figure figcaption .in_hot_slist li a { display: block; margin: 0 auto; text-align: center; font-size: 14px; color: #717171; line-height: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 80%;transition: .5s }
.in_hot .in_hot_con > figure figcaption .in_hot_slist li a:after { content: ''; display: block; width: 0; height: 2px; background: #781d22; position: absolute; bottom: -20px; left: 50%; transition: .5s; }
.in_hot .in_hot_con > figure figcaption .in_hot_slist li a:hover { color: #781d22; }
.in_hot .in_hot_con > figure figcaption .in_hot_slist li a:hover:after { width: 50%; margin-left: -25%; }
.in_hot .in_hot_con .in_hot_big { width: 58%; position: relative; height: 530px; z-index: 1; display: none; }
.in_hot .in_hot_con .in_hot_big:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; bottom: -30px; right: -30px; background: #f1e6db; z-index: -1;border-radius: 10px }
.in_hot .in_hot_con .in_hot_big a { display: block; width: 100%; height: 100%; position: relative; }
.in_hot .in_hot_con .in_hot_big a > div { width: 100%; height: 100%; position: relative; padding: 38% 0; overflow: hidden;border-radius: 10px }
.in_hot .in_hot_con .in_hot_big a > div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.in_hot .in_hot_con .in_hot_big a .hot_shadow {overflow: hidden; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: .5s;border-radius: 10px}
.in_hot .in_hot_con .in_hot_big a .hot_shadow figcaption { position: absolute; width: 95%; height: 95%; left: 2.5%; top: 2.5%; border: 1px solid #d6d3d0; align-items: center; justify-content: center; flex-direction: column; display: flex;transition: .5s;border-radius: 10px }
.in_hot .in_hot_con .in_hot_big a .hot_shadow figcaption h3 {width: 40%; font-size: 30px; color: #ffffff; font-family: "Bodoni MT"; text-align: center; line-height: 1.4em; text-transform: uppercase; letter-spacing: 3px; }
.in_hot .in_hot_con .in_hot_big a .hot_shadow figcaption p { font-size: 20px; text-align: center; font-weight: bold; color: #ffffff; padding-top: 10px; }
.in_hot .in_hot_con .in_hot_big a .hot_shadow figcaption div { width: 90px; height: 30px; margin: 0 auto; font-family: Arial; color: #ffffff; font-size: 14px; text-align: center; background: rgba(0, 0, 0, 0.8); line-height: 30px;transition: .5s }
/*.in_hot .in_hot_con .in_hot_big a:hover > div { border-radius: 10px; }*/
.in_hot .in_hot_con .in_hot_big a:hover .hot_shadow { opacity: 1; visibility: visible; border-radius: 10px; }
/*.in_hot .in_hot_con .in_hot_big a:hover .hot_shadow figcaption { border-radius: 10px; }*/
.in_hot .in_hot_con .in_hot_big a:hover .hot_shadow figcaption div { margin-top: 50px; }



.in_custom { width: 100%; position: relative; padding-top: .3rem; }
.in_custom h3 { font-size: .6rem; font-family: "Bodoni MT"; text-align: center; line-height: 1em; font-weight: lighter; }
.in_custom > p { font-size: 18px; text-align: center; margin-bottom: .3rem; }
.in_custom .custom_top { width: 100%; position: relative; border-top: 1px solid #b9b9b9; }
.in_custom .custom_top .custom_pag { height: 100%; width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; position: relative; }
.in_custom .custom_top .custom_pag .swiper-pagination-bullet { padding: 1% 0; width: 9%; background: none; height: 100%; border-radius: 0; display: flex; outline: none; flex-direction: column; justify-content: center; align-items: center; opacity: 1;transition: .5s }
.in_custom .custom_top .custom_pag .swiper-pagination-bullet i { font-size: 32px; color: #781d22; transition: .5s}
.in_custom .custom_top .custom_pag .swiper-pagination-bullet p { font-size: 14px; transition: .5s}
.in_custom .custom_top .custom_pag .swiper-pagination-bullet-active { background: #781d22; }
.in_custom .custom_top .custom_pag .swiper-pagination-bullet-active i { color: white; }
.in_custom .custom_top .custom_pag .swiper-pagination-bullet-active p { color: white; }
.in_custom .custom_big { width: 100%; height: 7.2rem; margin: 0 auto; position: relative; }
.in_custom .custom_big .swiper-wrapper .swiper-slide{overflow: hidden}
.in_custom .custom_big .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; }
.in_custom .custom_big .swiper-wrapper .swiper-slide a img { width: 100%; height: 100%; object-fit: cover; }
.in_custom .custom_big .swiper-wrapper .swiper-slide .boble {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: white;font-size: 20px;visibility: hidden;opacity: 0;background: rgba(0,0,0,.1);transition: .5s}
.in_custom .custom_big .swiper-wrapper .swiper-slide:hover .boble{visibility: visible;opacity: 1;}
.ryze_active { background: #d3b167 !important; color: white !important; }
.reborn_active { background: #781d22 !important; color: white !important; }

.in_forpro { width: 100%; position: relative; padding-top: 1.1rem; padding-bottom: .5rem; }
.in_forpro > ul { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; position: relative; }
.in_forpro > ul > li:first-of-type { width: 50%; position: relative; }
/*下面是首页产品推荐图片后面的色块，客户不想看到灰色的，就改成了白色*/
.in_forpro > ul > li:first-of-type:before { content: ''; display: block; width: 100%; height: 100%; left: -5%; bottom: -5%; background: #f1e6db; position: absolute; border-radius: 10px}
.in_forpro > ul > li:first-of-type > a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; padding: 40% 0;}
.in_forpro > ul > li:first-of-type > a > img { position: absolute; width: 100%; height: 100%; object-fit: cover;left: 0;top: 0; border-radius: 10px}
.in_forpro > ul > li:nth-of-type(2) { width: 45%; display: flex; flex-direction: column; align-items: center; position: relative; }
.in_forpro > ul > li:nth-of-type(2) h3 { font-size: .6rem; font-family: "Bodoni MT"; line-height: 1em; font-weight: lighter; text-transform: uppercase; }
.in_forpro > ul > li:nth-of-type(2) p { font-size: 18px; }
.in_forpro > ul > li:nth-of-type(2) > a { margin: .6rem auto; height: 40px; display: flex; align-items: center; }
.in_forpro > ul > li:nth-of-type(2) > a i { display: block; height: 100%; color: white; background: #d3b167; line-height: 40px; text-align: center; font-size: 24px; padding: 0 .2rem; transition: .5s}
.in_forpro > ul > li:nth-of-type(2) > a span { background: #781d22; font-size: 16px; color: white; text-align: center; line-height: 40px; height: 100%; padding: 0 .2rem; transition: .5s}
.in_forpro > ul > li:nth-of-type(2) > a:hover i { background: #781d22; }
.in_forpro > ul > li:nth-of-type(2) > a:hover span { background: #d3b167; }
.in_forpro > ul > li:nth-of-type(2) .forpro_con { height: 120px; position: relative; }
.in_forpro > ul > li:nth-of-type(2) .forpro_con .swiper-wrapper { position: relative; }
.in_forpro > ul > li:nth-of-type(2) .forpro_con .swiper-wrapper .swiper-slide { width: 32% !important; margin-left: 1.5%; border: 1px solid #dcdcdc; padding: 10px; cursor: pointer; }
.in_forpro > ul > li:nth-of-type(2) .forpro_con .swiper-wrapper .swiper-slide:first-of-type { margin-left: 0; }
.in_forpro > ul > li:nth-of-type(2) .forpro_con .swiper-wrapper .swiper-slide img { object-fit: cover; width: 100%; height: 100%; }
.in_forpro > ul .swiper_bottoma { display: flex; position: absolute; justify-content: center; align-items: center; bottom: 0; right: 12%; }
.in_forpro > ul .swiper_bottoma i { font-size: 35px; outline: none; color: #cbcbcb; cursor: pointer; margin: 0 10px;transition: .5s }
.in_forpro > ul .swiper_bottoma i:hover { color: #d3b167; }
.in_forpro > ul .swiper_bottoma .swiper-pagination { position: relative !important; display: flex; justify-content: center; align-items: center; }
.in_forpro > ul .swiper_bottoma .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; }


.in_about { width: 100%; position: relative; margin-top: .5rem; }
.in_about .about_bg { position: absolute; width: 100%; height: 100%; z-index: 0; }
.in_about .about_bg li { position: absolute; width: 50%; height: 100%; }
.in_about .about_bg li:first-of-type img { display: block; position: absolute; left: 10%; }
.in_about .about_bg li:first-of-type:after { content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background: #781d22; }
.in_about .about_bg li:nth-of-type(2) { background: #f8f8f8; position: absolute; right: 0; height: 92%; }
.in_about .about_bg li:nth-of-type(2):after { content: ''; display: block; width: 1px; height: 135px; background: #b9b9b9; position: absolute; left: 50%; top: -5%; }
.in_about .in_about_con { max-width: 1200px; margin: 0 auto; position: relative; }
.in_about .in_about_con .in_about_left { width: 55%; position: relative; }
.in_about .in_about_con .in_about_left h3 { font-size: .6rem; font-family: "Bodoni MT"; line-height: 1em; font-weight: lighter; text-transform: uppercase; color: #222222; }
.in_about .in_about_con .in_about_left p { font-size: 18px; color: #282828; padding-top: 10px; }
.in_about .in_about_con .in_about_left .in_ab_pic { width: 100%; margin: .5rem auto; position: relative; height: 5.7rem; border-radius: 10px}
.in_about .in_about_con .in_about_left .in_ab_pic .swiper-wrapper { width: 100%; position: relative; }
.in_about .in_about_con .in_about_left .in_ab_pic .swiper-wrapper .swiper-slide { width: 100%; position: relative; }
.in_about .in_about_con .in_about_left .in_ab_pic .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.in_about .in_about_con .in_about_left:after { content: ''; display: block; clear: both; width: 0; height: 0; }
.in_about .in_about_con .in_about_right { width: 60%; position: absolute; right: 0; bottom: 15%; z-index: 2; }
.in_about .in_about_con .in_about_right > div { width: 100%; position: relative; }
.in_about .in_about_con .in_about_right > div a { display: block; width: 100%; height: 100%; position: relative; padding: 60px; background: rgba(255,255,255,.5);transition: .5s ;border-radius: 10px}
.in_about .in_about_con .in_about_right > div a > p:first-of-type { color: #781d22; font-size: 24px; font-weight: bold; text-align: left; margin-bottom: .4rem; }
.in_about .in_about_con .in_about_right > div a > p:nth-of-type(2) { color: black; font-size: 16px; line-height: 2.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;transition: .5s }
.in_about .in_about_con .in_about_right > div a .muchs { width: 2.2rem; height: 40px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #717171; padding: 0 2%; margin-top: .6rem; transition: .5s}
.in_about .in_about_con .in_about_right > div a .muchs span { display: block; color: #636363; }
.in_about .in_about_con .in_about_right > div a .muchs i { color: #636363; }
.in_about .in_about_con .in_about_right > div a:hover .muchs { padding: 0 4%;background: #781d22; }
.in_about .in_about_con .in_about_right > div a:hover .muchs span{color: white;}
.in_about .in_about_con .in_about_right > div a:hover .muchs i{color: white;}
.in_about .in_about_con .in_about_right > div a:hover {background: white;}
.in_about .in_about_con .in_about_right > div a:hover > p:nth-of-type(2){color: #424242;}
.in_about .in_ab_left_bot { position: relative; display: flex; justify-content: center; align-items: center; float: left; padding-left: 20px; }
.in_about .in_ab_left_bot span { font-size: 16px; color: white; margin-right: 30px; position: relative; font-weight: bold; display: block; }
.in_about .in_ab_left_bot .swiper-pagination-bullet { height: 0; border-radius: 0; opacity: 1;transition: .5s }
.in_about .in_ab_left_bot .swiper-pagination-bullet-active { color: #d3b167; }
.in_about .in_ab_left_bot .swiper-pagination-bullet-active:before { content: ''; display: block; width: 1px; height: .5rem; background: white; position: absolute; left: 50%; top: -.65rem; }
.in_about .in_about_bot { z-index: 2; width: 100%; position: relative; margin: 0 auto; max-width: 1200px; padding: 0; padding-bottom: .5rem; }
.in_about .in_about_bot > div { z-index: 3; position: absolute; display: flex; justify-content: flex-end; align-items: center; right: 0; }
.in_about .in_about_bot > div i { display: block; font-size: 25px; height: 30px; width: 30px; border-radius: 15px; border: 1px solid #c8c8c8; line-height: 30px; text-align: center; color: #c8c8c8; cursor: pointer; outline: none; margin: 0 10px;transition: .5s }
.in_about .in_about_bot > div i:hover { border: 1px solid #781d22; color: #781d22; }
.in_about .in_about_bot:after { content: ''; display: block; clear: both; width: 0; height: 0; }
.in_about .in_about_con .in_about_left .in_ab_pic .swiper-wrapper .swiper-slide:first-of-type img:last-of-type{display: none;}

@media screen and (max-width: 769px){
.about_culture > ul li figure{
	background: #f8f8f8;
}
}
@media screen and (max-width: 750px){
.in_about .in_about_con .in_about_right > div a > p:first-of-type {
    font-size: 23px;
    margin-bottom: 15px;
}
@media screen and (max-width: 520px){
    .banner .banner_con {height: 17rem;  }
}
}
@media screen and (max-width: 450px){
.in_about .in_about_con .in_about_right > div a {
    padding: 18px;
    font-size: 14px;
}
.in_about .in_about_con .in_about_right > div a > p:first-of-type {
    font-size: 16px;
    margin-bottom: 15px;
}
.in_about .in_about_con .in_about_right > div a > p:nth-of-type(2) {
    font-size: 14px;
    line-height: 178%;
}
.about_main .about_text p {
    font-size: 14px;
    line-height: 179%;
}
.contact_con figure h3{
	font-size: 20px;
}
.contact_con figure > div i{
	font-size: 30px;
}
.contact_con figure > div > div p:last-of-type {
    font-size: 17px;
}
.contact_con figure > div > div >a {
    font-size: 17px;
}
}
@media screen and (max-width: 430px){
.about_culture > ul li figure{
	display: block;
}
.about_culture > ul li figure figcaption{
	width: 100%!important;
}
}



.in_honer_border{width: 100%;position: relative;border-bottom: 1px solid #b9b9b9;margin-bottom: .7rem}
.in_honer { max-width: 1200px; position: relative;  margin: .6rem auto; }
.in_honer .swiper-wrapper { width: 100%; }
.in_honer .swiper-wrapper .swiper-slide { width: 22.75% !important; margin-left: 2.25%;overflow: hidden }
.in_honer .swiper-wrapper .swiper-slide:first-of-type { margin-left: 0; }
.in_honer .swiper-wrapper .swiper-slide a { display: block; }
.in_honer .swiper-wrapper .swiper-slide a div { width: 100%; height: 100%; background: white; border: 1px solid #d8d8d8; padding: 10px;transition: .5s }
.in_honer .swiper-wrapper .swiper-slide a div figure { width: 100%; height: 100%; position: relative; background: #ebebeb; display: flex; align-items: center; justify-content: center; }
.in_honer .swiper-wrapper .swiper-slide a div figure figcaption { height: 100%; width: 50%; position: relative;  padding: 42% 0; }
.in_honer .swiper-wrapper .swiper-slide a div figure figcaption img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; transition: .5s}
.in_honer .swiper-wrapper .swiper-slide a p { text-align: center; font-size: 16px; padding: 20px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.in_honer .swiper-wrapper .swiper-slide:hover a div{border: 1px solid #781d22;}
.in_honer .swiper-wrapper .swiper-slide:hover a div figure figcaption img{transform: scale(1.1)}

.in_stores { width: 100%; position: relative; }
.in_stores .stores_con { max-width: 1200px; margin: 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; }
.in_stores .stores_con h3 { color: #222222; font-size: .6rem; font-family: "Bodoni MT"; line-height: 1em; text-transform: uppercase; font-weight: lighter; }
.in_stores .stores_con p { color: #282828; font-size: 18px; padding-top: 10px; }
.in_stores .stores_con > a { margin: .6rem auto; height: 40px; display: flex; align-items: center; }
.in_stores .stores_con > a i { display: block; height: 100%; color: white; background: #d3b167; line-height: 40px; text-align: center; font-size: 24px; padding: 0 .2rem;transition: .5s }
.in_stores .stores_con > a span { background: #781d22; font-size: 16px; color: white; text-align: center; line-height: 40px; height: 100%; padding: 0 .2rem; transition: .5s }
.in_stores .stores_con > a:hover i { background: #781d22; }
.in_stores .stores_con > a:hover span { background: #d3b167; }
.in_stores .stores_con figure { width: 100%; position: relative; display: flex; justify-content: space-between; height: 8.2rem; }
.in_stores .stores_con figure > div { width: 49%; height: 100%; position: relative; padding: 34% 0; overflow: hidden; }
.in_stores .stores_con figure > div > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.in_stores .stores_con figure > div .shadow { position: absolute; width: 94%; height: 94%; left: 3%; top: 3%; border: 1px solid #d7d5d3; opacity: 0; visibility: hidden; transition: .5s}
.in_stores .stores_con figure > div .shadow > a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; }
.in_stores .stores_con figure > div .shadow > a h4 { color: #ffffff; font-size: .3rem; font-family: "Bodoni MT"; text-transform: uppercase; font-weight: lighter; }
.in_stores .stores_con figure > div .shadow > a p { font-weight: bold; font-size: 20px; color: white; }
.in_stores .stores_con figure > div .shadow > a span { display: block; color: #ffffff; font-size: 14px; font-family: Arial; width: 90px; height: 30px; line-height: 30px; text-align: center; background: rgba(0, 0, 0, 0.7); transition: .5s}
.in_stores .stores_con figure > div:hover .shadow { opacity: 1; visibility: visible; }
.in_stores .stores_con figure > div:hover .shadow a span { margin-top: .5rem; }
.in_stores .stores_con figure figcaption { width: 49%; position: relative; display: flex; align-items: center; flex-direction: column; }
.in_stores .stores_con figure figcaption > div { width: 100%; height: 100%; position: relative; padding: 34% 0; overflow: hidden; margin-bottom: 3%; }
.in_stores .stores_con figure figcaption > div:last-of-type { margin-bottom: 0; }
.in_stores .stores_con figure figcaption > div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.in_stores .stores_con figure figcaption > div .shadow { position: absolute; width: 94%; height: 92%; left: 3%; top: 4%; border: 1px solid #d7d5d3; opacity: 0; visibility: hidden; transition: .5s}
.in_stores .stores_con figure figcaption > div .shadow > a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; }
.in_stores .stores_con figure figcaption > div .shadow > a h4 { color: #ffffff; font-size: .3rem; font-family: "Bodoni MT"; text-transform: uppercase; font-weight: lighter; }
.in_stores .stores_con figure figcaption > div .shadow > a p { font-weight: bold; font-size: 20px; color: white; }
.in_stores .stores_con figure figcaption > div .shadow > a span { display: block; color: #ffffff; font-size: 14px; font-family: Arial; width: 90px; height: 30px; line-height: 30px; text-align: center; background: rgba(0, 0, 0, 0.7);transition: .5s }
.in_stores .stores_con figure figcaption > div:hover .shadow { opacity: 1; visibility: visible; }
.in_stores .stores_con figure figcaption > div:hover .shadow a span { margin-top: .5rem; }

.in_information { width: 100%; position: relative; margin-top: .8rem; background: #f8f8f8; padding: 1.1rem 0 .6rem 0; }
.in_information:before { content: ''; display: block; width: 1px; height: 1rem; position: absolute; left: 50%; top: -.5rem; background: #b9b9b9; }
.in_information .infor_con { max-width: 1200px; margin: 0 auto; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.in_information .infor_con > h3 { font-size: .6rem; color: #222222; font-family: "Bodoni MT"; line-height: 1em; text-transform: uppercase; font-weight: lighter; }
.in_information .infor_con > p { color: #282828; font-size: 18px; }
.in_information .infor_con > ul { display: flex; justify-content: center; align-items: center; position: relative; margin: .4rem auto; width: 100%; flex-wrap: wrap; }
.in_information .infor_con > ul li { width: 130px; margin: 0 1%; border-radius: 20px; text-align: center; height: 35px; line-height: 35px; color: #717171; font-size: 14px; border: 1px solid #d8d8d8; cursor: pointer; margin-bottom: 10px; outline: none;transition: .5s }
.in_information .infor_con > ul li:hover{background: #74161b;color: white;}
.in_information .infor_con .infor_container { width: 100%; position: relative; display: none; }
.in_information .infor_con .infor_container .swiper-wrapper { width: 100%; position: relative; }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide {height: auto; width: 32% !important; margin-left: 1.5%; padding: 20px; background: white; }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a { display: block; height: 100%;width: 100%}
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a figure { display: flex; justify-content: space-between; flex-direction: column;height: 100%; }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a figure h4 { font-size: 16px; font-weight: bold; color: #717171; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;transition: .5 }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a figure span { display: block; color: #a2a2a2; font-size: 16px; margin-top: 10px; }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a figure div { width: 100%; position: relative; overflow: hidden; padding: 35% 0; margin: 30px auto 30px auto; }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a figure div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;transition: .5s }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a figure p {height: 50px; font-size: 16px; color: #717171; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.6em; margin-bottom: .3rem; }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a figure figcaption { width: 120px; height: 35px; line-height: 35px; text-align: center; border: 2px solid #636363; color: #636363; font-size: 14px; border-radius: 10px; background: #f5f5f5;transition: .5s }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide:hover a figure h4 { color: #000; }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide:hover a figure div img { transform: scale(1.1); }
.in_information .infor_con .infor_container .swiper-wrapper .swiper-slide:hover a figure figcaption { background: white; border: 2px solid #781d22; color: #781d22; }
.in_information > div:nth-of-type(2) { display: none; }
.in_information > div:nth-of-type(3) { display: none; }
.in_information > div:nth-of-type(4) { display: none; }

.footer { width: 100%; position: relative; background: #333333; }
.footer .foot_top { max-width: 1200px; border-bottom: 1px solid #606060; margin: 0 auto; }
.footer .foot_top .foot_top_con { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; position: relative; align-items: center; z-index: 5; }
.footer .foot_top .foot_top_con > ul { display: flex; justify-content: center; align-items: center; padding: 20px 0; }
.footer .foot_top .foot_top_con > ul > li { font-size: 16px; color: #dbdbdb; margin-right: .2rem;transition: .5s }
.footer .foot_top .foot_top_con > ul > li:hover a{color: #d3b167;}
.footer .foot_top .foot_top_con > p { background: #666666; color: #ffffff; font-size: 14px; text-align: center; width: 1.5rem; height: 30px; line-height: 30px; cursor: pointer; z-index: 2; }
.footer .foot_top .foot_top_con > div { position: absolute; right: 0; top: 0; width: 0; height: 0; z-index: 0; }
.footer .foot_top .foot_top_con > div figure { position: absolute; right: 0; bottom: -65px; max-width: 1200px; text-align: center;  z-index: 0; transition: .5s;display: none;}
.footer .foot_top .foot_top_con > div figure a { display: block; width: 100%; padding: 10px 23px; color: #ffffff; background: #666666; transition: .5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.footer .foot_top .foot_top_con > div figure a:last-of-type { margin-bottom: .5rem; }
.footer .foot_top .foot_top_con > div figure a:hover { color: #d3b167; background: white; }
.footer .foot_top .foot_top_con > div figure a:before{transition: .5s}
.footer .foot_top .foot_top_con > div figure a:hover:before { content: '▶'; display: inline; color: #d3b167; font-size: 20px;position: absolute;left: 5px; }
.footer > figure { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; padding: .5rem 10px .3rem 10px;align-items: center }
.footer > figure > ul > li { font-size: 16px; color: #bababa; display: flex;flex-wrap: wrap; align-items: center; line-height: 1.5em; }
.footer > figure > ul > li > p { margin-right: 20px; }
.footer > figure figcaption { position: relative;  }
.footer > figure figcaption ul { display: flex; justify-content: center; align-items: center; position: relative; }
.footer > figure figcaption ul li { margin-right: 20px; }
.footer > figure figcaption ul li:last-of-type { margin-right: 0; }
.footer > figure figcaption ul li div { position: relative; height: 100px; width: 100px; }
.footer > figure figcaption ul li div img { position: relative; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;transition: .5s }
.footer > figure figcaption ul li p { text-align: center; color: #989898; font-size: 14px; padding-top: 5px; }
.footer > figure figcaption ul li:hover div img { transform: scale(1.1); }

.m_header-change { min-width: 40px; min-height: 35px; width: .8rem; height: .6rem; position: relative; display: none; z-index: 55; }

.m_header-change ul { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }

.m_header-change ul li { width: 100%; height: 5px; background: #781d22; position: absolute; transform-origin: center; transition: .4s; border-radius: 5px; }

.m_header-change ul li:first-of-type { top: 0; width: 100%; }

.m_header-change ul li:nth-of-type(2) { width: 100%; top: 44%; }

.m_header-change ul li:nth-of-type(3) { bottom: 0; }

.addfirst_li { transform: rotateZ(45deg); top: 50% !important; }

.addnone_li { width: 0 !important; }

.addsecond_li { top: 50% !important; transform: rotateZ(-45deg); }

.navigates { position: fixed; left: 0; top: 100px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 54; transform: perspective(450px) rotateY(-90deg); transform-origin: 0;visibility: hidden;opacity: 0; }
.navigates .naviga-con { max-width: 250px; position: relative; background: white; height: 100%;overflow: scroll;padding-bottom: 100px }
.navigates .naviga-con > div { position: relative; width: 100%; padding: 17px 15px; border-bottom: 1px solid #f2f2f2; font-size: 16px}
.navigates .naviga-con > div:first-of-type { display: flex;align-items: center;}
.navigates .naviga-con > div:first-of-type a{font-size: 16px}
/*.navigates .naviga-con > div:first-of-type a { padding: 10px 15px; }*/
.navigates .naviga-con > div > a { display: block; width: 95%; height: 100%; font-size: 16px; }
.navigates .naviga-con > div > span { display: inline-block; width: 10px; height: 10px; border-radius: 5px; border: 1px solid black; background: transparent; margin-right: 10px; }
.navigates .naviga-con > div > p { font-size: 16px; display: inline-block; }
.navigates .naviga-con > div i{position: absolute;right: 5%;font-size: 26px;top: 25%;}
/*.navigates .naviga-con > div i:last-of-type{display: none;}*/
/*.navigates .naviga-con > div:hover i:first-of-type{display: none;}*/
/*.navigates .naviga-con > div:hover i:last-of-type{display: block;}*/
.super_ryze{transform: rotateZ(180deg)}
.navigates .naviga-con ul { position: relative; width: 100%; display: none;  }
.navigates .naviga-con ul > li { width: 100%; border-bottom: 1px solid #f2f2f2; }
.navigates .naviga-con ul > li > a { display: block; width: 100%; font-size: 16px; padding:15px 15px 15px 30px; }

.nav_phones{width: 100%;position: relative;padding: 10px 4%;display: flex;align-items: center;font-size: 16px;margin-top: 10px}
.nav_phones i{display: flex;padding: 3px;border: 1px solid #000000;color: #000;font-size: 16px;width: 22px;height: 22px;border-radius: 50%;justify-content: center;align-items: center;margin-right: 5px}

.navtrans { display: block; transform: perspective(450px) rotateY(0deg); visibility: visible;opacity: 1}

.navspan { background: black !important; }

.all_banner { width: 100%; position: relative; height: 6rem;}
.all_banner img { display: block; width: 100%; object-fit: cover; height: 100%; }

.sec_nav { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: .2rem 0; }
.sec_nav > div { display: flex; align-items: center; justify-content: flex-start; }
.sec_nav > div span { font-size: 14px; }
.sec_nav > div a { font-size: 14px; position: relative; display: flex; align-items: center; margin: 0 .05rem; }
.sec_nav > div a:after { content: '﹥'; display: inline; font-size: 20px; position: relative; }
.sec_nav > div a:last-of-type:after { display: none; }
.sec_nav form { position: relative; }
.sec_nav form .form_input { width: 2.95rem; height: 35px; border-radius: 15px; outline: none; border: 1px solid #ededed; padding: 0 15px; padding-right: 30px; }
.sec_nav form .form_submit { position: absolute; right: 8px; top: 5px; height: 25px; width: 20px; text-align: center; background: transparent; border: transparent; }
.sec_nav form .form_submit i { font-size: 20px; cursor: pointer; }
.fake_search{display: none;}


.x_numb { width: 100%; position: relative; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #f8f8f8; }
.x_numb ul { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.x_numb ul li { width: 14%; text-align: center;transition: .5s }
.x_numb ul li a { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: .3rem 0; }
.x_numb ul li a i { font-size: 30px; color: #781d22; transition: .5s}
.x_numb ul li a p { font-size: 16px; transition: .5s}
.x_numb ul li:hover { background: #d3b167 !important; }
.x_numb ul li:hover a i { color: white !important; }
.x_numb ul li:hover a p { color: white !important; }

.x_act { background: #d3b167 !important; }
.x_act a i { color: white !important; }
.x_act a p { color: white !important; }

.hot_word { max-width: 1200px; display: flex; justify-content: center; align-items: center; margin: .4rem auto; }
.hot_word p { font-size: 12px; }
.hot_word li { margin: 0 5px; }
.hot_word li a { display: block; font-size: 12px; }

.case_list { max-width: 1200px; position: relative; margin: 0 auto; margin-top: .4rem; }
.case_list ul { width: 100%; position: relative; padding: 0 2%; }
.case_list ul:after { content: ''; display: block; clear: both; width: 0; height: 0; }
.case_list ul li { float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; position: relative;}
.case_list ul li:nth-of-type(2n) { margin-right: 0; }
.case_list ul li a { display: block; width: 100%; height: 100%; }
.case_list ul li a div { width: 100%; height: 100%; position: relative; padding: 38% 0; border: 1px solid #d8d8d8; overflow: hidden; }
.case_list ul li a div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; padding: 5px; transition: .5s}
.case_list ul li a p { width: 100%; font-size: 16px; text-align: center; border: 1px solid #d8d8d8; border-top: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: .2rem 0;transition: .5s }
.case_list ul li:hover a div img { transform: scale(1.1); }
.case_list ul li:hover a p { background: #d3b167 !important; color: white !important; }
.case_moewsss{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);display: flex;justify-content: center;align-items: center;font-size: 20px;opacity: 0;visibility: hidden;color: white;transition: .5s}
.case_list ul li:hover .case_moewsss{opacity: 1;visibility: visible;}


.page_num { max-width: 1200px; margin: .4rem auto; position: relative; }
.page_num ul { position: relative; display: flex; align-items: center; justify-content: center; }
.page_num ul li { margin: 0 10px; }
.page_num ul li a { font-size: 20px; display: block; width: 35px; height: 35px; text-align: center; line-height: 35px; background: rgba(204, 204, 204, 0.8); border-radius: 6px; color: white; transition: .5s}
.page_num ul li a i { font-size: 24px; }
.page_num ul li .page_sel { width: 55px; height: 35px; line-height: 35px; border-radius: 5px; text-align: center; }
.page_num ul li .page_sel option { text-align: center; }
.page_num ul li .page_go { background: #781d22; color: white; font-size: 16px; text-align: center; border: none; outline: none; width: 50px; height: 35px; line-height: 35px; border-radius: 5px; }
.page_num ul li:hover a { background: #781d22; color: white; }
.page_num ul li select{height: 35px;width: 45px;font-size: 20px}
.left_nav { position: fixed; top: 50%; right: 0; z-index: 6; }
.left_nav ul { width: 65px; position: relative; }
.left_nav ul li { width: 100%; height: 65px; background: #d3b167; margin-bottom: 2px; position: relative;transition: .5s }
.left_nav ul li > a { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; }
.left_nav ul li > a > img { display: block; }
.left_nav ul li > a p { color: white; font-size: 12px; margin-top: 3px;transition: .5s }
.left_nav ul li div { position: absolute; left: 0; top: -25px; width: 0px; height: 120px; padding: 50% 0; visibility: hidden; opacity: 0; transition: .5s}
.left_nav ul li div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.left_nav ul li:hover { background: #781d22; }
.left_nav ul li:hover > div { width: 120px; left: -125px; visibility: visible; opacity: 1; }
.left_nav ul li .rettop { top: 0; height: 50px; font-size: 16px; text-align: center; color: white; background: #781d22; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .5s}

.about_nav { width: 100%; position: relative; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #f8f8f8; }
.about_nav .about_nav_con { max-width: 1200px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; position: relative; }
.about_nav .about_nav_con > P { font-size: 16px; color: #717171; padding: 39.5px 0; margin-right:15px; }
.about_nav .about_nav_con ul { display: flex; justify-content: center; align-items: center; position: relative; padding: 32.5px 0; }
.about_nav .about_nav_con ul li { position: relative; height: 35px; line-height: 35px; }
.about_nav .about_nav_con ul li:after { content: ''; display: block; width: 1px; height: 50%; position: absolute; background: #cdcdcd; right: 0; top: 25%; }
.about_nav .about_nav_con ul li:last-of-type:after { display: none; }
.about_nav .about_nav_con ul li a { position: relative; display: block; height: 100%; line-height: 35px; font-size: 16px; color: #717171; padding: 0 .2rem; margin: 0 5px;transition: .5s}
.about_nav .about_nav_con i { color: #d3b167; font-weight: bold; font-size: 30px; cursor: pointer; display: none; }
.about_nav .about_nav_con ul li a:hover{background: #781d22;border-radius: 25px;color: white}




.about_nav_act a { background: #781d22; color: white !important; border-radius: 25px; text-align: center; }
.about_nav_act a:before { content: ''; display: block; width: 5px; height: 5px; position: absolute; left: 50%; background: #781d22; border-radius: 2.5px; bottom: -10px; }

.about_main { border-bottom: 1px solid #b9b9b9; position: relative; padding: .7rem 0; }
.about_main:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 1px; height: 1rem; background: #b9b9b9; }
.about_main .about_text { max-width: 1200px; margin: .2rem auto; position: relative; }
.about_main .about_text p { font-size: 16px; color: #424242; padding-top: .5rem;line-height: 2em }
.about_main .about_text p:last-of-type { padding-bottom: .6rem;text-indent: 32px }

.about_culture { max-width: 1200px; margin: 0 auto; position: relative; padding-top: .8rem; }
.about_culture > h3 { line-height: 1em; text-transform: uppercase; font-size: .6rem; font-weight: lighter; font-family: "Bodoni MT"; text-align: center; }
.about_culture > p { font-size: .18rem; text-align: center; color: #282828; }
.about_culture > ul { width: 100%; position: relative; display: flex; justify-content: center; height: 2.2rem; margin: .6rem auto; }
.about_culture > ul:first-of-type { margin-bottom: 0; }
.about_culture > ul li { width: 100%; position: relative; height: 100%; }
.about_culture > ul li { display: block; width: 100%; height: 100%; }
.about_culture > ul li figure { position: relative; width: 100%; display: flex; justify-content: center; height: 100%; }
.about_culture > ul li figure > div { width: 100%; height: 100%; position: relative; overflow: hidden; padding: 18% 0; }
.about_culture > ul li figure > div > img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.about_culture > ul li figure figcaption { width: 94%; height: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background: #f8f8f8; padding: 3%; }
.about_culture > ul li figure figcaption > h4 { font-size: 18px; color: #781d22; }
.about_culture > ul li figure figcaption > p { color: #424242; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.about_culture > ul li figure figcaption img { display: block; }
.about_culture > ul:last-of-type { margin-top: 0; }
.about_culture > ul:last-of-type li:first-of-type  figure div { order: 2; }
.about_culture > ul:last-of-type li:first-of-type  figure figcaption { order: 1; }
.about_culture > ul:last-of-type li:last-of-type  figure div { order: 2; }
.about_culture > ul:last-of-type li:last-of-type  figure figcaption { order: 1; }

.about_time { margin: 0 auto; position: relative; height: 680px; width: 100%;background:url("../img/about-time.jpg") no-repeat ;background-size: cover;display: flex;align-items: center;}
.about_cont{max-width: 1200px;width: 1200px;height: 590px;margin: 0 auto;background-color: white; background-image: url("../img/ab-bg.png"); background-repeat: no-repeat; background-position: 90px 290px;position: relative;}
.about_cont .about_ctitle{width: 100%;padding-left: .4rem;padding-top: .6rem}
.about_cont .about_ctitle>h3{line-height: 1em; font-size: .6rem; font-family: "Bodoni MT"; color: #222222; text-transform: uppercase; font-weight: lighter;z-index: 2}
.about_cont .about_ctitle>p{ font-size: 14px; padding: .15rem 0 .6rem 0; position: relative;z-index: 2}
.about_cont .about_ctitle>p:after{content: ''; display: block; width: .5rem; height: 1px; background: #d5b46e; position: absolute; bottom: 0;}
.about_slides{position: absolute!important;left: 0;top: 0;width: 100%;z-index: 0;height: 100%;}
.about_slides ul{width: 100%;position: relative;height: 100%;}
.about_slides ul li{width: 100%!important;position: relative;height: 100%!important;padding: .6rem .4rem;}
.about_slides ul li figure{width: 100%;display: flex;position: relative;height: 100%;}
.about_slides ul li figure div{display: flex;flex-direction: column;justify-content: flex-start;width: 67%;}
.about_slides ul li figure div b{padding-top: .6rem; display: block; color: #781d22; font-size: 22px; margin-bottom: .3rem; margin-top: 42%}
.about_slides ul li figure div p:first-of-type{color: #781d22; font-size: 22px;}
.about_slides ul li figure div p:last-of-type{font-size: 16px;color: #424242;margin-top: 20px;}
.about_slides ul li figure figcaption{width: 100%;height: 100%;padding: 21% 0;overflow: hidden;position: relative;}
.about_slides ul li figure figcaption img{position: absolute;left: 0;width: 100%;top: 0;height: 100%;object-fit: cover}




/*.about_time .swiper-wrapper { width: 100%; position: relative; }*/
/*.about_time .swiper-wrapper .swiper-slide { width: 100%; position: relative; display: flex; align-items: center; }*/
/*.about_time .swiper-wrapper .swiper-slide > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }*/
/*.about_time .swiper-wrapper .swiper-slide figure { max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; padding: .6rem .4rem; display: flex; justify-content: center; background: white; background-image: url("../img/ab-bg.png"); background-repeat: no-repeat; background-position: 90px 290px; }*/
/*.about_time .swiper-wrapper .swiper-slide figure figcaption { position: relative; width: 40%; }*/
/*.about_time .swiper-wrapper .swiper-slide figure figcaption h3 { line-height: 1em; font-size: .6rem; font-family: "Bodoni MT"; color: #222222; text-transform: uppercase; font-weight: lighter; }*/
/*.about_time .swiper-wrapper .swiper-slide figure figcaption p:first-of-type { font-size: 14px; padding: .15rem 0 .6rem 0; position: relative; }*/
/*.about_time .swiper-wrapper .swiper-slide figure figcaption p:first-of-type:after { content: ''; display: block; width: .5rem; height: 1px; background: #d5b46e; position: absolute; bottom: 0; }*/
/*.about_time .swiper-wrapper .swiper-slide figure figcaption p:last-of-type { color: #424242; font-size: 14px; }*/
/*.about_time .swiper-wrapper .swiper-slide figure figcaption b { padding-top: .6rem; display: block; color: #781d22; font-size: 22px; margin-bottom: .3rem; }*/
/*.about_time .swiper-wrapper .swiper-slide figure div { width: 675px; height: 100%; position: relative; padding: 20% 0; overflow: hidden; }*/
/*.about_time .swiper-wrapper .swiper-slide figure div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }*/


.times_border{max-width: 1200px;margin: 0 auto;position: relative;}
.time_pag { position: relative; max-width: 1100px; margin: 0 auto; height:100px; }
.time_pag:after{content: '';display: block;width: 100%;height: 1px ;background: #c8c8c8;left: 0;top: 34%;position: absolute;}
.time_pag .swiper-wrapper { position: relative; width: 100%; max-width: 1100px; margin: 0 auto; }
.time_pag .swiper-wrapper .swiper-slide { width: 13% !important; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.time_pag .swiper-wrapper .swiper-slide div { width: 100%; position: relative; cursor: pointer; }
.time_pag .swiper-wrapper .swiper-slide div span { display: block; width: 8px; height: 8px; border-radius: 4px; margin: 0 auto; background: #cccccc; outline: none; }
/*.time_pag .swiper-wrapper .swiper-slide div:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; background: #c8c8c8; z-index: -1; }*/
.time_pag .swiper-wrapper .swiper-slide p { text-align: center; cursor: pointer; font-family: "Bodoni MT"; color: #424242; font-size: 20px; }
.time_pag .swiper-wrapper .swiper-slide-active div span { background: #781d22; }
.time_pag .swiper-wrapper .swiper-slide-active p { color: #781d22; }
.time_nav { width: 100%; display: flex; justify-content: space-between; align-items: center;  position: absolute; bottom: 50%; }
.time_nav i { display: block; width: 30px; height: 30px; text-align: center; line-height: 26px; font-size: 28px; color: #c8c8c8; border: 2px solid #c8c8c8; border-radius: 15px;cursor: pointer;background: white;z-index: 3; }
.time_nav i:hover { color: #781d22; border: 2px solid #781d22; }


.about_wbor{background: #f8f8f8;width: 100%;position: relative;margin-top: .5rem;padding-top: .8rem;}
.about_honor { max-width: 1200px; margin: 0 auto; position: relative; }
.about_honor > h3 { font-size: .6rem; line-height: 1em; text-transform: uppercase; color: #222222; font-weight: lighter; font-family: "Bodoni MT"; text-align: center; }
.about_honor > p { font-size: .18rem; color: #282828; text-align: center; padding-bottom: .4rem; }
.about_honor > .in_honer { margin: 0 auto; }
.about_honor > .about_honor_pag { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding-bottom: .8rem }
.about_honor > .about_honor_pag i { width: 30px; height: 30px; border-radius: 15px; border: 2px solid #c8c8c8; line-height: 15px; font-size: 20px; text-align: center; display: flex; align-items: center; justify-content: center; color: #c8c8c8; font-weight: bold; margin: 0 10px; outline: none; cursor: pointer; transition: .5s}
.about_honor > .about_honor_pag i:hover { color: #781d22; border: 2px solid #781d22; }

.hottest_word { width: 100%; position: relative; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background: #f1f1f1;  }
.hottest_word ul { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; padding: .2rem 0; }
.hottest_word ul li { font-size: 14px; color: #424242; margin-left: .1rem; }
.hottest_word ul li a { font-size: 14px; color: #424242; }

.main_text { max-width: 1200px; margin: 0 auto; font-size: 14px; padding: .3rem 0; }

.scrollnav { background:white!important; }
.scrollnav>ul>li>a{color: black!important;}
.scrollnav>div>p{color: black!important;}
.scrollnav >div>a{color: white!important;}
.scrollnav >div>a i{color: white!important;}
/*图片翻转颜色*/
.scrollnav p img{filter:invert(100%)!important;}
.wall_nav { width: 100%; margin: 0 auto; position: relative; background: #f1f1f1; border-bottom: 1px solid #dfdfdf;  }
.wall_nav ul { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; padding: .2rem 0; position: relative; flex-wrap: wrap; }
.wall_nav ul li { padding: 0 .3rem; border-right: 1px solid #cdcdcd; margin: .2rem 0; }
.wall_nav ul li a { display: block; position: relative; font-size: 14px; color: #717171; }

.wall_nav_act a { color: #781d22 !important; }
.wall_nav_act a:after { content: ''; display: block; width: 100%; height: 2px; position: absolute; bottom: -55%; background: #781d22; }

.power_top { width: 100%; position: relative; }

.fake_nav { max-width: 1200px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; position: relative; display: none;  }
.fake_nav > P { font-size: 14px; color: #717171; padding: .4rem 0; margin-right: 4%; }
.fake_nav ul { position: relative; width: 100%; padding: 0 .2rem; }
.fake_nav ul li { position: relative; height: 35px; line-height: 35px; float: left; margin: .1rem 0; }
.fake_nav ul li:last-of-type { margin-left: 0; }
.fake_nav ul li:last-of-type:after { display: none; }
.fake_nav ul li a { position: relative; display: block; font-size: 14px; color: #717171; padding: .1rem .2rem; margin-left: 8px; }
.fake_nav ul li a:after { content: ''; display: block; position: absolute; right: -.1rem; top: 25%; height: 50%; width: 1px; background: #cdcdcd; }
.fake_nav ul:after { content: ''; display: block; width: 0; height: 0; clear: both; }
.fake_nav i { color: #d3b167; font-weight: bold; font-size: 30px; cursor: pointer; display: none; }

.flex_out { display: flex !important; }

.in_nav > div a:hover { background: #781d22; }

.pro_view_f { width: 100%; background: white; position: relative; }
.pro_view_f .pro_view_fcon { max-width: 1200px; margin: .6rem auto; position: relative; display: flex; }
.pro_view_f .pro_view_fcon > ul { display: flex; justify-content: space-between; position: relative; }
.pro_view_f .pro_view_fcon > ul > li:first-of-type { width: 120px; height: 460px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
.pro_view_f .pro_view_fcon > ul > li:first-of-type i { display: block; width: 100%; border: 1px solid #9e9e9e; text-align: center; font-size: 28px; cursor: pointer; }
.pro_view_f .pro_view_fcon > ul > li:first-of-type i:hover { color: #781d22; border: 1px solid #781d22; }
.pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container { width: 120px; height: 100%; position: relative; }
.pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container .swiper-wrapper { width: 100%; position: relative; height: 100%; }
.pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container .swiper-wrapper .swiper-slide { position: relative; width: 100%; height: 23% !important; border: 1px solid #d8d8d8; margin-top: 8%; cursor: pointer;transition: .5s }
.pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container .swiper-wrapper .swiper-slide:hover { border: 1px solid #781d22; }
.pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container .swiper-wrapper .swiper-slide:first-of-type { margin-top: 0; }
.pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; padding: 5px; }
.pro_view_f .pro_view_fcon > ul > li:first-of-type .swiper-slide-active { border: 1px solid #781d22 !important; }
.pro_view_f .pro_view_fcon > ul > li:last-of-type { width: 6.1rem; height: 100%; }
.pro_view_f .pro_view_fcon > ul > li:last-of-type a { display: block; width: 100%; height: 100%; position: relative; padding: 36% 0; overflow: hidden; margin-left: 10px; border: 1px solid #d8d8d8; }
.pro_view_f .pro_view_fcon > ul > li:last-of-type a img { position: absolute; width: 100%; height: 100%; object-fit: contain; display: block; padding: 5px; top: 0; left: 0; }
.pro_view_f .pro_view_fcon figure { min-width: 330px; position: relative; margin-left: 30px;overflow: hidden }
.pro_view_f .pro_view_fcon figure > div { width: 100%; position: relative; padding-bottom: .2rem; border-bottom: 1px solid #cccccc; }
.pro_view_f .pro_view_fcon figure > div h1 { color: #781d22; font-size: 24px; line-height: 1em; font-weight: lighter; padding-bottom: .3rem; }
.pro_view_f .pro_view_fcon figure > div p { font-size: 14px; color: #424242; line-height: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; }
.pro_view_f .pro_view_fcon figure > a { display: flex; align-items: center;  }
.pro_view_f .pro_view_fcon figure > a div { display: flex; align-items: center; justify-content: center; background: #781d22; height: 40px; width: 100%; line-height: 40px; }
.pro_view_f .pro_view_fcon figure > a div img { display: block; position: relative; height: 21px; margin-right: 5px; }
.pro_view_f .pro_view_fcon figure > a div > p { font-size: 12px; color: white; }
.pro_view_f .pro_view_fcon figure > a > p { background: #d3b167; color: white; font-size: 14px; height: 40px; line-height: 40px; width: 31%; text-align: center;transition: .5s }
.pro_view_f .pro_view_fcon figure > a:hover > p { color: #781d22; }

.pro_view_f .pro_view_fcon figure >.canshu{width: 100%;position: relative;}
.pro_view_f .pro_view_fcon figure >.canshu>div{display: flex;align-items: center;margin-top: 10px}
.pro_view_f .pro_view_fcon figure >.canshu>div>p{font-size: 14px;color: #717171;font-family: 微软雅黑;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.pro_view_f .pro_view_fcon figure >.canshu>div>p:first-of-type{width: 100px;padding: 5px 0;background: #f1f1f1;text-align: center;margin-right: 30px}
.pro_view_f .pro_view_fcon figure >.canshu>div>p:nth-of-type(2){width: 57%}



.pro_view_b { background: #f8f8f8; width: 100%; position: relative; padding: .8rem 0; }
.pro_view_b .pro_share { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: .6rem; }
.pro_view_b .pro_share .bdsharebuttonbox { display: flex; align-items: center; }
.pro_view_b .pro_share .bdsharebuttonbox span { float: left; font-size: 14px; }
.pro_view_b .pro_share > ul { display: flex; align-items: center; }
.pro_view_b .pro_share > ul li a { display: block; padding: .1rem .2rem; border: 1px solid #e6e6e6; margin-left: 10px;transition: .5s }
.pro_view_b .pro_share > ul li a:hover { background: #781d22; color: white; }
.pro_view_b .pro_share > ul li a i { padding-left: 1%;font-size: 16px}
.pro_view_b .pro_view_bcon { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.pro_view_b .pro_view_bcon .bcon_left { width: 865px; position: relative; padding: .6rem .35rem .4rem .35rem; background: white; }
.pro_view_b .pro_view_bcon .bcon_left h3 { color: #222222; font-family: "Bodoni MT"; font-size: .6rem; font-weight: lighter; line-height: 1em; text-align: center; text-transform: uppercase; }
.pro_view_b .pro_view_bcon .bcon_left p { font-size: 16px; color: #282828; text-align: center;}
.pro_view_b .pro_view_bcon .bcon_left ul { position: relative; display: flex; align-items: center; justify-content: center; padding: .3rem 0 .6rem 0; }
.pro_view_b .pro_view_bcon .bcon_left ul li { padding: .05rem .1rem; border: 1px solid #d8d8d8; color: #717171; text-align: center; border-radius: 15px; margin: 0 1%; font-size: 14px; white-space: nowrap; cursor: pointer;transition: .5s }
.pro_view_b .pro_view_bcon .bcon_left .bcon_text { padding-bottom: .5rem;text-align: center; border-bottom: 1px solid #cccccc; display: none; }
.pro_view_b .pro_view_bcon .bcon_left ul li:hover{background:#781d22;color: white;}
.pro_view_b .pro_view_bcon .bcon_left .c_back { margin: 0 auto; width: 20%; margin-top: .4rem; height: 40px; }
.pro_view_b .pro_view_bcon .bcon_left .c_back a { display: flex; align-items: center; width: 100%; height: 100%; }
.pro_view_b .pro_view_bcon .bcon_left .c_back a i { display: block; background: #d3b167; color: white; font-size: 24px; padding: 0 .1rem; height: 100%; line-height: 40px; }
.pro_view_b .pro_view_bcon .bcon_left .c_back a p { background: #781d22; color: white; font-size: 16px; padding: 0 .2rem; height: 100%; line-height: 40px; }
.pro_view_b .pro_view_bcon .bcon_left .c_back a:hover i { background: #781d22; }
.pro_view_b .pro_view_bcon .bcon_left .c_back a:hover p { background: #d3b167; }
.pro_view_b .pro_view_bcon .bcon_right { position: relative; width: 300px; }
.pro_view_b .pro_view_bcon .bcon_right > ul { position: relative; width: 100%; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li { background: white; margin-bottom: 20px; cursor: pointer; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type { padding: .6rem .2rem .4rem .2rem; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type img { display: block; margin: 0 auto; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type > p:first-of-type { font-size: 18px; font-weight: bold; color: #781d22; text-align: center; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type > p:nth-of-type(2) { font-size: 14px; color: #959595; text-align: center; margin-bottom: .2rem; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type figure { width: 100%; position: relative; border: 1px solid #dbdbdb; margin-bottom: .2rem; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type figure a { display: block; width: 100%; height: 100%; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type figure a div { width: 100%; height: 100%; position: relative; padding: 36% 0; overflow: hidden; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type figure a div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; padding: 5px;transition: .5s }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type figure a p { font-size: 14px; color: #717171; width: 100%; border-top: 1px solid #dbdbdb; padding: .15rem 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .5s}
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type figure:hover a div img { transform: scale(1.08); }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:first-of-type figure:hover a p { color: white; background: #d3b167; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) { padding: .6rem .2rem .4rem .2rem; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) img { display: block; margin: 0 auto; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) > p:first-of-type { font-size: 18px; font-weight: bold; color: #781d22; text-align: center; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) > p:nth-of-type(2) { font-size: 14px; color: #959595; text-align: center; margin-bottom: .2rem; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) figure { width: 100%; position: relative; padding-bottom: 20px; border-bottom: 1px solid #dbdbdb; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) figure a { display: block; width: 100%; height: 100%; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) figure a div { width: 100%; height: 100%; position: relative; padding: 35% 0; overflow: hidden; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) figure a div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;transition: .5s }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) figure a figcaption { position: relative; margin-top: .15rem; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) figure a figcaption p { font-size: 14px; color: #717171; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) figure a figcaption span { display: block; color: #a2a2a2; font-size: 14px; margin-top: .05rem; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) > ul { width: 100%; position: relative; margin: .2rem auto; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) > ul li { width: 100%; position: relative; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) > ul li a { width: 100%; height: 100%; display: flex; align-items: center;  }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) > ul li a span { display: block; font-size: 22px; color: #781d22; margin-right: .1rem; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) > ul li a p { font-size: 14px; color: #717171; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(2) figure:hover a div img{transform: scale(1.05)}
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) { padding: .6rem .2rem .4rem .2rem; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) img { display: block; margin: 0 auto; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) > p:first-of-type { font-size: 18px; font-weight: bold; color: #781d22; text-align: center; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) > p:nth-of-type(2) { font-size: 14px; color: #959595; text-align: center; margin-bottom: .2rem; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) figure { width: 100%; position: relative; padding-bottom: 20px; border-bottom: 1px solid #dbdbdb; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) figure a { display: block; width: 100%; height: 100%; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) figure a div { width: 100%; height: 100%; position: relative; padding: 35% 0; overflow: hidden; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) figure a div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;transition: .5s }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) figure a figcaption { position: relative; margin-top: .15rem; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) figure a figcaption p { font-size: 14px; color: #717171; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) figure a figcaption span { display: block; color: #a2a2a2; font-size: 14px; margin-top: .05rem; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) figure:hover a div img{transform: scale(1.05)}
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) > ul { width: 100%; position: relative; margin: .2rem auto; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) > ul li { width: 100%; position: relative; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) > ul li a { width: 100%; height: 100%; display: flex; align-items: center;  }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) > ul li a span { display: block; font-size: 22px; color: #781d22; margin-right: .1rem; }
.pro_view_b .pro_view_bcon .bcon_right > ul > li:nth-of-type(3) > ul li a p { font-size: 14px; color: #717171; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.bcon_text_act { background: #781d22 !important; color: white !important; }


.news_view { width: 100%; position: relative; }
.news_view .news_view_con { max-width: 1200px; margin: 0 auto; position: relative; display: flex; justify-content: space-between;margin-top: 60px }
.news_view .news_view_con .news_left { width: 865px; border: 1px solid #e9e9e9; padding: .4rem; display: flex; flex-direction: column; }
.news_view .news_view_con .news_left h1 { color: #781d22; font-size: 28px; font-weight: bold; margin-bottom: .2rem; line-height: 1.3em; text-align: left; }
.news_view .news_view_con .news_left > figure { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; }
.news_view .news_view_con .news_left > figure ul { position: relative; display: flex; align-items: center; }
.news_view .news_view_con .news_left > figure ul li { margin-right: 10px; color: #717171; font-size: 16px; }
.news_view .news_view_con .news_left > figure>a { display: inline-block; padding: .15rem .4rem; background: #e9e9e9; color: #555656; font-size: 14px; text-align: center; border-radius: 5px; position: relative;}
.news_view .news_view_con .news_left > figure a:hover { background: #781d22; color: white; }
.news_view .news_view_con .news_left .news_share { position: relative; width: 100%;  border-bottom: 1px solid #cfcfcf; }
.news_view .news_view_con .news_left .news_share div { display: flex; align-items: center; padding: .3rem 0;}
.news_left>p>img{display: block;max-width: 100%;object-fit: cover}
.news_view .news_view_con .news_slide { width: 100%; border-top: 1px solid #cccccc; padding-top: .4rem; }
.news_view .news_view_con .news_slide li { margin-bottom: .2rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_view .news_view_con .news_slide li a { color: #555656; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition: .5s }
.news_view .news_view_con .news_slide li a span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_view .news_view_con .news_slide li a:hover { color: #781d22; }
.news_view .news_view_con .news_moew { display: flex; align-items: center; height: 40px; width: 215px; }
.news_view .news_view_con .news_moew i { width: 65px; height: 100%; text-align: center; background: #d3b167; color: white; line-height: 40px; font-size: 30px; transition: .5s}
.news_view .news_view_con .news_moew p { width: 150px; text-align: center; height: 100%; line-height: 40px; background: #781d22; color: white;transition: .5s }
.news_view .news_view_con .news_moew:hover i { background: #781d22; }
.news_view .news_view_con .news_moew:hover p { background: #d3b167; }
.news_view .news_right { width: 305px; position: relative; }
.news_view .news_right > ul { width: 100%; position: relative; border: 1px solid #e9e9e9;margin-bottom:30px}
.news_view .news_right > ul > li { padding: .6rem .2rem .4rem .2rem; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.news_view .news_right > ul > li > img { display: block; margin: 0 auto; }
.news_view .news_right > ul > li > p:first-of-type { font-size: 18px; font-weight: bold; color: #781d22; text-align: center; }
.news_view .news_right > ul > li > p:last-of-type { font-size: 14px; color: #959595; text-align: center; margin-bottom: .2rem; text-transform: uppercase; }
.news_view .news_right > ul > li figure { width: 100%; position: relative; padding-bottom: 20px; border-bottom: 1px solid #dbdbdb; }
.news_view .news_right > ul > li figure a { display: block; width: 100%; height: 100%; }
.news_view .news_right > ul > li figure a div { width: 100%; height: 100%; position: relative; padding: 34% 0; overflow: hidden; }
.news_view .news_right > ul > li figure a div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;transition: .5s ;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.news_view .news_right > ul > li figure a figcaption { position: relative; margin-top: .15rem; width: 100%; }
.news_view .news_right > ul > li figure a figcaption p { font-size: 14px; color: #717171; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_view .news_right > ul > li figure a figcaption span { display: block; color: #a2a2a2; font-size: 14px; margin-top: .05rem; }
.news_view .news_right > ul > li figure a:hover div img { transform: scale(1.06); }
.news_view .news_right > ul > li figure a:hover figcaption p { color: #781d22; }
.news_view .news_right > ul > li > ul { margin: .2rem auto; width: 100%; position: relative; }
.news_view .news_right > ul > li > ul > li { width: 100%; position: relative; }
.news_view .news_right > ul > li > ul > li a { width: 100%; height: 100%; display: flex; align-items: center;  }
.news_view .news_right > ul > li > ul > li a span { display: block; font-size: 22px; color: #781d22; margin-right: .1rem; }
.news_view .news_right > ul > li > ul > li a p { font-size: 14px; color: #717171; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .5s}
.news_view .news_right > ul > li > ul > li:hover a p { color: #781d22; }

.brand_view { max-width: 1200px; margin: 0 auto; position: relative; }
.brand_view ul{position: relative;margin: 0 auto;}
.brand_view ul:after{content: '';width: 0;height: 0;clear: both;display: block;}
.brand_view li { width: 380px; border: 1px solid #e9e9e9; padding: 30px 20px; position: relative; float: left; margin: 15px 8px; }
/*.brand_view li:nth-of-type(3n) { margin-right: 0; }*/
.brand_view li a { display: block; width: 100%; height: 100%; }
.brand_view li a h3 { color: #717171; font-size: 16px; font-weight: bold; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition: .5s }
.brand_view li a span { margin-top: 10px; color: #a2a2a2; font-size: 16px; }
.brand_view li a div:first-of-type { width: 100%; height: 100%; position: relative; padding: 34% 0; overflow: hidden; margin: 20px auto; }
.brand_view li a div:first-of-type img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s}
.brand_view li a div:last-of-type { color: #636363; font-size: 12px; text-align: center; width: 115px; height: 35px; line-height: 35px; background: #f5f5f5; border: 2px solid #636363; border-radius: 5px; text-transform: uppercase;transition: .5s }
.brand_view li a p { height: 45px;color: #717171; font-size: 16px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.brand_view li:hover a h3 { color: #781d22; }
.brand_view li:hover a div img { transform: scale(1.06); }
.brand_view li:hover a div:last-of-type { color: white; background: #781d22; border: 2px solid #781d22; }

.jin_con { width: 100%; margin: 0 auto; background: url("../img/jinxiaoshangbg.jpg") no-repeat; height: 720px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.jin_con .jin_circle1 { width: 600px; height: 600px; background: rgba(255, 255, 255, 0.4); border-radius: 300px; display: flex; justify-content: center; align-items: center; }
.jin_con .jin_circle1 .jin_circle2 { width: 500px; height: 500px; border-radius: 250px; background: rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; }
.jin_con .jin_circle1 .jin_circle2 .jin_circle3 { width: 400px; height: 400px; border-radius: 200px; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; flex-direction: column; }
.jin_con .jin_circle1 .jin_circle2 .jin_circle3 h3 { font-size: .6rem; color: #222222; font-family: "Bodoni MT"; font-weight: lighter; text-transform: uppercase; text-align: center; line-height: 1em; }
.jin_con .jin_circle1 .jin_circle2 .jin_circle3 p { font-size: 18px; color: #282828; text-align: center; margin: .2rem auto .3rem auto; }
.jin_con .jin_circle1 .jin_circle2 .jin_circle3 .jin_form { display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; width: 285px; }
.jin_con .jin_circle1 .jin_circle2 .jin_circle3 .jin_form input { width: 100%; height: 45px; border: 1px solid #bababa; font-size: 16px; margin-bottom: .25rem; outline: none; line-height: 45px; position: relative; padding-left: 11%; }
.jin_con .jin_circle1 .jin_circle2 .jin_circle3 .jin_form input:nth-of-type(2) { background: url("../img/jinname.png") no-repeat; background-position: 3% 50%; }
.jin_con .jin_circle1 .jin_circle2 .jin_circle3 .jin_form input:nth-of-type(3) { background: url("../img/jinpsd.png") no-repeat; background-position: 3% 50%; }
.jin_con .jin_circle1 .jin_circle2 .jin_circle3 .jin_form .jin_sub { width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #ffffff; background: #781d22; border: 1px solid #781d22; border-radius: 5px; transition: .5s}
.jin_con .jin_circle1 .jin_circle2 .jin_circle3 .jin_form .jin_sub:hover { background: #d3b167; border: 1px solid #d3b167; }

.j_footer { width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;padding-top: 2% }
.j_footer p:first-of-type { color: #424242; font-size: 16px; margin-right: 10px; }
.j_footer > a { color: #424242; font-size: 16px; }

.join_us { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 999;  display: none; }
.join_us .join_con { width: 550px; height: 600px; background: white; position: fixed; padding: 30px 15px; border: 2px solid #781d22; top: 200px; display: flex; justify-content: center;  }
.join_us .join_con .will_close { font-style: normal; line-height: 28px; color: #ff0025; display: block; position: absolute; right: -15px; top: -10px; width: 36px; height: 36px; font-size: 30px; text-align: center; border-radius: 18px; border: 2px solid #781d22; background: white; cursor: pointer; }
.join_us .join_con .will_close:hover { background: #d3b167; }
.join_us .join_con .join_us_form { margin: 0 auto; width: 100%; position: relative; padding: 0 20px; }
.join_us .join_con .join_us_form h3 { font-size: 60px; color: #ff0025; text-align: center; }
.join_us .join_con .join_us_form p:first-of-type { text-align: center; font-size: 20px; font-weight: bold; color: #ff0025; }
.join_us .join_con .join_us_form p:last-of-type { margin-top: 20px; text-align: center; color: #781d22; }
.join_us .join_con .join_us_form ul { width: 100%; position: relative; margin: 15px auto; }
.join_us .join_con .join_us_form ul li { width: 100%; display: flex; align-items: center; margin-bottom: 20px; }
.join_us .join_con .join_us_form ul li span { font-size: 18px; }
.join_us .join_con .join_us_form ul li input { height: 35px; width: 80%; border: 1px solid #ff0025; }
.join_us .join_con .join_us_form ul li textarea { width: 80%; height: 80px; border: 1px solid #ff0025; }
.join_us .join_con .join_us_form ul li select { width: 26.6%; text-align: center; height: 35px; border: 1px solid #ff0025; }
.join_us .join_con .join_us_form ul li:nth-of-type(4) label { display: flex; align-items: center; font-size: 20px; }
.join_us .join_con .join_us_form ul li:nth-of-type(4) label input { width: 18px; height: 18px; margin-left: 20px; margin-right: 5px; }
.join_us .join_con .join_us_form ul .join_sub { display: block; margin: 0 auto; width: 200px; border: 1px solid #bb0e27; background: #bb0e27; height: 35px; color: white; cursor: pointer; border-radius: 5px; }
.join_us .join_con .join_us_form ul .join_sub:hover { background: #d3b167; border: 1px solid #d3b167; box-shadow: #781d22 0px 0px 15px; }

.banner .banner_con ul:nth-of-type(2) li:last-of-type i { margin: 0 2px; }

.banner .banner_con ul:nth-of-type(2) li:last-of-type i:hover { border: 2px solid #781d22; color: #781d22;}

.mendian { width: 100%; position: relative; }
.mendian .mendian_con { max-width: 1200px; margin: 0 auto; padding-top: .3rem; }
.mendian .mendian_con .select_form { width: 100%; margin: 0 auto; position: relative; background: #F7F7F7; }
.mendian .mendian_con .select_form ul {padding: 0 1%; width: 100%; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 10px #ccc; height: 50px; }
.mendian .mendian_con .select_form ul li { width: 20%; height:75%; position: relative; }
.mendian .mendian_con .select_form ul li select { width: 100%; height: 100%;background: #F7F7F7; }
.mendian .mendian_con .select_form ul li:first-of-type { width: 30%; margin-right: 10%; }
.mendian .mendian_con .select_form ul li:first-of-type input { width: 100%; height: 100%; position: relative; }
.mendian .mendian_con .select_form ul li:first-of-type button { width: 30px; height: 100%; border: none; outline: none; text-align: center; cursor: pointer; position: absolute; right: 0; top: 0; background: transparent; }
.mendian .mendian_con .change_map { max-width: 1200px; margin: .3rem auto; position: relative; display: flex; justify-content: center; height: 400px; }
.mendian .mendian_con .change_map #map { width: 70%; height: 100%; }
.mendian .mendian_con .change_map #map #allmap { width: 100%; height: 100%; }
.mendian .mendian_con .change_map .scroll_map { width: 30%; height: 100%; border: 1px solid #CCCCCC; }
.mendian .mendian_con .change_map .scroll_map .swiper-slide-active { background: white !important; }
.mendian .mendian_con .change_map .scroll_map .swiper-wrapper { height: 100%; width: 100%; }
.mendian .mendian_con .change_map .scroll_map .swiper-wrapper .swiper-slide { height: 135px !important; width: 100%; border-bottom: 1px solid #CCCCCC; padding: 10px; background: #fafafa; cursor: pointer; }
.mendian .mendian_con .change_map .scroll_map .swiper-wrapper .swiper-slide:hover { background: white; }
.mendian .mendian_con .change_map .scroll_map .swiper-wrapper .swiper-slide figure { width: 100%; height: 100%; display: flex; justify-content: space-around; }
.mendian .mendian_con .change_map .scroll_map .swiper-wrapper .swiper-slide figure div { width: 130px; height: 100%; position: relative; padding: 16% 0; overflow: hidden; }
.mendian .mendian_con .change_map .scroll_map .swiper-wrapper .swiper-slide figure div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.mendian .mendian_con .change_map .scroll_map .swiper-wrapper .swiper-slide figure figcaption { position: relative; height: 100%; width: 80%; margin-left: 10px; }
.mendian .mendian_con .change_map .scroll_map .swiper-wrapper .swiper-slide figure figcaption p { color: #a4a4a4; font-size: 14px; }
.mendian .mendian_con .change_map .scroll_map .swiper-wrapper .swiper-slide figure figcaption p:first-of-type { font-size: 16px; color: #2c2c2c; font-weight: bold; }

.contact_con { max-width: 1200px; margin: .3rem auto; display: flex; justify-content: space-between; height: 500px; background: #FAFAFA; padding: 20px; }
.contact_con #map { width: 60%; height: 100%; }
.contact_con #map #allmap { width: 100%; height: 100%; }
.contact_con figure { width: 35%; position: relative; display: flex; flex-direction: column; }
.contact_con figure h3 { font-size: 24px; color: #e60012; margin-bottom: 10px; }
.contact_con figure > div { display: flex; width: 100%; align-items: center; }
.contact_con figure > div i { display: block; width: 60px; height: 40px; line-height: 40px; font-size: 40px; text-align: center; }
.contact_con figure > div > div p:first-of-type { font-size: 14px; color: #4c4c4c; }
/*.contact_con figure > div > div p:last-of-type { color: #bf0008; font-size: 24px; font-weight: bold; }*/
.contact_con figure > div > div >a{color: #bf0008; font-size: 24px; font-weight: bold;display: block;}
.contact_con figure figcaption { width: 100%; position: relative; }
.contact_con figure figcaption ul { width: 100%; }
.contact_con figure figcaption ul li { width: 100%; display: flex; align-items: center; margin-bottom: 10px; }
.contact_con figure figcaption ul li span { margin-right: 10px; display: block; background: #F0F0F0; padding: 5px 10px; width: 80px;text-align: justify}

.complain {margin: .4rem auto ;max-width: 1200px; position: relative; display: flex; }
.complain .complain_form { position: relative; background: #FAFAFA; padding: 20px 2%; width: 65%; }
.complain .complain_form h3 { font-size: 24px; text-align: center; font-weight: lighter; margin-bottom: 25px; }
.complain .complain_form > figure { position: relative; display: flex; align-items: center; }
.complain .complain_form > figure input { width: 50%; height: 40px; line-height: 40px; border: none; outline: none; border-bottom: 1px solid #CCCCCC; }
.complain .complain_form > figure input:first-of-type { margin-right: 20px; }
.complain .complain_form > input { width: 100%; height: 40px; line-height: 40px; border: none; outline: none; border-bottom: 1px solid #CCCCCC; margin-top: 30px; }
.complain .complain_form textarea { width: 100%; height: 50px; border: none; outline: none; border-bottom: 1px solid #CCCCCC; margin-top: 30px; }
.complain .complain_form > div { width: 100%; }
.complain .complain_form > div .ver_code { border-bottom: 0 !important; margin-top: 30px; }
.complain .complain_form > div .ver_code > p { display: inline-block; font-size: 18px; }
.complain .complain_form > div .ver_code .code-box { vertical-align: bottom; display: inline-block; position: relative; padding: 0 10px; width: 50%; min-width: 300px; height: 40px; color: #fff; text-shadow: 1px 1px 1px black; background: rgba(0, 0, 0, 0.16); border: 0; border-radius: 5px; outline: none; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); }
.complain .complain_form > div .ver_code .code-box p, .complain .complain_form > div .msg_form .ver_code .code-box span {  margin-top: 0 !important; color: #fff !important; display: block; position: absolute; left: 0; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; }
.complain .complain_form > div .ver_code .code-box span { text-align: center; width: 42px; font-family: "宋体"; font-size: 16px; cursor: pointer; background: #fff; height: 100%; position: absolute; left: 0; top: 0;  line-height: 40px; border-radius: 4px; }
.complain .complain_form > div > figure { display: flex; align-items: center; margin-top: 30px; justify-content: space-around; }
.complain .complain_form > div > figure .replaces { width: 35%; height: 40px; line-height: 40px; font-size: 16px; border-radius: 5px; border: 1px solid #CCCCCC; }
.complain .complain_form > div > figure .submit-btn { width: 35%; height: 40px; line-height: 40px; font-size: 16px; border: none; border-radius: 5px; }
.complain > div { width: 35%; position: relative; padding: 20% 0; overflow: hidden; }
.complain > div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.diulei{position: absolute!important;left: 0;top: 0;width: 100%;height: 100%;justify-content: center;align-items: center;font-size: 16px;color: white;background: rgba(0,0,0,.1);display: none!important;}


#baguetteBox-overlay{display: none;}


.vip_nav{position: relative;background: white;}
.vip_nav ul li > a{color: black;}
.vip_nav > div p{color: black   ;}
.vip_nav > div p img{filter: invert(100%)}


.ab_honers{border-bottom: none;margin-bottom: 0}
.ab_honers .in_honer{margin-top: 0}
.abot_a{cursor: default}
.phonebanner{display: none !important;}


/*右侧导航栏取消*/
/*.left_nav{display: none!important;}*/

.butterfly{width: 100%;position: relative;display: none;}
.butterfly ul{width: 100%;position: relative;display: flex;flex-wrap: wrap;align-items: center;margin: 10px auto;justify-content: center}
.butterfly ul li{margin: 5px;border: 1px solid #cccccc;}
.butterfly ul li a{display: block;width: 100%;height: 100%;font-size: 12px;text-align: center;padding: 5px 15px;background: #d3b167;color: white;}
.butterfly ul li:hover a{color: #781d22;}

.r_videos { max-width: 1200px; margin: 0 auto; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
.r_videos li { width: 48%; position: relative;margin: 2% 0; }
.r_videos li a { display: block; width: 100%; height: 100%; position: relative; padding: 30% 0; overflow: hidden; }
.r_videos li a img { display: block; width: 100%; position: absolute; height: 100%; left: 0; top: 0; }
.r_videos li a p{position: absolute;left: 0;bottom: 0;width: 100%;transition: .5s;text-align: center;background: rgba(0,0,0,.5);color: white;font-size: 14px;padding: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.r_videos li:hover a p{background:rgba(255,255,255,.5);color: #000000;}
.video_views { max-width: 1200px; margin:.3rem auto; position: relative; }
.video_views iframe { display: block; width: 100%; height: 6rem; }



/*百度商桥遮挡底部联系方式，02-18客户要求取消*/
/*#newBridge .icon-left-bottom{display: none!important;}*/
/* #newBridge .icon-left-bottom{bottom: 50%!important;} */
/*移动端底部样式*/
.mos_btm{display: none;}

@media screen and (max-width: 1650px) {
    .in_nav > div p{display: none;}
    .in_nav{justify-content: left}
    .in_nav ul{width: auto;margin-left: 40px;}
    .in_nav > a{min-width: 200px;}
    .PCbanner{display: block !important;}

}

@media screen and (max-width: 1300px){
    .in_nav ul li > a{padding: 0 15px;}
}
@media screen and (max-width: 1200px) {
    .in_nav { padding: 50px 2%;height: 65px;position: fixed;top: 0;left: 0; z-index: 55;}
    .in_nav > ul { display: none; }
    /*.in_nav > div { display: none; }*/
    .in_nav > div p{display: none;}
    .in_nav > div{margin-left: 40%}
    .m_header-change { display: block; }
    .in_nav{justify-content: space-between}
    .in_nav .m_header-change ul{width: auto;margin-left: 0;}
    .in_honer { height: auto; margin-bottom: .3rem; }
    .in_stores .stores_con p { font-size: 16px; }
    .in_information .infor_con > p { font-size: 16px; }
    .in_custom > p { font-size: 16px; }
    .in_forpro > ul > li:nth-of-type(2) p { font-size: 16px; }
    .in_honer .swiper-wrapper .swiper-slide a p { font-size: 14px; padding: 10px 0; }
    .in_stores .stores_con > a { height: 35px; }
    .in_stores .stores_con > a span { line-height: 35px; font-size: 14px; }
    .in_stores .stores_con > a i { line-height: 35px; }
    .about_nav .about_nav_con{justify-content: flex-start;padding: 0 2%;}
    .brand_view li{width: 31.5%}
    .r_videos{padding: 0 2%;}
    /*.re-book{display: none;}*/
    /*.shen-phone{display: none;}*/
}
@media screen and (max-width: 1024px) {
    .in_hot .in_hot_con > figure .in_hot_name ul li{width: 21%}
    .in_forpro > ul { align-items: center; flex-direction: column;padding:  0 1%; }
    .in_forpro > ul > li:first-of-type { width: 100%; margin-bottom: 20px;order: 2; }
    .in_forpro > ul > li:first-of-type:before{display: none;}
    .in_forpro > ul .swiper_bottoma{order: 3;position: relative;right: auto;}
    .in_forpro > ul > li:first-of-type > a{height: 100%;padding: 35% 0;min-height: 215px}
    .in_forpro > ul > li:first-of-type > a > img{left: 0;top: 0;}
    .forpro_con{opacity: 0;visibility: hidden;height: 0!important;}
    .in_forpro > ul > li:nth-of-type(2) > a { margin: .3rem auto; height: 35px; }
    .in_forpro > ul > li:nth-of-type(2) > a i { line-height: 35px; }
    .in_forpro > ul > li:nth-of-type(2) > a span { line-height: 35px; font-size: 14px; }
    .in_forpro > ul > li:nth-of-type(2) .forpro_con { margin: 0; }
    .in_forpro > ul > li:nth-of-type(2) .swiper_bottoma { position: relative; }
    .in_about .in_about_con .in_about_left{width: 100%;padding-top: 10px}
    .in_about .in_about_con .in_about_left h3{text-align: center}
    .in_about .in_about_con .in_about_left p{text-align: center}
    .in_about .about_bg li:first-of-type img{display: none;}
    .in_about .about_bg li:nth-of-type(2){width: 100%}
    .in_about .about_bg li:nth-of-type(2):after{display: none;}
    .in_about .in_about_con .in_about_right{width: 100%;position: relative;margin-top: 1rem}
    .in_about .in_about_con .in_about_left .in_ab_pic{height: auto;}
    .in_about .in_ab_left_bot span{color: black;}
    .in_about .in_ab_left_bot .swiper-pagination-bullet-active:before{background: #781d22;height: 50px!important;top: -55px!important;}
    .in_about .in_about_con .in_about_left .in_ab_pic .swiper-wrapper .swiper-slide{width: 100%!important;}
    .nav2 { display: none; }
    .in_information .infor_con .infor_container .swiper-wrapper .swiper-slide { width: 48% !important; margin-left: 2%; }
    .footer .foot_top .foot_top_con { display: none; }
    .footer > figure figcaption { display: none; }
    .in_forpro > ul > li:nth-of-type(2) .forpro_con .swiper-wrapper .swiper-slide { width: 48% !important; margin-left: 2%; }
    .about_culture > ul li a figure figcaption img { display: none; }
    .about_culture > ul li a figure figcaption { justify-content: space-around; }
    .left_nav { display: none; }
    .about_nav .about_nav_con{justify-content: space-between;padding: 0 20px;}
    .wall_nav{display: none;}
    .hottest_word {display: none;}
    .about_nav .about_nav_con ul { display: none; }
    .about_nav .about_nav_con i { display: block; }
    .fake_nav { background: #f8f8f8; padding: .1rem 0; }
    .wall_nav ul { justify-content: flex-start; padding: .2rem; }
    .pro_view_f .pro_view_fcon { flex-direction: column; }
    .pro_view_f .pro_view_fcon > ul { justify-content: center; flex-direction: column; padding: 0 2%; width: 100%; }
    .pro_view_f .pro_view_fcon > ul > li:first-of-type { order: 2; width: 100%; height: 2rem; flex-direction: initial; margin: .2rem auto; }
    .pro_view_f .pro_view_fcon > ul > li:last-of-type { width: 100%; height: auto; }
    .pro_view_f .pro_view_fcon > ul > li:last-of-type a { padding: 29% 0; margin: 0 auto; }
    .pro_view_f .pro_view_fcon > ul > li:first-of-type i { width: 30px; height: 30px; padding: 0; line-height: 30px; text-align: center; }
    .pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container { width: 100%; height: 100%; }
    .pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container .swiper-wrapper .swiper-slide { width: 23% !important; margin-left: 2%; height: 100% !important; position: relative; margin-top: auto; }
    .pro_view_f .pro_view_fcon > ul > li:first-of-type .pro1_container .swiper-wrapper .swiper-slide:first-of-type { margin-left: 0; margin-top: auto; }
    .pro_view_f .pro_view_fcon figure { margin: .3rem auto; width: 100%}
    .pro_view_b { padding: .3rem 0; }
    .pro_view_b .pro_share { justify-content: space-around; margin-bottom: .3rem; flex-wrap: wrap; }
    .pro_view_b .pro_view_bcon { display: block; }
    .pro_view_b .pro_view_bcon .bcon_right > ul { display: none; }
    .pro_view_b .pro_view_bcon .bcon_left { width: 100%; }
    .pro_view_f .pro_view_fcon figure > div { padding: 15px 2%;}
    .news_right { display: none; }
    .news_view .news_view_con .news_left { width: 100%; }
    .brand_view li { width: 48%;margin: 15px 1%; }
    /*.brand_view li:nth-of-type(3n) { margin-right: 4%; }*/
    /*.brand_view li:nth-of-type(2n) { margin-right: 0; }*/
    .brand_view li a p { font-size: 14px; }
    .contact_con { justify-content: center; flex-direction: column; height: auto; }
    .contact_con #map { width: 100%; height: 400px; }
    .contact_con figure { width: 100%; margin-top: 20px; }
    .contact_con figure > div > div p:last-of-type { font-size: 20px; }
    .contact_con figure figcaption ul li { flex-wrap: wrap; }
    .in_hot .in_hot_con{display: flex;flex-direction: column}
    .in_hot .in_hot_con > figure{width: 100%}
    .in_hot .in_hot_con > figure .in_hot_name h3{text-align: center}
    .in_nav h1{line-height: 100%;}
    .in_nav h1 a{line-height: 100%;}
    .in_hot .in_hot_con > figure .in_hot_name h2{text-align: center}
    .in_hot .in_hot_con > figure .in_hot_name p{text-align: center}
    .in_hot .in_hot_con > figure .in_hot_name ul{justify-content: space-around}
    .in_hot .in_hot_con > figure figcaption{display: none;}
    .in_hot .in_hot_con .in_hot_big{width: 100%;padding: 0 1%;}
    .in_hot .in_hot_con .in_hot_big:after{display: none;}
    /*.in_hot .in_hot_con .in_hot_big a > div{padding: 26% 0;}*/
    .in_about .in_about_bot{display: none;}
    .in_about .in_about_con .in_about_right{border-bottom: 1px solid #717171}
    .in_honer .swiper-wrapper .swiper-slide { width: 47% !important; margin-right: 1% }
    .in_honer .swiper-wrapper .swiper-slide:first-of-type{margin-left: 1%!important;}
    .sec_nav{padding: .2rem 2%;}
    .brand_view{padding: 0 1%;}
    .in_nav > div a{
        font-size: 16px;
    }
    .pro_view_f .pro_view_fcon figure{min-width: auto;}
    .pro_view_f .pro_view_fcon figure > a{margin: 1%;margin-left: 3%}
    .pro_view_f .pro_view_fcon figure > a div{width: 35%}
    .about_time{background:transparent;height: auto;}
    .about_cont{background: transparent;height: 190px;}
    .about_cont .about_ctitle{display: none;}
    .about_slides ul li figure figcaption{display: none;}
    .about_slides ul li figure div{width: 100%;text-align: center}
    .about_slides ul li figure div b{margin-top: 0;padding-top: 0}
    .about_slides ul li{padding: 0 .4rem;}
    .time_pag .swiper-wrapper .swiper-slide{width: 19.5%!important;}
    .time_pag{width: 80%}
    .in_about .about_bg li:first-of-type:after{display: none;}
    .custom_top{    margin-top: 4%;}
}
@media screen and (max-width: 1000px){
.pro_view_f .pro_view_fcon figure div h2{
	font-size: 23px;
}
.in_custom h3{
	font-weight: normal;
}
.in_custom h2{
	font-weight: normal;
}
.in_forpro > ul > li:nth-of-type(2) h3{
	font-weight: normal;
}
.in_forpro > ul > li:nth-of-type(2){
	width: 100%;
}
.in_forpro > ul > li:nth-of-type(2) h3{
    font-weight: normal;
}
.in_forpro > ul > li:nth-of-type(2) h3{
	font-weight: normal;
}
.in_forpro > ul > li:nth-of-type(2) p strong{
	font-weight: normal;
}
}
@media screen and (max-width: 413px){
.pro_view_f .pro_view_fcon figure div h2{
	font-size: 14px;
}
}
@media screen and (min-width: 1023px) { .fake_nav { display: none !important; }  }
@media screen and (max-width: 900px){
.complain{
    display:block;
}
.complain .complain_form{
    width: 100%;
}
.complain > div{
    display:none;
}
}
@media screen and (max-width: 500px){
.in_nav h1 a img {
    width: 100px!important;
    overflow: hidden;
    object-fit: cover;
}    
.in_nav > div a{
        font-size: 14px;
    }
.in_custom h2{
    font-size: 16px;
    text-align: center;
}
.in_hot .in_hot_con > figure .in_hot_name h2{
    font-size: 16px;
}
.sec_nav{
    flex-direction:column;
}
.sec_nav form .form_input{
    width: 100%;
}
.complain .complain_form h3{
    font-size: 16px;
}
.complain .complain_form > div > figure .replaces{
    font-size: 14px;
}
.complain .complain_form > div > figure .submit-btn{
    font-size: 14px;
}
}
@media screen and (max-width: 700px) {
.mendian .mendian_con .change_map{
    height: auto!important;
    display:block;
}
.mendian .mendian_con .change_map .change_map1{
    width:100%!important;
    height: 400px!important;
}
.mendian .mendian_con .change_map .scroll_map{
    width:100%;
    height:400px!important;
}
}
@media screen and (max-width: 769px) {
    .PCbanner{display: none !important;}
    .phonebanner{display: block !important;}
    .in_nav > div{margin-left: 0}
    /*移动端 修改要求*/
    /*.banner .banner_con, .all_banner{height: auto;}*/
    .case_moewsss{font-size: 16px}
    .in_custom .custom_big .swiper-wrapper .swiper-slide .boble{font-size: 16px;visibility: visible!important;opacity: 1!important;}
    .in_custom .custom_top .custom_pag{flex-wrap: wrap;justify-content: left}
    /*.in_custom .custom_top .custom_pag .swiper-pagination-bullet { width: 14%; }*/
    .in_custom .custom_top .custom_pag .swiper-pagination-bullet{width: 25%;border-bottom: 1px solid #cccccc}
    .in_custom .custom_top .custom_pag .swiper-pagination-bullet i{font-size: 20px}
    .join_us .join_con{width: 90%;top: 3%;height: 93%;padding: 2% 1%;}
    .join_us .join_con .will_close{display: flex;justify-content: center;align-items: center}
    .join_us .join_con .join_us_form h3{font-size: 40px;text-align: center}
    .join_us .join_con .join_us_form p:first-of-type{font-weight: lighter;font-size: 18px}
    .about_nav .about_nav_con > P{padding: 10px 0;}
    .join_us .join_con .join_us_form{padding: 0 1%;}
    .join_us .join_con .join_us_form ul li span{font-size: 16px}
    .join_us .join_con .join_us_form ul li:nth-of-type(4) label{font-size: 14px}
    .in_stores .stores_con figure > div .shadow > a h4{font-size: 16px}
    .in_stores .stores_con figure > div .shadow > a p{font-size: 14px}
    .in_hot .in_hot_con > figure .in_hot_name p{padding-top: 0}
    .in_about .in_about_con .in_about_left p{padding-top: 0}
    .time_pag:after{top: 38%;}
    .about_slides ul li figure div b{font-size: 20px}
    .about_slides ul li figure div p:first-of-type{font-size: 18px}
    .time_pag .swiper-wrapper .swiper-slide{width: 31%!important;}
    .about_cont{height: 145px;}
    .m_header-change{min-height: 25px;min-width: 35px}
    .in_nav { padding: 3% 4%;height: 50px; }
    .in_nav > a img { width: 65%; }
    .in_nav h1 a img{width: 150px;overflow: hidden; object-fit: cover;}
    .m_header-change ul li{height: 2px;}
    .banner .banner_con ul:nth-of-type(2) li:last-of-type { display: none; }
    .in_stores .stores_con figure figcaption > div .shadow > a h4 { font-size: 16px; }
    .in_stores .stores_con figure figcaption > div .shadow > a span { height: 25px; line-height: 25px; }
    .in_stores .stores_con figure figcaption > div .shadow > a p { font-size: 14px; }
    .in_information .infor_con .infor_container .swiper-wrapper .swiper-slide { width: 100% !important; margin-left: 1%; }
    .in_forpro > ul > li:nth-of-type(2) .forpro_con .swiper-wrapper .swiper-slide { width: 100% !important; margin-left: 1%; }
    .in_forpro > ul > li:nth-of-type(2) .forpro_con .swiper-wrapper .swiper-slide:first-of-type { margin-left: -1%; }
    .in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a figure span { font-size: 14px; }
    .in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a figure p { font-size: 14px;height: auto; }
    .news_view .news_view_con{margin-top: 10px}
    .in_custom .custom_top .custom_pag .swiper-pagination-bullet p { font-size: 12px; }
    .footer > figure > ul > li { font-size: 14px; display: flex; justify-content: center; flex-direction: column; align-items: flex-start; }
    .in_information .infor_con .infor_container .swiper-wrapper .swiper-slide a figure div { margin: 15px auto; padding: 40%; }
    .pro_view_f .pro_view_fcon figure > a div{width: 75%}
    .about_culture > ul { height: auto; flex-direction: column; }
    .about_culture > ul li a figure figcaption { height: auto; }
    .time_pag .swiper-wrapper .swiper-slide p { font-size: 16px; }
    .time_pag .time_nav { display: none; }
    .about_honor > h3 { font-size: 18px; }
    .about_honor > p { font-size: 16px; }
    .sec_nav > div a{font-size: 14px}
    .hottest_word { display: none; }
    .page_num ul li { margin: 0 3px; }
    .page_num ul li a { font-size: 14px; width: 28px; height: 28px; line-height: 28px; }
    .page_num ul li a i { font-size: 20px; }
    .page_num ul li .page_sel { height: 28px; }
    .page_num ul li .page_go { height: 28px; font-size: 14px; line-height: 28px; }
    .case_list ul li a p { font-size: 14px; padding: .1rem 0; }
    .x_numb ul li a p { font-size: 12px; }
    .x_numb ul li a i { font-size: 26px; }
    .navigates { top: 50px; }
    .pro_view_f .pro_view_fcon figure > div p { line-height: 1.6em; }
    .pro_view_f .pro_view_fcon figure > div h1 { font-size: 18px; }
    .pro_view_b .pro_share > ul li a { padding: 0; height: 35px; width: 100px; line-height: 35px; text-align: center; }
    .pro_view_b .pro_view_bcon .bcon_left h3 { font-size: 18px; }
    .pro_view_b .pro_view_bcon .bcon_left p { font-size: 14px; }
    .pro_view_b .pro_view_bcon .bcon_left ul li { padding: 4px 5px; }
    .pro_view_b .pro_view_bcon .bcon_left .c_back { width: 115px; }
    .pro_view_b .pro_view_bcon .bcon_left .c_back a i { width: 40px; text-align: center; }
    .pro_view_b .pro_view_bcon .bcon_left .c_back a p { width: 90px; font-size: 14px; }
    .pro_view_f .pro_view_fcon figure table{padding: 15px;}
    .news_view .news_view_con .news_left h3 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .news_view .news_view_con .news_left > figure { justify-content: center; align-items: center; }
    .news_view .news_view_con .news_left > figure ul { flex-wrap: wrap; }
    .news_view