@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: 140%; letter-spacing: 1px; position: relative; font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体" !important; min-width: 1200px;}

.centers { margin: 0 auto; max-width: 1200px; position: relative; }

.ryze_background { background: #fbfbfb; position: relative; width: 100%; margin: 0 auto; }

.ryze_fixed { position: fixed !important; left: 0; top: 0; background: white; z-index: 555; }

.ryze_fixed_child { position: fixed !important; left: 0; width: 100%; top: 81px; z-index: 444; background: white; }

.ryze_news_fixed { position: fixed !important; top: 81px; z-index: 6; right: 350px; }

.ryze_news_ab{position: absolute!important;right: 0;bottom: 90px;}

.header { position: relative; width: 100%; background: white; }
.header .header_content { max-width: 1525px; margin: 0 auto; position: relative; display: flex; justify-content: space-between; align-items: flex-end; }
.header .header_content .h_left { position: relative; padding-top: 30px; }
.header .header_content .h_left > a { display: block; position: relative; margin-bottom: 32px; }
.header .header_content .h_left > a img { object-fit: contain; display: block; }
.header .header_content .h_left > ul { display: flex; align-items: center; position: relative;left: -35px;}
.header .header_content .h_left > ul > li { padding-bottom: 30px; position: relative; width: 105px;margin-right: 30px }
.header .header_content .h_left > ul > li > a { color: #494949; font-size: 16px; display: block; transition: .5s; overflow: hidden;text-align: center }
.header .header_content .h_left > ul > li > a:after { content: ''; display: block; width: 0; position: absolute; left: 25%; bottom: 0; height: 2px; transition: .5s; }
.header .header_content .h_left > ul > li > a:hover { color: #e72c35; }
.header .header_content .h_left > ul > li > a:hover:after { content: ''; display: block; width: 100%; position: absolute; bottom: 0; background: #e72c35; height: 2px; margin-left: -25%; }
.header .header_content .h_left > ul > li dl{position: absolute;width: 140%;z-index: 3;opacity: 0;visibility: hidden;transition: .5s;background: #f8f8f8;top: 54px;left: -20%;}
.header .header_content .h_left > ul > li dl dd{display: block;position: relative;margin-bottom: 1px;}
.header .header_content .h_left > ul > li dl dd a{display: block;width: 100%;height: 100%;padding: 10px 20px;transition: .5s;text-align: center;font-size: 16px}
.header .header_content .h_left > ul > li dl dd a:hover{background: #e72c35;color: white;}

.header .header_content .h_left > ul > li:hover dl{opacity: 1;visibility: visible;animation: slideInDown .5s}



.header .header_content .h_right { position: relative; }
.header .header_content .h_right > ul { margin-bottom: 30px; }
.header .header_content .h_right > ul li { display: flex; align-items: center; }
.header .header_content .h_right > ul li:first-of-type { margin-bottom: 30px; justify-content: flex-end; }
.header .header_content .h_right > ul li:first-of-type p { color: #000000; font-family: Arial; font-size: 20px; margin-left: 12px; transition: .5s}
.header .header_content .h_right > ul li:first-of-type a{display: block;margin-right: 0px;font-size: 20px;transition: .5s;padding-right: 0px;position: relative;color: #e6212a;}
.header .header_content .h_right > ul li:first-of-type a:after{content: '';display: block;width: 0;position: absolute;left: 25%;background: #e6212a;height: 1px;transition: .5s}
.header .header_content .h_right > ul li:first-of-type a:hover:after{width: 100%;margin-left: -25%}
.header .header_content .h_right > ul li:last-of-type .h_search { position: relative; }
.header .header_content .h_right > ul li:last-of-type .h_search .form_text { width: 230px; height: 35px; border: 1px solid #bababa; border-radius: 20px; padding-left: 15px; position: relative; padding-right: 40px; outline: none; font-size: 14px; line-height: 35px; }
.header .header_content .h_right > ul li:last-of-type .h_search .h_btn { display: block; width: 30px; height: 35px; background: transparent; text-align: center; position: absolute; right: 5px; top: 0; border: none; outline: none; cursor: pointer; }
.header .header_content .h_right > ul li:last-of-type .h_search .h_btn i { line-height: 35px; display: block; font-size: 20px; }
.header .header_content .h_right > ul li:last-of-type > i { transition: .5s; display: block; height: 38px; width: 38px; border: 1px solid #bababa; text-align: center; line-height: 38px; color: #777777; border-radius: 19px; margin-left: 10px; font-size: 20px; cursor: pointer; }
.header .header_content .h_right > ul li:last-of-type > i:hover { border: 1px solid #83d944; color: #83d944; }
.header .header_content .h_right > ul li:last-of-type > i div{position: absolute;width: 120px;height: 120px;border: 1px solid black;opacity: 0;visibility: hidden;z-index: 2;transition: .5s;bottom: -120px;}
.header .header_content .h_right > ul li:last-of-type > i div img{width: 100%;height: 100%;display: block;}
.header .header_content .h_right > ul li:last-of-type > i:hover div{opacity: 1;visibility: visible;}


.banner_con { width: 100%; margin: 0 auto; position: relative;  z-index: 0; transition: .5s; height: 650px;}
.banner_con ul { width: 100%; position: relative; }
.banner_con ul li { width: 100%; }
.banner_con ul li img { width: 100%; height: 100%; object-fit: cover; }
.banner_con .swiper-pagination { margin-bottom: 20px; }
.banner_con .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: white; opacity: 1; margin: 0 5px; }
.banner_con .swiper-pagination .swiper-pagination-bullet-active { background: #e6212a; }
.banner_con .swiper-wrapper{
    transition-timing-function:linear;
}



main { background: white; width: 100%; z-index: 1; display: block; }

.in_about { width: 100%; position: relative; background: url("../img/in_about.jpg") no-repeat 100% 100%; background-size: cover; height: 700px; transition: .5s; }
.in_about .in_about_con { position: relative; padding-top: 100px; text-align: center; height: 100%; width: 100%; transition: .5s; }
.in_about .in_about_con h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; transition: .5s; }
.in_about .in_about_con h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.in_about .in_about_con h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -120px; top: 50%; height: 1px; }
.in_about .in_about_con h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -120px; top: 50%; height: 1px; }
.in_about .in_about_con img { display: block; margin: 0 auto; margin-bottom: 30px; }
.in_about .in_about_con p { color: #4a4a4a; font-size: 16px; line-height: 2.6em; margin-bottom: 50px; }
.in_about .in_about_con a { display: block; width: 175px; height: 40px; text-align: center; font-size: 16px; color: #757575; font-family: Arial; border: 1px solid #b6b6b6; border-radius: 20px; line-height: 40px; margin: 0 auto; background: rgba(182, 182, 182, 0.2); text-transform: uppercase; transition: .5s; }
.in_about .in_about_con a:hover { background: #e4232a; color: white; border: 1px solid #e4232a; }
.in_about .in_about_con:hover a { transform: scale(1.1); }

.making { width: 100%; position: relative; background: white; transition: .5s; }
.making .making_con { padding: 100px 0; }
.making .making_con > figure { display: flex; align-items: flex-end; justify-content: space-between; }
.making .making_con > figure > div { width: 515px; position: relative; text-align: left; }
.making .making_con > figure > div h3 { color: #e5222a; font-size: 30px; font-family: Arial; text-transform: uppercase; margin-bottom: 20px; }
.making .making_con > figure > div h4 { color: #010101; font-size: 24px; margin-bottom: 30px; }
.making .making_con > figure > div img { display: block; margin-bottom: 30px; }
.making .making_con > figure > div ul { width: 100%; }
.making .making_con > figure > div ul li { color: #868585; font-size: 16px; text-align: left; margin-bottom: 6px;width: 95% }
.making .making_con > figure > div a { display: block; width: 175px; height: 40px; text-align: center; font-size: 16px; color: #757575; font-family: Arial; border: 1px solid #b6b6b6; border-radius: 20px; line-height: 40px; background: rgba(182, 182, 182, 0.2); text-transform: uppercase; transition: .5s; margin-top: 30px; }
.making .making_con > figure > div a:hover { background: #e4232a; color: white; border: 1px solid #e4232a; }
.making .making_con > figure .making_right { width: 620px; position: relative; margin-left: 65px; margin-bottom: 21px; }
.making .making_con > figure .making_right .making_container { width: 100%; position: relative; }
.making .making_con > figure .making_right .making_container .swiper-wrapper { width: 100%; position: relative; }
.making .making_con > figure .making_right .making_container .swiper-wrapper .swiper-slide { width: 100%; position: relative; }
.making .making_con > figure .making_right .making_container .swiper-wrapper .swiper-slide > ul { width: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.making .making_con > figure .making_right .making_container .swiper-wrapper .swiper-slide > ul > li { width: 200px; height: 165px; position: relative; margin-bottom: 10px; margin-right: 10px; }
.making .making_con > figure .making_right .making_container .swiper-wrapper .swiper-slide > ul > li:nth-of-type(3n) { margin-right: 0; }
.making .making_con > figure .making_right .making_container .swiper-wrapper .swiper-slide > ul > li a{display: block;width: 100%;height: 100%;position: relative; padding: 32% 0; overflow: hidden;}
.making .making_con > figure .making_right .making_container .swiper-wrapper .swiper-slide > ul > li >a> img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.making .making_con > figure .swiper-pagination { z-index: 0; }
.making .making_con > figure .swiper-pagination .swiper-pagination-bullet { outline: none;width: 12px; height: 12px; background: #dadada; opacity: 1; margin: 0 5px; }
.making .making_con > figure .swiper-pagination .swiper-pagination-bullet-active { background: #e6212a; }
.making .making_con:hover figure > div > a { transform: scale(1.1); }

.in_design { width: 100%; position: relative; background: url("../img/in_design.jpg") no-repeat 100% 100%; background-size: cover; height: 830px; padding-bottom: 50px; transition: .5s; }
.in_design .design_con { position: relative; padding-top: 100px; text-align: center; }
.in_design .design_con h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; }
.in_design .design_con h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.in_design .design_con h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -120px; top: 50%; height: 1px; }
.in_design .design_con h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -120px; top: 50%; height: 1px; }
.in_design .design_con img { display: block; margin: 0 auto; margin-bottom: 30px; }
.in_design .design_con p { color: #4a4a4a; font-size: 16px; line-height: 2.6em; margin-bottom: 50px; }
.in_design .design_con >a { display: block; width: 175px; height: 40px; text-align: center; font-size: 16px; color: #757575; font-family: Arial; border: 1px solid #b6b6b6; border-radius: 20px; line-height: 40px; margin: 0 auto; background: white; text-transform: uppercase; transition: .5s; }
.in_design .design_con :hover> a{ transform: scale(1.1); }
.in_design .design_con >a:hover { background: #e4232a; color: white; border: 1px solid #e4232a; }
.in_design .design_con figure { width: 100%; position: relative; margin-top: 50px; }
.in_design .design_con figure .design_container { width: 1000px; margin: 0 auto; position: relative; }
.in_design .design_con figure .design_container .swiper-wrapper { width: 100%; }
.in_design .design_con figure .design_container .swiper-wrapper .swiper-slide {  position: relative; transition: .5s;  }
.in_design .design_con figure .design_container .swiper-wrapper .swiper-slide a { width: 100%; height: 100%; display: block;transition: .5s ;position: relative;padding: 50% 0;}
.in_design .design_con figure .design_container .swiper-wrapper .swiper-slide a img { position: absolute; left: 20%; top: 0; max-width: 100%; max-height: 100%; transition: .5s; }
.in_design .design_con figure .design_container .swiper-wrapper .swiper-slide a:hover img{transform: scale(1.1)}
.in_design .design_con figure .design_nav { width: 100%; position: absolute; left: 0; top: 30%; display: flex; justify-content: space-between; align-items: center; z-index: 0; }
.in_design .design_con figure .design_nav i { display: block; font-size: 90px; color: #e7e4e3; cursor: pointer; outline: none; transition: .5s; }
.in_design .design_con figure .design_nav i:hover { color: #e4232a; }

.recommend { width: 100%; position: relative; background: white; transition: .5s; }
.recommend .recom_con { position: relative; text-align: center; padding-top: 100px; padding-bottom: 40px; }
.recommend .recom_con h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; }
.recommend .recom_con h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 155px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.recommend .recom_con h4:before { content: ''; display: block; width: 80%; background: #bbc3c7; position: absolute; left: -135px; top: 50%; height: 1px; }
.recommend .recom_con h4:after { content: ''; display: block; width: 80%; background: #bbc3c7; position: absolute; right: -135px; top: 50%; height: 1px; }
.recommend .recom_con >img { display: block; margin: 0 auto; margin-bottom: 30px; }
.recommend .recom_con > a { display: block; width: 175px; height: 40px; text-align: center; font-size: 16px; color: #757575; font-family: Arial; border: 1px solid #b6b6b6; border-radius: 20px; line-height: 40px; margin: 0 auto; background: rgba(182, 182, 182, 0.2); text-transform: uppercase; transition: .5s; }
.recommend .recom_con > a:hover { background: #e4232a; color: white; border: 1px solid #e4232a; }
.recommend .recom_con:hover > a { transform: scale(1.1); }
.recommend_swiper{max-width: 1200px;margin: 60px auto;position: relative;}
.recommend_swiper ul{width: 100%;position: relative;}
.recommend_swiper ul li{position: relative;border: 1px solid #dddddd;padding: 5px;}
.recommend_swiper ul li a{display: block;width: 100%;height: 100%;}
.recommend_swiper ul li a div{width: 100%;height: 100%;overflow: hidden;padding: 30% 0;position: relative;}
.recommend_swiper ul li a div img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;transition: .5s}
.recommend_swiper ul li a figure{display: flex;width: 100%;position: absolute;left: 0;bottom: 0;align-items: center;justify-content: center;font-size: 0;transition: .5s;text-align: center;color: white;background: rgba(0,0,0,.4);opacity: 0;visibility: hidden;height: 100%;font-size: 20px;}
.recommend_swiper ul li:hover a figure{opacity: 1;visibility: visible}
.recommend_swiper ul li:hover a{background: transparent;}
.recommend_swiper ul li:hover a div img{transform: scale(1.1)}

.advantage { width: 100%; position: relative; background: url("../img/advantage_bg.jpg") no-repeat 100% 100%; background-size: cover; height: 730px; }
.advantage .advan_con { position: relative; padding-top: 100px; text-align: center; }
.advantage .advan_con h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; }
.advantage .advan_con h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 155px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.advantage .advan_con h4:before { content: ''; display: block; width: 80%; background: #bbc3c7; position: absolute; left: -135px; top: 50%; height: 1px; }
.advantage .advan_con h4:after { content: ''; display: block; width: 80%; background: #bbc3c7; position: absolute; right: -135px; top: 50%; height: 1px; }
.advantage .advan_con > img { display: block; margin: 0 auto; margin-bottom: 30px; }
.advantage .advan_con > p { color: #4a4a4a; font-size: 16px; text-align: center; position: relative; margin-bottom: 60px; }
.advantage .advan_con ul { width: 100%; position: relative; }
.advantage .advan_con ul:after { content: ''; clear: both; width: 0; height: 0; display: block; }
.advantage .advan_con ul li { float: left; width: 375px; height: 120px; background: rgba(255, 255, 255, 0.8); margin-right: 25px; margin-bottom: 25px; }
.advantage .advan_con ul li:nth-of-type(3n) { margin-right: 0; }
.advantage .advan_con ul li a { width: 100%; height: 100%; display: flex; align-items: center; position: relative; transition: .5s; overflow: hidden; border: 1px solid transparent; }
.advantage .advan_con ul li a:after { content: ''; display: block; width: 40px; height: 2px; background: #4a4a4a; position: absolute; left:25px; bottom: 20px; transition: .5s; }
.advantage .advan_con ul li a:hover { border: 1px solid #CCCCCC; }
.advantage .advan_con ul li a:hover:after { background: #e4232a; }
.advantage .advan_con ul li a img { display: block; position: relative; margin-left: 25px; }
.advantage .advan_con ul li a div { position: relative; margin-left: 20px; }
.advantage .advan_con ul li a div p { font-size: 16px; color: #4a4a4a; text-align: left; }
.advantage .advan_con ul li a div b { font-size: 14px; color: #a4a4a4; font-family: Arial; font-weight: lighter; display: block; text-align: left; }

.in_case { width: 100%; background: #f8f8f8; position: relative; }
.in_case .in_case_con { position: relative; text-align: center; padding: 100px 0; }
.in_case .in_case_con > ul { width: 100%; position: relative; }
.in_case .in_case_con > ul:after { content: ''; display: block; width: 0; height: 0; clear: both; }
.in_case .in_case_con > ul > li:first-of-type { width: 480px; float: left; text-align: left; }
.in_case .in_case_con > ul > li:first-of-type h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; }
.in_case .in_case_con > ul > li:first-of-type h4 { font-size: 24px; color: #010101; position: relative; display: block; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; text-align: left; }
.in_case .in_case_con > ul > li:first-of-type > img { display: block; margin-bottom: 30px; }
.in_case .in_case_con > ul > li:first-of-type b { display: block; font-size: 24px; color: #101010; font-weight: lighter; margin-bottom: 20px; text-align: left; }
.in_case .in_case_con > ul > li:first-of-type > ul { position: relative; }
.in_case .in_case_con > ul > li:first-of-type > ul li { font-size: 16px; color: #4a4a4a; margin-bottom: 10px; text-align: left; }
.in_case .in_case_con > ul > li:last-of-type { width: 700px; float: right; position: relative; height: 335px; }
.in_case .in_case_con > ul > li:last-of-type .six_brder { width: 100px; margin: 20px auto 0; transform: rotateZ(30deg); position: absolute; box-sizing: border-box; }
.in_case .in_case_con > ul > li:last-of-type .six_brder .six_wrapper { width: 100px; height: 200px; overflow: hidden; box-sizing: border-box; position: relative; }
.in_case .in_case_con > ul > li:last-of-type .six_brder .six_wrapper .six_con { width: 100px; height: 200px; overflow: hidden; transform: rotateZ(60deg); box-sizing: border-box; position: relative; }
.in_case .in_case_con > ul > li:last-of-type .six_brder .six_wrapper .six_con .six_main { width: 100px; height: 200px; overflow: hidden; transform: rotateZ(-120deg); background: white; cursor: pointer; box-sizing: border-box; display: flex; align-items: center; justify-content: center; transition: .5s; }
.in_case .in_case_con > ul > li:last-of-type .six_brder .six_wrapper .six_con .six_main img { display: block; transform: rotateZ(30deg); }
.in_case .in_case_con > ul > li:last-of-type .six_brder .six_wrapper .six_con .six_main:hover { background: #dab96a; }

.six-1 { left: 0; top: -70px; }

.six-2 { left: 0; top: 31px; }

.six-3 { left: 0; top: 132px; }

.six-4 { left: 89px; top: -19px; }

.six-5 { left: 89px; top: 82px; }

.six-6 { left: 177px; top: -70px; }

.six-7 { left: 177px; top: 31px; }

.six-8 { left: 265px; top: -20px; }

.six-9 { left: 265px; top: 81px; }

.six-10 { left: 353px; top: 31px; }

.six-11 { left: 353px; top: 132px; }

.six-12 { left: 441px; top: -121px; }

.six-13 { left: 441px; top: -20px; }

.six-14 { left: 441px; top: 81px; }

.six-15 { left: 529px; top: -70px; }

.six-16 { left: 529px; top: 31px; }

.six-17 { left: 617px; top: -19px; }

.six-18 { left: 617px; top: 82px; }

.footer { background: #343333; width: 100%; position: relative; padding-bottom: 30px}
.footer .foot_con { position: relative; padding: 50px 0; }
.footer .foot_con .foot_top { width: 100%; position: relative; display: flex; align-items: center; border-bottom: 1px solid #717171; padding-bottom: 45px; }
.footer .foot_con .foot_top > ul { width: 100%; position: relative; }
.footer .foot_con .foot_top > ul:after { content: ''; display: block; width: 0; height: 0; clear: both; }
.footer .foot_con .foot_top > ul > li { margin-right: 60px; float: left; }
.footer .foot_con .foot_top > ul > li > a { display: block; font-size: 16px; color: #a9aaa9;transition: .5s }
.footer .foot_con .foot_top > ul > li > a:hover{color: white;}
.footer .foot_con .foot_top > figcaption .bdsharebuttonbox { display: flex; align-items: center; }
.footer .foot_con .foot_bottom { width: 100%; position: relative; padding-top: 50px; }
.footer .foot_con .foot_bottom:after { content: ''; display: block; width: 0; height: 0; clear: both; }
.footer .foot_con .foot_bottom > ul { float: left; position: relative;  }
.footer .foot_con .foot_bottom > ul > li { font-size: 16px; color: #a9aaa9; text-align: left; margin-bottom: 5px; }
.footer .foot_con .foot_bottom > ul > li a{display: flex;align-items: center}
.footer .foot_con .foot_bottom .foot_b_right { float: right; position: relative; }
.footer .foot_con .foot_bottom .foot_b_right > img { display: block; }
.footer .foot_con .foot_bottom .foot_b_right figure { position: relative; display: flex; justify-content: center; align-items: center; height: 30px; background: #595a5a; margin-top: 30px; }
.footer .foot_con .foot_bottom .foot_b_right figure p { font-size: 14px; color: #ffffff; }
.footer .foot_con .foot_bottom .foot_b_right figure i { display: block; color: #ffffff; font-size: 20px; }
.footer .foot_con .foot_bottom .foot_b_right figure > ul { width: 235px; position: absolute; right: 0; background: #595a5a; display: none; bottom: 30px; }
.footer .foot_con .foot_bottom .foot_b_right figure > ul li { width: 100%; position: relative; color: white; font-size: 14px; text-align: center; border-bottom: 1px solid white; padding: 5px 0; transition: .5s; margin: 1px auto; }
.footer .foot_con .foot_bottom .foot_b_right figure > ul li:hover { background: #CCCCCC; color: black; }
.foot_wechats{width: 120px;float: left;margin-left: 85px}
.foot_wechats img{display: block;width: 100%}
.foot_wechats p{width: 100%;text-align: center;font-size: 14px;margin-top: 10px;color: white;}
.snav_part { position: relative; width: 100%; }
.snav_part img { display: block; width: 100%; position: relative; height: 350px; margin: 0 auto; object-fit: cover; }
.snav_part .snav_border { border-bottom: 1px solid #b7b8b8; width: 100%; position: relative; height: auto; }
.snav_part .snav_border .snav_content { height: 80px; width: 100%; position: relative; }
.snav_part .snav_border .snav_content:after { content: ''; display: block; width: 0; height: 0; clear: both; }
.snav_part .snav_border .snav_content .snav_left { float: left; position: relative; }
.snav_part .snav_border .snav_content .snav_left ul { display: flex; position: relative; padding-top: 25px; }
.snav_part .snav_border .snav_content .snav_left ul li { position: relative; margin-right: 20px; }
.snav_part .snav_border .snav_content .snav_left ul li a { display: block; font-size: 14px; color: #b7b8b8; transition: .5s; }
.snav_part .snav_border .snav_content .snav_left ul li a i { color: #8a8a8a; font-size: 20px; }
.snav_part .snav_border .snav_content .snav_left ul li:after { content: '>'; display: block; color: #b7b8b8; position: absolute; right: -15px; top: 0; }
.snav_part .snav_border .snav_content .snav_left ul li:last-of-type:after { display: none; }
.snav_part .snav_border .snav_content .snav_left ul li:hover a { color: black; }
.snav_part .snav_border .snav_content figcaption { float: right; height: 100%; display: flex; align-items: center; }
.snav_part .snav_border .snav_content figcaption ul { display: flex; align-items: center; padding-top: 25px; height: 100%; }
.snav_part .snav_border .snav_content figcaption ul li { margin-right: 30px; position: relative; height: 100%; transition: .5s; }
.snav_part .snav_border .snav_content figcaption ul li:after { content: ''; display: block; width: 0; height: 2px; background: red; position: absolute; bottom: 0; left: 25%; transition: .5s; }
.snav_part .snav_border .snav_content figcaption ul li:hover a { color: #ff0000; }
.snav_part .snav_border .snav_content figcaption ul li:hover:after { width: 100%; margin-left: -25%; }
.snav_part .snav_border .snav_content figcaption ul li a { display: block; font-size: 14px; color: #797979; transition: .5s; }
.snav_part .snav_border .snav_content figcaption i { display: block; font-size: 30px; cursor: pointer; margin-top: -12px; }
.snav_part .snav_child { height: 80px; margin: 0 auto; width: 100%; background: white; }
.snav_part .snav_child ul { display: flex; align-items: center; height: 100%; position: relative;flex-wrap: wrap }
.snav_part .snav_child ul li { margin-right: 30px; text-align: center; }
.snav_part .snav_child ul li a { display: block; font-size: 14px; color: #797979; transition: .5s; }
.snav_part .snav_child ul li:hover a { color: #ff0000; display: block; }

.about_main { width: 100%; padding-top: 80px; padding-bottom: 60px; }
.about_main .about_content { background: white; position: relative; padding-top: 60px;  }
.about_main .about_content .ab_top { width: 1200px; position: relative; text-align: center; margin: 0 auto; padding-top: 40px}
.about_main .about_content .ab_top h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.about_main .about_content .ab_top h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.about_main .about_content .ab_top h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.about_main .about_content .ab_top h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.about_main .about_content .ab_top > img{display: block;margin-top: -310px}
.about_main .about_content .ab_top > p { width: 1100px;margin: 0 auto;color: #797979; font-size: 16px; position: relative; line-height: 1.8em; text-align: left; text-indent: 28px; font-family: 微软雅黑; }
.about_main .about_content .ab_top ul { width: 100%; position: relative; margin-top: 60px; display: flex; align-items: center; flex-wrap: wrap; }
.about_main .about_content .ab_top ul li { width: 265px; height: 165px; margin-bottom: 10px; position: relative; overflow: hidden; transition: .5s; margin-right: 10px; border: 1px solid transparent; }
.about_main .about_content .ab_top ul li img { object-fit: cover; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: .5s; }
.about_main .about_content .ab_top ul li:hover { border: 1px solid #CCCCCC; }
.about_main .about_content .ab_top ul li:hover img { transform: scale(1.05); }
.about_main .about_content .ab_bottom { width: 1100px; margin: 0 auto; position: relative; text-align: center;  }
.about_main .about_content .ab_bottom h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.about_main .about_content .ab_bottom h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.about_main .about_content .ab_bottom h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.about_main .about_content .ab_bottom h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.about_main .about_content .ab_bottom > img { display: block; margin: 0 auto; margin-bottom: 40px; }
.about_main .about_super_img{display: block;max-width: 1200px;width: 100%;margin: 0 auto;margin-top: -390px;}
.case_main { width: 100%; }
.case_main .case_content { position: relative; padding-top: 40px; padding-bottom: 60px; }
.case_main .case_content h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.case_main .case_content h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.case_main .case_content h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.case_main .case_content h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.case_main .case_content > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.case_main .case_content > ul { width: 100%; position: relative; display: flex; align-items: center; flex-wrap: wrap; }
.case_main .case_content > ul li { width: 375px; height: 280px; margin-right: 25px; margin-bottom: 60px; position: relative; transition: .5s; border: 1px solid transparent; }
.case_main .case_content > ul li a { display: block; width: 100%; height: 100%; position: relative; }
.case_main .case_content > ul li a div { position: relative; width: 100%; height: 100%; padding: 37% 0; overflow: hidden; }
.case_main .case_content > ul li a div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s; }
.case_main .case_content > ul li a figure { position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; background: rgba(0, 0, 0, 0.5); text-align: center; transition: .5s; }
.case_main .case_content > ul li a figure p { font-size: 14px; color: #ffffff; line-height: 36px; text-align: center; transition: .5s; }
.case_main .case_content > ul li:hover { box-shadow: 0 0 10px #CCCCCC; }
.case_main .case_content > ul li:hover a div img { transform: scale(1.05); }
.case_main .case_content > ul li:hover a figure { background: rgba(255, 255, 255, 0.5); }
.case_main .case_content > ul li:hover a figure p { color: black; }

.pages { position: relative; margin: 0 auto; width: 50%; }
.pages ul { width: 100%; position: relative; display: flex; align-items: center; justify-content: center; }
.pages ul li { margin-right: 10px; position: relative; display: flex; justify-content: center; align-items: center; width: 38px; height: 30px; border: 1px solid #b9b9b9; border-radius: 5px; transition: .5s; }
.pages ul li:first-of-type { width: 58px; }
.pages ul li:last-of-type { width: 58px; }
.pages ul li:nth-of-type(6) { border: none; }
.pages ul li select { width: 38px; height: 30px; color: #636363; border-radius: 5px;  }
.pages ul li a { color: #636363; font-size: 14px; display: block; width: 100%; height: 100%; text-align: center; line-height: 30px; transition: .5s; }
.pages ul li:hover { background: #e4232a; border: 1px solid #e4232a; }
.pages ul li:hover a { color: white; }

.show_main { width: 100%; }
.show_main .show_content { position: relative; padding: 40px 0 60px 0; }
.show_main .show_content h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.show_main .show_content h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.show_main .show_content h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.show_main .show_content h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.show_main .show_content > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.show_main .show_content > ul { width: 100%; position: relative; display: flex; align-items: center; flex-wrap: wrap; margin: 0 auto; }
.show_main .show_content > ul > li { margin-right: 25px; margin-bottom: 60px; width: 375px;height: 280px; position: relative; transition: .5s; }
.show_main .show_content > ul > li > a { display: block; width: 100%; height: 100%; }
.show_main .show_content > ul > li > a figure { width: 100%; background: white; padding: 10px; transition: .5s; }
.show_main .show_content > ul > li > a figure div { width: 100%; height: 100%; position: relative; padding: 35% 0; overflow: hidden; }
.show_main .show_content > ul > li > a figure div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s; }
.show_main .show_content > ul > li > a figcaption { margin-top: 25px; font-size: 14px; text-align: center; position: relative; color: #272727; transition: .5s; }
.show_main .show_content > ul > li:hover a figure { box-shadow: 0 0 10px black; }
.show_main .show_content > ul > li:hover a figure div img { transform: scale(1.05); }
.show_main .show_content > ul > li:hover a figcaption { color: #e4232a; }

.honor_bg { width: 100%; height: 490px; background-image: url("../img/honor-bg_03.jpg"); background-size: cover; background-repeat: no-repeat; position: relative; display: flex; align-items: center; justify-content: center; }
.honor_bg .honor_bg_content { position: relative; }
.honor_bg .honor_bg_content .honor_container { width: 715px; margin: 0 auto; position: relative; height: 300px; }
.honor_bg .honor_bg_content .honor_container .swiper-wrapper { width: 100%; position: relative; height: 100%; }
.honor_bg .honor_bg_content .honor_container .swiper-wrapper .swiper-slide { height: 100%; position: relative; }
.honor_bg .honor_bg_content .honor_container .swiper-wrapper .swiper-slide img { position: relative; width: 100%; height: 100%; object-fit: contain; }
.honor_bg .honor_bg_content .honor_nav { width: 58%; position: absolute; left: 21%; top: 40%; display: flex; justify-content: space-between; align-items: center; z-index: 5; }
.honor_bg .honor_bg_content .honor_nav i { display: block; width: 50px; height: 50px; text-align: center; font-size: 40px; background: #e72c35; color: white; cursor: pointer; transition: .5s; line-height: 50px; border-radius: 25px; outline: none; }
.honor_bg .honor_bg_content .honor_nav i:hover { background: rgba(231, 44, 53, 0.6); color: rgba(255, 255, 255, 0.6); }
.honor_bg .honor_bg_content .honor_nav i:last-of-type { padding-left: 5px; }


.stepby{width: 100%;position: relative;background: #f8f8f8;}
.honor_content { position: relative; padding:60px 0 60px 0; }
.honor_content h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.honor_content h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.honor_content h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.honor_content h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.honor_content > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.honor_content .honor_list { width: 100%; position: relative; }
.honor_content .honor_list:after { content: ''; display: block; clear: both; width: 0; height: 0; }
.honor_content .honor_list li { transition: .5s; float: left; width: 380px; height: 285px; margin: 0 20px 60px 0; position: relative; background: #eeeeee; border: 1px solid #b9b9b9; }
.honor_content .honor_list li a { display: block; width: 100%; height: 100%; position: relative; }
.honor_content .honor_list li a figure { width: 100%; height: 100%; position: relative; }
.honor_content .honor_list li a figure div { width: 275px; height: 100%; position: relative; overflow: hidden; padding: 37% 0; margin: 0 auto; }
.honor_content .honor_list li a figure div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; transition: .5s; }
.honor_content .honor_list li a figure figcaption { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 16px; text-align: center; color: #ffffff; background: rgba(0, 0, 0, 0.5); padding: 8px 0; transition: .5s; }
.honor_content .honor_list li:hover { box-shadow: 0 0 10px #CCCCCC; border: 1px solid transparent; }
.honor_content .honor_list li:hover a figure div img { transform: scale(1.05); }
.honor_content .honor_list li:hover a figure figcaption { background: white; color: black; }

.pro_views { position: relative; padding: 60px 0; }
.pro_views .product_content .pro_top { background: white; padding: 60px 20px; display: flex; align-items: center; }
.pro_views .product_content .pro_top .pro_left { width: 555px; position: relative; }
.pro_views .product_content .pro_top .pro_left figure { width: 100%; border: 1px solid #dddddd; padding: 5px; background: white; height: 420px; }
.pro_views .product_content .pro_top .pro_left figure a { display: block; width: 100%; height: 100%; position: relative; background: #f8f8f9; }
.pro_views .product_content .pro_top .pro_left figure a div { position: relative; width: 100%; height: 100%; overflow: hidden; padding: 37% 0; margin: 0 auto; }
.pro_views .product_content .pro_top .pro_left figure a div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.pro_views .product_content .pro_top .pro_left figure a figcaption { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; background: rgba(0, 0, 0, 0.5); color: white; font-size: 14px; font-family: Arial; }
.pro_views .product_content .pro_top .pro_right { width: 590px; margin-left: 60px; position: relative; display: flex; flex-direction: column; }
.pro_views .product_content .pro_top .pro_right h1 { font-size: 16px; color: #292929; }
.pro_views .product_content .pro_top .pro_right ul { margin: 30px auto 20px auto; padding: 20px 0 10px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; width: 100%; position: relative;color: #7d7d7d; }
.pro_views .product_content .pro_top .pro_right ul li { margin-bottom: 10px; font-size: 16px; color: #7d7d7d; display: flex; align-items: center; }
.pro_views .product_content .pro_top .pro_right ul li span { display: block; margin-right: 10px; position: relative; }
.pro_views .product_content .pro_top .pro_right ul li span:after { content: ':'; font-size: 16px; color: #7d7d7d; position: absolute; right: -7px; }
.pro_views .product_content .pro_top .pro_right ul li b { font-weight: lighter; }
.pro_views .product_content .pro_top .pro_right figure { margin-top: 40px; display: flex; align-items: center; }
.pro_views .product_content .pro_top .pro_right figure a { width: 165px; height: 50px; border: 1px solid #cdcdcd; display: flex; align-items: center; justify-content: space-around; transition: .5s; }
.pro_views .product_content .pro_top .pro_right figure a i { font-size: 30px; color: #8a8888; transition: .5s; }
.pro_views .product_content .pro_top .pro_right figure a p { color: #8a8888; font-size: 16px; transition: .5s; }
.pro_views .product_content .pro_top .pro_right figure a:hover { background: #e72c35; border: 1px solid #e72c35; border-radius: 5px;color: white; }
.pro_views .product_content .pro_top .pro_right figure a:hover i { color: white; }
.pro_views .product_content .pro_top .pro_right figure a:hover p { color: white; }
.pro_views .product_content .pro_top .pro_right figure a:first-of-type { margin-right: 10px; }
.pro_views .product_content .pro_top .pro_right figure a:first-of-type:hover i { margin-left: 20px; }
.pro_views .product_content .pro_top .pro_right figure a:first-of-type:hover p { margin-right: 20px; }
.pro_views .product_content .pro_top .pro_right figure a:last-of-type:hover p { margin-left: 20px; }
.pro_views .product_content .pro_top .pro_right figure a:last-of-type:hover i { margin-right: 20px; }
.pro_views .pro_pic { margin: 30px auto; background: white; padding: 60px 0; }
.pro_views .pro_pic h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.pro_views .pro_pic h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.pro_views .pro_pic h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.pro_views .pro_pic h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.pro_views .pro_pic > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.pro_pic_mmain{max-width: 1000px;margin:0 auto ;}
.pro_pic_mmain p{margin: 0 auto;}
.pro_pic_mmain p img{margin:0 auto;display: block;}
.pro_views .pro_tui { margin: 30px auto; background: white; padding: 60px 10px; }
.pro_views .pro_tui h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.pro_views .pro_tui h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.pro_views .pro_tui h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.pro_views .pro_tui h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.pro_views .pro_tui > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.pro_views .pro_tui .pro_tui_container { position: relative; }
.pro_views .pro_tui .pro_tui_container .swiper-wrapper { width: 100%; position: relative; }
.pro_views .pro_tui .pro_tui_container .swiper-wrapper .swiper-slide { position: relative; border: 1px solid #dddddd; width: 283px !important; margin-right: 13px; padding: 5px; background: white; transition: .5s; height: 220px; }
.pro_views .pro_tui .pro_tui_container .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; position: relative;  transition: .5s; }
.pro_views .pro_tui .pro_tui_container .swiper-wrapper .swiper-slide a div { position: relative; width:100%; height: 100%; padding: 38% 0; overflow: hidden; margin: 0 auto; }
.pro_views .pro_tui .pro_tui_container .swiper-wrapper .swiper-slide a div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; transition: .5s; }
.pro_views .pro_tui .pro_tui_container .swiper-wrapper .swiper-slide a figure { position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; transition: .5s; font-family: Arial; text-align: center; color: #ffffff; background: rgba(0, 0, 0, 0.5); line-height: 35px; }
.pro_views .pro_tui .pro_tui_container .swiper-wrapper .swiper-slide:hover {  border: 1px solid black; }
.pro_views .pro_tui .pro_pagination { display: flex; align-items: center; justify-content: center; margin-top: 30px; }
.pro_views .pro_tui .pro_pagination .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 6px; text-align: center; color: #c4c4c4;outline: none  }
.pro_views .pro_tui .pro_pagination .swiper-pagination-bullet-active { background: #e6212a !important; }
.pro_views .pro_tui .pro_pagination span { display: block; margin: 0 5px; }

.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more { font-size: 14px !important; }
.bdshare-button-style0-24 a{margin-right: 15px!important;}


.news_bg { position: relative; padding: 40px 0 60px 0; }
.news_bg .news_content > h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.news_bg .news_content > h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.news_bg .news_content > h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.news_bg .news_content > h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.news_bg .news_content > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.news_bg .news_content .news_fat { width: 100%; }
.news_bg .news_content .news_fat:after { content: ''; clear: both; display: block; width: 0; height: 0; }
.news_bg .news_content .news_fat .news_left { width: 878px; position: relative; float: left; }
.news_bg .news_content .news_fat .news_left > li { width: 100%; height: 210px; background: white; padding: 20px; transition: .5s; margin-bottom: 30px; }
.news_bg .news_content .news_fat .news_left > li:last-of-type { margin-bottom: 60px; }
.news_bg .news_content .news_fat .news_left > li a { width: 100%; height: 100%; }
.news_bg .news_content .news_fat .news_left > li a:after { content: ''; clear: both; display: block; width: 0; height: 0; }
.news_bg .news_content .news_fat .news_left > li a > div { width: 250px; height: 165px; position: relative; overflow: hidden; float: left; padding: 10% 0; }
.news_bg .news_content .news_fat .news_left > li a > div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.news_bg .news_content .news_fat .news_left > li a > ul { width: 550px; height: 165px; margin-left: 35px; float: right; }
.news_bg .news_content .news_fat .news_left > li a > ul > li { width: 100%; height: 100%; display: flex; flex-direction: column; transition: .5s; }
.news_bg .news_content .news_fat .news_left > li a > ul > li h3 { color: #010101; font-size: 16px; font-weight: lighter; }
.news_bg .news_content .news_fat .news_left > li a > ul > li b { font-weight: lighter; font-size: 14px; color: #b5b3b3; }
.news_bg .news_content .news_fat .news_left > li a > ul > li p { font-size: 16px; color: #5f5f5f; line-height: 1.5em; margin: 15px auto 25px auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_bg .news_content .news_fat .news_left > li a > ul > li div { width: 80px; height: 30px; border-radius: 15px; border: 1px solid #b6b6b6; font-size: 14px; color: #757575; text-align: center; line-height: 30px; text-transform: uppercase; transition: .5s; }
.news_bg .news_content .news_fat .news_left > li:hover { box-shadow: 0 2px 10px black; }
.news_bg .news_content .news_fat .news_left > li:hover a>ul>li div{background: #ff0000;border: 1px solid #ff0000;color: white;}
.news_bg .news_content .news_fat .news_right { width: 300px; float: right; position: relative; }
.news_bg .news_content .news_fat .news_right > div { background: white; padding: 20px 20px 30px 20px; }
.news_bg .news_content .news_fat .news_right > div h3 { font-size: 24px; color: #1b1b1b; text-align: left; padding-bottom: 25px; border-bottom: 1px solid #dddddd; font-weight: lighter; }
.news_bg .news_content .news_fat .news_right > div ul { width: 100%; position: relative; }
.news_bg .news_content .news_fat .news_right > div ul li { width: 100%; height: 100%; border-bottom: 1px solid #dddddd; transition: .5s; }
.news_bg .news_content .news_fat .news_right > div ul li a { display: block; width: 100%; height: 100%; padding: 30px 0 20px 0; }
.news_bg .news_content .news_fat .news_right > div ul li a p { color: #010101; font-size: 14px; transition: .5s}
.news_bg .news_content .news_fat .news_right > div ul li a b { font-size: 12px; color: #b5b3b3; font-weight: lighter; }
.news_bg .news_content .news_fat .news_right > div ul li:hover a p{ transform: scale(1.05)}
.news_bg .news_content .news_fat .news_right > figcaption { margin-top: 20px; position: relative; width: 100%; padding: 20px 10px 30px 10px; background: white; }
.news_bg .news_content .news_fat .news_right > figcaption h3 { font-size: 24px; color: #1b1b1b; text-align: left; padding-bottom: 25px; border-bottom: 1px solid #dddddd; font-weight: lighter; }
.news_bg .news_content .news_fat .news_right > figcaption ul { width: 100%; position: relative; }
.news_bg .news_content .news_fat .news_right > figcaption ul li { width: 100%; background: white; margin-bottom: 20px; transition: .5s; }
.news_bg .news_content .news_fat .news_right > figcaption ul li a { display: block; width: 100%; height: 100%; }
.news_bg .news_content .news_fat .news_right > figcaption ul li a figure { width: 100%; height: 220px; border: 1px solid #dddddd; padding: 5px; background: white; }
.news_bg .news_content .news_fat .news_right > figcaption ul li a figure figcaption { width: 100%; height: 100%; }
.news_bg .news_content .news_fat .news_right > figcaption ul li a figure figcaption div { width: 100%; height: 100%; position: relative; padding: 25% 0; overflow: hidden; }
.news_bg .news_content .news_fat .news_right > figcaption ul li a figure figcaption div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.news_bg .news_content .news_fat .news_right > figcaption ul li a p { margin-top: 20px; text-align: center; font-family: Arial; color: #020202; font-size: 14px; }
.news_bg .news_content .news_fat .news_right > figcaption ul li:hover { box-shadow: 0 2px 10px black; }

.products { position: relative; padding: 30px 0 60px 0; }
.products .product_conatent { padding-top: 60px; position: relative; margin-bottom: 60px; display: flex; align-items: flex-start; }
.products .product_conatent .baolan { width: 240px; position: relative; cursor: pointer; transition: .5s; margin-right: 20px; }
.products .product_conatent .baolan .baolan_top { background: white; padding: 20px; }
.products .product_conatent .baolan .baolan_top h3 { font-size: 24px; color: #1b1b1b; border-bottom: 1px solid #d1d1d1; padding-bottom: 15px; }
.products .product_conatent .baolan .baolan_top .blues { display: flex; align-items: center; border-bottom: 1px solid #d1d1d1; padding: 15px 0; }
.products .product_conatent .baolan .baolan_top .blues i { display: block; font-size: 20px; color: #b7b8b8; margin-right: 10px; transition: .5s; }
.products .product_conatent .baolan .baolan_top .blues p { color: #b7b8b8; font-size: 16px; transition: .5s; }
.products .product_conatent .baolan .baolan_top .blues a {display: flex;align-items: center;}


.products .product_conatent .baolan .baolan_top .blues:hover i { color: red; }
.products .product_conatent .baolan .baolan_top .blues:hover p { color: red; }
.products .product_conatent .baolan .baolan_top > ul { width: 100%; display: none; }
.products .product_conatent .baolan .baolan_top > ul li { font-size: 16px; color: #b7b8b8; padding-bottom: 10px; border-bottom: 1px solid #d1d1d1; padding-left: 30px; margin-bottom: 10px; }
.products .product_conatent .baolan .baolan_top > ul li:first-of-type { padding-top: 10px; }
.products .product_conatent .baolan .baolan_top > ul li a { width: 100%; height: 100%; display: flex; align-items: center; transition: .5s; }
.products .product_conatent .baolan .baolan_top > ul li a span { display: block; color: #b7b8b8; margin-right: 10px; transition: .5s; }
.products .product_conatent .baolan .baolan_top > ul li:hover a { color: red; }
.products .product_conatent .baolan .baolan_top > ul li:hover a span { color: red; }
.products .product_conatent .baolan .baolan_bottom { background: white; margin-top: 15px; padding: 15px; position: relative; }
.products .product_conatent .baolan .baolan_bottom h3 { font-weight: lighter; color: #1b1b1b; font-size: 24px; padding-bottom: 15px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; }
.products .product_conatent .baolan .baolan_bottom ul { width: 100%; position: relative; }
.products .product_conatent .baolan .baolan_bottom ul li { font-size: 14px; color: #b7b8b8; margin-bottom: 10px; word-break: break-all; line-height: 1.6em; }


.products .product_conatent .jackylove { width: 945px; position: relative; height: 100%; }
.products .product_conatent .jackylove > figure { width: 100%; position: relative; border-bottom: 1px solid #d1d1d1; height: 55px; display: flex; align-items: center; margin-bottom: 20px; background: white; padding-left: 30px; }
.products .product_conatent .jackylove > figure i { display: block; color: #8a8a8a; margin-right: 20px; font-size: 26px; }
.products .product_conatent .jackylove > figure div { color: #b7b8b8; font-size: 14px; padding-left: 10px; display: flex; align-items: center;flex-grow: 1 }
.products .product_conatent .jackylove > figure div a { display: block; font-size: 14px; color: #b7b8b8; margin-right: 25px; position: relative; transition: .5s; }
.products .product_conatent .jackylove > figure div a:after { content: '>'; display: block; font-size: 14px; position: absolute; right: -18px; top: 0; color: #8a8a8a; }
.products .product_conatent .jackylove > figure div a:hover { color: black; }
.products .product_conatent .jackylove > figure div a:last-of-type:after{display: none;}
.products .product_conatent .jackylove > figure .h_search { position: relative; }
.products .product_conatent .jackylove > figure .h_search .form_text { width: 230px; height: 35px; border: 1px solid #bababa; border-radius: 20px; padding-left: 15px; position: relative; padding-right: 40px; outline: none; font-size: 14px; line-height: 35px; }
.products .product_conatent .jackylove > figure .h_search .h_btn { display: block; width: 30px; height: 35px; background: transparent; text-align: center; position: absolute; right: 5px; top: 0; border: none; outline: none; cursor: pointer; }
.products .product_conatent .jackylove > figure .h_search .h_btn i { line-height: 35px; display: block; font-size: 20px; }

.products .product_conatent .jackylove > ul { width: 100%; background: white; padding: 20px 30px; display: flex; flex-wrap: wrap; position: relative; height: 840px; margin-bottom: 55px; }
.products .product_conatent .jackylove > ul > li { width: 283px; height: 215px; border: 1px solid #dddddd; transition: .5s; margin-right: 15px; margin-bottom: 60px; }
.products .product_conatent .jackylove > ul > li:nth-of-type(3n) { margin-right: 0; }
.products .product_conatent .jackylove > ul > li a { display: block; width: 100%; height: 100%; position: relative; padding: 5px; }
.products .product_conatent .jackylove > ul > li a figure { display: block; width: 100%; height: 100%; position: relative; }
.products .product_conatent .jackylove > ul > li a figure div { width: 100%; height: 100%; position: relative; padding: 18% 0; overflow: hidden; }
.products .product_conatent .jackylove > ul > li a figure div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.products .product_conatent .jackylove > ul > li a figure figcaption { position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; display: flex; justify-content: center; align-items: center; background: #959595; color: #ffffff; font-size: 14px; text-align: center; font-family: Arial; transition: .5s; }
.products .product_conatent .jackylove > ul > li:hover { box-shadow: 0 0  5px #cccccc; }
.products .product_conatent .jackylove > ul > li:hover a figure figcaption { background: rgba(255, 255, 255, 0.5); color: black; }

.products .product_conatent .jackylove .theshy { width: 100%; background: white; padding: 45px 15px; position: relative; }
.products .product_conatent .jackylove .theshy figure { width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
.products .product_conatent .jackylove .theshy figure > div { width: 435px; height: 330px; position: relative; padding: 20% 0; border: 1px solid #dedede; margin-right: 30px; }
.products .product_conatent .jackylove .theshy figure > div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.products .product_conatent .jackylove .theshy figure figcaption { position: relative; width: 460px; }
.products .product_conatent .jackylove .theshy figure figcaption h3 { font-size: 18px; color: #292929; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; }
.products .product_conatent .jackylove .theshy figure figcaption ul { width: 100%; padding: 20px 0; border-bottom: 1px solid #eaeaea; margin-bottom: 15px; }
.products .product_conatent .jackylove .theshy figure figcaption ul li { color: #7d7d7d; font-size: 14px; }
.products .product_conatent .jackylove .theshy figure figcaption .bdsharebuttonbox { margin-bottom: 30px; }
.products .product_conatent .jackylove .theshy figure figcaption .bdsharebuttonbox a{font-size: 12px!important;}
.products .product_conatent .jackylove .theshy figure figcaption .ning_share { width: 100%; display: flex; align-items: center; }
.products .product_conatent .jackylove .theshy figure figcaption .ning_share a { display: flex; width: 130px; height: 40px; border: 1px solid #d0d0d0; justify-content: center; align-items: center; margin-right: 10px; transition: .5s; }
.products .product_conatent .jackylove .theshy figure figcaption .ning_share a i { font-size: 26px; color: #8a8888; transition: .5s; margin: 0 10px; }
.products .product_conatent .jackylove .theshy figure figcaption .ning_share a:hover { border: 1px solid #e72c35; background: #e72c35; color: white; }
.products .product_conatent .jackylove .theshy figure figcaption .ning_share a:hover i { color: white; }
.products .product_conatent .jackylove .rookie { width: 100%; margin-top: 20px; background: white; position: relative; padding: 50px 0; }
.products .product_conatent .jackylove .rookie > h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.products .product_conatent .jackylove .rookie > h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.products .product_conatent .jackylove .rookie > h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.products .product_conatent .jackylove .rookie > h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.products .product_conatent .jackylove .rookie > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.products .product_conatent .jackylove .rookie .champion { width: 85%; margin: 0 auto; position: relative; }


.contact { position: relative; padding: 60px 0; }
.contact .contact_con { background: white; position: relative;  }
.contact .contact_con figure{width: 90%;display: flex;align-items: center;padding: 40px 0 60px 0;margin: 0 auto;}
.contact .contact_con figure>div{width: 100%;position: relative;}
.contact .contact_con figure>div h3{font-size: 26px;color: #ff0000;}
.contact .contact_con figure>div ul{margin-top: 40px}
.contact .contact_con figure>div ul li{display: flex;align-items: center;margin-bottom: 5px;}
.contact .contact_con figure>div ul li img{display: block;width: 22px;height: 22px;margin-right: 10px}
.contact .contact_con figure>div ul li p{font-size: 18px;color: #2d2d2d;}
.contact .contact_con figure figcaption{width: 100%;position: relative;}

.contact .contact_con .contact_top{border-bottom: 1px solid #efefef} 




.news_view { position: relative; padding: 60px 0; }
.news_view .news_view_con { padding: 60px 0; position: relative; background: white; }
.news_view .news_view_con h1 { font-size: 18px; font-weight: lighter; color: #1e1e1e; text-align: center; margin-bottom: 25px; }
.news_view .news_view_con ul { display: flex; position: relative; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #dadfe2; align-items: center; justify-content: center; }
.news_view .news_view_con ul li { font-size: 14px; color: #999999; }
.news_view .news_view_con .news_vier_text { width: 750px; margin: 0 auto; }
.news_view .news_view_con .news_vier_text .return_pre { display: block; width: 100%; height: 40px; background: #ff002a; font-size: 16px; color: #ffffff; line-height: 40px; text-align: center; margin-top: 100px; }
.news_view .news_view_btn { position: relative; margin-top: 30px; background: white; padding: 50px 55px 70px 55px; }
.news_view .news_view_btn li { position: relative; margin-bottom: 15px; }
.news_view .news_view_btn li a { color: #333333; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_view .news_view_con .news_vier_text p{line-height: 1.75em!important;}


.online_msg { position: relative; padding: 95px 0; }
.online_msg .online_msg_con { position: relative; }
.online_msg .online_msg_con > h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.online_msg .online_msg_con > h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.online_msg .online_msg_con > h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.online_msg .online_msg_con > h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.online_msg .online_msg_con > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.online_msg .online_msg_con figure { width: 100%; position: relative; }
.online_msg .online_msg_con figure:after { content: ''; display: block; width: 0; height: 0; clear: both; }
.online_msg .online_msg_con figure .complain_form { width: 750px;height: 560px;border: 1px solid black; display: block; padding: 65px 110px 100px 40px; position: relative; background: white; float: left; }
.online_msg .online_msg_con figure .complain_form .comp_text { display: flex; align-items: center; font-family: Arial; font-size: 20px; margin-bottom: 30px; }
.online_msg .online_msg_con figure .complain_form .comp_text p { font-size: 30px; font-family: 微软雅黑; }
.online_msg .online_msg_con figure .complain_form ul { width: 100%; position: relative; }
.online_msg .online_msg_con figure .complain_form ul:after { content: ''; display: block; clear: both; }
.online_msg .online_msg_con figure .complain_form ul li { position: relative; width: 100%; height: 35px; border-bottom: 1px solid #cccccc; }
.online_msg .online_msg_con figure .complain_form ul li span { font-size: 16px; position: absolute; left: 10px; top: 5px; }
.online_msg .online_msg_con figure .complain_form ul li input { width: 100%; display: block; height: 100%; line-height: 17.5px; padding-left: 100px; outline: none; border: none; font-size: 16px; }
.online_msg .online_msg_con figure .complain_form ul li:first-of-type { width: 49%; display: inline-block; }
.online_msg .online_msg_con figure .complain_form ul li:nth-of-type(2) { width: 48%; display: inline-block; margin-left: 2%; }
.online_msg .online_msg_con figure .complain_form ul li:nth-of-type(3) { margin-top: 30px; }
.online_msg .online_msg_con figure .complain_form ul li:nth-of-type(4) { width: 100%; margin-top: 30px; margin-bottom: 30px; }
.online_msg .online_msg_con figure .complain_form ul li:nth-of-type(4) span { position: absolute; left: 10px; top: 0; }
.online_msg .online_msg_con figure .complain_form ul li:nth-of-type(4) textarea { width: 100%; height: 55px; border: none; outline: none; border-bottom: 1px solid #CCCCCC; padding-left: 100px; }
.online_msg .online_msg_con figure .complain_form > div { position: relative; width: 100%; }
.online_msg .online_msg_con figure .complain_form > div .ver_code { border-bottom: 0 !important; margin-top: 50px; }
.online_msg .online_msg_con figure .complain_form > div .ver_code > p { display: inline-block; font-size: 18px; }
.online_msg .online_msg_con figure .complain_form > div .ver_code .code-box { vertical-align: bottom; display: inline-block; position: relative; padding: 0 10px; 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); }
.online_msg .online_msg_con figure .complain_form > div .ver_code .code-box p, .online_msg .online_msg_con figure .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; }
.online_msg .online_msg_con figure .complain_form > div .ver_code .code-box span { width: 40px; font-family: "宋体"; font-size: 16px; cursor: pointer; background: #fff; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; border-radius: 3px; }
.online_msg .online_msg_con figure .complain_form > div > figure { width: 100%; margin-top: 30px; }
.online_msg .online_msg_con figure .complain_form > div > figure > input { width: 240px; height: 36px; text-align: center; border: none; background: #d1d1d1; color: white; font-size: 16px; cursor: pointer; transition: .5s; }
.online_msg .online_msg_con figure .complain_form > div > figure > input:hover { background: #0090e1; border-radius: 10px; }
.online_msg .online_msg_con figure .complain_form > div > figure > button { width: 240px; height: 36px; text-align: center; border: none; background: #d1d1d1; color: white; font-size: 16px; cursor: pointer; transition: .5s; }
.online_msg .online_msg_con figure .complain_form > div > figure > button:hover { background: #0090e1; border-radius: 10px; }
.online_msg .online_msg_con figure figcaption { width: 450px; float: right; height: 560px; position: relative;border: 1px solid black; }
.online_msg .online_msg_con figure figcaption img { display: block; width: 100%; height: 100%; }

.jiagou { width: 100%; position: relative; }
.jiagou .jiagou_con { position: relative; padding-top: 100px;padding-bottom: 100px}
.jiagou .jiagou_con > h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.jiagou .jiagou_con > h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.jiagou .jiagou_con > h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.jiagou .jiagou_con > h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.jiagou .jiagou_con > img { display: block; margin: 0 auto; margin-bottom: 60px; }
/*.jiagou .jiagou_con .jiagou_main { width: 100%; height: 100%; display: block; margin-bottom: 0; transition: .5s; }*/
/*.jiagou .jiagou_con .jiagou_main:hover { transform: scale(1.1); }*/

.new_jiagou{width: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.new_jiagou>img{display: block;width: 100%;height: 100%;margin-bottom: 0;transition: .5s;margin-right: 15px}
.new_jiagou:hover img{transform: scale(1.05)}


 /*2018 .12 .10修改，侧边栏放到左边*/
/*.right_nav { width: 50px; position: fixed; left:40px; top: 50%; z-index: 555; }*/
/*.right_nav ul { position: relative; width: 100%; }*/
/*.right_nav ul li {  width: 100%; height: 50px;  box-sizing: border-box; background: #989898; position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 1px; transition: .5s; cursor: pointer; }*/
/*.right_nav ul li > img { display: block; }*/
/*.right_nav ul li > div { color: transparent;position: absolute; left: 0; width: 0; opacity: 0; visibility: visible; transition: 0.5s; font-size: 16px;height: 100%;display: flex;justify-content: center;align-items: center }*/
/*.right_nav ul li:hover { background: #e71f20;}*/
/*.right_nav ul li:hover > div {color: white; left: -135px; opacity: 1; width: 135px;visibility: visible; height: 100%;background: #e71f20;display: flex;align-items: center;color: white;justify-content: center}*/
/*.right_nav ul li:nth-of-type(2) > div {  background: transparent;}*/

.right_nav { width: 50px; position: fixed; left:40px; top: 50%; z-index: 555; }
.right_nav ul { position: relative; width: 100%; }
.right_nav ul li {  width: 100%; height: 50px;  box-sizing: border-box; background: #989898; position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 1px; transition: .5s; cursor: pointer; }
.right_nav ul li > img { display: block; }
.right_nav ul li > div { color: transparent;position: absolute; left: 0; width: 0; opacity: 0; visibility: visible; transition: 0.5s; font-size: 16px;height: 100%;display: flex;justify-content: center;align-items: center }
.right_nav ul li:nth-of-type(2) > div{height: 1px;}
.right_nav ul li:hover { background: #e71f20;}
.right_nav ul li:hover > div {color: white; left: 55px; opacity: 1; width: 135px;visibility: visible; height: 100%;background: #e71f20;display: flex;align-items: center;color: white;justify-content: center}
.right_nav ul li:nth-of-type(2) > div {  background: transparent;}


/*.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; }*/
/*.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; }*/
/*.left_nav ul li div { position: absolute; left: 0; top: -25px; width: 0px; height: 120px; padding: 50% 0; visibility: hidden; opacity: 0; }*/
/*.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; }*/



.snav_act>a{color: #ff0000!important;display: block;height: 100%;}
.snav_act>a:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: red;}




.seviver { width: 100%; background: #fbfbfb; position: relative; padding: 45px 0 60px 0; }
.seviver .seviver_con .seviver_top{padding-top: 40px;width: 100%}
.seviver .seviver_con .seviver_top > h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.seviver .seviver_con .seviver_top > h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.seviver .seviver_con .seviver_top > h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.seviver .seviver_con .seviver_top > h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.seviver .seviver_con .seviver_top > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.seviver .seviver_con .seviver_top .sev_wrap{width: 100%;}
.seviver .seviver_con .seviver_top .sev_wrap:after{content: '';display: block;width: 0;height: 0;clear: both;   }
.seviver .seviver_con .seviver_top .sev_wrap li{width: 380px;height: 260px;position: relative;float: left;margin-right: 20px;margin-bottom: 100px}
.seviver .seviver_con .seviver_top .sev_wrap li figure{width: 100%;}
.seviver .seviver_con .seviver_top .sev_wrap li figure div{position: relative;width: 100%;height: 100%;padding: 35% 0;overflow: hidden}
.seviver .seviver_con .seviver_top .sev_wrap li figure div img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover}
.seviver .seviver_con .seviver_top .sev_wrap li figure figcaption{width: 70%;position: absolute;left:15%;bottom: -50px;height: 100px;background: white;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: .5s}
.seviver .seviver_con .seviver_top .sev_wrap li figure figcaption img{display: block;}

.seviver .seviver_con .seviver_top .sev_wrap li:hover figure figcaption{bottom: -6px;box-shadow: 0 0 10px #cccccc}




/*.seviver .sev_case { padding: 60px 10px; margin-bottom: 10px; }*/
/*.seviver .sev_case > h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }*/
/*.seviver .sev_case > h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }*/
/*.seviver .sev_case > h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }*/
/*.seviver .sev_case > h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }*/
/*.seviver .sev_case > img { display: block; margin: 0 auto; margin-bottom: 60px; }*/
/*.seviver .sev_case .sec_container { width: 100%; height: 205px; position: relative; }*/
/*.seviver .sev_case .sec_container .swiper-wrapper { width: 100%; height: 100%;   transition-timing-function:linear !important; }*/
/*.seviver .sev_case .sec_container .swiper-wrapper .swiper-slide { position: relative; }*/
/*.seviver .sev_case .sec_container .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; background: white;padding: 10px;}*/
/*.seviver .sev_case .sec_container .swiper-wrapper .swiper-slide a figure { width: 100%; height: 100%; position: relative;}*/
/*.seviver .sev_case .sec_container .swiper-wrapper .swiper-slide a figure div { width: 100%; height: 100%; position: relative; padding: 35% 0; overflow: hidden; }*/
/*.seviver .sev_case .sec_container .swiper-wrapper .swiper-slide a figure div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }*/
/*.seviver .sev_case .sec_container .swiper-wrapper .swiper-slide a figure figcaption { width: 100%; position: absolute; bottom: -1px; left: 0; height: 26px; background: rgba(0, 0, 0, 0.5); text-align: center; line-height: 26px; color: white; font-size: 14px; transition: .5s}*/
/*.seviver .sev_case .sec_container .swiper-wrapper .swiper-slide:hover a figure figcaption{background: white;color: black;}*/



.rubbish{width: 100%;height: 615px;background: url("../img/liucheng.jpg") no-repeat; background-size: cover;margin-bottom: 60px}
.rubbish .rubbish_con{max-width: 1200px;margin: 0 auto;position: relative;padding-top: 60px}
.rubbish .rubbish_con > h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.rubbish .rubbish_con > h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.rubbish .rubbish_con > h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.rubbish .rubbish_con > h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.rubbish .rubbish_con > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.rubbish .rubbish_con ul{width: 100%;}
.rubbish .rubbish_con ul:after{content: '';display: block;width: 0;height: 0;clear: both;}
.rubbish .rubbish_con ul li{padding-left: 15px;float: left;width: 330px;display: flex;align-items: center;position: relative;margin-right: 105px;margin-bottom: 80px;background: #e4232a;border-radius: 5px;cursor: pointer;transition: .5s}
.rubbish .rubbish_con ul li:nth-of-type(3n){margin-right: 0}
.rubbish .rubbish_con ul li span{font-size: 32px;color: #ffffff;margin-right: 20px;transition: .5s}
.rubbish .rubbish_con ul li p{font-size: 24px;color: #ffffff;transition: .5s}
.rubbish .rubbish_con ul li:hover span{margin-right: 35px}
.rubbish .rubbish_con ul li:nth-of-type(1):after{content: '';background: url("../img/tpac.png") no-repeat;height: 35px;width: 30px;transform: rotateZ(90deg);right: -20%;position: absolute;background-size: contain}
.rubbish .rubbish_con ul li:nth-of-type(2):after{content: '';background: url("../img/tpac.png") no-repeat;height: 35px;width: 30px;transform: rotateZ(90deg);right: -20%;position: absolute;background-size: contain}
.rubbish .rubbish_con ul li:nth-of-type(3):after{content: '';background: url("../img/tpac.png") no-repeat;height: 35px;width: 30px;transform: rotateZ(180deg);position: absolute;background-size: contain;bottom: -55px;left: 45%;}
.rubbish .rubbish_con ul li:nth-of-type(4):after{content: '';background: url("../img/tpac.png") no-repeat;height: 35px;width: 30px;transform: rotateZ(180deg);position: absolute;background-size: contain;bottom: -55px;left: 45%;}
.rubbish .rubbish_con ul li:nth-of-type(5):after{content: '';background: url("../img/tpac.png") no-repeat;height: 35px;width: 30px;transform: rotateZ(-90deg);left: -20%;position: absolute;background-size: contain}
.rubbish .rubbish_con ul li:nth-of-type(6):after{content: '';background: url("../img/tpac.png") no-repeat;height: 35px;width: 30px;transform: rotateZ(-90deg);left: -20%;position: absolute;background-size: contain}
.rubbish .rubbish_con ul li:nth-of-type(7):after{content: '';background: url("../img/tpac.png") no-repeat;height: 35px;width: 30px;transform: rotateZ(90deg);right: -20%;position: absolute;background-size: contain}
.rubbish .rubbish_con ul li:nth-of-type(8):after{content: '';background: url("../img/tpac.png") no-repeat;height: 35px;width: 30px;transform: rotateZ(90deg);right: -20%;position: absolute;background-size: contain}








.tousu { position: relative; padding:0 20px 60px 20px;  }
.tousu > h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.tousu > h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.tousu > h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.tousu > h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.tousu > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.tousu .tousu_form { width: 80%; position: relative;margin: 0 auto; }
.tousu .tousu_form > ul { width: 100%; position: relative; display: flex; align-items: center; }
.tousu .tousu_form > ul li { width: 100%; position: relative; display: flex; align-items: center; margin-right: 40px; }
.tousu .tousu_form > ul li:last-of-type { margin-right: 0; }
.tousu .tousu_form > ul li input { padding-left: 10px;width: 100%; position: relative; display: block; height: 60px; border: 1px solid #ababab; padding-right: 40px; font-size: 16px; }
.tousu .tousu_form > ul li i { display: block; position: absolute; right: 10px; font-size: 30px; color: #ababab; }
.tousu .tousu_form > div:first-of-type { width: 100%; position: relative; margin-top: 30px; }
.tousu .tousu_form > div:first-of-type  textarea {padding-left: 10px; width: 100%; height: 190px; border: 1px solid #ababab; padding-top: 10px;font-size: 16px }
.tousu .tousu_form > div:first-of-type  i { display: block; position: absolute; right: 10px; font-size: 30px; color: #ababab; top: 10px; }
.tousu >.tousu_form > .f_bottom { width: 365px; position: relative; margin: 55px auto auto auto; display: flex;flex-direction: column;align-items: center}
.tousu >.tousu_form > .f_bottom .ver_code { border-bottom: 0 !important; margin-top: 50px; }
.tousu >.tousu_form > .f_bottom .ver_code > p { display: inline-block; font-size: 18px; }
.tousu >.tousu_form > .f_bottom .ver_code .code-box { vertical-align: bottom; display: inline-block; position: relative; padding: 0 10px; 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); }
.tousu >.tousu_form > .f_bottom .ver_code .code-box p, .tousu > .f_bottom .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; }
.tousu >.tousu_form > .f_bottom .ver_code .code-box span { width: 40px; font-family: "宋体"; font-size: 16px; cursor: pointer; background: #fff; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; border-radius: 3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
.tousu >.tousu_form > .f_bottom figure { width: 100%; display: flex; margin-top: 20px; }
.tousu >.tousu_form > .f_bottom figure input { transition: .5s;width: 100%; height: 45px; text-align: center; line-height: 45px; border: none; outline: none; margin-right: 10px; cursor: pointer; color: white;background: #848484;}
.tousu >.tousu_form > .f_bottom figure button { width: 100%; height: 45px; text-align: center; line-height: 45px; border: none; outline: none; margin-left: 10px; cursor: pointer; color: white;background: #848484;}
.tousu >.tousu_form > .f_bottom figure input:hover{background: #e4232a;}



.navs_act>a{color: #e4232a!important;}
.navs_act:after{content: '';display: block;width: 100%;background: #e4232a;height: 2px;position: absolute;bottom: 0;}



.patent { width: 100%; background-color: #f8f8f8; background-image: url("../img/patent-bg.png"); background-repeat: no-repeat; background-size: cover; position: relative; background-position: -45px 0}
.patent .patent_con { max-width: 1200px; margin: 0 auto; padding: 60px 0 100px 0; }
.patent .patent_con > h3 { color: #e4232a; font-size: 30px; font-family: Arial; font-weight: bold; text-transform: uppercase; text-align: center; }
.patent .patent_con > h4 { font-size: 24px; color: #010101; position: relative; display: block; width: 100px; margin: 0 auto; margin-bottom: 30px; font-weight: lighter; }
.patent .patent_con > h4:before { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; left: -130px; top: 50%; height: 1px; }
.patent .patent_con > h4:after { content: ''; display: block; width: 100%; background: #bbc3c7; position: absolute; right: -130px; top: 50%; height: 1px; }
.patent .patent_con > img { display: block; margin: 0 auto; margin-bottom: 60px; }
.patent .patent_con figure { width: 100%; display: flex; justify-content: space-between; padding: 0 35px; align-items: center; }
.patent .patent_con figure > div { width: 450px; }
.patent .patent_con figure > div p { text-indent: 36px; font-size: 18px; color: #000000; line-height: 2em; }
.patent .patent_con figure figcaption { width: 595px; }
.patent .patent_con figure figcaption .patent_swiper { width: 100%; position: relative; }
.patent .patent_con figure figcaption .patent_swiper .swiper-wrapper { width: 100%; }
.patent .patent_con figure figcaption .patent_swiper .swiper-wrapper .swiper-slide { position: relative; }





.a_news { width: 100%; background: #fbfbfb; padding: 50px 0 60px 0; }
.a_news .a_news_content { max-width: 1200px; margin: 0 auto; position: relative; }
.a_news .a_news_content .tnews { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 70px; }
.a_news .a_news_content .tnews div { width: 505px; height: 100%; padding: 13% 0; overflow: hidden; position: relative; }
.a_news .a_news_content .tnews div img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: contain; }
.a_news .a_news_content .tnews figcaption { width: 595px; position: relative; }
.a_news .a_news_content .tnews figcaption h1 { font-size: 18px; font-weight: lighter; color: #010101; margin-bottom: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.a_news .a_news_content .tnews figcaption span { display: block; color: #b5b3b3; font-size: 18px; margin-bottom: 30px; }
.a_news .a_news_content .tnews figcaption p { font-size: 14px; color: #5f5f5f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 40px; line-height: 2.6em; }
.a_news .a_news_content .tnews figcaption a { display: flex; width: 100px; height: 35px; align-items: center; justify-content: center; font-family: Arial; font-size: 16px; color: #757575; border: 1px solid #b6b6b6; border-radius: 10px; transition: .5s; background: #f8f8f9; }
.a_news .a_news_content .tnews figcaption a:hover { color: #ff0000; border: 1px solid #ff0000; }
.a_news .a_news_content .bnews { width: 100%; position: relative;padding-bottom: 30px }
.a_news .a_news_content .bnews:after { content: ''; display: block; width: 0; height: 0; clear: both; }
.a_news .a_news_content .bnews  ul { float: left; position: relative; }
.a_news .a_news_content .bnews  ul li { position: relative; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #9e9e9e; }
.a_news .a_news_content .bnews  ul li a { display: block; }
.a_news .a_news_content .bnews  ul li a figure { position: relative; display: flex; align-items: center; }
.a_news .a_news_content .bnews  ul li a figure div { position: relative; padding-right: 10px; }
.a_news .a_news_content .bnews  ul li a figure div:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #cecece; }
.a_news .a_news_content .bnews  ul li a figure div span { display: block; color: #a3a3a3; font-size: 50px; text-align: center}
.a_news .a_news_content .bnews  ul li a figure div p { font-size: 16px; color: #a3a3a3; }
.a_news .a_news_content .bnews  ul li a figure figcaption { width: 495px; padding: 0 20px; position: relative; }
.a_news .a_news_content .bnews  ul li a figure figcaption h3 { font-size: 16px; color: #010101; font-weight: lighter; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; }
.a_news .a_news_content .bnews  ul li a figure figcaption p {width: 100%; height: 45px;color: #a3a3a3; font-size: 14px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: .5s }
.a_news .a_news_content .bnews  ul li:hover a figure figcaption p { color: #ff0000; }
.a_news .a_news_content .bnews .new_right_part { float: right; }
#newBridge .nb-hide{display: block!important;}
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-top{background: #5d100a!important;}
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-send-btn{background: #5d100a!important;}
#newBridge .nb-icon-base{left: auto!important;right: 0!important;top: auto!important;bottom: 9%!important;}

/*.nb-show{display: none!important;}*/
.nb-nodeboard-base{display: none!important;}
.nb-icon-wrap{display: none!important;}
.ryze_Nima{display: block!important;}
.fitds{display: none!important;}