@charset "UTF-8";
/*初始化*/
.wrap { max-width: 1680px; margin: 0 auto; }

.wrap_1200 { max-width: 1200px; margin: 0 auto; }

.header { position: fixed; top: 0; left: 0; z-index: 990; width: 100%; height: 150px; }
.header.ccs3 { -webkit-transition: top .5s; transition: top .5s; }
.header.on { top: -150px; }
.header .head_top { position: relative; z-index: 3; width: 100%; height: 96px; }
.header .head_top:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 96px; content: ''; background:#fff url(../images/icon_2.png) no-repeat left center; background-size: cover; }
.header .head_top .wrap { height: 96px; }
.header .head_nav { width: 100%;  height: 54px;  background-color:#2b2c2d;}
.header .logo { position: relative; z-index: 2; padding-top:12px }
.header .logo a { display: inline-block; position: relative; z-index: 2; line-height: 96px; }
.header .logo img { max-width: 100%; max-height: 120px; }
.header .bisg { position: relative; z-index: 2; line-height: 96px; vertical-align: top; }
.header .bisg > * { line-height: 1; display: inline-block; margin-left: 15px; vertical-align: middle; }
.header .bisg form.search { position: relative; }
.header .bisg form.search.on { display: inline-block !important;}
.header .bisg form.search input[type='text'] { display: inline-block; width: 327px; height: 32px; padding: 5px 32px 5px 20px; border-radius: 20px; border: 1px solid #bfbfbf; box-sizing: border-box; background: transparent; font-size: 14px; color: #666; line-height: 20px; }
.header .bisg form.search input[type='submit'] { display: inline-block; position: absolute; top: 0; right: 0; width: 32px; height: 32px; border: none; border-radius: 50%; background-image: url(serch.png); background-repeat:no-repeat;  font-size: 18px; color: #fff; text-align: center; line-height: 32px;  }
.header .bisg a.language { width: 32px; height: 32px; border-radius: 50%; background: #e62129; font-size: 14px; color: #fff; text-align: center; line-height: 32px; }
.header .bisg span.addit { position: relative; cursor: pointer; }
.header .bisg span.addit i { display: inline-block; width: 30px; height: 30px;  box-sizing: border-box; border-radius: 50%; font-size: 12px; color: #5d5d5e; text-align: center; line-height: 30px; cursor: pointer;  }
.header .bisg span.addit em { display: none; position: absolute; z-index: 999; top: 100%; right: 0; padding-top: 10px; box-sizing: border-box; border-radius: 5px; animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s; }
.header .bisg span.addit em img { width: 120px; height: 120px; }
.header .bisg span.addit:hover i ,.header .bisg span.addit.on i{ border-color: #20ae9e; background: #20ae9e; color: #fff; }
.header .bisg span.addit:hover em ,.header .bisg span.addit.on em{ display: block; }

.header .bisg > i.search_icon { display: none;}
.header .nav { position: relative; z-index: 2; text-align: center; }
.header .nav > ul { display: inline-block; }
.header .nav > ul > li { display: inline-block; width: 172px; margin: 0 10px; vertical-align: top; text-align: center; }
.header .nav > ul > li > a { display: block; font-size: 18px; color: #fff; line-height: 54px; }
.header .nav > ul > li.selectde { background: url(../images/icon_1.png) no-repeat center; background-size: cover; }
.header .nav > ul > li:hover,.header .nav > ul > li.on{ background: url(../images/icon_1.png) no-repeat center; background-size: cover; }
/*.header .nav > ul > li.on { background: url(../images/icon_1.png) no-repeat center; background-size: cover; }*/
.header .push-nav, .header .bg-nav { display: none; }
/*.header .nav { position: relative; z-index: 2; text-align: center; }
.header .nav > ul { display: inline-block; }
.header .nav > ul > li { display: inline-block; width: 172px; margin: 0 10px; vertical-align: top; text-align: center; }
.header .nav > ul > li > a { display: block; font-size: 18px; color: #fff; line-height: 54px; }
.header .nav > ul > li:hover { background: url(../images/icon_1.png) no-repeat center; background-size: cover; }
.header .push-nav, .header .bg-nav { display: none; }*/

.index { padding-top: 100px; }
.banner { position: relative; width: 100%; height: auto; overflow: hidden; }
.banner .swiper-slide { overflow: hidden; }
.banner .swiper-slide a { display: block; width: 100%; height: 100%; background: no-repeat center/cover; -webkit-transition: transform 4s linear; transition: transform 4s linear; -webkit-transform: scale(1.2); transform: scale(1.2); }
.banner .swiper-slide.on a { -webkit-transform: scale(1); transform: scale(1); }
.banner .pagination { position: absolute; bottom: 3%; left: 0; z-index: 20; width: 100%; font-size: 0; text-align: center; }
.banner .pagination .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; margin: 0 6px; border-radius: 50%; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); cursor: pointer; }
.banner .pagination .swiper-active-switch { background: #20ae9e; }
.banner .slick-list,.banner .slick-track{ height: 100%;}
.banner .slick-dots { position: absolute; left: 0; bottom: 3%; z-index: 9; width: 100%; text-align: center;}
.banner .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin-right: 16px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); vertical-align: bottom; }
.banner .slick-dots li.slick-active { background: #20ae9e; }
.banner .slick-dots li button { display: none; }

.index_1 { padding: 120px 0;}
.index_1 .in_tit { margin-bottom: 80px; margin-top:0px }
.index_1 .in_tit i { display: block; width: 100%; height: 40px; margin-bottom: 30px; text-align: center; }
.index_1 .in_tit i img { max-width: 100%; max-height: 100%; }
.index_1 .in_tit span { display: block; text-align: center; font-size: 30px; color: #443f3f; }
.index_1 .in_mian { position: relative; overflow: hidden; }
.index_1 .in_mian > button { position: absolute; top: 50%; z-index: 99; width: 40px; height: 40px; border: none; background: #fff; border-radius: 50%; font-size: 0; text-align: center; cursor: pointer; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.index_1 .in_mian > button.slick-prev { left: 10px; }
.index_1 .in_mian > button.slick-next { right: 10px; }
.index_1 .in_mian > button:before { display: inline-block; font-family: "iconfont" !important; font-size: 18px; color: #20ae9e; }
.index_1 .in_mian > button.slick-disabled { pointer-events: none; }
.index_1 .in_mian > button.slick-disabled:before { color: #ccc; }
.index_1 .in_box { float: left; padding: 0 40px 100px 40px; box-sizing: border-box; }
.index_1 .in_box a { display: block; position: relative; width: 100%; height: 420px; overflow: hidden; }
.index_1 .in_box a:before { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); -webkit-transform: rotate(0deg); transform: rotate(0deg);  }
.index_1 .in_box a:hover .span { bottom: 0; background: rgba(255, 255, 255, 0.6); }
.index_1 .in_box em { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 85%; background: no-repeat center; background-size: cover; -webkit-transition: all 2s; transition: all 2s; }
.index_1 .in_box .span { display: block; position: absolute; bottom: 0%;  left: 0; z-index: 3; width: 100%; padding: 20px; box-sizing: border-box; background: rgba(255, 255, 255, 0.2); -webkit-transition: all .5s; transition: all .5s; }
.index_1 .in_box .span h4 { margin-bottom: 8px; font-size: 18px; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_1 .in_box .span h6 { font-size: 16px; color: #000000; line-height: 30px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_1 .in_box .span p { height: 60px; font-size: 12px; color: #000; line-height: 30px; overflow: hidden; }

.index_2 { position: relative; overflow: hidden; margin-top:40px }
.index_2 .swiper-slide { width: 100%; height: 700px; background: no-repeat center; background-size: cover; }
.index_2 .in_box { padding-top: 12%; }
.index_2 .in_box h4 { height: 54px; margin-bottom: 40px; }
.index_2 .in_box h4 img { max-width: 100%; max-height: 100%; }
.index_2 .in_box h5 { max-height: 60px; overflow: hidden; margin-bottom: 20px; font-size: 18px; color: #14283f; opacity: .9; line-height: 30px; }
.index_2 .in_box h6 { max-height: 48px; overflow: hidden; font-size: 12px; color: #000; color: #14283f; opacity: .66; line-height: 24px; }
.index_2 .slick-dots { position: absolute; left: 50%; bottom: 30%; z-index: 99; width: 1680px; text-align: left; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.index_2 .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin-right: 16px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); vertical-align: bottom; }
.index_2 .slick-dots li.slick-active { background: #20ae9e; }
.index_2 .slick-dots li button { display: none; }

.index_3 { padding: 120px 0; background: #FFFFFF; height:500px }
.index_3 .in_tit { margin-bottom: 80px; }
.index_3 .in_tit i { display: block; width: 100%; height: 40px; margin-bottom: 30px; text-align: center; }
.index_3 .in_tit i img { max-width: 100%; max-height: 100%; }
.index_3 .in_tit span { display: block; text-align: center; font-size: 18px; color: #443f3f; }
.index_3 .in_mian { position: relative; overflow: hidden; padding-bottom: 20px; }
.index_3 .in_mian > button { position: absolute; bottom: 0; z-index: 99; width: 40px; height: 50px; border: none; border-radius: 50%; background: transparent; font-size: 0; text-align: center; cursor: pointer; }
.index_3 .in_mian > button.slick-prev { left: 10px; }
.index_3 .in_mian > button.slick-prev:before { content: '\e610'; }
.index_3 .in_mian > button.slick-next { right: 10px; }
.index_3 .in_mian > button.slick-next:before { content: '\e614'; }
.index_3 .in_mian > button:before { display: inline-block; font-family: "iconfont" !important; font-size: 24px; color: #20ae9e; }
.index_3 .in_mian > button.slick-disabled { pointer-events: none; }
.index_3 .in_mian > button.slick-disabled:before { color: #999; }
.index_3 .in_mian .slick-dots { position: absolute; left: 0; bottom: 0; z-index: 98; width: 100%; text-align: center; line-height: 50px; font-size: 0; }
.index_3 .in_mian .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin-right: 16px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); vertical-align: middle; line-height: 1; }
.index_3 .in_mian .slick-dots li.slick-active { background: #20ae9e; }
.index_3 .in_mian .slick-dots li button { display: none; }
.index_3 .in_box { float: left; padding: 0 24px; }
.index_3 .in_box > a { display: block; }
.index_3 .in_box > a:hover .in_img span { -webkit-transform: scale(1.05); transform: scale(1.05); }
.index_3 .in_box > a:hover .in_txt h4 { color: #e62129; }
.index_3 .in_box .in_img { position: relative; width: 100%; padding: 34% 0; overflow: hidden; }
.index_3 .in_box .in_img span { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.index_3 .in_box .in_txt { padding: 30px 0; }
.index_3 .in_box .in_txt h4 { position: relative; margin-bottom: 10px; padding-bottom: 16px; font-style: 22px; color: #17212c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_3 .in_box .in_txt h4:before { position: absolute; bottom: 0; left: 0; width: 25px; height: 1px; content: ''; background: #abb1b8; }
.index_3 .in_box .in_txt p { height: 48px; overflow: hidden; font-size: 14px; line-height: 24px; color: #17212c; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.index_4 { width: 100%; padding: 78px 0; background: no-repeat center; background-size: cover; }
.index_4 .in_txt { width: 700px; padding-top: 7%; }
.index_4 .in_txt h4 { margin-bottom: 30px; height: 43px; }
.index_4 .in_txt h4 img { max-width: 100%; max-height: 100%; }
.index_4 .in_txt h5 { margin-bottom: 20px; font-size: 38px; font-weight: 100; color: #121315; padding-top:30px }
.index_4 .in_txt h6 { margin-bottom: 90px; font-size: 16px; color: #14283f; line-height: 30px; }
.index_4 .in_txt p a { display: block; width: 140px; height: 40px; background: #e62129; border-radius: 20px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; }
.index_4 .in_txt p a:hover { background: #e62129; }
.index_4 .in_vid { position: relative; width: 800px; padding: 15.5% 0 5% 0; }
.index_4 .in_vid .video { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.index_4 .in_vid .video > * { width: 100%; height: 100%; }
.index_4 .in_vid > span { top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: no-repeat center; background-size: cover; cursor: pointer; }
.index_4 .in_vid > span:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); }
.index_4 .in_vid > span i { position: absolute; top: 38%; left: 50%; z-index: 2; font-size: 56px; color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.index_4 .in_vid > span em { display: block; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 70px; background: #000; font-size: 22px; color: #dcdcdc; line-height: 70px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.pro { padding: 10px 0;}
.pro .in_tit { margin-bottom: 80px; margin-top:0px }
.pro .in_tit i { display: block; width: 100%; height: 40px; margin-bottom: 30px; text-align: center; }
.pro .in_tit i img { max-width: 100%; max-height: 100%; }
.pro .in_tit span { display: block; text-align: center; font-size: 30px; color: #443f3f; }
.pro .in_mian { position: relative; overflow: hidden; }
.pro .in_mian > button { position: absolute; top: 50%; z-index: 99; width: 40px; height: 40px; border: none; background: #fff; border-radius: 50%; font-size: 0; text-align: center; cursor: pointer; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.pro .in_mian > button.slick-prev { left: 10px; }
.pro .in_mian > button.slick-next { right: 10px; }
.pro .in_mian > button:before { display: inline-block; font-family: "iconfont" !important; font-size: 18px; color: #20ae9e; }
.pro .in_mian > button.slick-disabled { pointer-events: none; }
.pro .in_mian > button.slick-disabled:before { color: #ccc; }
.pro .in_box { float: left; padding: 0 40px 60px 40px; box-sizing: border-box; }
.pro .in_box a { display: block; position: relative; width: 100%; height: 300px;  }
.pro .in_box a:before { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0); -webkit-transform: rotate(0deg); transform: rotate(0deg);  }
.pro .in_box a:hover .span { bottom: 0; background: rgba(255, 255, 255, 0.6); }
.pro .in_box em { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 85%; background: no-repeat center; background-size: cover; -webkit-transition: all 2s; transition: all 2s; background-color:#FFFFFF  }
.pro .in_box img { width:320px; height:245px; border:#CCCCCC solid 1px  }
.pro .in_box .span { display: block; position: absolute; bottom: 0%;  left: 0; z-index: 3; width: 100%; padding: 20px; box-sizing: border-box; background: rgba(255, 255, 255, 0.2); -webkit-transition: all .5s; transition: all .5s;  }
.pro .in_box .span h4 { margin-bottom: 8px; font-size:18px; color: #000000; line-height:4px; line-height:24px  }
.pro .in_box .span h6 { font-size: 16px; color: #000000; line-height: 30px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro .in_box .span p { height: 60px; font-size: 12px; color: #000; line-height: 30px; overflow: hidden; }


pro1 { padding: 0px;}
.pro1 .in_tit { margin-bottom: 80px; margin-top:0px }
.pro1 .in_tit i { display: block; width: 100%; height: 40px; margin-bottom: 30px; text-align: center; }
.pro1 .in_tit i img { max-width: 100%; max-height: 100%; }
.pro1 .in_tit span { display: block; text-align: center; font-size: 30px; color: #443f3f; }
.pro1 .in_mian { position: relative; overflow: hidden; }
.pro1 .in_mian > button { position: absolute; top: 50%; z-index: 99; width: 40px; height: 40px; border: none; background: #fff; border-radius: 50%; font-size: 0; text-align: center; cursor: pointer; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.pro1 .in_mian > button.slick-prev { left: 10px; }
.pro1 .in_mian > button.slick-next { right: 10px; }
.pro1 .in_mian > button:before { display: inline-block; font-family: "iconfont" !important; font-size: 18px; color: #20ae9e; }
.pro1 .in_mian > button.slick-disabled { pointer-events: none; }
.pro1 .in_mian > button.slick-disabled:before { color: #ccc; }
.pro1 .in_box { float: left; padding: 0 20px 30px 20px; box-sizing: border-box; }
.pro1 .in_box a { display: block; position: relative; width: 340px; height: 300px; overflow: hidden; }
.pro1 .in_box a:before { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0); -webkit-transform: rotate(0deg); transform: rotate(0deg);  }
.pro1 .in_box a:hover .span { bottom: 0; background: rgba(255, 255, 255, 0); }
.pro1 .in_box em { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: no-repeat center; -webkit-transition: all 2s; transition: all 2s; }
.pro1 .in_box img { width:320px; height:245px; border:#CCCCCC solid 1px;   }
.pro1 .in_box .span { display: block; position: absolute; bottom: 0%;  left: 0; z-index: 3; width: 100%; padding: 20px; box-sizing: border-box; background: rgba(255, 255, 255, 0.2); -webkit-transition: all .5s; transition: all .5s; }
.pro1 .in_box .span h4 { margin-bottom: 8px; font-size: 18px; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro1 .in_box .span h6 { font-size: 16px; color: #000000; line-height: 30px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro1 .in_box .span p { height: 60px; font-size: 12px; color: #000; line-height: 30px; overflow: hidden; }

.hon { padding: 120px 0;}
.hon .in_tit { margin-bottom: 80px; margin-top:0px }
.hon .in_tit i { display: block; width: 100%; height: 40px; margin-bottom: 30px; text-align: center; }
.hon .in_tit i img { max-width: 100%; max-height: 100%; }
.hon .in_tit span { display: block; text-align: center; font-size: 30px; color: #443f3f; }
.hon .in_mian { position: relative; overflow: hidden; }
.hon .in_mian > button { position: absolute; top: 50%; z-index: 99; width: 40px; height: 40px; border: none; background: #fff; border-radius: 50%; font-size: 0; text-align: center; cursor: pointer; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.hon .in_mian > button.slick-prev { left: 10px; }
.hon .in_mian > button.slick-next { right: 10px; }
.hon .in_mian > button:before { display: inline-block; font-family: "iconfont" !important; font-size: 18px; color: #20ae9e; }
.hon .in_mian > button.slick-disabled { pointer-events: none; }
.hon .in_mian > button.slick-disabled:before { color: #ccc; }
.hon .in_box { float: left; padding: 0; box-sizing: border-box; }
.hon .in_box a { display: block; position: relative; width: 400px; height: 360px; overflow: hidden;  }
.hon .in_box a:before { position: absolute; top: 0; left: 0;  }
.hon .in_box a:hover .span { bottom: 0; background: rgba(255, 255, 255, 0.6); }
.hon .in_box em { display: block; position: absolute; top: 0; left: 0; }
.hon .in_box img{  width:390px; height:283px;   }
.hon .in_box .span { display: block; position: absolute; bottom: 0%;  left: 0; z-index: 3; width: 100%; padding: 20px; box-sizing: border-box; text-align:center }
.hon .in_box .span h4 { margin-bottom: 8px; font-size: 18px; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hon .in_box .span h6 { font-size: 16px; color: #000000; line-height: 30px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hon .in_box .span p { height: 60px; font-size: 12px; color: #000; line-height: 30px; overflow: hidden; }

.zp a:link{ color:#666666 ; text-decoration:none}
.zp a:hover{ color:#666666  }
.zp a:visited{ color:#666666  }




.News_list { padding: 120px 0;margin-bottom: 0px;  }
.News_list .ne_tit { margin-bottom: 80px; margin-top:0px }
.News_list .ne_tit i { display: block; width: 100%; height: 40px; margin-bottom: 30px; text-align: center; }
.News_list .ne_tit span {  display: block; text-align: center; font-size: 30px; color: #443f3f;}
.News_list .ne_dd { width: 100%;  padding-bottom:20px; padding-top:60px;box-sizing: border-box;  height:420px;border-bottom:1px dotted #CCCCCC }
.News_list .ne_dd .pic{ float: left; width: 50%; padding-bottom:20px;  }
.News_list .ne_dd .con{ float: right; width: 44%; line-height:24px; color:#333333; padding-left:20px }
.News_list .ne_dd .con a{ color:#333333 ; text-decoration:none}
.News_list .ne_dd .con a:visited{ color:#333333 ; text-decoration:none }
.News_list .ne_dd .con .title a{font-size:20px; color:#333333; line-height:36px; text-decoration:none;}
.News_list .ne_dd .con .title a:hover{color:#FF0000; text-decoration:none}
.News_list .ne_dd .ne_txt { padding: 20px 0; border-bottom: 1px solid #ddd; }
.News_list .ne_dd .ne_txt em { display: block; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #999; }
.News_list .ne_dd .ne_txt span { display: block; font-size: 18px; color: #17212c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.News_list ul{ margin:0; padding:0;}
.News_list ul li{line-height:50px; border-bottom:1px  dotted #ccc; width:100%; }
.News_list ul li a{color:#333; font-size:14px;}
.News_list ul li a:hover{color:#FF0000; font-size:14px;}
.News_list ul li a:visited{color:#333; font-size:14px;}
.News_list ul li span{ float:right; color:#ccc; font-size:14px;}
.News_list ul li i{ width:10px; height:10px; background:#ED3C42;border-radius: 50%;-moz-border-radius:50%; float:left; margin:20px 10px;}


.footer { box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.1); /*返回顶部*/ }
.footer .foot_1 { padding: 70px 0 50px; background-image:url(../images/bottom.jpg); font-size: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.footer .foot_1 .wrap > div { display: inline-block; margin-right: 0%; vertical-align: top; white-space: nowrap; }
.footer .foot_1 .fo_ul > span { width:400px; display: block; margin-bottom: 15px; font-size: 20px; color: #fff; opacity: .9; }
.footer .foot_1 .fo_ul .ul { display: block; font-size: 14px; color: #fff; line-height:24px; }
.footer .foot_1 .fo_ul .ul > a { display: block; margin: 6px 0; font-size: 16px; color: #fff; opacity: 1; }
.footer .foot_1 .fo_ul .ul > a:hover { color: #e62129; }
.footer .foot_1 .fo_ul.fs { margin-right: 0; }
.footer .foot_1 .fo_aa > a { display: block; margin-bottom: 15px; font-size: 20px; color: #fff; }
.footer .foot_2 { padding: 20px 0; background: #FFFFFF; }
.footer .foot_2 div.fl span { display: block; margin-bottom: 10px; font-size: 0; line-height: 24px; }
.footer .foot_2 div.fl span em { display: inline-block; vertical-align: top; font-size: 14px; color:#333333; }
.footer .foot_2 div.fl span a { display: inline-block; margin-left: 5px; vertical-align: top; font-size: 14px; color: #333333; }
.footer .foot_2 div.fl span a:hover { color: #333333; }
.footer .foot_2 div.fl b { display: block; font-size: 14px; color: #333333; line-height: 24px; }
.footer .foot_2 div.fl b a{ color: #333333; }
.footer .foot_2 div.fl b a:hover { color: #333333; }
.footer .foot_2 div.fr { line-height: 34px; }
.footer .foot_2 div.fr em { display: inline-block; vertical-align: top; font-size: 15px; color: #fff; }
.footer .foot_2 div.fr a { display: inline-block; margin-left: 5px; vertical-align: top; font-size: 18px; color: #fff; }
.footer .foot_2 div.fr a:hover { color: #20ae9e; }
/*12.14*/
.foot_top { display: none; position: fixed; top: 80%; right: 20px; z-index: 990; padding: 10px; border-radius: 8px; background: rgba(0, 0, 0, 0.5); text-align: center; cursor: pointer; animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s; }
.foot_top i, .foot_top a { display: block; }
.foot_top:hover { background: #20ae9e; -webkit-transition: all .5s ease; transition: all .5s ease; }
.foot_top.foot_top_1 { position: absolute; top: 50%; right: 0; width: 80px; height: auto; padding: 0; margin-top: -18px; background: #20ae9e; border-radius: 50px;line-height: 1; white-space: nowrap; }
.foot_top.foot_top_1  { display: inline-block; vertical-align: -0.05em; margin-right: 10px; font-size: 16px; color: #fff; }
.foot_top.foot_top_1 a { display: inline-block; vertical-align: top; padding: 10px; color: #fff; font-size: 14px; }
.foot_top.foot_top_1:hover { background: #20ae9e; -webkit-transition: all .5s ease; transition: all .5s ease; }
.foot_top.foot_top_1:hover a { color: #fff; }

.content { padding-top: 150px; overflow: hidden;}
.content .sub_banner { width: 100%; height: 724px; overflow: hidden; background: no-repeat center; background-size: cover; }
.content .sub_banner.h500 { height: 500px; }
.content .sub_nav { position: relative;  height: 65px; background: #fff; line-height: 65px; }
.content .sub_nav .sub_ment { position: relative; height: 100%; overflow: hidden; text-align: left; }
.content .sub_nav .swiper-slide { padding-right: 70px; box-sizing: border-box; text-align: left; cursor: pointer; }
.content .sub_nav .swiper-slide.on a i, .content .sub_nav .swiper-slide.on a em, .content .sub_nav .swiper-slide.active a i, .content .sub_nav .swiper-slide.active a em { color: #20ae9e; }
.content .sub_nav .swiper-slide a { display: inline-block; }
.content .sub_nav .swiper-slide a:hover i, .content .sub_nav .swiper-slide a:hover em { color: #20ae9e; }
.content .sub_nav .swiper-slide i { display: inline-block; margin-right: 5px; font-size: 24px; color: #302d2d; vertical-align: top; }
.content .sub_nav .swiper-slide em { display: inline-block; font-size: 18px; color: #302d2d; vertical-align: top; }
.content .sub_nav > div { width: 100%; height: 65px; overflow: hidden; background: #fff;-webkit-transition: all .5s; transition: all .5s; border-bottom: 1px solid #eee; }
.content .sub_nav.fixed > div { position: fixed; top: -65px; left: 0;z-index: 99; }
.content .sub_nav.ov > div { top: 0; }
.content .sub_floor { position: fixed; top: 50%; right: 2%; z-index: 989; margin-top: -10%; }
.content .sub_floor ul li { display: block; position: relative; width: 10px; height: 10px; margin: 10px 0; border-radius: 50%; background: #bdbdbd; cursor: pointer; }
.content .sub_floor ul li:before { position: absolute; top: 50%; left: 50%; width: calc(100% + 3px); height: calc(100% + 3px); content: ''; border: 1px solid #20ae9e; border-radius: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: all .5s; transition: all .5s; }
.content .sub_floor ul li:hover { background: #20ae9e; }
.content .sub_floor ul li.on { background: #20ae9e; }
.content .sub_floor ul li.on:before { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
.content .Paging ul { padding: 30px 0; text-align: center; font-size: 0; }
.content .Paging ul li { display: inline-block; width: 40px; height: 40px; margin: 0 10px; vertical-align: top; background: #c3c3c3; }
.content .Paging ul li a { display: block; width: 100%; height: 100%; font-size: 18px; color: #fff; line-height: 40px; }
.content .Paging ul li:hover, .content .Paging ul li.on { background: #20ae9e; }
.News .sub_banner { background: no-repeat center/cover; }
.News .ne_tit { line-height: 40px; }
.News .ne_tit span { float: left; font-size: 34px; color: #302d2d; }
.News .ne_tit a { float: right; height: 40px; padding: 0 20px; box-sizing: border-box; border: none; font-size: 12px; color: #666; text-align: center; line-height: 38px; }
.News .ne_tit a:hover { border-color: #20ae9e; background: #20ae9e; color: #fff;    border-radius: 50px; }
.News .ne_tit a i { font-size: 12px; }
.News .ne_dt { padding: 40px 0; }
.News .ne_dt .ne_img { position: relative; float: left; width: 590px; }
.News .ne_dt .ne_img span { display: block; position: relative; overflow: hidden; width: 100%; padding: 33.3% 0; }
.News .ne_dt .ne_img a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.News .ne_dt .ne_img:hover a { -webkit-transform: scale(1.01); transform: scale(1.01); }
.News .ne_dt .ne_txt { float: right; width: calc(95% - 590px); }
.News .ne_dt .ne_txt h4 { max-height: 72px; overflow: hidden; margin: 30px 0; line-height: 36px; }
.News .ne_dt .ne_txt h4 a { font-size: 28px; color: #302d2d; }
.News .ne_dt .ne_txt h5 { margin-bottom: 30px; }
.News .ne_dt .ne_txt h5 em { display: inline-block; margin-right: 10px; font-size: 12px; color: #999; line-height: 14px; }
.News .ne_dt .ne_txt h5 em i { display: inline-block; margin-right: 5px; font-size: 12px; vertical-align: top; }
.News .ne_dt .ne_txt h6 { margin-top: 60px; }
.News .ne_dt .ne_txt h6 a { display: block; width: 160px; height: 44px; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box; font-size: 16px; color: #302d2d; text-align: center; line-height: 42px; }
.News .ne_dt .ne_txt h6 a:hover { border-color: #20ae9e; background: #20ae9e; color: #fff; }
.News .ne_dt .ne_txt p { height: 84px;overflow: hidden; font-size: 15px; color: #666; line-height: 28px; }
.News .ne_dt:hover .ne_txt h4 a { color: #20ae9e; }
.News .ne_dd { position: relative; padding-bottom: 50px; overflow: hidden; }
.News .ne_dd > button { position: absolute; bottom: 0; z-index: 99; width: 40px; height: 50px; border: none; border-radius: 50%; background: transparent; font-size: 0; text-align: center; cursor: pointer; }
.News .ne_dd > button.slick-prev { left: 0; }
.News .ne_dd > button.slick-prev:before { content: '\e610'; }
.News .ne_dd > button.slick-next { right: 0; }
.News .ne_dd > button.slick-next:before { content: '\e614'; }
.News .ne_dd > button:before { display: inline-block; font-family: "iconfont" !important; font-size: 24px; color: #20ae9e; }
.News .ne_dd > button.slick-disabled { pointer-events: none; }
.News .ne_dd > button.slick-disabled:before { color: #999; }
.News .ne_dd .slick-dots { position: absolute; left: 0; bottom: 0; z-index: 98; width: 100%; text-align: center; line-height: 50px; font-size: 0; }
.News .ne_dd .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin-right: 16px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); vertical-align: middle; line-height: 1; }
.News .ne_dd .slick-dots li.slick-active { background: #20ae9e; }
.News .ne_dd .slick-dots li button { display: none; }
.News .ne_dd .ne_li { float: left; width: 20%; padding: 0 14px; box-sizing: border-box; }
.News .ne_dd .ne_li > a { display: block; }
.News .ne_dd .ne_li > a:hover .ne_img span { -webkit-transform: scale(1.02); transform: scale(1.02); }
.News .ne_dd .ne_li > a:hover .ne_txt span { color: #20ae9e; }
.News .ne_dd .ne_img { position: relative; width: 100%; padding: 33.3% 0; overflow: hidden; }
.News .ne_dd .ne_img span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.News .ne_dd .ne_txt { padding: 20px 0; border-bottom: 1px solid #ddd; }
.News .ne_dd .ne_txt em { display: block; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #999; }
.News .ne_dd .ne_txt span { display: block; font-size: 18px; color: #17212c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.News_x { padding: 80px 0; }
.News_x .nx_tit { padding-bottom: 30px; text-align: center; }
.News_x .nx_tit h4 { margin-bottom: 20px; font-size: 28px; color: #444; line-height: 42px; }
.News_x .nx_tit h6 { font-size: 14px; color: #bbb; }
.News_x .nx_tit h6 em { margin: 0 10px; }
.News_x .nx_tit h6 em i { font-size: 14px; margin-right: 10px; }
.News_x .nx_mian { padding: 40px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.News_x .nx_mian p { font-size: 14px; color: #666; line-height: 30px; }
.News_x .nx_mian img { max-width: 100%; }
.News_x .nx_bottom { padding: 40px 0; }
.News_x .nx_bottom span.fl { width: calc(100% - 150px); line-height: 30px; }
.News_x .nx_bottom span.fl em { display: block; font-size: 14px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.News_x .nx_bottom span.fl em a { margin-left: 10px; font-size: 14px; color: #555; }
.News_x .nx_bottom span.fl em a:hover { color: #20ae9e; }
.News_x .nx_bottom span.fr { width: 128px; height: 38px; margin: 10px 0; }
.News_x .nx_bottom span.fr a { display: block; width: 100%; height: 100%; border: 1px solid #ddd; border-radius: 20px; font-size: 16px; color: #666; text-align: center; line-height: 38px; }
.News_x .nx_bottom span.fr a:hover { border-color: #20ae9e; background: #20ae9e; color: #fff; }

.Relevant { padding: 60px 0; background: #f8f8f8; }
.Relevant .Rel_tit { margin-bottom: 60px; text-align: center; line-height: 50px; }
.Relevant .Rel_tit i { display: inline-block; margin-right: 5px; font-size: 50px; color: #302d2d; vertical-align: top; }
.Relevant .Rel_tit em { display: inline-block; vertical-align: top; font-size: 36px; color: #302d2d; }
.Relevant .Rel_mian { position: relative; padding-bottom: 50px; overflow: hidden; }
.Relevant .Rel_mian .slick-dots { position: absolute; left: 0; bottom: 0; z-index: 98; width: 100%; text-align: center; line-height: 50px; font-size: 0; }
.Relevant .Rel_mian .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin-right: 16px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); vertical-align: middle; line-height: 1; }
.Relevant .Rel_mian .slick-dots li.slick-active { background: #20ae9e; }
.Relevant .Rel_mian .slick-dots li button { display: none; }
.Relevant .Rel_mian .Rel_li { float: left; width: 25%; padding: 0 14px; box-sizing: border-box; }
.Relevant .Rel_mian .Rel_li > a { display: block; }
.Relevant .Rel_mian .Rel_li > a:hover .Rel_img span { -webkit-transform: scale(1.02); transform: scale(1.02); }
.Relevant .Rel_mian .Rel_li > a:hover .Rel_txt span { color: #20ae9e; }
.Relevant .Rel_mian .Rel_img { position: relative; width: 100%; padding: 33.3% 0; overflow: hidden; }
.Relevant .Rel_mian .Rel_img span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.Relevant .Rel_mian .Rel_txt { padding: 30px 20px; background: #fff; }
.Relevant .Rel_mian .Rel_txt span { display: block; position: relative; padding-bottom: 10px; margin-bottom: 10px; font-size: 18px; color: #17212c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Relevant .Rel_mian .Rel_txt span:before { position: absolute; bottom: 0; left: 0; width: 25px; height: 1px; content: ''; background: #ddd; }
.Relevant .Rel_mian .Rel_txt em { display: block; height: 48px; overflow: hidden; font-size: 14px; color: #999; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Relevant.R_prods .Rel_mian .Rel_img { padding: 40% 0; }
.Relevant.R_prods .Rel_mian .Rel_txt { padding: 15px 0; background: transparent; }
.Relevant.R_prods .Rel_mian .Rel_txt span { padding: 0; margin: 0; text-align: center; }
.Relevant.R_prods .Rel_mian .Rel_txt span:before { display: none; }

.Join .Jo_1 { padding: 40px 0 90px; }
.Join .Jo_1 > div { width: 50%; height: 480px; }
.Join .Jo_1 > div.fl { padding: 68px; background: #20ae9e; box-sizing: border-box; }
.Join .Jo_1 > div.fl h4 { position: relative; padding-bottom: 30px; margin-bottom: 30px; font-size: 38px; color: #fff; }
.Join .Jo_1 > div.fl h4:before { position: absolute; bottom: 0; left: 0; width: 32px; height: 2px; content: ''; background: #fff; }
.Join .Jo_1 > div.fl p { font-size: 16px; color: #fff; line-height: 32px; }
.Join .Jo_1 > div.fl > div.p { max-height: 240px; padding-right: 30px; color: transparent; }
.Join .Jo_1 > div.fr { position: relative; background: #20ae9e no-repeat center; background-size: cover; }
.Join .Jo_1 > div.fr:before { position: absolute; bottom: -90px; right: 0; z-index: 1; width: 604px; height: 180px; content: ''; background: url(../images/icon_4.png) no-repeat center; background-size: cover; }
.Join .Jo_2 { padding: 40px 0; }
.Join .Jo_2 > h4 { font-size: 34px; color: #302d2d; margin-bottom: 40px; }
.Join .Jo_2 .jo_mian .jo_dt { padding: 0 100px; height: 60px; background: #20ae9e; font-size: 0; line-height: 60px; }
.Join .Jo_2 .jo_mian .jo_dt span { display: inline-block; width: 18%; vertical-align: top; font-size: 16px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Join .Jo_2 .jo_mian .jo_dt span:first-child { width: 28%; text-align: left; }
.Join .Jo_2 .jo_mian .jo_dd li { border-bottom: 1px solid #efefef; }
.Join .Jo_2 .jo_mian .jo_dd li.on .johd { background: #efefef; }
.Join .Jo_2 .jo_mian .jo_dd li.on .johd:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.Join .Jo_2 .jo_mian .johd { position: relative; padding: 0 100px; height: 64px; background: #ffffff; font-size: 0; line-height: 64px; cursor: pointer; }
.Join .Jo_2 .jo_mian .johd span { display: inline-block; width: 18%; vertical-align: top; font-size: 16px; color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Join .Jo_2 .jo_mian .johd span:first-child { width: 28%; text-align: left; }
.Join .Jo_2 .jo_mian .johd:before { position: absolute; top: 50%; right: 50px; content: '\e60f'; margin-top: -6px; font-family: 'iconfont' !important; font-size: 12px; color: #666; line-height: 1; -webkit-transition: all .5s; transition: all .5s; }
.Join .Jo_2 .jo_mian .jobd { display: none; border: 1px solid #efefef; }
.Join .Jo_2 .jo_mian .jobd > div { padding: 50px 100px; }
.Join .Jo_2 .jo_mian .jobd h4 { font-size: 18px; color: #20ae9e; font-weight: bold; }
.Join .Jo_2 .jo_mian .jobd p { font-size: 14px; line-height: 30px; }

.Shop .shop_box { padding: 50px 0; }
.Shop .sh_tit { margin-bottom: 50px; font-size: 0; text-align: center; line-height: 56px; }
.Shop .sh_tit i { display: inline-block; width: 56px; height: 56px; margin-right: 20px; vertical-align: top; background: no-repeat center; background-size: cover; }
.Shop .sh_tit em { display: inline-block; vertical-align: top; font-size: 48px; color: #333; }
.Shop .sh_mian .sh_img { position: relative; width: 620px; height: 718px; }
.Shop .sh_mian .sh_img a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; }
.Shop .sh_mian .sh_list { position: relative; width: calc(95% - 620px); height: 718px; }
.Shop .sh_mian .sh_list > a { display: inline-block; position: absolute; left: 20px; bottom: 0; padding: 10px 0; font-size: 16px; color: #666; text-transform: uppercase; }
.Shop .sh_mian .sh_list > a:before { position: absolute; top: 50%; left: calc(100% + 10px); width: 50%; height: 1px; content: ''; background: #666; }
.Shop .sh_mian .sh_list > a:hover { color: #20ae9e; }
.Shop .sh_mian .sh_list > a:hover:before { background: #20ae9e; }
.Shop .sh_mian .sh_ul { width: 100%; padding-bottom: 50px; margin-top: 8%; }
.Shop .sh_mian .sh_ul .slick-dots { position: absolute; left: 0; bottom: 0; z-index: 98; width: 100%; text-align: center; line-height: 50px; font-size: 0; }
.Shop .sh_mian .sh_ul .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin-right: 16px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); vertical-align: middle; line-height: 1; }
.Shop .sh_mian .sh_ul .slick-dots li.slick-active { background: #20ae9e; }
.Shop .sh_mian .sh_ul .slick-dots li button { display: none; }
.Shop .sh_mian .sh_ul .sh_li { float: left; width: 33.33%; padding: 0 20px; box-sizing: border-box; }
.Shop .sh_mian .sh_ul .sh_li > a:hover .shimg span { -webkit-transform: scale(1.05); transform: scale(1.05); }
.Shop .sh_mian .sh_ul .sh_li > a:hover .shtxt span { color: #20ae9e; }
.Shop .sh_mian .sh_ul .shimg { position: relative; width: 100%; padding: 50% 0; overflow: hidden; }
.Shop .sh_mian .sh_ul .shimg span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.Shop .sh_mian .sh_ul .shtxt { padding: 40px 0 0; }
.Shop .sh_mian .sh_ul .shtxt span { display: block; position: relative; padding-top: 30px; margin-bottom: 12px; font-size: 18px; color: #17212c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Shop .sh_mian .sh_ul .shtxt span:before { position: absolute; top: 0; left: 0; width: 25px; height: 1px; content: ''; background: #20ae9e; }
.Shop .sh_mian .sh_ul .shtxt em { display: block; overflow: hidden; font-size: 14px; color: #999; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.Sale .sale_1 { margin: 50px 0; }
.Sale .sale_1 .sa_txt { float: left; width: 700px; height: 650px; padding: 60px 60px 0; background: #20ae9e; box-sizing: border-box; }
.Sale .sale_1 .sa_txt h4 { position: relative; margin-bottom: 20px; padding-left: 18px; }
.Sale .sale_1 .sa_txt h4:before { position: absolute; top: 0; left: 0; width: 4px; height: 38px; content: ''; background: #fff; }
.Sale .sale_1 .sa_txt h4 span { display: block; margin-bottom: 8px; font-size: 30px; color: #fff; }
.Sale .sale_1 .sa_txt h4 em { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.6); }
.Sale .sale_1 .sa_txt > ul li { padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 0; }
.Sale .sale_1 .sa_txt > ul li i { display: inline-block; width: 40px; vertical-align: top; margin-right: 20px; font-size: 40px; color: #fff; line-height: 60px; }
.Sale .sale_1 .sa_txt > ul li span { display: inline-block; width: calc(100% - 60px); padding: 6px 0; vertical-align: top; line-height: 24px; }
.Sale .sale_1 .sa_txt > ul li span em, .Sale .sale_1 .sa_txt > ul li span b { display: block; font-size: 16px; color: #fff; }
.Sale .sale_1 .sa_map { float: right; width: calc(100% - 700px); height: 650px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box; }
.Sale .sale_1 .sa_map > em { display: block; width: 100%; height: 100%; background: no-repeat center/cover;}
.Sale .sale_2 { margin: 50px 0; padding: 80px; border: 1px solid #dcdcdb; }
.Sale .sale_2 .sa_hd { float: left; width: 410px; }
.Sale .sale_2 .sa_hd > h4 { margin-bottom: 15px; font-size: 32px; color: #333; font-weight: bold; }
.Sale .sale_2 .sa_hd > p { font-size: 16px; color: #999; line-height: 26px; }
.Sale .sale_2 .sa_hd > h6 { display: inline-block; margin-bottom: 64px; padding: 20px 0; border-bottom: 2px solid #1b1b19; font-size: 24px; color: #333; font-weight: 100; }
.Sale .sale_2 .sa_hd > h6 span { color: #20ae9e; }
.Sale .sale_2 .sa_hd > ul li { display: block; width: 270px; height: 60px; margin-bottom: 20px; border: 1px solid #e5e5e5; font-size: 18px; color: #666; text-align: center; line-height: 60px; cursor: pointer; }
.Sale .sale_2 .sa_hd > ul li i { display: inline-block; vertical-align: top; font-size: 42px; margin-right: 10px; }
.Sale .sale_2 .sa_hd > ul li:hover { color: #20ae9e; border-color: #20ae9e; }
.Sale .sale_2 .sa_hd > ul li.on { background: #20ae9e; color: #fff; }
.Sale .sale_2 .sa_bd { position: relative; float: right; width: 930px; }
.Sale .sale_2 .sa_bd img { width: 100%; }
.Sale .sale_2 .sa_box.ch > a { display: none; }
.Sale .sale_2 .sa_box.ch .map_x { display: block; position: relative; width: 100%; padding: 35.7% 0; }
.Sale .sale_2 .sa_box.ch .map_x > div.map_bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: no-repeat center/cover; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li { position: absolute; top: 50%; left: 50%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li i { display: block; position: relative; width: 6px; height: 6px; margin: 0 auto; border-radius: 50%; background: #fff; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li span { display: block; font-size: 14px; color: #fff; text-align: center; text-shadow: 1px 1px 10px black; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li:hover i { background: #0c9b97; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li:hover i:before { display: block; position: absolute; top: 50%; left: 50%; z-index: -1; width: 100%; height: 100%; content: ''; margin-top: -3px; margin-left: -3px; background: #fff; border-radius: 50%; -webkit-animation: ripple 2s infinite; animation: ripple 2s infinite; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li:hover i:after { display: block; position: absolute; top: 50%; left: 50%; z-index: -1; width: 100%; height: 100%; content: ''; margin-top: -3px; margin-left: -3px; background: #fff; border-radius: 50%; -webkit-animation: ripple 2s 1s infinite; animation: ripple 2s 1s infinite; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li:hover span { color: #0c9b97; text-shadow: 1px 1px 10px white; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_1 { margin-top: -8.85%; margin-left: -32.78%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_2 { margin-top: -6.09%; margin-left: -15.88%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_3 { margin-top: -6.89%; margin-left: -3.58%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_4 { margin-top: -20.75%; margin-left: 34.52%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_5 { margin-top: 2.75%; margin-left: -16.78%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_6 { margin-top: .15%; margin-left: 4.58%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_7 { margin-top: -.75%; margin-left: 9.72%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_8 { margin-top: -2.55%; margin-left: 14.52%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_9 { margin-top: -8.75%; margin-left: 27.72%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_10 { margin-top: -12.75%; margin-left: 32.72%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_11 { margin-top: 11.75%; margin-left: -28.89%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_12 { margin-top: 12.85%; margin-left: -3.28%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_13 { margin-top: 6.59%; margin-left: 2.82%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_14 { margin-top: 5.25%; margin-left: 11.98%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_15 { margin-top: 1.25%; margin-left: 19.32%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_16 { margin-top: 23.25%; margin-left: -6.8%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_17 { margin-top: 18.95%; margin-left: 1.32%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_18 { margin-top: 12.25%; margin-left: 9.42%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_19 { margin-top: 9.85%; margin-left: 16.72%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_20 { margin-top: 8.55%; margin-left: 21.72%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_21 { margin-top: 11.55%; margin-left: 24.59%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_22 { margin-top: 24.85%; margin-left: 4.42%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_23 { margin-top: 17.85%; margin-left: 8.12%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_24 { margin-top: 16.95%; margin-left: 15.92%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_25 { margin-top: 14.15%; margin-left: 21.95%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_26 { margin-top: 32.05%; margin-left: 6.32%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_27 { margin-top: 25.55%; margin-left: 13.72%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_28 { margin-top: 19.55%; margin-left: 19.72%; }
.Sale .sale_2 .sa_box.ch .map_x .map_ul > li.m_29 { margin-top: 24.55%; margin-left: 23.72%; }

.Sale_x { padding: 70px 0; }
.Sale_x h4.h4 { margin-bottom: 50px; font-size: 34px; color: #333; text-align: center; }
.Sale_x form { display: block; margin-bottom: 70px; font-size: 0; text-align: center; }
.Sale_x form .select { position: relative; display: inline-block; width: 252px; margin: 0 10px; text-align: left; vertical-align: top; }
.Sale_x form .select p { width: 100%; height: 48px; padding: 0 16px; background: #Fff; border: 1px solid #dcdcdc; box-sizing: border-box; font-size: 14px; color: #666; line-height: 48px; }
.Sale_x form .select:before { position: absolute; top: 50%; right: 15px; content: '\e60f'; margin-top: -6px; font-family: 'iconfont' !important; font-size: 14px; font-weight: bold; color: #20ae9e; }
.Sale_x form .select select { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.Sale_x ul li { float: left; width: 33.33%; height: 300px; margin-bottom: 2%; }
.Sale_x ul li > h4 { margin-bottom: 20px; line-height: 36px; font-size: 0; color: #20ae9e; }
.Sale_x ul li > h4 i { display: inline-block; width: 36px; font-size: 36px; vertical-align: top; }
.Sale_x ul li > h4 em { display: inline-block; width: calc(100% - 40px); font-size: 24px; vertical-align: top; }
.Sale_x ul li > p { padding-left: 36px; font-size: 16px; color: #666; line-height: 30px; }

.About .Ab_1 { width: 100%; padding: 70px 0; background: no-repeat center/cover; box-sizing: border-box; }
.About .Ab_1 .Ab_tit { padding: 0 20px; }
.About .Ab_1 .Ab_tit > h4 { margin-bottom: 20px; font-size: 32px; color: #302d2d; }
.About .Ab_1 .Ab_tit p { font-size: 16px; color: #14283f; line-height: 30px; }
.About .Ab_1 .Ab_mian { padding-top: 70px; }
.About .Ab_1 .Ab_mian > button { position: absolute; top: 0; z-index: 99; width: 38px; height: 38px; border: none; border-radius: 50%; border: 1px solid #ddd; background: #fff; font-size: 0; text-align: center; cursor: pointer; }
.About .Ab_1 .Ab_mian > button.slick-prev { right: 70px; }
.About .Ab_1 .Ab_mian > button.slick-prev:before { content: '\e610'; }
.About .Ab_1 .Ab_mian > button.slick-next { right: 20px; }
.About .Ab_1 .Ab_mian > button.slick-next:before { content: '\e614'; }
.About .Ab_1 .Ab_mian > button:before { display: inline-block; font-family: "iconfont" !important; font-size: 24px; color: #20ae9e; }
.About .Ab_1 .Ab_mian > button.slick-disabled { pointer-events: none; background: #eee; }
.About .Ab_1 .Ab_mian > button.slick-disabled:before { color: #999; }
.About .Ab_1 .Ab_mian > button:hover { background: #20ae9e; }
.About .Ab_1 .Ab_mian > button:hover:before { color: #fff; }
.About .Ab_1 .Ab_li { float: left; width: 1%; padding: 0 20px; box-sizing: border-box; }
.About .Ab_1 .Ab_vid { position: relative; width: 100%; padding: 26.6% 0; margin: 0 auto; }
.About .Ab_1 .Ab_vid .video { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.About .Ab_1 .Ab_vid .video > * { width: 100%; height: 100%; }
.About .Ab_1 .Ab_vid > span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: no-repeat center; background-size: cover; cursor: pointer; }
.About .Ab_1 .Ab_vid > span:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); }
.About .Ab_1 .Ab_vid > span i { position: absolute; top: 50%; left: 50%; z-index: 2; font-size: 56px; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.About .Ab_1 .Ab_vid > span em { display: block; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 70px; background: #000; font-size: 22px; color: #dcdcdc; line-height: 70px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.About .Ab_1 .Ab_pp { width: 100%; margin: 0 auto; padding: 20px 0; font-size: 24px; color: #444; text-align: center; }
.About .Ab_2 { width: 100%; padding: 70px 0; background: no-repeat top center; background-size: 100%; box-sizing: border-box; }
.About .Ab_2 .Ab_tit { margin-bottom: 50px; }
.About .Ab_2 .Ab_tit > h4 { margin-bottom: 20px; font-size: 32px; color: #302d2d; }
.About .Ab_2 .Ab_tit p { font-size: 16px; color: #14283f; line-height: 30px; }
.About .Ab_2 .Ab_mian > div { width: 50%; }
.About .Ab_2 .Ab_mian > div h4 { margin-bottom: 20px; font-size: 36px; color: #00908c; text-transform: uppercase; }
.About .Ab_2 .Ab_mian > div h5 { margin-bottom: 30px; font-size: 22px; color: #302d2d; line-height: 36px; }
.About .Ab_2 .Ab_mian > div p { font-size: 14px; color: #302d2d; line-height: 28px; }
.About .Ab_2 .Ab_mian .ab_1 { display: block; width: 100%; height: 440px; padding: 80px; background: no-repeat center/cover; box-sizing: border-box; }
.About .Ab_2 .Ab_mian .ab_1 > div { width: 80%; }
.About .Ab_2 .Ab_mian .ab_2 { display: block; width: 100%; height: 880px; padding: 80px; box-shadow: 5px -2px 10px 0 rgba(0, 0, 0, 0.1); background: no-repeat bottom/cover; box-sizing: border-box; }
.About .Ab_3 { padding: 70px 0; background: linear-gradient(top, #eee, #fff); background: -webkit-linear-gradient(top, #eee, #fff); }
.About .Ab_3 .Ab_tit { margin-bottom: 50px; }
.About .Ab_3 .Ab_tit > h4 { margin-bottom: 20px; font-size: 32px; color: #302d2d; }
.About .Ab_3 .Ab_tit p { font-size: 16px; color: #14283f; line-height: 30px; }
.About .Ab_3 .Ab_hd { font-size: 0; }
.About .Ab_3 .Ab_hd > a { display: inline-block; vertical-align: 0; width: 84px; height: 84px; border: 1px solid #d9d9d9; box-sizing: border-box; font-size: 28px; color: #666; line-height: 82px; text-align: center; }
.About .Ab_3 .Ab_hd > a:hover { color: #fff; border-color: #00908C; background: #00908C; }
.About .Ab_3 .Ab_hd > a.prev { border-right: none; }
.About .Ab_3 .Ab_hd .Ab_ul { display: inline-block; width: calc(100% - 168px); height: 84px; overflow: hidden; position: relative; vertical-align: top; }
.About .Ab_3 .Ab_hd .Ab_ul .swiper-slide { position: relative; border: 1px solid #ddd; border-right: none; box-sizing: border-box; font-size: 24px; color: #888; text-align: center; line-height: 82px; cursor: pointer; }
.About .Ab_3 .Ab_hd .Ab_ul .swiper-slide:hover { color: #00908C; }
.About .Ab_3 .Ab_hd .Ab_ul .swiper-slide.on { border-bottom: none; color: #00908C; }
.About .Ab_3 .Ab_hd .Ab_ul .swiper-slide.on:before { position: absolute; top: -1px; left: 0; width: 100%; height: 4px; content: ''; background: #00908C; }
.About .Ab_3 .Ab_bd { padding: 70px 100px 0; }
.About .Ab_3 .Ab_bd .ab_gg { display: none; }
.About .Ab_3 .Ab_bd .ab_txt { width: 45%; }
.About .Ab_3 .Ab_bd .ab_txt h4 { margin: 30px 0; font-size: 40px; color: #333; font-weight: 100; }
.About .Ab_3 .Ab_bd .ab_txt p { font-size: 18px; color: #666; line-height: 30px; }
.About .Ab_3 .Ab_bd .ab_img { position: relative; width: 45%; padding: 12.5% 0; }
.About .Ab_3 .Ab_bd .ab_img span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center/cover; }
.About .Ab_4 { width: 100%; padding: 100px 0 180px; background: no-repeat center/cover; }
.About .Ab_4 .Ab_tit { margin-bottom: 50px; }
.About .Ab_4 .Ab_tit > h4 { font-size: 32px; color: #fff; }
.About .Ab_4 .Ab_mian ul li { float: left; width: 25%; padding: 0 3%; box-sizing: border-box; }
.About .Ab_4 .Ab_mian ul li img { width: 100%; }

.Product .sub_banner div{ background-color:#ddd; }
.Product .Pro_1:nth-child(even) { background: #f3f3f3; }
.Product .pr_tit { line-height: 40px; }
.Product .pr_tit span { float: left; font-size: 34px; color: #302d2d; }
.Product .pr_tit a { float: right; height: 40px; padding: 0 20px; box-sizing: border-box; border: none; font-size: 12px; color: #666; text-align: center; line-height: 38px; }
.Product .pr_tit a:hover { border-color: #20ae9e; background: #20ae9e; color: #fff;border-radius: 50px;}
.Product .pr_tit a i { font-size: 12px; }
.Product .pr_dt { padding: 40px 0; }
.Product .pr_dt .pr_img { position: relative; width: 100%; height: auto !important; padding: 12% 0;}
.Product .pr_dt .pr_img a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ddd no-repeat center/cover; }
.Product .pr_dd { position: relative; padding-bottom: 50px; overflow: hidden; }
.Product .pr_dd > button { position: absolute; bottom: 0; z-index: 99; width: 40px; height: 50px; border: none; border-radius: 50%; background: transparent; font-size: 0; text-align: center; cursor: pointer; }
.Product .pr_dd > button.slick-prev { left: 0; }
.Product .pr_dd > button.slick-prev:before { content: '\e610'; }
.Product .pr_dd > button.slick-next { right: 0; }
.Product .pr_dd > button.slick-next:before { content: '\e614'; }
.Product .pr_dd > button:before { display: inline-block; font-family: "iconfont" !important; font-size: 24px; color: #20ae9e; }
.Product .pr_dd > button.slick-disabled { pointer-events: none; }
.Product .pr_dd > button.slick-disabled:before { color: #999; }
.Product .pr_dd .slick-dots { position: absolute; left: 0; bottom: 0; z-index: 98; width: 100%; text-align: center; line-height: 50px; font-size: 0; }
.Product .pr_dd .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin-right: 16px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); vertical-align: middle; line-height: 1; }
.Product .pr_dd .slick-dots li.slick-active { background: #20ae9e; }
.Product .pr_dd .slick-dots li button { display: none; }
.Product .pr_dd .pr_li { float: left; width: 0; padding: 0 14px; box-sizing: border-box; }
.Product .pr_dd .pr_li > a { display: block; }
.Product .pr_dd .pr_li > a:hover .pr_img span { -webkit-transform: scale(1.02); transform: scale(1.02); }
.Product .pr_dd .pr_li > a:hover .pr_txt span { color: #20ae9e; }
.Product .pr_dd .pr_img { position: relative; width: 100%; padding: 33.3% 0; overflow: hidden; }
.Product .pr_dd .pr_img span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ddd no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.Product .pr_dd .pr_txt { padding: 20px 0; }
.Product .pr_dd .pr_txt span { display: block; overflow: hidden; font-size: 18px; color: #302d2d; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.Product .pr_video .pr_dt .pr_img { position: relative; }
.Product .pr_video .pr_dt .pr_img .video { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.Product .pr_video .pr_dt .pr_img .video > * { width: 100%; height: 100%; }
.Product .pr_video .pr_dt .pr_img > a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: no-repeat center; background-size: cover; cursor: pointer; }
.Product .pr_video .pr_dt .pr_img > a span:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); }
.Product .pr_video .pr_dt .pr_img > a span i { position: absolute; top: 50%; left: 50%; z-index: 2; font-size: 56px; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.Product .pr_video .pr_dt .pr_img > a span em { display: block; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 70px; background: #000; font-size: 22px; color: #dcdcdc; line-height: 70px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Product .pr_video .pr_li .pr_img { position: relative; }
.Product .pr_video .pr_li .pr_img .video { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.Product .pr_video .pr_li .pr_img .video > * { width: 100%; height: 100%; }
.Product .pr_video .pr_li .pr_img > span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: no-repeat center; background-size: cover; cursor: pointer; }
.Product .pr_video .pr_li .pr_img > span:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); }
.Product .pr_video .pr_li .pr_img > span i { position: absolute; top: 50%; left: 50%; z-index: 2; font-size: 56px; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.Product .pr_video .pr_li .pr_img > span em { display: block; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 70px; background: #000; font-size: 22px; color: #dcdcdc; line-height: 70px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.Product_list { padding: 70px 0; }
.Product_list .pr_tit { margin-bottom: 50px; line-height: 40px; }
.Product_list .pr_tit span { display: inline-block; font-size: 34px; color: #302d2d; }
.Product_list .pr_tit a { display: inline-block; margin-left: 20px; border-radius: 50%; font-size: 16px; color: #666; text-align: center; line-height: 40px; cursor: pointer; }
.Product_list .pr_tit a:hover { color: #20ae9e; }
.Product_list .pr_tit a.on { color: #20ae9e; }
.sub_nav .sub_ment a.on em,.sub_nav .sub_ment a.on i{ color: #20ae9e; }
.Product_list .pr_dd { position: relative; overflow: hidden; }
.Product_list .pr_dd .pr_li { float: left; width: 20%; padding: 0 14px; margin-bottom: 20px; box-sizing: border-box; }
.Product_list .pr_dd .pr_li > a { display: block; }
.Product_list .pr_dd .pr_li > a:hover .pr_img span { -webkit-transform: scale(1.02); transform: scale(1.02); }
.Product_list .pr_dd .pr_li > a:hover .pr_txt span { color: #20ae9e; }
.Product_list .pr_dd .pr_img { position: relative; width: 100%; padding: 33.3% 0; overflow: hidden; }
.Product_list .pr_dd .pr_img span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.Product_list .pr_dd .pr_txt { padding: 20px 0; }
.Product_list .pr_dd .pr_txt span { display: block; overflow: hidden; font-size: 18px; color: #302d2d; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.Product_list.pr_video .pr_li .pr_img { position: relative; }
.Product_list.pr_video .pr_li .pr_img .video { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.Product_list.pr_video .pr_li .pr_img .video > * { width: 100%; height: 100%; }
.Product_list.pr_video .pr_li .pr_img > span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: no-repeat center; background-size: cover; cursor: pointer; }
.Product_list.pr_video .pr_li .pr_img > span:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); }
.Product_list.pr_video .pr_li .pr_img > span i { position: absolute; top: 50%; left: 50%; z-index: 2; font-size: 56px; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.Product_x { padding: 70px 0; overflow: hidden; }
.Product_x .sci_box { width: 790px; margin: 0 auto; }
.Product_x .sci_box .sci_bd { float: right; width: calc(100% - 160px); background: #f3f3f3; }
.Product_x .sci_box .sci_bd > div { overflow: hidden; height: 650px; }
.Product_x .sci_box .sci_bd .bd_li { position: relative; width: 100%; height: 100%; overflow: hidden; }
.Product_x .sci_box .sci_bd .bd_li span { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center; background-size: contain; }
.Product_x .sci_box .sci_bd .pagination { display: none; }
.Product_x .sci_box .sci_hd { position: relative; float: left; width: 120px; height: 650px; padding: 50px 0; box-sizing: border-box; }
.Product_x .sci_box .sci_hd > div { height: 100%; overflow: hidden; }
.Product_x .sci_box .sci_hd .hd_li { width: 100%; height: 116px; padding: 5px 0; box-sizing: border-box; }
.Product_x .sci_box .sci_hd .hd_li span { display: block; position: relative; width: 100%; height: 100%; background: no-repeat center; background-size: cover; cursor: pointer; opacity: .5; }
.Product_x .sci_box .sci_hd .hd_li.on span { opacity: 1; }
.Product_x .sci_box .sci_hd .iconfont { position: absolute; left: 50%; font-size: 30px; font-weight: bold; margin-left: -15px; color: #00908C; }
.Product_x .sci_box .sci_hd .iconfont.prev { top: 20px; }
.Product_x .sci_box .sci_hd .iconfont.next { bottom: 20px; }
.Product_x .prxx_txt { width: calc(100% - 790px); padding: 30px 0; }
.Product_x .prxx_txt div { display: block; width: 80%; margin: 0 auto; }
.Product_x .prxx_txt div h4 { font-size: 36px; color: #000; line-height: 48px; }
.Product_x .prxx_txt div h5 { font-size: 16px; color: #666; line-height: 32px; }
.Product_x .prxx_txt div h6 { width: 100%; padding: 0 20px; background: #f3f3f3; font-size: 14px; color: #20ae9e; line-height: 40px; }
.Product_x .prxx_txt div p { font-size: 14px; color: #666; line-height: 22px; }

.video_tc { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; }
.video_tc .video_bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.video_tc .video_box { position: absolute; top: 50%; left: 50%; z-index: 2; width: 1000px; height: 600px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video_tc .video_box > i { position: absolute; bottom: 102%; right: 0; font-size: 40px; color: #fff; cursor: pointer; }
.video_tc .video_box > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video_tc .video_box > div > span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video_tc .video_box > div video { width: 100%; height: 100%; }
.video_tc .video_box > div iframe { width: 100%; height: 100%; }

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background: #20ae9e !important; }

#fp-nav ul li a span, .fp-slidesNav ul li a span { border-color: #20ae9e !important; }

@media (min-width: 1024px) and (max-height: 920px) { .Product .pr_dt { padding: 20px 0; }
  .Product .pr_dt .pr_img { height: 350px; }
  .News .ne_dt { padding: 20px 0; }
  .News .ne_dt .ne_img span { padding: 24% 0; }
  .News .ne_dt .ne_txt h4 { margin: 10px 0; }
  .News .ne_dt .ne_txt h5 { margin-bottom: 10px; }
  .News .ne_dt .ne_txt h6 { margin-top: 20px; } }
@media (min-width: 1024px) and (max-height: 800px) { .Product .pr_tit { padding-top: 50px; line-height: 30px; }
  .Product .pr_tit span { font-size: 28px; }
  .Product .pr_tit a { height: 30px; font-size: 16px; line-height: 28px; }
  .Product .pr_dt { padding: 20px 0; }
  .Product .pr_dt .pr_img { height: 300px; }
  .Product .pr_dd .pr_txt { padding: 10px 0; }
  .Product .pr_dd .pr_txt span { font-size: 14px; }
  .News .ne_tit { padding-top: 50px; line-height: 30px; }
  .News .ne_tit span { font-size: 28px; }
  .News .ne_tit a { height: 30px; font-size: 16px; line-height: 28px; }
  .News .ne_dd .ne_txt { padding: 10px 0; }
  .News .ne_dd .ne_txt span { font-size: 14px; }
  .News .ne_dd .ne_txt em { margin-bottom: 5px; font-size: 12px; } }
@media (min-width: 1024px) and (max-height: 750px) { .Product .pr_dt { padding: 15px 0; }
  .Product .pr_dt .pr_img { height: 200px; }
  .Product .pr_dd .pr_txt { padding: 10px 0; }
  .Product .pr_dd .pr_txt span { font-size: 14px; }
  .Product .pr_dd .pr_dd .pr_img { padding: 30% 0; }
  .News .ne_dd .ne_img { padding: 24% 0; } }
@media (max-width: 1720px) { .wrap { max-width: 1400px; margin: 0 auto; }
	.header .logo i { left: 100%; letter-spacing: 24px; }
  .header .logo a:before { width: 584px; height: 30px; margin-top: -15px; }
  .header .nav > ul > li { margin: 0; }
  .banner { height: 700px; }
  .index_2 .swiper-slide { height: 650px; }
  .index_2 .slick-dots { max-width: 1400px; }
  .index_4 .in_txt { width: 600px; }
  .index_4 .in_vid { width: 700px; }
  .footer .foot_1 .wrap > div { margin-right: 13.08%; }
  .content .sub_banner { height: 700px; }
  .Shop .sh_mian .sh_img { width: 520px; height: 602px; }
  .Shop .sh_mian .sh_list { width: calc(95% - 520px); height: 602px; }
  .Sale .sale_1 .sa_txt { width: 500px; }
  .Sale .sale_1 .sa_map { width: calc(100% - 500px); }
  .Sale .sale_2 { padding: 70px; }
  .Sale .sale_2 .sa_bd { width: 800px; }
  .About .Ab_2 .Ab_tit { margin-bottom: 40px; }
  .About .Ab_2 .Ab_mian .ab_1 { height: 366px; padding: 70px; }
  .About .Ab_2 .Ab_mian .ab_2 { height: 732px; padding: 70px; }
  .Product_x .sci_box { width: 700px; }
  .Product_x .prxx_txt { width: calc(100% - 700px); } }
@media (max-width: 1440px) { .wrap { max-width: 1200px; margin: 0 auto; }
  .header .logo i { margin-top: -20px; font-size: 40px; letter-spacing: 12px; }
  .header .nav > ul > li { width: 132px; }
  .header .nav > ul > li a { font-size: 16px; }
  .header .nav > ul > li:hover,.header .nav > ul > li.on{ background-image: url(../images/icon_1_1.png); }
  .header .nav > ul > li:hover,.header .nav > ul > li.selectde{ background-image: url(../images/icon_1_1.png); }
  .banner { height: 600px; }
  .index_1 { padding: 90px 0; }
  .index_1 .in_tit { margin-bottom: 60px; }
  .index_1 .in_box .span { bottom: -22%; padding: 15px; }
  .index_1 .in_box .span h4 { margin-bottom: 15px; font-size: 20px; }
  .index_1 .in_box .span h6 { font-size: 14px; line-height: 24px; }
  .index_1 .in_box .span p { height: 48px; line-height: 24px; }
  .index_2 .swiper-slide { height: 600px; }
  .index_2 .slick-dots { max-width: 1200px; }
  .index_2 .in_box h4 { margin-bottom: 30px; height: 40px; }
  .index_3 { padding: 90px 0; }
  .index_3 .in_tit { margin-bottom: 60px; }
  .index_3 .in_box { padding: 0 18px; }
  .index_4 .in_txt { width: 500px; padding-top: 0; }
  .index_4 .in_vid { width: 600px; }
  .footer .foot_1 .wrap > div { margin-right: 11.93%; }
  .content .sub_banner { height: 600px; }
  .content .sub_banner.h500 { height: 400px; }
  .content .sub_nav { height: 56px; line-height: 56px; }
  .content .sub_nav > div { height: 56px; }
  .News_list .ne_dd .ne_li { width: 25%; }
  .Shop .sh_mian .sh_img { width: 450px; height: 521px; }
  .Shop .sh_mian .sh_list { width: calc(98% - 450px); height: 521px; }
  .Sale .sale_1 .sa_txt { padding: 30px 50px 0; height: 500px; }
  .Sale .sale_1 .sa_txt > ul li { padding: 15px 0; }
  .Sale .sale_1 .sa_map { height: 500px; }
  .Sale .sale_2 { padding: 50px; }
  .Sale .sale_2 .sa_hd { width: 350px; }
  .Sale .sale_2 .sa_hd h6 { margin-bottom: 50px; font-size: 20px; }
  .Sale .sale_2 .sa_hd > ul li { width: 240px; height: 50px; line-height: 50px; }
  .Sale .sale_2 .sa_bd { width: 700px; }
  .About .Ab_1 { padding: 60px 0; }
  .About .Ab_1 .Ab_tit { padding: 0 10px; }
  .About .Ab_1 .Ab_tit > h4 { margin-bottom: 15px; font-size: 24px; }
  .About .Ab_1 .Ab_tit p { font-size: 14px; line-height: 24px; }
  .About .Ab_1 .Ab_mian { padding-top: 50px; }
  .About .Ab_2 .Ab_tit > h4 { font-size: 24px; }
  .About .Ab_2 .Ab_mian > div h4 { font-size: 30px; }
  .About .Ab_2 .Ab_mian > div h5 { margin-bottom: 20px; font-size: 18px; line-height: 30px; }
  .About .Ab_2 .Ab_mian > div p { line-height: 24px; }
  .About .Ab_2 .Ab_mian .ab_1 { height: 315px; padding: 40px 50px; }
  .About .Ab_2 .Ab_mian .ab_2 { height: 630px; padding: 50px; }
  .About .Ab_3 { padding: 50px 0; }
  .About .Ab_3 .Ab_tit { margin-bottom: 40px; }
  .About .Ab_3 .Ab_tit > h4 { font-size: 24px; }
  .About .Ab_3 .Ab_hd { font-size: 0; }
  .About .Ab_3 .Ab_hd > a { width: 60px; height: 60px; font-size: 24px; line-height: 58px; }
  .About .Ab_3 .Ab_hd .Ab_ul { display: inline-block; width: calc(100% - 120px); height: 60px; }
  .About .Ab_3 .Ab_hd .Ab_ul .swiper-slide { font-size: 24px; line-height: 58px; }
  .About .Ab_3 .Ab_bd { padding: 50px 60px 0; }
  .About .Ab_3 .Ab_bd .ab_txt { width: 48%; }
  .About .Ab_3 .Ab_bd .ab_txt h4 { margin: 20px 0; font-size: 32px; }
  .About .Ab_3 .Ab_bd .ab_txt p { font-size: 16px; line-height: 24px; }
  .About .Ab_4 { width: 100%; padding: 70px 0 160px; }
  .About .Ab_4 .Ab_tit > h4 { font-size: 24px; }
  .Product_list .pr_dd .pr_li { width: 25%; }
  .Product_x .sci_box { width: 600px; }
  .Product_x .sci_box .sci_bd > div { height: 500px; }
  .Product_x .sci_box .sci_hd { height: 500px; padding: 30px 0; }
  .Product_x .sci_box .sci_hd .iconfont.prev { top: 0; }
  .Product_x .sci_box .sci_hd .iconfont.next { bottom: 0; }
  .Product_x .prxx_txt { width: calc(100% - 600px); padding: 0; } }
@media (max-width: 1220px) { .wrap, .wrap_1200 { max-width: 1000px; margin: 0 auto; }
  .header { height: 138px; }
  .header .logo i { left: 100%; margin-top: -15px; margin-left: 20px; font-size: 30px; letter-spacing: 10px; }
  .header .head_nav { height: 42px; }
  .header .nav > ul > li { width: 112px; }
  .header .nav > ul > li a { font-size: 14px; line-height: 42px; }
  .header .nav > ul > li:hover,.header .nav > ul > li.on{ background-image: url(../images/icon_1_2.png); }
  .header .nav > ul > li:hover,.header .nav > ul > li.selectde{ background-image: url(../images/icon_1_2.png); }
  .index { padding-top: 138px; }
  .banner { height: 500px; }
  .index_2 .swiper-slide { height: 550px; }
  .index_2 .slick-dots { max-width: 1000px; }
  .index_3 .in_box { padding: 0 14px; }
  .index_4 .in_txt { width: 400px; }
  .index_4 .in_txt h4 { height: 30px; }
  .index_4 .in_txt h5 { font-size: 30px; }
  .index_4 .in_txt h6 { margin-bottom: 50px; font-size: 14px; }
  .index_4 .in_vid { width: 500px; }
  .footer .foot_1 .wrap > div { margin-right: 10.32%; }
  .content { padding-top: 138px; }
  .content .sub_banner { height: 500px; }
  .content .sub_nav { height: 50px; line-height: 50px; }
  .content .sub_nav > div { height: 50px; }
  .content .sub_nav .swiper-slide { padding-right: 50px; }
  .News .ne_tit { line-height: 30px; }
  .News .ne_tit span { font-size: 28px; }
  .News .ne_tit a { height: 30px; font-size: 16px; line-height: 28px; }
  .News .ne_dt .ne_img { width: 490px; }
  .News .ne_dt .ne_txt { width: calc(96% - 490px); }
  .News .ne_dt .ne_txt h4 { margin: 20px 0; }
  .News .ne_dt .ne_txt h4 a { font-size: 24px; }
  .News .ne_dt .ne_txt h6 { margin-top: 40px; }
  .Relevant { padding: 50px 0; }
  .Relevant .Rel_tit { margin-bottom: 40px; line-height: 40px; }
  .Relevant .Rel_tit i { font-size: 40px; }
  .Relevant .Rel_tit em { font-size: 30px; }
  .Relevant .Rel_mian .Rel_li { padding: 0 10px; }
  .Join .Jo_1 { padding-bottom: 70px; }
  .Join .Jo_1 > div { height: 400px; }
  .Join .Jo_1 > div.fl { padding: 40px; }
  .Join .Jo_1 > div.fl h4 { font-size: 32px; padding-bottom: 20px; margin-bottom: 20px; }
  .Join .Jo_1 > div.fl h4:before { width: 25px; height: 1px; }
  .Join .Jo_1 > div.fl p { font-size: 14px; line-height: 24px; }
  .Join .Jo_1 > div.fr:before { bottom: -70px; width: 400px; height: 120px; }
  .Shop .sh_tit { line-height: 50px; }
  .Shop .sh_tit i { width: 50px; height: 50px; }
  .Shop .sh_tit em { font-size: 40px; }
  .Shop .sh_mian .sh_img { width: 350px; height: 405px; }
  .Shop .sh_mian .sh_list { width: calc(98% - 350px); height: 405px; }
  .Shop .sh_mian .sh_list > a { left: 15px; }
  .Shop .sh_mian .sh_ul .sh_li { padding: 0 15px; }
  .Sale .sale_1 .sa_txt { width: 400px; padding: 30px 30px 0; }
  .Sale .sale_1 .sa_txt > ul li { padding: 12px 0; }
  .Sale .sale_1 .sa_map { width: calc(100% - 400px); }
  .Sale .sale_2 { padding: 40px; }
  .Sale .sale_2 .sa_hd { width: 300px; }
  .Sale .sale_2 .sa_hd > h4 { font-size: 28px; }
  .Sale .sale_2 .sa_hd > p { font-size: 14px; line-height: 24px; }
  .Sale .sale_2 .sa_hd > h6 { margin-bottom: 40px; padding: 15px 0; font-size: 18px; }
  .Sale .sale_2 .sa_hd > ul li { width: 220px; height: 50px; font-size: 16px; line-height: 50px; }
  .Sale .sale_2 .sa_bd { width: 600px; }
  .Sale_x { padding: 50px 0; }
  .Sale_x h4.h4 { margin-bottom: 40px; }
  .Sale_x form { margin-bottom: 50px; }
  .Sale_x ul li > h4 { margin-bottom: 2%; }
  .Sale_x ul li > h4 i { width: 24px; font-size: 24px; }
  .Sale_x ul li > h4 em { width: calc(100% - 30px); font-size: 18px; }
  .Sale_x ul li > p { font-size: 14px; line-height: 24px; }
  .About .Ab_1 { padding: 50px 0; }
  .About .Ab_1 .Ab_mian { padding-top: 40px; }
  .About .Ab_1 .Ab_mian > button { width: 30px; height: 30px; }
  .About .Ab_1 .Ab_mian > button.slick-prev { right: 50px; }
  .About .Ab_1 .Ab_mian > button.slick-next { right: 10px; }
  .About .Ab_1 .Ab_mian > button:before { font-size: 16px; }
  .About .Ab_1 .Ab_li { padding: 0 10px; }
  .About .Ab_1 .Ab_pp { font-size: 20px; padding: 15px 0; }
  .About .Ab_2 .Ab_mian > div h4 { font-size: 28px; }
  .Product .pr_tit { line-height: 30px; }
  .Product .pr_tit span { font-size: 28px; }
  .Product .pr_tit a { height: 30px; font-size: 16px; line-height: 28px; }
  .Product_x .sci_box { width: 500px; }
  .Product_x .sci_box .sci_hd { width: 90px; }
  .Product_x .sci_box .sci_bd { width: calc(100% - 110px); }
  .Product_x .prxx_txt { width: calc(100% - 500px); }
  .Product_x .prxx_txt > div { width: 90%; }
  .Product_x .prxx_txt > div h4 { font-size: 30px; line-height: 40px; }
  .Product_x .prxx_txt > div h5 { line-height: 24px; } }
@media (max-width: 1024px) { .wrap, .wrap_1200 { max-width: 100%; padding: 0 3%; }
  .header { width: 100%; height: 60px; padding: 0 3%; background:#fff url(../images/icon_2.png) no-repeat left center; background-size: cover; box-sizing: border-box; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2); line-height: 60px; }
  .header .head_top { height: auto; }
  .header .head_top:before { display: none; }
  .header .head_top .wrap { padding: 0; height: auto; }

  .header .head_nav { height: auto; background: transparent; }
  .header .head_nav .wrap { padding: 0; }
  .header .logo a { line-height: 60px; }
  .header .logo img { height: 40px; }
  .header .logo i { margin-left: 2%; top: 0; left: calc(100% + 10px); margin-top: 0; font-size: 24px; letter-spacing: 8px; line-height: 60px; }
  .header .bisg { padding-right: 30px; line-height: 60px; }
  .header .bisg > * { margin-left: 10px; }
  .header .bisg form.search { display: none; position: fixed; top: 65px; left: 50%; width: 80%; margin-left: -40%; }
  .header .bisg form.search input[type='text'] { width: 100%; height: 60px; padding: 0 60px 0 20px; border-radius: 30px; background: #fff; font-size: 18px; }
  .header .bisg form.search input[type='submit'] { width: 60px; height: 60px; font-size: 18px; color: #fff; line-height: 60px;background-image: url(serch.png); background-repeat:no-repeat; }
  .header .bisg > i.search_icon { display: inline-block; width: 32px; height: 32px; border: 1px solid #5d5d5e; box-sizing: border-box; border-radius: 50%; font-size: 18px; color: #5d5d5e; text-align: center; line-height: 30px; }
  .header .bisg > i.search_icon.on { border-color: #20ae9e; background: #20ae9e; color: #fff;  }
  .header .nav { position: fixed; top: 0; right: 0; z-index: 997; width: 300px; height: 100%; padding: 60px 3%; margin: 0; background: #fff; box-sizing: border-box; }
  .header .nav.close-nav { -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; -webkit-transform: translate(300px, 0); transform: translate(300px, 0); }
  .header .nav.open-nav { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-transition: -webkit-transform .5s; transition: transform .5s; }
  .header .nav > ul { width: 100%; max-height: 100%; overflow: auto; }
  .header .nav > ul > li { display: block; float: none; width: 100%; margin: 0; padding: 0; line-height: 1; }
  .header .nav > ul > li > a { padding: 20px 0; font-size: 16px; border-bottom: 1px solid #e5e5e5; color: #2b2c2d; line-height: 1; }
  .header .nav > ul > li:hover,.header .nav > ul > li.on { background: none; }
  .header .nav > ul > li.selectde { background: none; }
  .header .nav > ul > li:hover a,.header .nav > ul > li.on a { color: #20ae9e; }
  .header .nav > ul > li:hover a,.header .nav > ul > li.selectde a { color: #20ae9e; }
  .header .nav > ul > li.Have > a { pointer-events: none; }
  .header .nav .down_nav { position: static; width: 100%; padding: 0; margin: 0; border: none; box-shadow: none; }
  .header .nav .down_nav a { display: block; padding: 15px 0; margin: 0; border-bottom: 1px solid #eee; }
  .header .nav .down_nav i { display: inline-block; width: 30px; height: 30px; font-size: 24px; margin-right: 12px; vertical-align: top; line-height: 30px; }
  .header .nav .down_nav em { display: inline-block; text-align: left; vertical-align: top; line-height: 30px; }
  .header .push-nav { display: block; position: absolute; top: 0; right: 0; z-index: 998; width: 56px; height: 60px; }
  .header .push-nav .nav-toggle { display: block; position: absolute; left: 50%; top: 50%; border: 0; background-image: none; border-radius: 4px; cursor: pointer; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .header .push-nav .nav-toggle span { display: block; position: relative; z-index: 1; width: 36px; height: 3px; margin-bottom: 8px; background: #5d5d5e; border-radius: 3px; -webkit-transform-origin: 33px; transform-origin: 33px; -webkit-transition: all .5s; transition: all .5s; }
  .header .push-nav .nav-toggle span:nth-child(3) { margin-bottom: 0; }
  .header .push-nav.on .nav-toggle span { opacity: 1; background: #20ae9e; }
  .header .push-nav.on .nav-toggle span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .header .push-nav.on .nav-toggle span:nth-child(2) { -webkit-transform: scale(0); transform: scale(0); }
  .header .push-nav.on .nav-toggle span:nth-child(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .header .bg-nav { display: none; position: fixed; top: 0; left: 0; z-index: 996; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s; }
  /* .header .bisg span.addit:hover em { display: none;} */
  .header .bisg span.addit i{ border-color: #5d5d5e !important; background: transparent !important; color: #5d5d5e !important; }
  .header .bisg span.addit em{ display: none !important; }
  .header .bisg span.addit.on i{ border-color: #20ae9e !important; background: #20ae9e !important; color: #fff !important; }
  .header .bisg span.addit.on em{ display: block !important; }
  .index { padding-top: 60px; }
  .banner { height: 400px; }
  .index_1 { padding: 10% 0; }
  .index_1 .in_tit { margin-bottom: 5%; }
  .index_1 .in_tit i { height: 30px; margin-bottom: 3%; }
  .index_1 .in_tit span { font-size: 16px; }
  .index_1 .in_box a { height: 300px; }
  .index_1 .in_box .span { bottom: 0 !important; padding: 3%; background: rgba(255, 255, 255, 0.7); }
  .index_1 .in_box .span h4 { margin-bottom: 2%; font-size: 16px; }
  .index_1 .in_box .span h6 { font-size: 12px; line-height: 24px; }
  .index_1 .in_box .span p { height: auto; max-height: 40px; line-height: 20px; }
  .index_2 .swiper-slide { height: 500px; }
  .index_2 .slick-dots { max-width: 100%; padding: 0 3%; box-sizing: border-box; }
  .index_2 .in_box h4 { margin-bottom: 3%; height: 30px; }
  .index_2 .in_box h5 { margin-bottom: 2%; font-size: 16px; }
  .index_3 { padding: 10% 0; }
  .index_3 .in_tit { margin-bottom: 5%; }
  .index_3 .in_tit i { height: 30px; margin-bottom: 3%; }
  .index_3 .in_tit span { font-size: 16px; }
  .index_3 .in_mian { padding-bottom: 40px; }
  .index_3 .in_mian > button { height: 40px; }
  .index_3 .in_mian > button:before { font-size: 20px; }
  .index_3 .in_mian .slick-dots { line-height: 40px; }
  .index_3 .in_box { padding: 0 10px; }
  .index_3 .in_box .in_txt { padding: 6% 0; }
  .index_4 { padding: 8% 0; }
  .index_4 .in_txt { float: none; width: 100%; }
  .index_4 .in_txt h4 { height: 24px; margin-bottom: 2%; }
  .index_4 .in_txt h5 { margin-bottom: 3%; font-size: 24px; }
  .index_4 .in_txt h6 { margin-bottom: 8%; line-height: 24px; }
  .index_4 .in_txt p a { width: 110px; height: 32px; font-size: 14px; line-height: 32px; }
  .index_4 .in_vid { float: none; width: 100%; margin: 0 auto 5%; padding: 30% 0; }
  .index_4 .in_vid > span em { height: 60px; font-size: 16px; line-height: 60px; }
  .foot_top { padding: 3%; border-radius: 5px; }
  .foot_top i, .foot_top a { font-size: 16px; }
  .foot_top.foot_top_1 { display: none !important; }
  .footer .foot_1 { text-align: center; }
  .footer .foot_1 .wrap > div { width: 16.66%; margin-right: 0; text-align: left; }
  .content { padding-top: 60px !important; }
  .content .sub_banner { height: 400px; }
  .content .sub_banner.h500 { height: 300px; }
  .content .sub_nav.fixed > div{ top: 60px;}
  .content .sub_nav .swiper-slide { padding-right: 40px; }
  .content .sub_nav .swiper-slide i { font-size: 20px; }
  .content .sub_nav .swiper-slide em { font-size: 16px; }
  .content .Paging ul { padding: 4% 0; }
  .content .Paging ul li { width: 30px; height: 30px; margin: 0 8px; }
  .content .Paging ul li a { font-size: 16px; line-height: 30px; }
  .News .sub_banner { height: 400px; }
  .News .news_1 { padding: 6% 0; }
  .News .ne_tit span { font-size: 24px; }
  .News .ne_dt { padding: 4% 0; }
  .News .ne_dt .ne_img { width: 320px; }
  .News .ne_dt .ne_txt { width: calc(97% - 320px); }
  .News .ne_dt .ne_txt h4 { max-height: 60px; margin-top: 0; margin-bottom: 2%; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .News .ne_dt .ne_txt h4 a { font-size: 20px; }
  .News .ne_dt .ne_txt h5 { margin-bottom: 3%; }
  .News .ne_dt .ne_txt h6 { margin-top: 3%; }
  .News .ne_dt .ne_txt p { max-height: 40px; overflow: hidden; font-size: 12px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .News .ne_dd .ne_li { padding: 0 10px; }
  .News_list { padding: 7% 0; }
  .News_list .ne_tit { margin-bottom: 4%; line-height: 30px; text-align: center; }
  .News_list .ne_tit span { font-size: 28px; }
  .News_list .ne_dd .ne_li { padding: 0 10px; }
  .News_x { padding: 8% 0; }
  .News_x .nx_tit { padding-bottom: 3%; }
  .News_x .nx_tit h4 { font-size: 24px; line-height: 36px; }
  .News_x .nx_tit h6 span { font-size: 14px; }
  .News_x .nx_mian { padding: 4% 0; }
  .News_x .nx_bottom { padding: 4% 0; }
  .Relevant { padding: 6% 0; }
  .Relevant .Rel_tit { margin-bottom: 4%; line-height: 30px; }
  .Relevant .Rel_tit i { font-size: 30px; }
  .Relevant .Rel_tit em { font-size: 24px; }
  .Join .Jo_2 { padding: 5% 0; }
  .Join .Jo_2 > h4 { margin-bottom: 4%; font-size: 24px; }
  .Join .Jo_2 .jo_mian .jo_dt { padding: 0 8%; }
  .Join .Jo_2 .jo_mian .jo_dt span { font-size: 14px; }
  .Join .Jo_2 .jo_mian .johd { padding: 0 8%; }
  .Join .Jo_2 .jo_mian .johd:before { right: 3%; }
  .Join .Jo_2 .jo_mian .johd span { font-size: 14px; }
  .Join .Jo_2 .jo_mian .jobd > div { padding: 5% 10%; }
  .Join .Jo_2 .jo_mian .jobd h4 { font-size: 16px; }
  .Join .Jo_2 .jo_mian .jobd p { font-size: 12px; line-height: 24px; }
  .Shop .shop_box { padding: 6% 0; }
  .Shop .sh_tit { line-height: 40px; margin-bottom: 5%; }
  .Shop .sh_tit i { width: 40px; height: 40px; }
  .Shop .sh_tit em { font-size: 32px; }
  .Shop .sh_mian .sh_img { display: none; }
  .Shop .sh_mian .sh_list { float: none !important; width: 100%; height: auto; margin-top: 0; }
  .Shop .sh_mian .sh_list > a { position: relative; bottom: auto; left: auto; margin-top: 5%; }
  .Shop .sh_mian .sh_ul { margin-top: 0; }
  .Shop .sh_mian .sh_ul .sh_li { padding: 0 10px; }
  .Shop .sh_mian .sh_ul .shtxt { padding-top: 10%; }
  .Shop .sh_mian .sh_ul .shtxt span { padding-top: 5%; font-size: 16px; }
  .Sale .sale_1 { margin: 6% 0; }
  .Sale .sale_2 { margin: 6% 0; padding: 5%; }
  .Sale .sale_2 .sa_hd { float: none; width: 100%; }
  .Sale .sale_2 .sa_bd { float: none; width: 100%; margin-bottom: 2%; }
  .Sale .sale_2 .sa_box.ch > a { display: block; }
  .Sale .sale_2 .sa_box.ch .map_x { display: none; }
  .Sale_x { padding: 6% 0; }
  .Sale_x h4.h4 { margin-bottom: 6%; }
  .Sale_x form { margin-bottom: 6%; }
  .Sale_x ul li { width: 50%; height: 250px; }
  .About .Ab_1 { padding: 7% 0; }
  .About .Ab_1 .Ab_tit { margin-bottom: 2%; }
  .About .Ab_1 .Ab_mian { padding-top: 0; }
  .About .Ab_1 .Ab_mian > button { top: 50%; margin-top: -30px; }
  .About .Ab_1 .Ab_mian > button.slick-prev { right: auto; left: 0; }
  .About .Ab_1 .Ab_mian > button.slick-next { right: 0; }
  .About .Ab_1 .Ab_li { padding: 0 10px; }
  .About .Ab_1 .Ab_pp { font-size: 20px; padding: 15px 0; }
  .About .Ab_2 { padding: 7% 0; }
  .About .Ab_2 .Ab_tit { margin-bottom: 5%; }
  .About .Ab_2 .Ab_mian > div { float: none !important; width: 100% !important; }
  .About .Ab_2 .Ab_mian > div h4 { margin-bottom: 3%; font-size: 24px; }
  .About .Ab_2 .Ab_mian > div h5 { margin-bottom: 5%; font-size: 16px; line-height: 28px; }
  .About .Ab_2 .Ab_mian .ab_1 { height: auto; padding: 5% 5% 15%; }
  .About .Ab_2 .Ab_mian .ab_2 { height: auto; padding: 5% 5% 40%; }
  .About .Ab_3 { padding: 7% 0; }
  .About .Ab_3 .Ab_tit { margin-bottom: 5%; }
  .About .Ab_3 .Ab_hd { font-size: 0; }
  .About .Ab_3 .Ab_hd > a { width: 50px; height: 50px; line-height: 48px; }
  .About .Ab_3 .Ab_hd .Ab_ul { width: calc(100% - 100px); height: 50px; }
  .About .Ab_3 .Ab_hd .Ab_ul .swiper-slide { font-size: 20px; line-height: 48px; }
  .About .Ab_3 .Ab_bd { padding: 5% 50px 0; }
  .About .Ab_3 .Ab_bd .ab_txt h4 { margin: 3% 0; font-size: 24px; }
  .About .Ab_3 .Ab_bd .ab_txt p { font-size: 14px; }
  .About .Ab_4 { padding: 8% 0 12%; }
  .About .Ab_4 .Ab_tit { margin-bottom: 5%; }
  .Product .sub_banner { height: 400px; }
  .Product .Pro_1 { padding: 6% 0; }
  .Product .pr_tit span { font-size: 24px; }
  .Product .pr_dt { padding: 4% 0; }
  .Product .pr_dt .pr_img { height: 300px; }
  .Product .pr_dd .pr_li { padding: 0 10px; }
  .Product_list { padding: 7% 0; }
  .Product_list .pr_tit { margin-bottom: 4%; line-height: 30px; text-align: left; }
  .Product_list .pr_tit span { display: none; font-size: 28px; }
  .Product_list .pr_tit a{margin-left: 0;margin-right: 2%;}
  .Product_list .pr_dd .pr_li { padding: 0 10px; }
  .Product_list.pr_video .pr_li .pr_img > span i { font-size: 48px; }
  .Product_x { padding: 7% 0; }
  .Product_x .sci_box { float: none !important; width: 100%; margin-bottom: 5%; }
  .Product_x .sci_box .sci_hd { display: none; }
  .Product_x .sci_box .sci_bd { width: 100%; position: relative; }
  .Product_x .sci_box .sci_bd .pagination { display: block; position: absolute; bottom: 3%; left: 0; z-index: 20; width: 100%; font-size: 0; text-align: center; }
  .Product_x .sci_box .sci_bd .pagination .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; margin: 0 6px; border-radius: 50%; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); cursor: pointer; }
  .Product_x .sci_box .sci_bd .pagination .swiper-active-switch { background: #20ae9e; }
  .Product_x .prxx_txt { float: none; width: 100%; }
  .Product_x .prxx_txt > div { width: 100%; }
  .video_tc .video_box { width: 90%; height: auto; padding: 30% 0; } }
@media (max-width: 900px) { .banner { height: 350px; }
  .index_2 .swiper-slide { height: 450px; }
  .index_2 .in_box h5 { max-height: 48px; font-size: 14px; line-height: 24px; }
  .index_2 .in_box h6 { max-height: 40px; line-height: 20px; }
  .footer .foot_1 { padding: 0; }
  .footer .foot_1 .wrap > div { width: 100%; }
  .footer .foot_1 .fo_ul { display: block; width: 100%; }
  .footer .foot_1 .fo_ul > span { font-size: 16px; position: relative; margin: 0; padding: 3% 5%; border-bottom: 1px solid #ddd; }
  .footer .foot_1 .fo_ul > span:before { position: absolute; top: 50%; right: 5%; content: '+'; font-family: 'iconfont'; font-size: 14px; color: #666; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .footer .foot_1 .fo_ul > span.on:before { content: '\e60e'; }
  .footer .foot_1 .fo_ul .ul { display: none; padding: 2% 6%; margin-bottom: 0; border-bottom: 1px solid #ddd; font-size: 0; }
  .footer .foot_1 .fo_ul .ul a { margin: 15px 0; font-size: 14px; }
  .footer .foot_1 .fo_aa { display: block; width: 100%; }
  .footer .foot_1 .fo_aa > a { display: block; position: relative; font-size: 16px; margin: 0; padding: 3% 5%; border-bottom: 1px solid #ddd; }
  .footer .foot_2 { padding: 3% 0; text-align: center; }
  .footer .foot_2 div.fl { float: none; margin-bottom: 10px; }
  .footer .foot_2 div.fl span { margin: 0; }
  .footer .foot_2 div.fl span em, .footer .foot_2 div.fl span a { font-size: 14px; }
  .footer .foot_2 div.fl b { font-size: 14px; }
  .footer .foot_2 div.fr { float: none; line-height: 30px; }
  .footer .foot_2 div.fr em { font-size: 14px; }
  .footer .foot_2 div.fr a { font-size: 16px; }
  .content .sub_banner { height: 350px; }
  .content .sub_banner.h500 { height: 250px; }
  .News .sub_banner { height: 350px; }
  .News .ne_dt .ne_img { width: 270px; }
  .News .ne_dt .ne_txt { width: calc(98% - 270px); }
  .News .ne_dt .ne_txt h6 a { width: 120px; height: 30px; font-size: 12px; line-height: 28px; }
  .News_list .ne_tit { line-height: 24px; }
  .News_list .ne_tit span { font-size: 24px; }
  .News_list .ne_dd .ne_li { width: 50%; }
  .News_list .ne_dd .ne_txt { padding: 15px 0; }
  .News_list .ne_dd .ne_txt em { font-size: 12px; }
  .News_list .ne_dd .ne_txt span { font-size: 16px; }
  .Join .Jo_1 { padding: 5% 0 -50px; }
  .Join .Jo_1 > div { float: none !important; width: 100%; height: 300px; }
  .Join .Jo_1 > div.fl { height: auto; padding: 5%; }
  .Join .Jo_1 > div.fl h4 { font-size: 24px; }
  .Join .Jo_1 > div.fl > div.p { padding-right: 20px; }
  .Join .Jo_1 > div.fr:before { bottom: -50px; width: 300px; height: 90px; }
  .Sale .sale_1 .sa_txt { float: none; width: 100%; height: auto; padding: 5%; }
  .Sale .sale_1 .sa_txt > h4 { padding-left: 12px; margin-bottom: 2%; }
  .Sale .sale_1 .sa_txt > h4:before { width: 2px; height: 30px; }
  .Sale .sale_1 .sa_txt > h4 span { font-size: 24px; margin-bottom: 5px; }
  .Sale .sale_1 .sa_txt > h4 em { font-size: 12px; }
  .Sale .sale_1 .sa_txt > ul li { padding: 2% 0; }
  .Sale .sale_1 .sa_txt > ul li i { width: 30px; margin-right: 15px; font-size: 30px; line-height: 48px; }
  .Sale .sale_1 .sa_txt > ul li span { width: calc(100% - 45px); line-height: 24px; }
  .Sale .sale_1 .sa_txt > ul li span em, .Sale .sale_1 .sa_txt > ul li span b { font-size: 14px; }
  .Sale .sale_1 .sa_map { width: 100%; height: 400px; }
  .Sale_x form .select { float: left; width: 48%; margin: 0; }
  .Sale_x form .select:last-child { float: right; }
  .About .Ab_1 .Ab_tit { padding: 0; }
  .About .Ab_1 .Ab_mian { padding-top: 0; }
  .About .Ab_1 .Ab_li { padding: 0; }
  .About .Ab_1 .Ab_pp { font-size: 18px; padding: 10px 0; }
  .About .Ab_3 .Ab_hd .Ab_ul .swiper-slide.on:before { height: 2px; }
  .About .Ab_3 .Ab_bd .ab_txt { float: none; width: 100%; }
  .About .Ab_3 .Ab_bd .ab_img { float: none; width: 100%; padding: 25% 0; }
  .About .Ab_4 .Ab_mian ul li { width: 50%; padding: 0 5%; margin-bottom: 3%; }
  .Product .sub_banner { height: 350px; }
  .Product .pr_dt { padding: 4% 0; }
  .Product .pr_dt .pr_img { height: 280px; }
  .Product_list .pr_tit { line-height: 24px; }
  .Product_list .pr_tit span { font-size: 24px; }
  .Product_list .pr_dd .pr_li { width: 50%; }
  .Product_list .pr_dd .pr_txt { padding: 15px 0; }
  .Product_list .pr_dd .pr_txt span { font-size: 16px; }
  .Product_list.pr_video .pr_li .pr_img > span i { font-size: 42px; } }
@media (max-width: 768px) { .header .logo i { font-size: 18px; letter-spacing: 5px; line-height: 60px; }
  .banner { height: 300px; }
  .index_1 .in_tit i { height: 24px; }
  .index_1 .in_tit span { font-size: 14px; }
  .index_2 .swiper-slide { height: 400px; }
  .index_3 .in_tit i { height: 24px; }
  .index_3 .in_tit span { font-size: 14px; }
  .content .sub_banner { height: 300px; }
  .content .sub_banner.h500 { height: 200px; }
  .News .sub_banner { height: 300px; }
  .Product .sub_banner { height: 300px; }
  .Product_x .sci_box .sci_bd > div { height: 400px; }
  .Product_x .prxx_txt > div h4 { font-size: 24px; line-height: 32px; }
  .Product_x .prxx_txt > div h5 { font-size: 14px; } }
@media (max-width: 640px) { .header { height: 50px; line-height: 50px; }
  .header .logo a { line-height: 50px; }
  .header .logo img { height: 30px; }
  .header .logo i { left: 100%; font-size: 14px;  letter-spacing: 3px; line-height: 50px; }
  .header .bisg { padding-right: 45px; line-height: 50px; }
  .header .bisg form.search { display: none; position: fixed; top: 55px; left: 50%; width: 90%; margin-left: -45%; }
  .header .bisg form.search input[type='text'] { width: 100%; height: 40px; padding: 0 40px 0 20px; border-radius: 30px; background: #fff; font-size: 14px; }
  .header .bisg form.search input[type='submit'] { width: 40px; height: 40px; font-size: 16px; color: #fff; line-height: 40px; background-image: url(serch.png); background-repeat:no-repeat;}
  .header .bisg a.language { width: 28px; height: 28px; font-size: 12px; line-height: 26px; }
  .header .bisg span.addit i { width: 28px; height: 28px; font-size: 14px; line-height: 26px; }
  .header .bisg > i.search_icon { width: 28px; height: 28px; font-size: 14px; line-height: 26px;  }
  .header .nav { padding: 50px 3%; width: 200px; }
  .header .nav.close-nav { -webkit-transform: translate(200px, 0); transform: translate(200px, 0); }
  .header .nav > ul > li > a { font-size: 14px; }
  .header .push-nav { width: 50px; height: 50px; }
  .header .push-nav .nav-toggle span { width: 25px; height: 2px; margin-bottom: 6px; -webkit-transform-origin: 24px; transform-origin: 24px; }
  .index { padding-top: 50px; }
  .banner { height: 200px; }
  .banner .pagination .swiper-pagination-switch { width: 5px; height: 5px; }
  .banner .slick-dots { bottom: 3%; text-align: center; }
  .banner .slick-dots li { width: 6px; height: 6px; margin: 0 8px; }
  .index_1 .in_tit i { height: 20px; }
  .index_1 .in_tit span { font-size: 12px; line-height: 20px; }
  .index_1 .in_box a { height: auto; padding: 50% 0; }
  .index_1 .in_box span { padding: 3% 5%; font-size: 16px; }
  .index_2 .swiper-slide { height: 300px; }
  .index_2 .in_box { padding: 8% 10px 0; }
  .index_2 .in_box h4 { height: 20px; }
  .index_2 .in_box h5, .index_2 .in_box h6 { max-height: none; }
  .index_2 .slick-dots { bottom: 3%; text-align: center; }
  .index_2 .slick-dots li { width: 6px; height: 6px; margin: 0 8px; }
  .index_3 .in_tit i { height: 20px; }
  .index_3 .in_tit span { font-size: 12px; line-height: 20px; }
  .index_3 .in_mian { padding-bottom: 30px; }
  .index_3 .in_mian > button { height: 30px; }
  .index_3 .in_mian > button:before { font-size: 18px; }
  .index_3 .in_mian .slick-dots { line-height: 30px; }
  .index_3 .in_mian .slick-dots li { width: 6px; height: 6px; margin: 0 8px; }
  .index_3 .in_box .in_txt h4 { font-size: 14px; padding-bottom: 10px; }
  .index_3 .in_box .in_txt p { height: 40px; font-size: 12px; line-height: 20px; }
  .index_4 .in_txt h4 { height: 20px; }
  .index_4 .in_txt h5 { font-size: 18px; }
  .index_4 .in_txt h6 { font-size: 12px; line-height: 20px; }
  .index_4 .in_txt p a { width: 90px; height: 28px; font-size: 12px; line-height: 28px; }
  .index_4 .in_vid > span i { font-size: 40px; }
  .index_4 .in_vid > span em { height: 40px; font-size: 14px; line-height: 40px; }
  .footer .foot_1 .fo_ul > span { padding: 3% 5%; font-size: 14px; }
  .footer .foot_1 .fo_ul .ul a { margin: 5% 0; }
  .footer .foot_1 .fo_aa > a { padding: 3% 5%; font-size: 14px; }
  .footer .foot_2 { padding: 5% 0; }
  .footer .foot_2 div.fl { margin-bottom: 5px; }
  .footer .foot_2 div.fl span em, .footer .foot_2 div.fl span a { font-size: 12px; }
  .footer .foot_2 div.fl b { font-size: 12px; }
  .footer .foot_2 div.fr { line-height: 20px; }
  .footer .foot_2 div.fr em { font-size: 12px; }
  .footer .foot_2 div.fr a { font-size: 14px; }
  .content { padding-top: 50px !important; }
  .content .sub_banner { height: 200px; }
  .content .sub_banner.h500 { height: 150px; }
  .content .sub_nav { height: 40px; line-height: 40px; }
  .content .sub_nav > div { height: 40px; }
  .content .sub_nav.fixed > div{ top: 50px;}
  .content .sub_nav .swiper-slide { padding-right: 30px; }
  .content .sub_nav .swiper-slide i { font-size: 18px; }
  .content .sub_nav .swiper-slide em { font-size: 14px; }
  .content .Paging ul li { width: 24px; height: 24px; margin: 0 6px; }
  .content .Paging ul li a { font-size: 12px; line-height: 24px; }
  .News .sub_banner { height: 200px; }
  .News .ne_tit { line-height: 24px; }
  .News .ne_tit span { font-size: 20px; }
  .News .ne_tit a { height: 24px; font-size: 12px; line-height: 22px; }
  .News .ne_dt .ne_img { float: none; width: 100%; margin-bottom: 3%; }
  .News .ne_dt .ne_txt { width: 100%; }
  .News .ne_dt .ne_txt h4 { line-height: 24px; }
  .News .ne_dt .ne_txt h4 a { font-size: 16px; }
  .News .ne_dt .ne_txt h6 a { width: 120px; height: 30px; font-size: 12px; line-height: 28px; }
  .News .ne_dd { padding-bottom: 40px; }
  .News .ne_dd > button { height: 30px; }
  .News .ne_dd > button:before { font-size: 18px; }
  .News .ne_dd .slick-dots { line-height: 30px; }
  .News .ne_dd .slick-dots li { width: 6px; height: 6px; margin: 0 8px; }
  .News .ne_dd .ne_txt { padding: 10px 0; }
  .News .ne_dd .ne_txt em { font-size: 12px; }
  .News .ne_dd .ne_txt span { font-size: 16px; }
  .News_list .ne_tit { line-height: 20px; }
  .News_list .ne_tit span { font-size: 20px; }
  .News_list .ne_dd .ne_li { margin-bottom: 10px; }
  .News_list .ne_dd .ne_txt { padding: 10px 0; }
  .News_list .ne_dd .ne_txt span { font-size: 14px; }
  .News_x .nx_tit h4 { margin-bottom: 10px; font-size: 18px; line-height: 30px; }
  .News_x .nx_tit h6 { font-size: 12px; }
  .News_x .nx_tit h6 em i { font-size: 12px; }
  .News_x .nx_mian p { line-height: 24px; }
  .News_x .nx_bottom span.fl { width: calc(100% - 110px); line-height: 25px; }
  .News_x .nx_bottom span.fl em { font-size: 12px; }
  .News_x .nx_bottom span.fl em a { font-size: 12px; }
  .News_x .nx_bottom span.fr { width: 100px; height: 30px; }
  .News_x .nx_bottom span.fr a { font-size: 14px; line-height: 30px; }
  .Relevant .Rel_tit { line-height: 24px; }
  .Relevant .Rel_tit i { font-size: 24px; }
  .Relevant .Rel_tit em { font-size: 18px; }
  .Relevant .Rel_mian { padding-bottom: 30px; }
  .Relevant .Rel_mian .slick-dots { line-height: 30px; }
  .Relevant .Rel_mian .slick-dots li { width: 6px; height: 6px; margin: 0 8px; }
  .Relevant .Rel_mian .Rel_li { padding: 0 5px; }
  .Relevant .Rel_mian .Rel_txt span { font-size: 14px; }
  .Relevant .Rel_mian .Rel_txt em { height: 40px; font-size: 12px; line-height: 20px; }
  .Relevant.R_prods .Rel_mian .Rel_txt { padding: 10px 0; }
  .Join .Jo_1 > div { height: 200px; }
  .Join .Jo_1 > div.fl { height: auto; padding: 5%; }
  .Join .Jo_1 > div.fl h4 { font-size: 18px; margin-bottom: 15px; padding-bottom: 15px; }
  .Join .Jo_1 > div.fl p { font-size: 12px; line-height: 20px; }
  .Join .Jo_1 > div.fl > div.p { padding-right: 10px; }
  .Join .Jo_2 > h4 { font-size: 18px; }
  .Join .Jo_2 .jo_mian .jo_dt { height: 42px; padding: 0 5%; line-height: 42px; }
  .Join .Jo_2 .jo_mian .jo_dt span { width: 30%; font-size: 12px; }
  .Join .Jo_2 .jo_mian .jo_dt span.none { display: none; }
  .Join .Jo_2 .jo_mian .jo_dt span:first-child { width: 40%; }
  .Join .Jo_2 .jo_mian .johd { height: 48px; padding: 0 5%; line-height: 48px; }
  .Join .Jo_2 .jo_mian .johd:before { right: 2%; }
  .Join .Jo_2 .jo_mian .johd span { width: 30%; font-size: 12px; }
  .Join .Jo_2 .jo_mian .johd span.none { display: none; }
  .Join .Jo_2 .jo_mian .johd span:first-child { width: 40%; }
  .Shop .sh_tit { line-height: 30px; }
  .Shop .sh_tit i { width: 30px; height: 30px; }
  .Shop .sh_tit em { font-size: 24px; }
  .Shop .sh_mian .sh_list > a { font-size: 14px; }
  .Shop .sh_mian .sh_ul { margin-top: 0; padding-bottom: 30px; }
  .Shop .sh_mian .sh_ul .slick-dots { line-height: 30px; }
  .Shop .sh_mian .sh_ul .slick-dots li { width: 6px; height: 6px; margin: 0 8px; }
  .Shop .sh_mian .sh_ul .sh_li { padding: 0 10px; }
  .Shop .sh_mian .sh_ul .shtxt { padding-top: 10%; }
  .Shop .sh_mian .sh_ul .shtxt span { margin-bottom: 5px; font-size: 14px; }
  .Shop .sh_mian .sh_ul .shtxt em { font-size: 12px; line-height: 20px; }
  .Sale .sale_1 .sa_txt > h4 { padding-left: 10px; }
  .Sale .sale_1 .sa_txt > h4:before { height: 20px; }
  .Sale .sale_1 .sa_txt > h4 span { font-size: 18px; }
  .Sale .sale_1 .sa_txt > ul li i { width: 24px; margin-right: 10px; font-size: 24px; line-height: 40px; }
  .Sale .sale_1 .sa_txt > ul li span { width: calc(100% - 34px); line-height: 20px; }
  .Sale .sale_1 .sa_txt > ul li span em, .Sale .sale_1 .sa_txt > ul li span b { font-size: 12px; }
  .Sale .sale_1 .sa_map { height: 300px; }
  .Sale .sale_2 .sa_hd > h4 { font-size: 20px; }
  .Sale .sale_2 .sa_hd > p { font-size: 12px; line-height: 20px; }
  .Sale .sale_2 .sa_hd > h6 { margin-bottom: 5%; padding: 10px 0; font-size: 14px; }
  .Sale .sale_2 .sa_hd > ul li { width: 180px; height: 40px; margin-bottom: 3%; font-size: 12px; line-height: 40px; }
  .Sale .sale_2 .sa_hd > ul li i { font-size: 24px; }
  .Sale_x { padding: 50px 0; }
  .Sale_x h4.h4 { font-size: 24px; }
  .Sale_x form .select { float: left; width: 48%; margin: 0; }
  .Sale_x form .select:last-child { float: right; }
  .Sale_x form .select p { height: 40px; padding: 0 10px; line-height: 40px; font-size: 12px; }
  .Sale_x ul li { float: none; width: 100%; height: auto; }
  .Sale_x ul li > h4 { margin-bottom: 2%; line-height: 24px; }
  .Sale_x ul li > h4 i { width: 20px; font-size: 20px; }
  .Sale_x ul li > h4 em { width: calc(100% - 26px); font-size: 16px; }
  .Sale_x ul li > p { padding-left: 24px; font-size: 12px; line-height: 20px; }
  .About .Ab_1 .Ab_tit { padding: 0; }
  .About .Ab_1 .Ab_tit > h4 { font-size: 18px; }
  .About .Ab_1 .Ab_tit p { font-size: 12px; line-height: 20px; }
  .About .Ab_1 .Ab_mian { padding-top: 0; }
  .About .Ab_1 .Ab_vid > span i { font-size: 40px; }
  .About .Ab_1 .Ab_li { padding: 0; }
  .About .Ab_1 .Ab_pp { font-size: 14px; }
  .About .Ab_2 .Ab_tit > h4 { font-size: 18px; }
  .About .Ab_2 .Ab_mian > div h4 { font-size: 18px; }
  .About .Ab_2 .Ab_mian > div h5 { font-size: 14px; line-height: 20px; }
  .About .Ab_2 .Ab_mian > div p { font-size: 12px; line-height: 20px; }
  .About .Ab_2 .Ab_mian .ab_1 { height: auto; padding: 5% 5% 15%; }
  .About .Ab_2 .Ab_mian .ab_2 { height: auto; padding: 5% 5% 40%; }
  .About .Ab_3 .Ab_tit > h4 { font-size: 18px; }
  .About .Ab_3 .Ab_hd > a { width: 30px; height: 30px; font-size: 16px; line-height: 28px; }
  .About .Ab_3 .Ab_hd .Ab_ul { width: calc(100% - 60px); height: 30px; }
  .About .Ab_3 .Ab_hd .Ab_ul .swiper-slide { font-size: 14px; line-height: 28px; }
  .About .Ab_3 .Ab_bd { padding: 5% 0 0; }
  .About .Ab_3 .Ab_bd .ab_txt h4 { font-size: 20px; }
  .About .Ab_3 .Ab_bd .ab_txt p { font-size: 12px; }
  .About .Ab_4 .Ab_tit > h4 { font-size: 18px; }
  .Product .sub_banner { height: 200px; }
  .Product .pr_tit { line-height: 24px; }
  .Product .pr_tit span { font-size: 20px; }
  .Product .pr_tit a { height: 24px; font-size: 12px; line-height: 22px; }
  .Product .pr_dt .pr_img { height: 200px; }
  .Product .pr_dd { padding-bottom: 40px; }
  .Product .pr_dd > button { height: 30px; }
  .Product .pr_dd > button:before { font-size: 18px; }
  .Product .pr_dd .slick-dots { line-height: 30px; }
  .Product .pr_dd .slick-dots li { width: 6px; height: 6px; margin: 0 8px; }
  .Product .pr_dd .pr_txt { padding: 10px 0; }
  .Product .pr_dd .pr_txt span { font-size: 14px; }
  .Product .pr_video .pr_dt .pr_img > span i { font-size: 30px; }
  .Product .pr_video .pr_li .pr_img > span i { font-size: 30px; }
  .Product_list .pr_tit { line-height: 20px; }
  .Product_list .pr_tit span { font-size: 20px; }
  .Product_list .pr_tit a{font-size: 14px;}
  .Product_list .pr_dd .pr_li { margin-bottom: 10px; }
  .Product_list .pr_dd .pr_txt { padding: 10px 0; }
  .Product_list .pr_dd .pr_txt span { font-size: 14px; }
  .Product_list.pr_video .pr_li .pr_img > span i { font-size: 30px; }
  .Product_x .sci_box .sci_bd > div { height: 300px; }
  .Product_x .prxx_txt > div h4 { font-size: 20px; line-height: 28px; }
  .Product_x .prxx_txt > div h5 { font-size: 14px; line-height: 20px; }
  .Product_x .prxx_txt > div h6 { font-size: 12px; line-height: 30px; }
  .Product_x .prxx_txt > div p { font-size: 12px; line-height: 20px; }
  .video_tc .video_box { width: 96%; height: auto; padding: 40% 0; } }
@media (max-width: 430px) {
	.header .logo i { font-size: 10px; letter-spacing: 0; }
  .banner { height: 170px; }
  .index_2 .swiper-slide { height: 200px; }
}
/*css3*/
@-webkit-keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes ripple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
@keyframes ripple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; }
  100% { -webkit-transform: scale(8); transform: scale(8); opacity: 0; } }


/*搜索*/
.bottom_search{ margin:auto; text-align:center; color:#FFFFFF ; margin-top:70px}
.e_txt{ float:left; font-size:12px; width:100px; margin-left:36.5%; color:#FFFFFF; margin-top:50px; font-weight:bold; }
.bottom_search .s-input{ background: #FFFFFF;  line-height:22px;  width:450px; height:50px; padding-left:20px; color: #999999; font-size:18px; font-style:oblique}
.bottom_search button{ margin-left:4px;font-size:16px; width:80px; height:56px;border-radius:0px 50px 50px 0px; background-color:#FFFFFF}
.bottom_search span{ font-size:16px; line-height:50px; padding-right:20px}


/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:100%; float:left; margin:52px 0; }
#news .pic{ width:508px; height:304px; background:url(../images/news_pic.jpg) center no-repeat; float:left; margin-right:30px;}
#news a.button{ padding:10px 35px;background:#F40028;border:1px solid #F40028; border-radius:5px;-moz-border-radius:5px; color:#fff}
#news a.button:hover{ background:#Fff;border:1px solid #Fff; color:#F40028; font-weight:bold;}
#news .button_box{ width:100%; margin-top:170px; margin-left:40px;}
#news .con{ width:662px; float:left}
#news .con ul{ margin:0; padding:0}
#news .con ul li{ width:100%; float:left; line-height:30px; margin-bottom:12px; border-bottom:1px dashed #C6C6C6;}
#news .con ul li a{ color:#000; text-decoration:none; }
#news .con ul li i{ width:5px; height:5px; background:#ED0022;border-radius: 50%;-moz-border-radius:50%; float:left; margin:12px 10px;}
#news .con ul li span{ float:right; color:#000; font-size:14px;}