.top .nav@charset"utf-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{z-index:2;width:100%; background:#fff;}
a{color: #000;}
* {margin: 0;padding: 0;font-family: 'Microsoft YaHei','Helvetica', 'Verdana';border: 0;outline: medium;text-shadow: none;text-decoration: none;box-sizing: border-box;}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:100%;}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
.pr,.rel{position:relative}
.abs,.pa{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.h_100{height:100%}
.re{position:relative}
.ab{position:absolute}
.fi{position:fixed}
img{-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;}
body{font:14px/1.5 "微软雅黑","Microsoft Yahei";color:#444;background-color:#fff;
    -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
a{text-decoration:none;}
.w_100{width: 100%;}
/*通用样式*/
body{min-width: 1200px;}
.wp{ width: 85%; min-width: 1100px; margin: 0 auto;}
.wp2{ width:85%; min-width: 1100px; margin: 0 auto; background:#fff;margin-bottom: 5%;}

/*头部*/
.teal-shape {position: absolute;top: 10px;left: 0; width: 520px; height: 90px;background-color:#27afc5;clip-path: url(#accurateCurve);z-index: 2;}
.thd {position: absolute;top: 0;left: 0;width: 100%;height: 10px;background-color: #27afc5;z-index: 999;}

.top{position: fixed; width: 100%;height: 100px;top: 0px;left: 0;display: block;z-index: 50;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;z-index: 980;background-image: linear-gradient(to bottom, rgba(50, 50, 50, 1), rgba(255, 255, 255, 0)); /* 从顶部到黑色 */}
.top .wp{position: relative;height: 100%;width: 100%;z-index: 5;}
.top .logo{position: absolute;top: 50%;transform: translateY(-50%);width: 340px;text-align: center;}
.top .logo:before{width: 100%;height: 100%;display: block;position: relative;content: '';}
.top .logo img{width: 180px;margin: 0 auto}
.top .logo .logo_h{position: absolute;width: 100%;height: 100%;left: 0;top: 0; opacity: 0;filter:alpha(opacity=0);}
.top .nav{top: 50%;transform: translate(-50%,-30%);left: 50%;position: absolute;width: 880px;}
.top .nav ul li{width: calc(100% / 7 - 0.3px);float: left; text-align: center; font-size: 20px;}
.top .nav ul li a{color: #fff;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.top .nav ul li.pt a{font-weight: bold;color:#27afc5;}
.top .top_right{position: absolute;top: 50%;right: 100px;transform: translate(0%,-30%);}
.top .top_right ul li{float: left; width: 40px;height: 40px;border-radius: 50%;line-height: 40px; text-align: center;position: relative;margin-left: 10px;cursor: pointer;}
.top .top_right ul li a{display: block; font-size: 15px;}
.top .top_right ul li:nth-of-type(2){background: rgba(0,0,0,0.3);}
.top .top_right ul li i{color: #fff;font-style: normal;display: block;}
.top .top_right ul li i.icon-weixin{font-size: 20px;}
.top .top_right ul li .erweima{position: absolute;top: 120%;left: 50%;transform: translateX(-50%) translateY(10px);opacity: 0;filter:alpha(opacity=0);visibility: hidden; width: 100px;height: 100px; padding: 5px;background: #fff; z-index: 30; pointer-events: none;}
.top .top_right ul li:hover .erweima{transform: translateX(-50%) translateY(0px);opacity: 1;filter:alpha(opacity=100);visibility: visible;pointer-events:inherit;}
.top .top_right ul li:nth-of-type(2):hover{background: rgba(255,255,255,0.8);}
.top .top_right ul li:nth-of-type(2):hover i{color: #000;}

.top .top_back{width: 100%;height: 100px;position: fixed;z-index: -1;background: #fff;top: 0;left: 0;transform: translate3d(0,-105%,0);}
.top_hd{width: 100%;height:100px;position: fixed;z-index: -1;background: #000;top: 0;left: 0;z-index: 5;}
.top_hd.top_hd_hidden{opacity: 0;height: 100px;filter:alpha(opacity=0);}
.top.top_bd .top_back{transform: translate3d(0,0,0);box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.top.top_bd{height: 100px;}
.top.top_bd .nav ul li a,.top.top_ny .nav ul li a{color: #333;}
.top.top_bd .nav ul li.pt a{color:#27afc5;}
.top.top_bd .top_right ul li:nth-of-type(1) i,.top.top_ny .top_right ul li:nth-of-type(1) i{color: #333;}

/*菜单*/
.bback{ width: 100%; height:100%;background: rgba(0,0,0,0.0);pointer-events: none;display: block; position: fixed; bottom: 0;left: 0;z-index: 120;visibility: hidden; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.caidan{height:100%;position: fixed; bottom: 0;left: 0;z-index:150;transform: translate3d(-110%,0,0);width: 100%;background: #000;}
.caidan .caidan_nav{ padding: calc(80px + 8vw) 0% 0; height:100%;position: relative;}
.caidan .caidan_nav ul{}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block;font-weight: bold;font-size:17px;height:3.4rem;line-height:3.4rem;color: #fff;text-align: center;}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{ color: #333;}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0;filter:alpha(opacity=0);transform: translate3d(20px,0,0);font-size: 20px;pointer-events:none}
.caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: translate3d(0,0,0);opacity: 1;filter:alpha(opacity=100);}
.caidan.caidan_oppen{transform: translate3d(0%,0,0);z-index:950;}
.caidan_hidden{transform: translate3d(-110%,0,0);}
.caidan .caidan_nav ul .caidan_2box{width: 80%; padding:2% 10%; display: none; background: #f4f4f4;}
.caidan .caidan_nav ul .caidan_2box li{height: 40px;line-height: 40px; border-top: 1px solid rgba(0,0,0,0.05);}
.caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
.caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
.caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}
.top .menu.menu2 i{background: #fff;}
.top .menu.menu2 i:nth-of-type(2){opacity: 0;filter:alpha(opacity=0);}
.top .menu.menu2 i:nth-of-type(1){transform:translateY(7px) rotate(-45deg);}
.top .menu.menu2 i:nth-of-type(3){transform:translateY(-7px) rotate(45deg);}
.rexian{ position: absolute;bottom:10%;left: 0%;width: 100%; text-align: center;}
.rexian span{display: block;font-size: 12px;width: 100%;}
.rexian strong{font-size: 1.3rem; color:#fff;}
.top.top_ny .menu i{background: #222!important;}
.top.top_bd .menu.menu2 i{background: #222;}
/*品牌故事*/
.ba_cont{min-height: 500px;background: url("bbg.jpg") center center no-repeat; background-attachment: fixed;background-size: cover;}
.ba_cc{display: flex;flex-wrap: wrap;flex-direction: row;width: 90%;display-radio: flex;padding: 200px 0;margin-left: auto;margin-right: auto;}
.ba_cc_l, .ba_cc_r{flex: 1;max-width: 100%;max-height: 100%;}
.ba_cc_l h2{font-size: 58px;color:#27afc5;margin-top: 180px;text-shadow: 2px 2px 4px #444;}
.ba_cc_l h4{font-size: 42px;margin-top: 10px;color: #fff;font-weight: normal;text-shadow: 1px 1px 3px #666;}
.ba_cc_l p{margin: 15px 0 25px;}
.ba_cc_l p img{width: 320px;}
.ba_r_cc{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;display-radio: flex;max-width: 600px;margin-right: 50px;margin-left: auto;padding-right: 0px;font-size: 18px;line-height: 36px;color:#fff;}
.ba_r_cc p{margin-bottom: 20px;text-shadow: 1px 1px 2px #222;}
.ba_r_cc a.allabut{color: #fff;padding: 0px 15px;font-size: 16px;border: 1px solid #fff;background-color: #27afc5;}
.ba_r_cc a.allabut:hover{color: #fff;border: 1px solid #fff;}
.ba_r_cc p.pt{margin-top: 24px;}

/*底部*/
.footer{width: 100%;background: linear-gradient( to bottom,#119ab0 0%,#27afc5 100%);}
.foot{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;display-radio:flex;padding:80px 0 60px;margin: 0 auto;max-width: 1640px;}
.ft_01{flex: 1;color:rgba(255,255,255,1);}
.ft_01 img{width: 200px;margin-bottom: 34px;}
.ft_01 p{font-size: 15px;line-height: 1;margin-bottom: 10px;}
.ft_01 h2{font-size: 24px;line-height: 1;margin-bottom: 28px;font-weight: normal;}
.ft_01 h2 a{color: #fff;}
.ft_02{flex: 3;padding: 0px 50px;}
.ft_02 .ft-menu{display: flex;}
.ft_02 .ft-menu dl{flex: 1;}
.ft_02 .ft-menu dt{font-size: 22px;line-height: 1;margin-bottom: 40px;}
.ft_02 .ft-menu dd{font-size: 17px;line-height: 1;margin-bottom: 25px;}
.ft_02 .ft-menu dt a, .ft_02 .ft-menu dd a{color: #fff;}
.ft_03{flex: 1;}
.ft_03 li{float: left;width: 60px;text-align: center;padding-right: 50px; margin-bottom: 25px;}
.ft_03 li i{color: #fff;font-size: 32px;}
.ft_03 li:hover i{color: #A70002}
.Copyright{width: 100%;padding: 20px;text-align: center;border-top: 1px solid #ccc;}
.Copyright p{line-height: 24px;font-size: 15px;color: #fff;}
.Copyright p a{padding:0 10px;color: #fff;}
/*首页搜索*/
.soso{border-top: 1px solid #ddd;width: 100%;}
.ss{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;display-radio:flex;padding:100px 0;margin-left:auto;margin-right:auto;background_radio:1;max-width:1640px;}
.ss_l, .ss_r{flex: 1; max-width: 100%; max-height: 100%;}
.ss_l{width:100%;padding-right:18vw;}
.ss_l h2{line-height:1.2;font-size:28px;color:rgba(51,51,51,1);font-weight: normal}
.ss_l h6{line-height:1.2;color:rgba(51,51,51,0.5);font-size:18px;font-weight: normal}
.ss_l p{line-height:1.5;font-size:18px;color:rgba(51,51,51,0.8);margin-top:20px;}
.search{display:flex;background-color:#f0f0f0;height:50px;border-radius:3px;margin:50px 0 0;border:1px solid #ddd;width: 420px;float: right;}
.search input.ky{flex: 1; padding: 0 20px;overflow: hidden;} 
.search button.ks{width: 50px;}
.search button.ks i{font-size: 32px;color: #777;cursor: pointer}
/*内页banner*/
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.w1280{width: 1280px;max-width: 92%;margin: 0 auto;}
.w1300{width: 1300px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}
.w1700{width: 1700px;max-width: 92%;margin: 0 auto;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.ban p{font-size: 24px;color: #F6F6F6;text-shadow:  1px 1px 5px #222;}
.ban h2{font-size: 38px;color: #F6F6F6;margin: 10px 0;text-shadow: 1px 1px 5px #222;font-weight: normal;}
.ban span{font-size: 18px; color: #F6F6F6;display: block;text-transform: uppercase;text-shadow:  1px 1px 5px #222;}
/*子栏目*/
.ny-nav{height: 60px;position: relative;}
.ny-navs{height: 60px;border-bottom: 1px solid #d0cfcf;}
.ny-navs .w1440{white-space: nowrap;overflow: auto;padding-bottom: 2px;}
.center-list{ display: flex;justify-content:left;align-items: center;list-style-type: none;}
.ny-navs a{float: left;line-height: 60px;position: relative;font-size: 16px;color: #454545;margin-right: 30px;padding: 0 18px;transition: all .4s;}
.ny-navs a:after{content: "";position: absolute;width: 0;left: 50%;transform: translateX(-50%);height: 0;bottom:-2px;background: #27afc5;transition: all .4s;}
.ny-navs a:last-child{margin-right: 0;}
.ny-navs a.active{color: #27afc5;}
.ny-navs a.active:after{width: 100%;height: 3px;}
.ny-navs a:hover{color: #27afc5;}
.ny-navs a:hover:after{width: 100%;height: 3px;}
.ny-nav.fixed .ny-navs{position: fixed;z-index: 25;left: 0;background: #fff;width: 100%;top:100px;border-top: 1px solid #d0cfcf;}
.ny-nav .ny-ding{position: absolute;right: 0px;top: 20px;margin-right: 8%;color: #666;}
.ny-nav .ny-ding a{color: #666}
.ny-nav .ny-ding i{color: #27afc5;}
.ny-nav .ny-ding i.icon-you{color: #666;margin: 0 8px;}
/*关于*/
.h_tit{text-align: center;padding: 70px 0px;}
.h_tit h2{line-height: 1.5;font-size: 42px;font-weight: normal;color: rgba(0,0,0,0.8);}
.h_tit h4{font-size: 28px;color: rgba(0,0,0,0.2);font-weight: normal;text-transform: uppercase; }
.h_tit p{font-size: 18px;color: rgba(0,0,0,0.7);margin-top: 10px;}
.screen_ab{height: 700px !important;}
.screen_com .about_con .ab_inner{padding-top: 0px !important;}
.screen_com .ab_right{width: 45% !important; }
.screen_com .about_con .ab_inner .t1{margin-top: 0px !important;}
.screen_com .about_con .t1 img{max-width: 30%;}
.screen_com .about_con .ab_inner .item .list{margin-bottom: 2%;}
.yanfa{height: 600px;cursor: pointer;}
.play77{background: url("../images/play.png") no-repeat center;background-size: cover;width: 77px;height: 77px;margin: 0 auto;transition: all .4s;border-radius: 100%;}
.yanfa:hover .play77{box-shadow: 0 0 10px 0 #fff;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1000px;max-width: 70%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
.zxly-btn{height: 30px;line-height: 30px;width: 90px;}
/*发展历程*/
.about3{padding: 0}
.about3 .wtop{position:relative}
.about3 .left{width:8%;float:left;background-color: #27afc5;height:600px;position:relative;text-align: center;}
.about3 .left .l1{position:absolute;top:50%;left:50%;width:40px;font-size:40px;color:#ffffff;font-weight:bold;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.about3 .right{width:92%;float:left}
.about3 .right .swiper-slide{height:600px;background:#f3f3f3;padding:110px 35px;box-sizing:border-box;position:relative;transition:all ease .3s}
.about3 .right .swiper-slide:hover{padding-top:100px}
.about3 .right .swiper-slide:after{content:'';background:url('ico_lc2.png');width:44px;height:44px;position:absolute;top:0;right:0;z-index:3;opacity:0}
.about3 .right .swiper-slide-active:after{opacity:1}
.about3 .right .swiper-slide:nth-child(even){background:#f9f9f9}
.about3 .year{font-size:40px;font-weight:bold;color:#27afc5;font-family:'arial'}
.about3 .ico{margin:20px 0}
.about3 .lans{font-size:16px;line-height:30px;color:#666666}
.about3 .bottom{line-height:95px;text-align:center;box-sizing:border-box;background:url("../images/x1.png") center 15px repeat-x;margin-top:20px}
.about3 .bottom .swiper-container{max-width:1300px;font-size:20px;color:#999999}
.about3 .bottom .swiper-slide{padding-top:20px}
.about3 .bottom .swiper-slide.on{color:#333333;position:relative}
.about3 .bottom .swiper-slide.on:after{content:'';background:url('on.png');width:20px;height:30px;position:absolute;left:calc(50% - 10px);top:5px}
.about3 .button-next,.about3 .button-prev{width:35px;height:35px;text-align: center;line-height: 35px;border: 1px solid #27afc5;border-radius: 50%;position: absolute;top: 50%;color: #27afc5;cursor: pointer;}
.about3 .swiper-button-disabled{color: #BEBEBE;border: 1px solid #BEBEBE;}
.about3 .button-next:hover,.about3 .button-prev:hover{color: #27afc5}
.about3 .button-prev{left:-50px}
.about3 .button-next{right:-50px}
/*企业文化*/
.ab_qywh{background: url("../images/wh-bg.jpg") no-repeat center;background-size: cover;padding: 120px 0;}
.radius10{border-radius: 10px;background: rgba(255,255,255,.9);padding-bottom: 70px;}
.values li{float: left;width: 25%;box-sizing: border-box;padding: 0 4.5%;position: relative;margin-bottom: 3%;text-align: center;}
.values-top{margin-bottom: 15px;}
.values-top h3{font-size: 22px;color: #000;font-weight: normal;}
.values-top p{font-size: 16px;color: #d7d7d7;text-transform: uppercase;margin: 2px 0;}
.values-top .i{width: 25px;height: 2px;background: #27afc5;margin: 0 auto;}
.values-bot h4{font-size: 16px;color: #262525;line-height: 1.6em;min-height: 3.2em;margin-bottom: 15px;font-weight: normal;}
.values-bot p{color: #9d9d9d;}
.values-bot .i{position: absolute;right: -4.5%;top:0px;height: 126px;border-right: 1px dashed #acacac;}
.values .values-bot  li:last-child .i{display: none;}
/*远销全球*/
.mapp{width:80%;margin: 0 auto;}
.overhide{padding-bottom: 80px;background-color: #efefef;}
.buju{width:50%;height: 100%;background: #f1f1f1;margin: 0 auto;}
.buju-svg path{stroke-width: 2px; fill-rule: evenodd;}
.buju-svg .solid path{stroke: #914c4c;stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: dash 5s 0.3s linear both infinite;}
@keyframes dash{
    from{stroke-dashoffset: 1000;}
    to{stroke-dashoffset: 0;}
}
.buju-svg .dashed path{stroke: #999;stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: dash2 5s 0.3s linear both infinite;}
@keyframes dash2{
    from{stroke-dashoffset: 1000;}
    to{stroke-dashoffset: 0;}
}
/*产品列表*/
.pro_box{width: 83%;max-width: 1600px;margin: auto;min-width: 1000px;}
.pro_list{padding:80px 0 0px 0}
.pro_list li{width:23.2%;float: left; margin-right:calc(2.4% - 4px);margin-bottom:35px;transition:all .5s ease;-webkit-transition:all .5s ease;vertical-align:top;margin-top:15px;background-color: #fbfbfb}
.pro_list li .picture{position:relative;overflow:hidden;border:1px solid #eeeeee;padding: 20px;overflow: hidden;}
.pro_list li .picture img{transition:all .7s;background:#fbfbfb;width: 100%;}
.pro_list li:hover{box-shadow:0 5px 20px 0 rgba(0,0,0,.2);margin-top:0px}
.pro_list li:nth-child(4n){margin-right:0}
.pro_list a{}
.pro_list .lans{box-sizing:border-box;padding:12px 30px;line-height:45px;border:1px solid #eeeeee;border-top:0;font-size:16px}
.pro_list a:hover .lans{background:#27afc5;border:0}
.pro_list .t1{color:#002222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_list a:hover .t1{color:#ffffff}
.pro_list .t2{color:#002222;border-top:1px solid #eeeeee;height: 45px;overflow: hidden;}
.pro_list a:hover .t2{border-top:1px solid rgba(255,255,255,.3)}
.pro_list a:hover .t2_1{color:#27afc5}
.pro_list .t2_1{color:#777;font-size:14px;float:left;width:calc(100% - 35px);}
.pro_list .t2_2{float:right;width:25px;color: #777; line-height:45px;height:45px}
.pro_list a:hover .t2_2{color:#27afc5;}
/*分页*/
.pagination{width: 100%;margin: 30px auto 50px;text-align: center;}
.pagination ul {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: bottom;}
.pagination li {display: inline-block;text-align: center;border:solid 1px #EBEBEB;border-radius:4px;margin:0 5px;font-size:14px;}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active a{background-color:#27afc5;color: #fff;}
.pagination li a, .pagination li span.current {border-radius:4px;color:#6e6e6e;background:#fff;padding:8px 12px;border:1px solid #DCDCDC;}
.pagination li span.current{background-color:#27afc5;color: #fff;}
/*产品页*/
.pro_d1{padding:70px 0;width:83%;max-width:1600px;margin:auto;} 
.p_info{padding:20px 0;width:83%;max-width:1600px;margin:auto;}
.pro_d1 .right{width:calc(100% - 800px);max-width:720px;float:right}
.pro_d1 .titles{font-size:30px;color:#222222;border-bottom:1px solid #e7e7e7;padding:20px 0}
.pro_d1 .left{width:750px;display:block;float:left}
.pro_d1 .t1{margin-top: 20px;line-height:28px;font-size: 16px;color: #333333}
.pro_d1 table{width:100%}
.pro_d1 .attr{padding:30px 0;border-bottom:1px solid #e7e7e7;margin-bottom: 28px;}
.pro_d1 .attr li{color:#222222;font-size:16px;line-height:26px;padding:10px;float: left;width: 50%;}
.pro_d1 .attr li.ahh{width: 100%;}
.pro_d1 .attr li span{color:#777}
.pro_d1 .message{width:170px;height:50px;line-height:50px;font-size:16px;background:#27afc5;color:#ffffff;text-align:center;display:inline-block;margin-right: 12px;margin-bottom: 12px;}
.pro_d1 .message i{margin-right: 6px;font-size: 20px;}
.pro_d1 .message:hover{background-color:#178799}
.pro_d1 .mg_red{background:#B60103;}
.pro_d1 .mg_red:hover{background:#800405 }
.p_info_tit{width: 100%;position: relative;height: 50px;margin-bottom: 28px;border-top: 1px solid #ddd}
.p_info_tit span{text-align:center;width:200px;float:left;font-size:16px;color:#333;padding:20px 0;line-height:20px;position:relative;font-size: 20px;}
.p_info_tit:before{content:'';width:200px;left:0;top:-2px;position:absolute;background:#00b0a5;height:3px;transition:all .5s;-webkit-transition:all .5s}
.p_info_tit span::after{content:'';position:absolute;right:0;width:1px;height:20px;top:20px;background:#e7e7e7}
.p_info_cont{font-size: 15px;}
.p_info_cont p{text-align: center;}
.p_info_cont img{max-width: 90%;overflow: hidden;margin-bottom: 0px;vertical-align:bottom}
.pro_d1 .pice{font-size: 16px;color: #777; margin-top: 20px;}
.pro_d1 .pice span{color: #790A0C;margin-left: 2px;font-size: 18px;}

/*产品页面滚动展示*/
.gallery-wrapper{max-width:1100px;margin:0 auto;display:flex;flex-direction:row;gap:15px;height:500px;}
.thumb-swiper{width:100px;height:100%;flex-shrink:0;user-select:none}
.thumb-swiper .swiper-slide{cursor:pointer;overflow:hidden;opacity:0.5;transition:all 0.3s ease;border:2px solid transparent}
.thumb-swiper .swiper-slide-thumb-active{opacity:1;border-color:#27afc5;transform:scale(0.98)}
.thumb-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover}
.main-swiper{flex:1;width:0;height:100%;border:1px solid #eee;}
.main-swiper .swiper-slide{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%; }
.main-swiper .swiper-slide img{height:100%;object-fit:cover;vertical-align: middle;}
.gallery-wrapper .swiper-button-next, .gallery-wrapper .swiper-button-prev{color:#fff;background:rgba(0,0,0,0.2);width:40px;height:40px;border-radius:50%;after:{font-size:18px}
}
.gallery-wrapper .swiper-button-next:after, .gallery-wrapper .swiper-button-prev:after{font-size:20px}
/*产品页留言*/
 .msg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10001;display:none;justify-content:center;align-items:center;backdrop-filter:blur(5px)}
.msg-window{background:#fff;width:90%;max-width:500px;padding:40px;border-radius:4px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:slideUp 0.4s ease}
.msg-window h3{font-size:24px;color:#27afc5;margin-bottom:20px;border-bottom:2px solid #27afc5;padding-bottom:10px}
.msg-close{position:absolute;top:15px;right:15px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.3s;font-size:24px;color:#ccc}
.msg-close:hover{color:#27afc5;transform:rotate(90deg)}
.msg-form input,.msg-form textarea{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:2px;outline:none;transition:0.3s}
.msg-form input:focus,.msg-form textarea:focus{border-color:#27afc5}
.msg-form button{width:100%;padding:15px;background:#27afc5;color:#fff;border:none;border-radius:2px;cursor:pointer;font-size:16px;font-weight:bold}
.msg-form button:hover{background:#036575;}
.msg-window p.ddzz{font-size: 14px; color: #888; margin-bottom: 20px;line-height: 28px;}
@keyframes slideUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
/* 新闻列表 */
.p50{padding-top: 50px;}
.text-center{text-align: center;padding-top: 30px;}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 {float:left;position: relative;  min-height: 1px;}
.x1 {width:8.33333333%}
.x2 {width: 16.66666667%;}
.x3 {width:8.33333333%}
.x4 {width:33.33333333%}
.x6 {width:50%}
.x9 {width: 75%;}
.x11 {width:25%}
.x10 {width: 83.33333333%;}
.x12 {width: 100%;}
.list-news {display: flex;align-items: center;justify-content: center;margin-bottom:30px;background-color: #f6f6f6;}
.list-news .time{margin-right:-20px;padding:15px 0 10px 0;border-right:1px solid #eee;}
.list-news .time .text-large{font-size:52px;line-height:54px;color: #777}
.list-news .news02 {margin-left:50px;margin-right:30px}
.list-news .news02 h3 a{display:block;font-size:24px;color:#333;margin-bottom:20px}
.list-news .button i{font-size: 22px;}
.list-news:hover .button{background:#27afc5;color:#fff;border:1px solid #27afc5}
.list-news:hover h3 a{color:#27afc5}
.media-img{margin: 0; padding: 0; border: 0;font-size: 14px;font: inherit; vertical-align: baseline;}
.img-responsive {display: block;max-width: 100%;height: auto;}
.text-gray{color: #777;}
.list-news .button {width: 60px;line-height: 60px;border: 1px solid #eee;background: transparent; font-size: 24px;text-align: center;margin: 0;display: inline-block;box-sizing: border-box;}
.list-news .news02 p.ttime{display: none;}
/* 新闻列表 */
/* 内容 begin */
.blank-small {height: 20px;line-height: 20px;clear: both;font-size: 0;}
.sidebar-l {margin-right:20px}
.sidebar-r {margin-left:0px;}
.article{overflow:hidden;box-sizing: border-box;padding-bottom: 50px;}
.article .padding-large{padding:20px 22px;}
.article .post h1{font-size: 26px;font-weight: 700;color: #141414;line-height: 1.5;}
.article .post h2{font-size:24px;font-weight:600;margin:10px 0}
.article .post h3{font-size:20px;font-weight:600;margin:10px 0}
.article .post .meta {margin-top: 15px; padding-bottom: 14px;border-bottom: 1px solid #eee;margin-bottom: 28px;}
.article .post .meta span {color: #a4a4a4;margin-right: 8px;}
.article .post hr{margin:10px 0;height:1px}
.article .post strong{font-size:16px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:16px;line-height:32px;margin-bottom:20px}
.article .post img{max-width:100%;height: auto !important;}
.article .post a{text-decoration:none;}
.article .post a:hover{color:#27afc5;border-bottom:0 solid #27afc5}
.article .post .text-right{text-align:right}
/* 标题样式-左 */
.title-l h2{line-height:28px;height:28px;color:#333;position:relative;font-size:16px;letter-spacing:0;padding-left:20px;margin-bottom:10px;}
.title-l h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:4px;background:#27afc5;left:0}
/* 纯文字列表  begin*/
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:block;}
.list-post-text li.dot a{padding-left:15px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-post-text li.dot:hover a:before {background:#27afc5;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
/* 纯文字列表  end*/
/* 横向左图右字列表 begin*/
.list-post-x .media{margin-bottom:20px}
.list-post-x .media.border{border:0;border-bottom:1px solid #ECEFF5;padding-bottom:20px}
.list-post-x .media img{transition:all .3s ease-out}
.list-post-x .media .thumb-md{position:relative;max-width:90%;overflow:hidden; margin: 0 auto;padding: 10px;border: 1px solid #eee;}
.list-post-x .media .thumb-md .playtime{position:absolute;bottom:5px;right:5px;padding:0 5px;height:20px;line-height:18px;background:rgba(0,0,0,.6);z-index:3;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.list-post-x .media .thumb-md .playicon{position:absolute;bottom:5px;left:5px;width:20px;height:20px;line-height:18px}
.list-post-x .media:hover img{transition:all .3s ease-out;transform:scale(1.1)}
.list-post-x .media.media-x .float-left{margin-right:15px}
.list-post-x .media.media-x .float-right{margin-left:15px}
.list-post-x .media.media-x .media-body{text-align:left;padding:15px 0;height: auto;text-align: center;}
.list-post-x .media a:hover{color:#434C5A}
.list-post-x .media-body p{color:#888888;line-height:22px}
.list-post-x .media:last-child{margin-bottom:0}
.radius-rounded {border-radius:2em;padding-left:1em;padding-right:1em}
.border-top {border-top: solid 1px #eee;}
.tagss {color: #27afc5 !important;border: 1px solid #27afc5 !important;background-color: unset;display: inline-block;}
.margin-small-bottom {margin-bottom: 5px;}
.padding-small {padding: 5px 10px;}
.blank {height: 10px;line-height: 10px;clear: both;font-size: 0;}
.padding-large-top {padding-top: 30px;}
.border-top {border-top: solid 1px #eee;}
.x2 .button { border: solid 1px #EBEBEB;color: #fff; background-color: #27afc5;border-radius: 30px;font-size: 14px;padding: 10px 20px;margin-top: 0px;display: block;line-height: 20px;}
/* 横向上图下字列表 end *
/* 内容 end */
/*  联系我们begin  */
#ditu{width:100%;height:520px;}
#ditu .amap-layer{filter:grayscale(80%);}
.amap-container img{width: 150px;}

.lxwm .lx_bj{width: 100%; text-align: center;margin-bottom: 30px;}
.lxwm i{font-size: 60px;margin: 0 auto;width: 100px;height: 100px;line-height: 100px;text-align: center;display: block; color: #555;border: 3px solid #555;border-radius: 50%;}
.lx_cont{padding-bottom: 80px;text-align: center;}
.lx_cont h2{font-size: 60px;font-family: Arial;margin-top: 30px; }
.lx_cont h3{font-size: 32px;}
.lx_cont h4{font-size: 40px;}
.lx_cont p{color: #696969;font-size: 25px; line-height: 1.6;text-align: center;letter-spacing: 3px;}
/* 联系我们end */
/*资质荣誉*/
.container{max-width:1600px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.section-header{text-align:center;padding:80px 0 40px}
.section-header h2{font-size:36px;margin:0;font-weight:600}
.section-header .sub-en{font-size:14px;color:#777777;letter-spacing:4px;margin-top:10px;display:block}
.section-header .line{width:40px;height:3px;background:#27afc5;margin:25px auto 0}
.nav-btn{width:50px;height:50px;background:#fff;border:1px solid #eee;border-radius:50%;color:#27afc5;box-shadow:0 5px 15px rgba(0,0,0,0.05)}
.nav-btn:after{font-size:20px;font-weight:bold}
.nav-btn:hover{background:#27afc5;color:#fff;border-color:#27afc5}
.swiper-outer .swiper-button-next, .swiper-outer .swiper-button-prev{width: 40px;height: 40px;color: #27afc5;}
.swiper-outer .swiper-button-next::after, .swiper-outer .swiper-button-prev::after{font-size: 15px;}
.swiper-outer .swiper-button-next:hover, .swiper-outer .swiper-button-prev:hover{color: #fff;}
.swiper-outer .swiper-pagination{position:relative;margin-top: 30px;}
.swiper-outer .swiper-pagination .swiper-pagination-bullet-active{background-color:#27afc5;}
.honor-section{background:#fff;margin-bottom: 70px;}
.swiper-outer{position:relative;padding:0 60px}
.honor-swiper{padding:20px 0 40px}
.honor-swiper .swiper-slide{height:calc((100% - 30px) / 2) !important}
.honor-card{background:#fff;padding:10px;height:100%;border:1px solid #f0f0f0;box-sizing:border-box;transition:0.4s;cursor:pointer;display:flex;flex-direction:column}
.honor-card:hover{box-shadow:0 15px 35px rgba(0,0,0,0.08);border-color:#27afc5}
.honor-card .img-box{flex:1;background:#fdfdfd;display:flex;align-items:center;justify-content:center}
.honor-card .img-box img{max-width:90%;max-height:90%;object-fit:contain}
.honor-card p{text-align:center;margin:20px 0 0;font-size:16px;color:#333;font-weight:500}
.patent-section{background:url(his-bg.jpg) no-repeat top;background-size: cover;color:#555;padding-bottom:80px}
.patent-section .section-header h2{color:#fff}
.patent-section .section-header .sub-en{color:#aaa}
.patent-swiper{padding:20px 0 50px}
.patent-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:20px;border-radius:4px;height:410px;box-sizing:border-box;transition:0.4s;cursor:pointer}
.patent-card:hover{background:#27afc5;border-color:#fff;color: #fff;}
.patent-card .img-wrap{height:320px;background:#fff;padding:15px;border-radius:2px;display:flex;align-items:center;justify-content:center}
.patent-card .img-wrap img{max-width:100%;max-height:100%}
.patent-card h3{font-size:18px;margin:20px 0 0;text-align: center;}
.report-section{background:#f8f9fb;padding-bottom:70px;overflow:hidden}
.report-swiper{padding:40px 0;width:100%}
.report-swiper .swiper-slide{width:400px;transition:0.3s;opacity:1}
.report-card{background:#fff;padding:25px;border-radius:0;border:1px solid #eee;box-shadow:0 10px 40px rgba(0,0,0,0.06);cursor:pointer}
.report-card .img-box{border:1px solid #f0f0f0;aspect-ratio:1 / 1.414;display:flex;align-items:center;justify-content:center;background:#fff}
.report-card .img-box img{max-width:95%;max-height:95%}
.report-card .meta{margin-top:20px;border-top:1px dashed #ddd;text-align:center}
.report-card .meta h4{margin:0;font-size:18px;color:#27afc5;font-weight:600}
.preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(5px)}
.preview-overlay.active{display:flex}
.preview-box{max-width:90%;text-align:center}
.preview-box img{max-width:100%;max-height:70vh;border:5px solid #fff;box-shadow:0 0 50px rgba(0,0,0,0.5)}
.preview-box p{color:#fff;margin-top:20px;font-size:20px}
.swiper-horizontal .swiper-pagination{position:relative;margin-top: 50px;}
.swiper-horizontal .swiper-pagination .swiper-pagination-bullet-active{background-color:#27afc5;}
/*红冕品牌*/
.section-header{text-align:center;padding:100px 0 60px}
.section-header h2{font-size:38px;font-weight:600}
.section-header .sub-en{font-size:14px;color:#777;letter-spacing:5px;text-transform:uppercase;margin-top:12px;display:block}
.section-header .line{width:40px;height:3px;background:#27afc5;margin:30px auto 0}
.hero-view{height:70vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.hero-view h1{font-size:42px;letter-spacing:2px;margin-bottom:10px;font-weight: normal;text-shadow: 1px 1px 2px #222;}
.hero-view p{font-size: 28px;text-shadow: 1px 1px 2px #222;letter-spacing:1px;font-weight: 300;text-transform: uppercase}
.stats-section{padding:80px 0;background:#f8f9fb}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center}
.stat-item h3{font-size:4rem;color:#27afc5;margin-bottom:5px;font-family:Arial,sans-serif}
.stat-item p{font-size:1.4rem;color:#777}
.brand-story{padding:100px 0;display:flex;align-items:center;gap:80px;width: 94%}
.story-text{flex:1.2}
.story-text h2{font-size:40px;margin-bottom:30px;color:#27afc5;border-left:6px solid #27afc5;padding-left:20px}
.story-text p{font-size:18px;line-height:2;color:#444;margin-bottom:20px;text-align:justify}
.story-visual{flex:1;height:450px;background:#27afc5;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3.5rem;font-weight:bold;border-radius:4px;box-shadow:0 20px 40px rgba(214,43,47,0.15)}
.story-visual img{width: 65%;}
.values-section{background:#f8f9fb;padding-bottom:120px}
.values-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#eee;border:1px solid #eee}
.value-cell{background:#fff;padding:60px 30px;transition:0.6s cubic-bezier(0.165,0.84,0.44,1);position:relative;overflow:hidden;height:400px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
.value-cell:hover{background:#27afc5;color:#fff}
.value-cell h4{font-size:28px;font-weight:600;margin-bottom:10px}
.value-cell .en{font-size:14px;letter-spacing:2px;color:#27afc5;margin-bottom:30px;display:block}
.value-cell .detail{font-size:18px;line-height:1.8;opacity:0.8;transform:translateY(20px);transition:0.5s}
.value-cell:hover .detail{transform:translateY(0);opacity:1}
.value-cell:hover h4,.value-cell:hover .en{color:#fff}
.value-cell .bg-num{position:absolute;right:-15px;bottom:-15px;font-size:120px;font-weight:900;opacity:0.03;transition:0.5s}
.value-cell:hover .bg-num{opacity:0.08;color:#fff}
.product-section{padding-bottom:120px;background:#fff}
.product-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:50px;flex-wrap:wrap}
.tab-item{padding:12px 5px;width: 150px;text-align: center;background:#fff;border:1px solid #ddd;cursor:pointer;transition:0.4s;font-size:16px;font-weight:600;border-radius:2px;color:#555}
.tab-item.active{background:#27afc5;color:#fff;border-color:#27afc5}
.product-content{display:none}
.product-content.active{display:block;animation:fadeIn 0.5s ease}
.product-swiper{padding:20px 0 60px}
.product-card{background:#fbfbfb;border:1px solid #ddd;transition:0.3s;display:flex;flex-direction:column;height:100%;text-align:center}
.product-card:hover{border-color:#27afc5;box-shadow:0 10px 25px rgba(0,0,0,0.05)}
.product-card .img-box{background:#fdfdfd;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom: 1px solid #ddd;}
.product-card .img-box img{max-width:90%;transition:0.5s}
.product-card:hover .img-box img{transform:scale(1.05)}
.product-card .lands{box-sizing: border-box;padding: 12px 30px;line-height: 45px;}
.product-card:hover .lands{background-color: #27afc5;color: #fff;}
.product-card h5{font-size:16px;margin-bottom:8px;font-weight:400;text-align: left;border-bottom: 1px solid #ddd;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.product-card p{font-size:14px;line-height:1.4;text-align: left;}
.product-card p i{float: right;}
.product-card:hover .lands a{color: #fff;}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
.cta-section{background-color:#f8f9fb;color:#111;text-align:center;padding:150px 20px}
.cta-section h2{font-size: 32px;letter-spacing: 1px;line-height: 1.4;}
.cta-section p{font-size: 22px;margin-top: 12px;}
.btn-white{display:inline-block;padding:15px 40px;border:1px solid #ddd;color:#ccc;text-decoration:none;font-weight:bold;margin-top:30px;transition:0.3s;color: #27afc5}
.btn-white:hover{background:#27afc5;color:#fff}
/*搜索*/
.linekey{text-align: center;margin: 40px 0px;}
.linekey .search{display:flex;background-color:#f0f0f0;height:50px;border-radius:3px;border:1px solid #ddd;width: 420px;float:none;margin: 0 auto;}
.linekey p{margin-top: 30px;font-size: 18px;}
.linekey span{color: red;margin: 0px 8px;}
.normal-list li{position:relative;display:block;background:#f8f9fb;margin-bottom:15px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li a{display:block;font-size:16px;line-height:24px;padding:25px 30px 25px 50px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li span{color:#888888;position:absolute;right:30px;top:28px}
.normal-list li:hover{background:#27afc5;color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li:hover a,.normal-list li:hover span{color:#FFF}
.normal-list li.dot:hover a:before {background:#fff;}
.normal-list li.dot a{position:relative}
.normal-list li.dot a:before {content:'';position:absolute;left:30px;background:#ececec;width:7px;height:7px;top:35px;border-radius:50%}
/*留言*/
.gbook{padding: 80px 0px;}
.guestbook{width: 85%;}
.guestbook h2{margin-bottom: 36px;font-size: 28px;font-weight: normal;}
/*招聘*/
.line-big .x6{position:relative;min-height:1px;padding-right:10px;padding-left:10px;float: left;box-sizing: border-box;}
.job-list{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;padding: 30px;margin-bottom: 20px;box-sizing: border-box;border: 1px solid #EBEBEB;background:#f6f6f6;}
.job-list:hover{box-shadow:0 10px 25px rgba(0,0,0,0.3);transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.job-list dt{font-weight:normal}
.job-list dt h2{font-weight: bold;font-size: 18px;}
.job-list dd p{line-height: 32px;color: #666;}
.job-list dd p span{margin-left: 20px;}
.bg-gray {background: #eee;color: #EBEBEB;clear: both;float: none;width: 100%;height: 1px;margin: 10px 0;border: 0;-moz-box-sizing: content-box;box-sizing: content-box;}
.button-small {padding: 6px 20px;font-size: 14px;font-weight: normal;line-height: 18px; border: solid 1px #EBEBEB;float: right;}
.job-list:hover .button-small {color: #fff;border-color: #27afc5;background-color: #27afc5;}
.zhaopin{padding: 20px;box-sizing: border-box;background-color: #f6f6f6;margin-bottom: 30px;border-radius: 4px;}
.article .post .zhaopin p{margin-bottom: 0px;}
.zp30{padding: 50px 0px;}
.zp30 h2{margin-bottom: 24px;font-size: 34px;font-weight: normal;color: #27afc5;}
.zp30 p{line-height: 28px;font-size: 15px;}
/* 标签 */
.tag{display:inline-block;transition:.5s}
.tag.padding{padding:5px 18px}
.tags{color: #27afc5!important; border: 1px solid #27afc5!important; background-color: unset;margin-bottom: 10px;}