@charset "utf-8";
/*初始化*/
*{ padding:0;margin:0;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{font-size: calc(100vw/19.2);}
html, body{ width: 100%;height: auto;min-height: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body { font-family: 'PingFang SC','Arial','Microsoft YaHei','WenQuanYi Micro Hei','sans-serif',\5b8b\4f53;font-size: 16px;line-height: 1.5em;color: #999;background: #fff;}
input,button{ -webkit-appearance:none;border-radius: 0;}
a,a:hover,a:focus{ text-decoration: none;}
textarea{ resize: none;overflow: auto;}
input,button{ border: 0;}
img{ border: 0;vertical-align: center;}
li{ list-style: none;}
ul,ol,p,h1,h2,h3,h4,h5,h6{ margin:0;}
i,em{ font-style:normal}


/* 滚动条修改 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #666 !important;}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666 !important;opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666 !important;opacity: 1;
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666 !important;
}
select{ -webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand { display: none; }

.month_con::-webkit-scrollbar,.stuff_tab > div.item::-webkit-scrollbar{width:5px;height:5px;}
.month_con::-webkit-scrollbar-button:vertical,.stuff_tab > div.item::-webkit-scrollbar-button:vertical{display:none}
.month_con::-webkit-scrollbar-track:vertical,.stuff_tab > div.item::-webkit-scrollbar-track:vertical{background-color:black}
.month_con::-webkit-scrollbar-track-piece,.stuff_tab > div.item::-webkit-scrollbar-track-piece{background:#E3E3E3}
.month_con::-webkit-scrollbar-thumb:vertical,.stuff_tab > div.item::-webkit-scrollbar-thumb:vertical{background-color:#398567;border-radius:30px}
.month_con::-webkit-scrollbar-thumb:vertical:hover,.stuff_tab > div.item::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
.month_con::-webkit-scrollbar-corner:vertical,.stuff_tab > div.item::-webkit-scrollbar-corner:vertical{background-color:#535353}
.month_con::-webkit-scrollbar-resizer:vertical,.stuff_tab > div.item::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/*公共样式*/
.j_clear { zoom: 1; }
.j_clear:after { content:''; display: block; clear: both; }
.j_fl { float: left; }
.j_fr { float: right; }
.content{ width: 1200px;margin: 0 auto}
.pr{ position: relative}
/*.j_container{ position: relative; width: 100%;padding:0 2rem;}*/
/*body.j_open{overflow: hidden;}*/
/*.j_bg_color1 {background: #fff !important;}*/
/*.j_bg_color2 {background: #f9f9f9 !important;}*/
/*.j_pt1 {padding-top: 130px !important;}*/
/*.j_text_center {text-align: center;}*/
/*.mask_fadeUp {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;display: block;background-image: linear-gradient(180deg, #6de7c5 0%, #40dbca 50%, #12cece 100%), linear-gradient(#11cdcf, #11cdcf);-webkit-transition: -webkit-transform 1.2s 0.5s;transition: transform 1.2s 0.5s;-webkit-animation-name: mask_fadeUp;animation-name: mask_fadeUp;}*/
/*.mask_fadeUp.animated { -webkit-transform: translateY(-101%);transform: translateY(-101%);}*/
@-webkit-keyframes mask_fadeUp {
    0% {-webkit-transform: translateY(0%);transform: translateY(0%);}
    100% {-webkit-transform: translateY(-101%);transform: translateY(-101%);}
}
@keyframes mask_fadeUp {
    0% {-webkit-transform: translateY(0%);transform: translateY(0%);}
    100% {-webkit-transform: translateY(-101%);transform: translateY(-101%);}
}
.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}
@keyframes fadeInUp2 {
    0% { opacity: 0;-webkit-transform: translate3d(0,10%, 0);transform: translate3d(0, 10%, 0)}
    to { opacity: 1;-webkit-transform: none;transform: none}
}
/*.gorotate {*/
/*-webkit-animation-name: gorotate;*/
/*animation-name: gorotate*/
/*}*/
/*@keyframes gorotate {*/
/*0% { transform: rotate(0deg);}*/
/*100% { transform: rotate(360deg);}*/
/*}*/
#heat_video{width: 100%;height: 100%;overflow: hidden;position: fixed;top: 0;right: 0;z-index: -2;opacity: 0;}
.hide{display: none;}
.heat_video_mov{ width: 100%;height: 100%;position: fixed;top: 0;right: 0;z-index: -1;background: rgba(0,0,0,.6);opacity: 0;}
.video_w{ width: 100%;height: 100%;margin: 0;overflow: hidden;position: relative;z-index: 9999;}
.close1{ right:0;opacity: 1;z-index: 9999;cursor: pointer;position: fixed;top: 86%;left: 50%;margin-left: -25px;width: 50px;height: 50px;padding: 10px;color: #fff;background: rgba(57,133,103,.8);border-radius: 50%;transition: .5s;}
.close1 img{ width: 100%;}
.video_center{ float: left;width: 100%;height: 100%;overflow: hidden;background: rgba(0,0,0,.4);position: relative;z-index: 9998;}
.video_center video{ display: block;background-size: 100% 100%;background-position: center center;transition-duration: .5s;position: fixed;left: 50%;top: 50%;width: 50%;height: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/*头部+尾部*/
.head_top{ float: left;width: 100%;height: auto;position: relative;z-index: 9999}
.head_top:hover{ z-index: 1000}
.head_top_one{ float: left;width: 100%;height: 40px;background-color: #ECECEC;overflow: hidden;}
.head_top_one span{ display: block;height: 40px;line-height: 40px;float: left;font-size: 14px;color: #666666;padding-left: 37px;background: url(../images/head_icon.gif) no-repeat left;}
.head_top_one em{ display: block;float: right;}
.head_top_one em a{ display: inline-block;height: 40px;line-height: 40px;font-size: 14px;color: #666666;margin-left: 26px;padding-left: 30px;}
.head_top_one em a:nth-of-type(1){ background: url(../images/head_icon1.png) no-repeat left;}
.head_top_one em a:nth-of-type(2){ background: url(../images/head_icon2.png) no-repeat left;}
.head_top_one em a:nth-of-type(3){ background: url(../images/head_icon3.png) no-repeat left;}
.head_cen{ float: left;width: 100%;height: auto;box-sizing: border-box;overflow: hidden}
.head_cen_logo{ float: left;width: 800px;height: 120px;overflow: hidden}
.head_cen_logo .logo_img{ float: left;width: 110px;height: auto;margin-right: 10px;text-align: left}
.head_cen_logo .logo_img a{ float: left;width: 100%;height: 100%;;line-height: 120px;display: inline-block}
.head_cen_logo .logo_img img{ max-width: 100%;display: inline-block}
.head_cen_logo h2{ float: left;padding-left: 20px;padding-top: 1px;box-sizing: border-box;position: relative;margin-top: 25px;}
.head_cen_logo h2:before{ width: 1px;height: 70px;background: #cccccc;content: "";position: absolute;left: 0;top: 0;}
.head_cen_logo h2 span{ display: block;height: 40px;line-height: 40px;font-size: 30px;color: #333333;font-weight: bold;}
.head_cen_logo h2 em{ display: block;height: 30px;line-height: 30px;font-size: 18px;color: #333333;font-weight: normal;}
.head_cen_tel{ float: right;margin-top: 30px;}
.head_cen_tel span{ display: block;float: left;height: 41px;line-height: 20px;padding-left: 47px;font-size: 16px;color: #666666;background: url(../images/head_icon4.png) no-repeat left;margin-top: 10px;}
.head_cen_tel em{ display: block;float: left;}
.head_cen_tel em i{ display: block;height: 30px;line-height: 30px;color: #333333;font-size: 24px;}
.head_menu{ float: left;width: 100%;height: 75px;background-color: #015b48;}
.head_menu ul li{ float: left;width: auto;height: 100%;line-height: 75px;position: relative;margin: 0 7px;}
.head_menu ul li:nth-of-type(1){ margin-left: 0;text-align: center}
.head_menu ul li:nth-last-of-type(1){ margin-right: 0}
.head_menu ul li a{ display: block;font-size: 17px;color: #FFF;position: relative;padding: 0 32px;z-index: 20;transition: .5s;}
.head_menu ul li i{ display: block;width: 100%;height: 0;background: #398567;position: absolute;top: 0;left: 0;transition: .5s;}
.head_menu ul li:hover i, .head_menu ul li.active i{ height: 75px;}
/*.head_menu_son{ float: left;width: 100%;height: auto;overflow: hidden;position: absolute;left: 0;top: 75px;opacity: 0;transition: all .5s}*/
.head_menu_son{ position: absolute;top: 75px;right: 0;min-width: 100%;width: auto;height: auto;z-index: 15;transform: translateY(25px);opacity: 0;pointer-events: none;transition: all .3s ease .1s;}
.head_menu ul li:hover .head_menu_son{ opacity: 1;transform: translateY(0);pointer-events: auto;}
.head_menu_son a{ float: left;width: 100%;height: 55px;line-height: 55px;background-color: #015b48;transition: all .65s;padding: 0 0 !important;text-align: center}
.head_menu_son a:hover{ background: #398567}
.footer{ float: left;width: 100%;height: auto;background-color: #f2f2f2}
.footer_fot{ font-size: 0;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;}
.footer_fot li {width: 25%;display: inline-block;*display: inline;*zoom: 1;height: 210px;text-align: center;vertical-align: top;background-color: #FFFFFF}
.footer_fot li a.box { display: block;margin: 40px 0 40px;height: 130px;border-left: 1px solid #e9e9e9;}
.footer_fot li:nth-of-type(1) a.box { border-left: none;}
.footer_fot li a.box img { width: 50px;}
.footer_fot li a.box .d1 { font-size: 16px;color: #000000;margin-top: 16px;}
.footer_fot li a.box .d2 { font-size: 14px;color: #4d4d4d;}
.footer_wrap{ float: left;width: 100%;height: auto;background: #2e2e2e;min-height: 272px;position: relative}
.ft_logo{ padding: 69px 0 0 0;width: 170px;height: 310px;position: absolute;left: 50%;top: 0;margin-left: -85px;background: url(../images/ft_lg_bj.png) no-repeat center top;box-sizing: border-box;text-align: center;}
.ft_logo img{
    width: 80%;
}
.ft_logo p{ font-size: 24px;line-height: 24px;color: #FFFFFF;margin-top: 25px;font-family: Arial}
.ft_left{ float: left;width: 50%;height: auto;overflow: hidden}
.ft_left_one{ float: left;width: 240px;padding: 42px 0 0 0;font-size: 14px;color: #c5c5c5;line-height: 38px;}
.ft_left_one a { color: #c5c5c5;}
.ft_left_one a:hover{ color: #ffffff}
.ft_left_two{ float: left;width: 280px;padding-top: 42px;}
.ft_left_two a { line-height: 48px;height: 48px;font-size: 16px;color: #c5c5c5;width: 50%;float: left;}
.ft_left_two a img { vertical-align: middle;margin-right: 7px;}
.ft_right{ float: right;width: 50%;height: auto;overflow: hidden;padding-top: 42px;padding-left: 120px;}
.ft_right_left{ float: left;width: calc(100% - 155px);height: auto;overflow: hidden}
.ft_right_left p{ font-size: 14px;color: #c5c5c5;height: 48px;line-height: 48px;}
.ft_right_left p:nth-last-of-type(1){ line-height: 24px;}
.ft_right_left img{ vertical-align: middle;margin-right: 10px;}
.ft_right_right{ float: right;width: 115px;height: auto;overflow: hidden;padding-top: 20px;}
.ft_right_right img{ max-width: 100%}
.ft_right_right p{ height: 40px;line-height: 40px;text-align: center}

.footer_lk{ float: left;width: 100%;height: auto;background-color: #e6e6e6;overflow: hidden;line-height: 30px;padding-top: 25px;min-height: 75px;}
.footer_lk span{ font-size: 24px;color: #015b48;font-weight: bold;padding-right: 20px;}
.footer_lk a{ color: #9a9999;font-size: 16px;padding: 0 10px 0 0;}

.hed_fix .head_menu{ position: fixed;left: 0;top: 0;z-index: 1000}

.head_web{ display: none;float: left;width: 100%;height: 70px;line-height: 70px;position: fixed;left: 0;top: 0;z-index: 900;transition: all .6s;background-color: rgba(255,255,255,1);text-align: center;}
.head_web:before,.head_web:hover:before,.hed_fix .head_web:before{ content: "";width: 100%;height: 2px;left: 0;bottom: -2px;position: absolute;z-index: 18;background-color: #398567;}
.web_logo{ float: left;width: auto;height: 100%;overflow: hidden;text-align: left;padding-left: 15px}
.web_logo img{ max-height: 55px;max-width: unset !important;width: auto !important;display: inline-block;}
.web_nav_l{ float:right;margin-right:60px;text-align:right;}
.web_nav_l a{ font-size: 16px;color: #333333;margin-right: 10px;}
.web_menu{ position: absolute;top:50%;right: 15px;display: inline-block;width: 24px;height: 20px;margin-top: -10px;cursor: pointer;}
.web_menu i{ position: relative;display: block;height: 2px;background:#333;-webkit-transition: all 0.3s;transition: all 0.3s;}
.ver_open .web_menu i,.ver_open .web_menu i,.hed_fix .web_menu i{ background:#333;}
.ver_open .web_menu i:nth-child(1) {top: 0;}
.web_menu i:nth-child(3) {bottom: 0;}
.web_menu i:nth-child(2) {margin: 6px 0;}
.ver_open .web_menu i:nth-child(2) {opacity: 0;}
.ver_open .web_menu i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.ver_open .web_menu i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.web_nav{ position: fixed;top:70px;left:0;width: 100%;height: 0;font-size:14px;line-height: 70px;overflow-y: auto;background:#fff;transition: all 0.5s;}
body.ver_open .web_nav { height: calc(100% - 55px);height: -webkit-calc(100% - 55px);padding-bottom: 30px;}
.web_nav a { display: block;margin: 0 20px;border-bottom:1px solid #f1f1f1;text-align:left;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 18px;}
.web_nav>li:first-child {border-top:1px solid #f1f1f1;}
.web_nav li a i{float: right;margin-top: 25px;font-size:20px;position: relative;width: 13px;height: 20px;}
.web_nav li a i:before{ content: "";width: 13px;height: 20px;background: url('../images/ico_03.png') no-repeat center center;background-size: 12px;position: absolute;left: 0;top: 0}
.web_nav li ul {display: none;}
.web_nav li ul a {padding-left: 15px;font-size: 16px;line-height: 60px;}

.footer_web{ display: none;width: 100%;position: fixed;z-index: 8888;bottom: 0;background: #025c49;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;}
.f_web_menu{ float: left;width: 33.33%;text-align: center;height: 50px;position: relative;background-color: #025c49}
.f_web_menu a{ width: 100%;height: 100%;overflow: hidden;display: inline-block;color: #FFFFFF;font-size: 13px;}
.f_web_menu a:focus{text-decoration: none}
.f_web_menu a span{ display: block;height: 22px;width: 22px;margin: 5px auto 2px;}
.f_web_menu:nth-of-type(1) a span{ background: url(../images/about_ico1.png) no-repeat;background-size: 22px;}
.f_web_menu:nth-of-type(2) a span{ background: url(../images/about_ico2.png) no-repeat;background-size: 22px;}
.f_web_menu:nth-of-type(3) a span{ background: url(../images/about_ico3.png) no-repeat;background-size: 22px;}
.triangle{ position: absolute;bottom: 2px;right: 5px;width: 0;height: 0;border: 5px solid transparent;border-right: 5px solid #fff;border-bottom: 5px solid #fff;opacity: .5;}
.f_web_menu ul{ position: absolute;bottom: 60px;z-index: 10;width: 100%;padding: 0 2%;background: #333;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 5px;display: none;}
.f_web_menu ul li{ width: 100%;background: #333;float: none;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom: 1px solid #444;margin-bottom: 0.5px;}
.f_web_menu ul li a{ display: block;height: 40px;line-height: 40px;color: #fff;border: none;text-align: center;font-size: 12px;}
.f_web_menu ul:before{ content: "";width: 0;height: 0;position: absolute;left: 50%;margin-left: -9px;bottom: -8px;border-top: 9px solid #333;border-left: 9px solid transparent;border-right: 9px solid transparent;z-index: 11;}



/*侧边栏*/
.sidebar{ position: fixed;right: -132px;top: 50%;z-index: 900;}
.sidebar li a{ text-decoration: none;}
.sidebar li{ margin-top: 1px;clear: both;height: 71px;position: relative;background: #000000;}
.sidebar li i{ display: block;width: 30px;height: 27px;margin: 13px auto 0;text-align: center;background: url(../images/fx.png) no-repeat;}
.sidebar li p{ height: 20px;font-size: 12px;line-height: 20px;overflow: hidden;text-align: center;color: #fff;}
.sidebar .my-kefu-qq i{ background-position: 4px 5px;}
.sidebar .my-kefu-tel i{ background-position: 0 -21px;}
.sidebar .my-kefu-liuyan i{ background-position: 4px -53px;}
.sidebar .my-kefu-weixin i{ background-position: -34px 4px;}
.sidebar .my-kefu-weibo i{ background-position: -30px -22px;}
.sidebar .my-kefu-ftop{ display: none;}
.sidebar .my-kefu-ftop i{ width: 33px;height: 35px;background-position: -27px -51px;}
.sidebar .my-kefu-left{ float: left;width: 77px;height: 47px;position: relative;}
.sidebar .my-kefu-tel-right{ font-size: 16px;color: #fff;float: left;height: 24px;line-height: 22px;padding: 0 15px;border-left: 1px solid #fff;margin-top: 24px;}
.sidebar .my-kefu-right{ width: 20px;}
.sidebar .my-kefu-tel-mai{ color: #fff;height: 56px;width: 247px;padding:9px 0 6px;float: left;}
.sidebar .my-kefu-main{ width: 97px;height: 70px;position: relative;float: left;}
.sidebar .my-kefu-weixin-pic{ position: absolute;left: -130px;top: -24px;display: none;z-index: 333;}
.my-kefu-weixin-pic img{ width: 115px;height: 115px;}


/*分页*/
.list_page {float: left;width: 100%;display: block;margin: 30px 0 10px;text-align: center;}
.list_page:after {clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;content:""}
.list_page ul {display: inline-block;margin: 0;padding: 0;list-style: none;vertical-align: bottom;border-right: 1px solid #ddd;border-radius: 4px;}
.list_page ul li {display: inline-block;border: 1px solid #ddd;float: left;border-right: none;border-radius: 0;}
.list_page ul a,.list_page ul li span{display: inline-block;padding: 9pt 20px;background: #fff;color: #333;line-height: 18px;transition: all 1s cubic-bezier(.175, .885, .32, 1) 0s;float:left;}
.list_page ul li a:hover,.list_page ul li.active a,.list_page ul li.active span{background: #333;color: #fff;}
.list_page ul li:not(:first-child):not(:last-child) {border-radius: 0}
.list_page ul li:first-child {border-radius: 4px 0 0 4px}
.list_page ul li:last-child {border-radius: 0 4px 4px 0}
.list_page ul .page-active a {border-radius: 0;background: #eee;color: #333}
/*.list_page ul li:nth-of-type(1),.list_page ul li:nth-of-type(2),.list_page ul li:nth-last-of-type(1){ display: none; }*/

/*首页*/
.index_title{ float: left;width: 100%;height: auto;text-align: center;padding-top: 46px;font-size: 60px;color: #333;line-height: 62px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-weight: normal;}
.index_title a{ color: #333333;}
.index_title a i,.index_title i{ color: #398567;}
.index_title em { display: inline-block;width: 60px;height: 5px;overflow: hidden}
.index_title b{ font-weight: 400;margin-left: 45px;}
.index_title span { display: block;font-size: 18px;font-weight: normal;line-height: 44px;letter-spacing: 8px;}

.index_banner{ float: left;width: 100%;height: auto;overflow: hidden;position: relative;}
.banner_one { background: #fff;}
.banner_one .swiper-slide{ position: relative;overflow: hidden;background-size: cover !important;}
.banner_one .swiper-slide img { width: 100%;height: auto;object-fit: cover;-webkit-transition: all 7s;transition: all 7s;}
.banner_one .swiper-slide-active img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
.banner_one .swiper-button-prev,.banner_one .swiper-button-next{ width: 60px;height: 60px;text-align: center;line-height: 60px;background: #30221A;background: rgba(0,0,0,.4);color: #fff;margin-top: -30px;z-index: 2;opacity: 0;}
.banner_one:hover .swiper-button-prev,.banner_one:hover .swiper-button-next{ opacity: 1;}
.banner_one .swiper-button-prev:after,.banner_one .swiper-button-next:after{ font-size: 24px;color: #fff; }
.index_about{ float: left;width: 100%;position: relative;height: auto;margin-top: -82px;z-index: 100;overflow: hidden}
.index_about:before{ content: '';display: block;width: 100%;height: 560px;background: #fff;position: absolute;left: 0;bottom: 0;z-index: -1;}
.index_about_left{ float: left;width: 50%;height: 640px;background:url(../images/images_01.jpg) no-repeat center center;background-size: cover;}
.index_about_right{ float: right;width: 50%;height: 640px;padding: 65px 4.16vw 0;background: url(../images/images_02.jpg) no-repeat center;background-size: cover;color: #fff;}
.index_about_right h3{ font-size: 50px;font-weight: bold;position: relative;line-height: 50px;z-index: 1;}
.index_about_right h3:before { content: '';display: block;width: 60px;height: 6px;background: #015b48;position: absolute;left: -17px;bottom: 8px;z-index: -1;}
.index_about_right h4{ font-size: 30px;margin-top: 20px;}
.index_about_right p{ line-height: 32px;overflow: hidden;margin-top: 40px;font-size: 16px;}
.index_about_right a{ display: block;width: 200px;height: 60px;line-height: 60px;padding: 0 30px;font-size: 16px;position: relative;background: rgba(255,255,255,.8);color: #000;box-shadow: 0 0 20px rgba(0,0,0,.2);border-radius: 30px;margin-top: 50px;transition: all .6s}
.index_about_right a:hover{ background: rgba(255,255,255,1)}
.index_about_right a i{ display: block;width: 32px;height: 12px;background: url(../images/head_icon6.png) no-repeat center;background-size: cover;position: absolute;right: 30px;top: 50%;margin-top: -6px;}
.index_brand{ float: left;width: 100%;height: 680px;overflow: hidden;margin-top: 75px;background: url('../images/images_03.jpg') no-repeat center -50px;background-attachment: fixed;position: relative;}
.index_brand:before{ content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;left: 0;top: 0;}
.index_brand_txt{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 110px;padding-right: 15%;position: relative;color: #FFFFFF}
.index_brand_txt h3{ font-size: 30px;margin-bottom: 20px;}
.index_brand_txt p{ font-size: 16px;line-height: 32px;}
.index_brand_list{ float: left;width: 100%;height: auto;overflow: hidden;position: relative;margin-top: 80px;}
.index_brand_list ul li{ float: left;width: 33.33%;height: auto;min-height: 340px;overflow: hidden;text-align: center;position: relative;padding-top: 60px;}
.index_brand_list ul li:before{ content: "";display: block;width: 0;height: 100%;background: rgba(57,133,103,.65);position: absolute;left: 50%;top: 0;transition: ease .6s;opacity: 0;}
.index_brand_list ul li:hover:before{ opacity: 1;width: 100%;left: 0;}
.index_brand_list ul li a{ position: relative}
.index_brand_list ul li img{ max-width: 130px}
.index_brand_list ul li h4{ font-size: 24px;margin: 15px 0;color: #FFFFFF}
.index_brand_list ul li span{ color: #fff;display: inline-block;text-transform:uppercase;background: url(../images/head_icon7.png) no-repeat center bottom;line-height: 35px;background-size: 100% auto;padding: 0 10px;margin-top: 30px;}
.index_product{ float: left;width: 100%;height: auto;overflow: hidden;background: url('../images/images_04.jpg') repeat top center;padding: 65px 0 95px;}
.i_pro_list{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 50px;text-align: center}
.i_pro_list ul{ text-align: center;width: 100%;height: auto;overflow: hidden}
.i_pro_list ul li,.i_pro_web ul li{ width: 150px;height: auto;display: inline-block;padding: 10px 0;border-right: 1px solid rgba(160,160,160,0.3);text-align: center;cursor: pointer}
.i_pro_list ul li:nth-last-of-type(1),.i_pro_web ul li:nth-last-of-type(1){ border-right: none}
.i_pro_list_img{ width: 100%;height: 50px;overflow: hidden;position: relative}
.i_pro_list_img img{ width: 50px;position: absolute;left: 50%;top: 0;transition: all .6s;margin-left: -25px;}
/*.i_pro_list_img img:nth-of-type(2){ opacity: 0}*/
/*.i_pro_list ul li.active .i_pro_list_img img:nth-of-type(1){ opacity: 0}*/
/*.i_pro_list ul li.active .i_pro_list_img img:nth-of-type(2){ opacity: 1}*/
.i_pro_list ul li h3{ font-size: 16px;color: #333333;transition: all .6s;margin-top: 8px}
.i_pro_list ul li.active h3{ color: #398567}
.i_pro_tab{ float: left;width: 100%;height: auto;overflow: hidden;margin: 40px 0 20px;}
.i_pro_tab div.item{ float: left;width: 100%;height: auto;overflow: hidden;display: none}
.i_pro_tab div.item:nth-of-type(1){ display: inline-block}
.i_pro_tab div.item ul{ position: relative;z-index: 4;text-align: center;float: left;width: 100%;height: auto}/*display: flex;flex-wrap: wrap;align-items: flex-start;margin: 0 -10px -20px;*/
/*.i_pro_tab div.item ul li { width: 25%;padding: 0 5px 10px;}*/
/*.i_pro_tab div.item ul li:nth-child(3),.i_pro_tab div.item ul li:nth-child(4){ width: 50%;}*/
.i_pro_tab div.item ul li:nth-of-type(1),.i_pro_tab div.item ul li:nth-of-type(2),.i_pro_tab div.item ul li:nth-of-type(4),.i_pro_tab div.item ul li:nth-of-type(5){ width: 290px;height: 290px;float: left}
.i_pro_tab div.item ul li:nth-of-type(2){ position: absolute;left: 0;bottom:0}
.i_pro_tab div.item ul li:nth-of-type(3){ width: 590px;height: 590px;float: left;margin: 0 15px}
.i_pro_tab div.item ul li:nth-of-type(4),.i_pro_tab div.item ul li:nth-of-type(5){ float: right}
.i_pro_tab div.item ul li:nth-of-type(5){ position: absolute;right: 0;bottom:0}
.i_pro_web{ display: none;width: 100%;height: auto;overflow: hidden;overflow-x: auto;margin-top: 25px;}
.i_pro_web ul{ float: left;position: relative;z-index: 4;display: flex;align-items: flex-start;margin: 0 -10px -20px;flex-wrap: nowrap;overflow-y: auto;}
.i_pro_web ul li{ flex: none;width: 260px;padding: 0 10px 20px;}

.jh_ip_con{ position: relative;overflow: hidden;height: 100%;color: #fff;display: inline-block;float: left;width: 100%;}
.jh_ip_con img { width: 100%;}/*height: 100%;object-fit: cover;*/
.jh_ip_con_title{ position: absolute;bottom: 0;left: 0;width: 100%;padding:60px 10px 35px;font-size: 20px;line-height: 34px;background: url(../images/ico_01.png)repeat-x bottom left / auto;transition: all .5s;}
.jh_ip_con_box{ opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 10px;line-height: 26px;-webkit-backdrop-filter: saturate(180%) blur(10px);backdrop-filter: saturate(180%) blur(10px);background-color: rgba(0, 0, 0, 0.5);transition: all .5s;}
.jh_ip_con:hover .jh_ip_con_box { opacity: 1;}
.jh_ip_con_box div { width: 100%;color: #FFFFFF}
.jh_ip_con_title2{ margin-bottom: 20px;font-weight: bold;font-size: 32px;line-height: 50px;}
.index_doubt{ float: left;width: 100%;height: auto;overflow: hidden;padding: 65px 0 0}
.index_doubt_list{ float: left;width: 100%;height: auto;overflow: hidden}
.index_doubt_list dl{ float: left;width: 20%;height: 240px;position: relative;margin: 40px 0 0;}
.index_doubt_list dl dt{width: 100px;height: 100px;margin: 0 auto;position: relative;}
.index_doubt_list dt .hover,.index_doubt_list dt .default{background:url(../images/iserve_bg.png);}
.index_doubt_list dt i{display:block;width:100px;height:100px;background:url(../images/iserve_icon.png);}
.index_doubt_list dt .hover,.index_doubt_list dt .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.index_doubt_list dt .default{background-position:0 -200px;}
.index_doubt_list dt .hover{background-position:0 -100px;color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.index_doubt_list dl:nth-of-type(1) dt .default i{background-position:0 0;}
.index_doubt_list dl:nth-of-type(1) dt .hover i{background-position:-100px 0;}
.index_doubt_list dl:nth-of-type(2) dt .default i{background-position:0 -100px;}
.index_doubt_list dl:nth-of-type(2) dt .hover i{background-position:-100px -100px;}
.index_doubt_list dl:nth-of-type(3) dt .default i{background-position:0 -200px;}
.index_doubt_list dl:nth-of-type(3) dt .hover i{background-position:-100px -200px;}
.index_doubt_list dl:nth-of-type(4) dt .default i{background-position:0 -300px;}
.index_doubt_list dl:nth-of-type(4) dt .hover i{background-position:-100px -300px;}
.index_doubt_list dl:nth-of-type(5) dt .default i{background-position:0 -400px;}
.index_doubt_list dl:nth-of-type(5) dt .hover i{background-position:-100px -400px;}
.index_doubt_list dt:hover .hover,.index_doubt_list dl.active .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.index_doubt_list dt:hover .default,.index_doubt_list dl.active .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.index_doubt_list dd{text-align: center;padding: 8px 0 0;}
.index_doubt_list dd h5{font-size: 22px;color: #333;height: 60px;line-height: 60px;position: relative;font-weight: bold}
.index_doubt_list dd h5:before{content: "";width: 26px;height: 3px;background: #7d7d7d;position: absolute;bottom: 0;left: 50%;margin-left: -13px;}
.index_doubt_list dd p{font-size: 16px;color: #4c4c4c;line-height: 24px;padding: 10px 0 0;height: auto;overflow: hidden;}
.index_doubt_list dd b{display: block;}
.index_doubt_list dl.active dd h5{color: #398567;}
.index_doubt_list dl.active dd h5:before{background: #398567;}
.index_advantage{ float: left;width: 100%;height: auto;overflow: hidden;padding-top: 65px;}
.i_adv_list{ float: left;width: 100%;height:auto;margin: 65px auto 0;position: relative}
.i_adv_list .adv_left{ float: left;width:390px; height:640px;background:#FFF;padding-top:55px; box-sizing: border-box;border-bottom:1px solid #ebebeb;}
.i_adv_list .adv_left li{ width:180px; height:63px;margin-bottom: 50px;padding-top:21px; box-sizing: border-box; position: relative;}
.i_adv_list .adv_left li i{ display: block; width:46px; height:48px;float:left; overflow: hidden;}
.i_adv_list .adv_left li i img{ transition: all 0.3s linear 0s;}
.i_adv_list .adv_left li.cur i img{ margin-top: -48px;}
.i_adv_list .adv_left li p{ display: block;float:left; margin-left: 10px;}
.i_adv_list .adv_left li p em{ display: block;font-size: 24px;line-height: 24px; color:#333333;}
.i_adv_list .adv_left li p span{ font-size: 12px; line-height: 12px; color:#999999;}
.i_adv_list .adv_left li:before{ width:0;height:2px; background:#015c4a; content:"";position: absolute;left:0;top:0;transition: all 0.3s linear 0s; }
.i_adv_list .adv_left li.cur:before{ width:100%;}
.i_adv_list .adv_left li.cur p em{ color:#015c4a;}
.i_adv_list .adv_left li.cur p span{ color:#015c4a;}
.i_adv_list .adv_rig{ width:1160px; height:640px;position: absolute;left: 400px;top: 0}
.i_adv_list .adv_rig dl{ width:1160px; height:640px;position: relative;}
.i_adv_list .adv_rig dl dt{ width:1160px; height:640px; overflow:hidden;}
.i_adv_list .adv_rig dl dt img{ width:1160px; height:640px;transition: all 0.5s linear 0s;}
.i_adv_list .adv_rig dl dt:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.i_adv_list .adv_rig dl dd{ width:470px;height:470px; background:url(../images/edsm.jpg)  no-repeat center;position: absolute;top:85px;left:-150px;padding-top: 72px;box-sizing: border-box;}
.i_adv_list .adv_rig dl dd span{ display: block;font-size: 26px; line-height: 32px; padding-left: 57px;color:#FFFFFF;font-weight: bold; margin-bottom: 27px;}
.i_adv_list .adv_rig dl dd div.con_con{ height:211px;padding: 0 54px 0 57px;}
.i_adv_list .adv_rig dl dd div.con_con p{ margin-bottom: 11px;padding-left:18px;background:url(../images/yd_h.png) no-repeat left 11px; color:#FFFFFF; font-size: 15px;line-height: 27px;}
.i_adv_list .adv_rig dl dd b{ display: block;margin-top:40px; font-size: 18px;color:#FFF;margin-left: 57px;}
.i_adv_list .adv_rig dl dd b i{ font-size: 30px; margin-right: 10px;}
.i_adv_list .adv_rig .jt{ width:53px; height:26px; position: absolute; bottom:130px; left:190px;}
.i_adv_list .adv_rig .jt i{ display: block;float:left;width:15px; height:26px; cursor: pointer;}
.i_adv_list .adv_rig .jt .prev{ background:url(../images/prev.png) no-repeat center;}
.i_adv_list .adv_rig .jt .next{ background:url(../images/next.png) no-repeat center;float:right;}
.i_adv_web{ float: left;width: 100%;height: 0;overflow: hidden;position: relative;z-index: 50;background: #f2f2f2;padding:0 0}
.i_adv_web h2{ font-size: 24px;text-align: center; color: #333;line-height: 30px;margin-bottom: 10px;}
.i_adv_web h2 p{ line-height: 24px;font-size: 14px;}
.i_adv_web_sli{ float: left;width: 100%;height: auto;position: relative}
.i_adv_web_sli .swiper-container{ overflow: inherit}
.i_adv_web_sli .swiper-slide{ width: 100%;height: auto;overflow: hidden;background: #f2f2f2}
.i_adv_web_sli img{ max-width: 100%;border-radius: 10px;}
.i_adv_web_sli h3{ margin: 25px 0 10px;font-size: 18px;color: #000;font-weight: bold}
.i_adv_web_sli p{ font-size: 14px;color: #000000;margin-bottom: 5px;}
.i_adv_web_sli .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:-20px}
.i_adv_web_sli .swiper-pagination-bullet-active{ background: #398567;}

.index_stop{ float: left;width: 100%;height: 170px;background-color: #015b48;}
.index_stop .content{ position: relative}
.index_stop_title{ float: left;width: 260px;height: 200px;color: #FFFFFF;text-align: center;overflow: hidden;position: absolute;left: 0;top: 0;background: #398567 url('../images/stop_01.png') no-repeat center 30px;}
.index_stop_title h3{ margin-top: 135px;font-size: 20px;line-height: 28px;}
.index_stop_title p{ font-family: Arial;font-size: 12px;line-height: 17px;}
.index_stop_list{ float: right;width: calc(100% - 260px);height: 170px;overflow: hidden;text-align: center;padding-left: 135px;}
.index_stop_list ul li{ float: left;width: auto;height: 170px;display: inline-block;padding: 0 42px;position: relative;}
.index_stop_list ul li:nth-of-type(1){ padding-left: 0}
.index_stop_list ul li:nth-last-of-type(1){ padding-right: 0}
.index_stop_list ul li:before{ content: "";width: 7px;height: 13px;background: url("../images/tran2-i.png")  no-repeat center center;position: absolute;right: -3px;top: 78px;}
.index_stop_list ul li:nth-last-of-type(1):before{ opacity: 0}
.index_stop_list ul li > div{ margin-top: 40px;transition: all .65s}
.index_stop_list ul li:hover > div{ margin-top: 30px;cursor: pointer}
.index_stop_list ul li p{ font-size: 16px;font-weight: bold;line-height: initial;}
.index_stop_list ul li span{ display: inline-block;line-height: 45px;color: #FFFFFF}
.index_enter{ float: left;width: 100%;height: auto;min-height: 880px;overflow: hidden;background: #FFFFFF url(../images/about.jpg) no-repeat center top;padding-top: 95px;}
.index_enter .index_title,.index_enter .index_title a{ color: #FFFFFF}
.index_enter_nav{ float: left;width: 100%;height: auto;overflow: hidden;margin: 80px 0 50px;}
.index_enter_nav ul{ width: 100%;height: auto;overflow: hidden;text-align: center}
.index_enter_nav ul li{ width: 330px;height: 190px;background: url('../images/enter_01.png') no-repeat center center;display: inline-block}
.index_enter_nav ul li:nth-of-type(2){ margin: 0 25px;}
.index_enter_nav ul li a{ display: block;color: #fff;font-size: 28px;text-align: center;padding-top: 94px;line-height: 32px;position: relative;transition: all .6s}
.index_enter_nav ul li:nth-of-type(1) a{ background: url(../images/enter_03.png) no-repeat center 12px;}
.index_enter_nav ul li:nth-of-type(2) a{ background: url(../images/enter_02.png) no-repeat center 12px;}
.index_enter_nav ul li:nth-of-type(3) a{ background: url(../images/enter_04.png) no-repeat center 12px;}
.index_enter_nav ul li:hover a{ color: #398567}
.index_enter_nav ul li a::before{ position: absolute;content: "";width: 48px;height: 2px;background: #fff;top: 163px;left: 50%;margin-left: -24px;transition: all .5s}
.index_enter_nav ul li:hover a::before{ background: #398567;}
.index_enter_play{ float: left;width: 100%;height: auto;padding: 50px 0;box-shadow: 0 2px 10px #e7e6e6;background-color: #FFFFFF;margin-bottom: 80px;}
.photo{ background: #fff;float: left;width: 100%;height: auto}
.photo_t{ width: 100%;height: auto;text-align: center;margin-bottom: 20px;}
.photo_t ul li{width: 250px;height: 60px;display: inline-block;position: relative;margin: 0 35px;}
/*.photo_t ul li:before{content: "";width: 1px;height: 100%;background: #e8e9e9;position: absolute;top: 0;left: 0;}*/
.photo_t ul li em{display: block;float: left;line-height: 0;overflow: hidden;width: 55px;height: 55px;}
.photo_t ul li em img{width: 55px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.photo_t ul li span{display: block;float: left;line-height: 26px;padding: 5px 0 0 15px;}
.photo_t ul li i{display: block;font-size: 20px;color: rgba(51,51,51,0.2);text-transform:capitalize;text-align: left}
.photo_t li a{font-size: 24px;color: #202428;}
.photo_t li.on a{font-weight: bold;}
.photo_t li.on i{font-weight: normal;}
.photo_t li.on em img{margin-top: -55px;}
.photo_t ul li:first-child:before{background: none;}
.photo_qie{ width: 1200px;overflow: hidden;}
.photo_m ul li{ width: 212px;float: left;margin-left: 23px;overflow: hidden;}
.photo_m ul li em{ width: 212px;height: 159px;display: block;line-height: 0;overflow: hidden;}
.photo_m ul li img{ width: 212px;height: 159px;}
.photo_m ul li span{ display: block;width: 212px;text-align: center;height: 56px;line-height: 56px;font-size: 18px;color: #333;overflow: hidden;}
.photo_m ul li span{ position: relative;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;}
.photo_m ul li span:before{ content: "";position: absolute;z-index: 1;left: 0;right: 100%;bottom: 0;background: #015b48;height: 2px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.photo_m ul li span:after{ content: "";width: 100%;height: 1px;background: #d9d9d9;position: absolute;bottom: 0;left: 0;}
.photo_m ul li:hover span:before{ right: 0;}
.photo_m ul li:hover span{ font-weight: bold;color: #015b48;}
.photo_m p{ width: 20px;height: 30px;position: absolute;top: 72px;z-index: 10;}
.photo_m p a{ display: block;width: 20px;height: 30px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;}
.cp_lico a{ background: url(../images/photo_01.png) no-repeat center;}
.cp_lico a:hover{ background: url(../images/photo_01_01.png) no-repeat center;}
.cp_rico a{ background: url(../images/photo_02.png) no-repeat center;}
.cp_rico a:hover{ background: url(../images/photo_02_01.png) no-repeat center;}
.cp_lico{left: -30px;}
.cp_rico{right: -30px;}
.photo_m p a:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.cp_lico2 a{background: url(../images/photo_01.png) no-repeat center;display: block;width: 20px;height: 30px;line-height: 0;}
.cp_lico2 a:hover{background: url(../images/photo_01_01.png) no-repeat center;}
.cp_rico2 a{background: url(../images/photo_02.png) no-repeat center;display: block;width: 20px;height: 30px;line-height: 0;}
.cp_rico2 a:hover{background: url(../images/photo_02_01.png) no-repeat center;}
.cp_lico2{left: -35px;width: 20px;height: 30px;position: absolute;top: 270px;z-index: 110;}
.cp_rico2{right: -25px;width: 20px;height: 30px;position: absolute;top: 270px;z-index: 110;}
.index_new{ float: left;width: 100%;height: auto;overflow: hidden}
.new_list{ float: left;width: 100%;height: auto;text-align: center;overflow: hidden;border-bottom: 1px #ddd solid;margin:40px auto 0;padding-bottom: 10px;}
.new_list ul li{ font-size: 16px;padding: 0 15px;color: #ffffff;height: 38px;line-height: 38px;display: inline-block;border-radius: 5px;margin: 0 10px;cursor: pointer;transition: all .3s;background-color: #c6c6c6;}
.new_list ul li:hover,.new_list ul li.active{ background-color: #025c49;}
.new_tab{ float: left;width: 100%;height: auto;padding: 30px 0 50px;overflow: hidden;}
.new_tab_item{ width: 100%;height: auto;overflow: hidden;display: none;}
.new_tab_item:nth-of-type(1){ display: inline-block;}
.index_new_two{ float: left;width: 100%;height: auto;margin: 30px 0 10px;overflow: hidden;}
.new_all{ float: left;width: 100%;height: auto;padding-bottom: 30px;overflow: hidden;}
.new_all .swiper-pagination-bullet{ width: 12px;height: 12px;}
.new_all .swiper-pagination-bullet-active{ width: 20px; /*background-color: #00b3d5;*/background-color: #025c49;border-radius: 25px;}
.new_all_tit{ font-size: 22px;line-height: 40px;margin-bottom: 10px;font-weight: 400;}
.new_slide_one{ float: left;width: 100%;height: auto;overflow: hidden;}
.new_slide_one ul li{ float: left;width: calc(50% - 10px);height: auto;margin-bottom: 15px;overflow: hidden;}
.new_slide_one ul li:nth-child(even){ float: right;}
.new_slide_one_img{ float: left;width: 240px;height: 160px;overflow: hidden;background: url('../images/no_bj.jpg') no-repeat center center;background-size: 100%;}
.new_slide_one_img img{ width: 100%;}
.new_slide_one_txt{ float: left;width: calc(100% - 240px);height: 160px;padding: 10px 0 0 10px;overflow: hidden;}
.new_slide_one_txt h4{ float: left;width: 100%;height: 25px;color: #1a1a1a;font-size: 18px;line-height: 25px;font-weight: normal;display: block;margin-bottom: 3px;overflow: hidden;transition: all.3s;}
.new_slide_one ul li:hover h4{ color: #025c49;}
.new_slide_one_txt p{ float: left;height: 84px;font-size: 14px;font-style: normal;color: #999;line-height: 28px;margin-bottom: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.new_slide_one_txt p:nth-of-type(2){ height: 28px;}
.new_slide_two{ width: 100%;height: auto;overflow: hidden;margin-bottom:20px;}
.new_slide_two ul li{ float: left;width: 31%;margin-right: 3.5%;height: 32px;line-height: 32px;padding: 0 15px 0 12px;overflow: hidden;background: url('../images/arrow_right.png') no-repeat left 11px;}
.new_slide_two ul li:nth-child(3n){ margin-right: 0}
.new_slide_two ul li a{ color: #1a1a1a;transition: all .3s;font-size: 14px;width:100%;height:100%;float:left;display:inline-block;position:relative;    overflow: hidden;padding-left:100px;white-space: nowrap;text-overflow: ellipsis;text-align:left}
.new_slide_two ul li a span{ width:100px;height:100%;display:inline-block;position:absolute;text-align:left;left:0;top:0;background-color:#ffffff}
.new_slide_two ul li:hover a{ color: #025c49;}

/*内页banner+导航+标题*/
.i_banner{ float: left;width: 100%;height: auto;overflow: hidden;position: relative;z-index: 50}
.i_banner:before{ content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,.3);position: absolute;left: 0;top: 0}
.i_banner img{ width:100%}
.i_banner_txt{ float: left;width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;color: #fff;}
.i_banner_txt h4{ font-size: 70px;line-height: 72px;text-transform: uppercase;}
.pro_banner .i_banner_txt h4{ text-align: center}
.i_banner_txt p{ padding-top: 10px;font-size: 36px;line-height: 56px;}
.pro_banner .i_banner_txt p{ text-align: center}
.i_catalogue{ float: left;width: 100%;padding: 20px 0;font-size: 16px;line-height: 26px;color: #666;background: #f8f8f8;}
.i_catalogue a{ color: #666;}
.i_catalogue a:nth-of-type(1){ padding-right: 25px;position: relative}
.i_catalogue a:nth-of-type(1):before{ content: "";width: 7px;height: 100%;background: url('../images/photo_02.png') no-repeat center center;background-size: 100% auto;position: absolute;right: 8px;top: 0;}
.i_catalogue a:nth-last-of-type(1):before{ opacity: 0}
.i_title{ float: left;width: 100%;height: auto;text-align: center;}
.i_title h3{ font-size: 46px;color: #333;}
.i_title h4{ display: block;font-size: 18px;font-weight: normal;line-height: 44px;}

/*关于我们*/
.about_one{ float: left;width: 100%;height: auto;background: url('../images/about_02.jpg') no-repeat center center;background-size: cover;overflow: hidden;padding: 70px 0;}
.about_one_it,.about_one_idea{ float: left;width: 100%;height: auto;overflow: hidden;}
.about_ont_tit{ float: left;width: 100%;height: auto;text-align: center;overflow: hidden}
.about_ont_tit h3{ font-size: 46px;font-weight: bold;color: rgba(0,0,0,1);}
.about_ont_tit h4{ font-size: 24px;font-weight: 400;color: rgba(104,104,104,1);margin: 10px 0 45px;}
.about_ont_txt{ float: left;width: 550px;height: auto}
.about_ont_txt p{ font-size: 16px;font-weight: 500;color: #333;line-height: 26px;margin-bottom: 10px;}
.about_ont_txt p:nth-last-of-type(1){ margin-bottom: 0}
.about_ont_img{ float: right;width: 50%;text-align: right;position: relative}
.about_ont_img img{ max-width: 100%;}
.about_ont_img a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: inline-block}
.about_ont_img a i{ position: absolute;left: 50%;top: 50%;width: 60px;height: 60px;border-radius: 50%;background: #fff;text-align: center;line-height: 60px;color: #025c49;font-size: 20px;margin: -30px 0 0 -30px;}
.about_ont_img a i:before{ content:'';width:40px;height:40px;position: absolute;left: 50%;top: 50%;margin-left: -20px;margin-top: -20px;background: url('../images/play.png') no-repeat center center;background-size: cover;z-index: 8}
.about_ont_img a i:after{ content:''; display:block; width:80px; height:80px; border-radius:50%; background:rgba(255,255,255,.3); position:absolute; left:50%; top:50%;z-index: 5;margin:-40px 0 0 -40px; animation:video cubic-bezier(0.215,.61,.355,1) 1.5s infinite;}
@keyframes video{
    0%,100%{transform:scale(.8); opacity:0;}
    50%{transform:scale(1); opacity:1;}
}

.about_one_idea{ margin-top: 60px;}
.about_one_idea ul li{ float: left;width: calc(25% - 12px);margin-right: 16px;background-color: #ffffff;overflow: hidden;padding: 35px 28px 42px 27px;cursor: pointer}
.about_one_idea ul li:nth-last-of-type(1){ margin-right: 0}
.idea_left{ float: left;width: 140px;}
.idea_left h4{ font-size: 20px;color: #242424;font-weight: bold;}
.idea_left p{ font-size: 14px;font-weight: bold;font-stretch: normal;line-height: 22px;color: #000000;opacity: 0.5;margin-top: 10px;}
.idea_right{ float: right;width: 48px;height: auto;padding-top: 15px;transition: all .6s}
.about_one_idea ul li:hover .idea_right{ padding-top: 5px;}
.idea_right img{ max-width: 100%}
.about_two{ float: left;width: 100%;height: auto;background: #fff url('../images/about_08.jpg') no-repeat center bottom;padding: 70px 0;}
.history_con{ float: left;width: 100%;height: auto;overflow: hidden;margin:40px 0 70px;}
.history_con .swiper-slide{ opacity: 0 !important;}
.history_con .swiper-slide.active,.history_con .swiper-slide-active{ display: block;opacity: 1 !important;}
.history_con_txt{ float: left;width: 50%;}
.year{font-size:115px;font-weight:normal;color:#025c49;line-height:115px; margin-bottom: 30px;}
.month_con{ padding-right: 100px; height: 195px; overflow-y: auto;}
.month_con p{ display: flex;font-size:14px;font-weight:500;color:rgba(29,29,29,1);line-height:30px; margin-bottom: 10px; }
.month_con p:nth-of-type(1){ font-size: 18px;line-height:30px;font-weight: bold}
.history_con_img{ float: right; width: 50%; padding-left: 90px; box-sizing: border-box;}
.history_con_img img{ width: 100%;display: block;border:2px solid #025c49; box-sizing: border-box;}
.history_swiper{ float: left;width:100%;height: auto;padding-bottom: 20px; overflow: hidden; position: relative;}
.history_swiper ul{ position: relative; }
.history_swiper ul::before{ content: ""; width: 100%; height: 1px; background:#dcdcdc; position: absolute ; left: 0; bottom: 0;}
.history_swiper li{ text-align: center; border-bottom: 1px solid #dcdcdc; cursor: pointer; font-size:22px;font-weight:normal;color:rgba(29,29,29,1); padding-bottom: 20px; position: relative;}
.history_swiper li::before{ content: "";  display: block; width:9px;height:9px;background:rgba(191,191,191,1);border-radius:50%; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); z-index: 1;}
.history_swiper li.swiper-slide-thumb-active::before{ width:16px;height:16px;background:rgba(255,255,255,1);border:3px solid #025c49;border-radius:50%; bottom: -9px;}
.history_swiper li.swiper-slide-thumb-active{color: #025c49;}
.history_swiper .btn{ display: block; cursor: pointer; outline: none; color: #DCDCDC;background: #fff;transition: all .6s; z-index: 100; width:34px;height:34px; text-align: center; line-height: 22px; background:rgba(255,255,255,1);border:1px solid rgba(220,220,220,1);border-radius:50%;}
.history_swiper .prev{ position: absolute; left: 0; top: 50px; }
.history_swiper .next{ position: absolute; right: 0; top: 50px;}
.history_swiper .btn:hover{ background: #025c49; color: #fff;}
.history_swiper .swiper-button-prev:after,.history_swiper .swiper-button-next:after{ font-size: 14px;}
.history_swiper .swiper-button-prev.swiper-button-disabled,.history_swiper  .swiper-button-next.swiper-button-disabled{ opacity: 1;cursor: auto}
.about_three,.about_five{ float: left;width: 100%;height: auto;overflow: hidden;padding: 70px 0;background-color: #f2f2f2}
.honor{ float: left;width: 100%;height: auto;position: relative;margin: 20px 0;}
.about_three_a{ float: left;width: 100%;height: auto;margin: 10px 0 0;text-align: center}
.about_three_a a{ width: auto;padding: 14px 40px;color: #343434;transition: all .5s;overflow: hidden;border-radius: 10px;display: inline-block;margin: 0 10px;background-color: #ffffff;}
.about_three_a a:hover { background-color: #015b48;color: #ffffff;}
.honor_swiper{ padding: 10px 0}
.honor_swiper .swiper-slide{ background-color: #FFFFFF;transition: all .6s}
.honor_swiper .swiper-slide:hover{ -webkit-box-shadow: 0 0 20px rgba(51,51,51,.2);-moz-box-shadow: 0 0 20px rgba(51,51,51,.2);box-shadow: 0 0 20px rgba(51,51,51,.2);}
.honor_con{ text-align: center;background: #FFFFFF;padding: 12% 6%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.honor_con_img{ height: 195px;line-height: 195px;margin-bottom: 12%;}
.honor_con_img img{ max-width: 95%;max-height: 95%;vertical-align: middle;transition: all .5s}
.honor_swiper .swiper-slide:hover .honor_con_img img{ transform: scale(1.1)}
.honor_con p{ font-size: 18px;line-height: 28px;color: #000000}
.honor .swiper-button-prev{ background: url('../images/honor_01.png') no-repeat center center;transition: all .6s;left: -50px;}
.honor .swiper-button-prev:hover{ background: url('../images/honor_01_1.png') no-repeat center center;}
.honor .swiper-button-next{ background: url('../images/honor_02.png') no-repeat center center;transition: all .6s;right: -50px;}
.honor .swiper-button-next:hover{ background: url('../images/honor_02_1.png') no-repeat center center;}
.honor .swiper-button-prev:after,.honor .swiper-button-next:after{ opacity: 0}
.about_four{ margin-top: 0}
.about_five{ background-color: #FFFFFF;padding-bottom: 25px;}
.garden_box{ float: left;width: 100%;height: auto;overflow: hidden;margin-bottom: 50px;}
.garden_box h3{ float: left;width: 20%;height: auto;overflow: hidden;font-size: 46px;color: #333;}
.garden_box p{ float: right;width: 66%;height: auto;font-size: 18px;line-height: 30px;color: #666;}
.garden_list li{ float: left;width: 50%;margin-bottom: 30px;padding: 0 8px;}
.garden_list li a.garden_list{ display: block;}
.garden_list_img{ width: 100%;height: 3.2rem;overflow: hidden}
.garden_list_img img { width: 100%;height: 100%;object-fit: cover;}
.garden_list_txt{ padding-top: 10px;font-size: 24px;line-height: 34px;text-align: center;color: #191919;}
.about_more{ float: left;width: 100%;height: auto;overflow: hidden;text-align: center;}
.about_more a{ color: #ffffff;display: inline-block;background: transparent;padding: 24px 18px;line-height: 1;border-radius: unset;border: 1px solid transparent;transition: all .56s;margin-left: 2px;margin-right: 2px;}
.about_more a:hover{ border: 1px solid #025c49;background: transparent;}
.about_more a span{ color: #ffffff;background: #025c49;padding: 15px 30px;line-height: 1;position: relative;border-radius: 25px;font-size: 16px}
.res_title{ float: left;width: 100%;text-align: center;color: #333333;font-size: 18px;line-height: 35px;padding: 10px 10% 0}
.res_title h4{ font-size: 28px;line-height: 54px;color: #191919;}
.res_list,.res_fruit{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.res_list ul li{ float: left;width: 33.33%;padding: 0 1%;text-align: center}
.res_list ul li img{ max-width: 100%}
.res_fruit{ background-color: #f7f7f7;margin-top: 0}
.res_fruit_title{ float: left;width: 200px;height: 380px;background: url('../images/9_10_21.jpg') no-repeat center center;;overflow: hidden;text-align: center;display: table}
.res_fruit_title > div{ display: table-cell;vertical-align: middle}
.res_fruit_title > div p{ color: #ffffff;font-size: 18px;}
.res_fruit_title > div p b{ font-size: 100px;font-family: Times New Roman;margin-right: 5px;}
.res_fruit ul{ float: left;width: calc(100% - 200px);height: 380px;overflow: hidden}
.res_fruit ul li{ float: left;width: 33.33%;padding: 80px 4% 0;height: auto;text-align: center}
.res_fruit ul li span{ width: 100%;height: 80px;line-height: 80px;overflow: hidden;display: inline-block;position: relative}
.res_fruit ul li span:before{ content: "";width: 80px;height: 80px;position: absolute;left: 50%;margin-left: -40px;background-color: #025c49;border-radius: 50%}
.res_fruit ul li img{ max-width: 40px;position: relative}
.res_fruit ul li h6{ height: 48px;display: block;font-size: 20px;line-height: 48px;color: #333;font-weight: bold}
.res_fruit ul li p{ font-size: 16px;line-height: 24px;color: #191919}

/*关于我们-荣誉*/
.honor_list{ float: left;width: 100%;height: auto;overflow: hidden;background-color: #f2f2f2;;padding: 70px 0}
.honor_list_a{ width: 100%;height: auto;margin-bottom: 25px;text-align: center}
.honor_list_a a{ width: auto;padding: 14px 40px;color: #343434;transition: all .5s;overflow: hidden;border-radius: 10px;display: inline-block;margin: 0 10px;background-color: #ffffff}
.honor_list_a a.active,.honor_list_a a:hover{ background-color: #015b48;color: #ffffff}
.honor_list .content ul li{ float: left;width: calc(25% - 12px);margin-right: 16px;;position: relative;z-index: 1;display: inline-block;vertical-align: top;overflow: hidden;margin-bottom: 12px;background-color: #ffffff;text-align: center;}
.honor_list .content ul li:nth-child(4n){ margin-right: 0}
.honor_list .content ul li a{ display: block;width: 100%;padding: 20px 0 10px;}
.honor_list .content ul li .honor_fancy_img{ width: 100%;height: 240px;line-height: 240px;}
.honor_list .content ul li .honor_fancy_img img{ max-height: 95%;max-width: 95%}
.honor_list .content ul li .honor_fancy_txt{ padding: 0 30px 0 15px;width: 100%;height: 30px;line-height: 29px;color: #000000;margin-top: 8px;text-align: left;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.honor_list .content ul li .honor_fancy_txt i{ position: absolute;top: 0;right: 3%;width: 14px;height: 30px;background: url(../images/about_ico_01.png) no-repeat center right ;background-size: 100% auto;}

/*关于我们-品牌*/
.brand_one{ float: left;width: 100%;height: auto;overflow: hidden;text-align: center;padding: 70px 0;position: relative}
.brand_one:before{ content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;left: 0;top: 0;}
.brand_one_im{ float: left;width: 100%;height: auto;overflow: hidden;text-align: center;position: relative;z-index: 50}
.brand_one_im img{ max-width: 220px;margin-bottom: 40px;}
.brand_one_im p{ font-size: 16px;line-height: 30px;color: #fff;margin-bottom: 8px;text-align: left}
.brand_one ul{ float: left;width: 100%;height: auto;overflow: hidden;position: relative;z-index: 50;margin-top: 40px;}
.brand_one ul li{ float: left;width: calc(20% - 12px);height: 85px;margin-right: 15px;padding: 0 10px;background-color: rgba(255,255,255,.8);box-sizing: border-box;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: bold;color: rgba(46,46,46,1);}
.brand_one ul li:nth-child(5n){ margin-right: 0}
.brand_one ul li img{ max-width: 36px;margin-right: 15px;}
.brand_two{ float: left;width: 100%;height: auto;overflow: hidden;padding: 70px 0;text-align: center;color: #333;}
.brand_two h3,.brand_three h3,.brand_four_txt h3{ font-size: 38px;line-height: 56px;text-align: center;position: relative}
.brand_two p,.brand_three p,.brand_four_txt p{ font-size: 16px;line-height: 28px;margin: 10px 0 20px;}
.brand_two img{ max-width: 100%}
.brand_three{ float: left;width: 100%;height: auto;overflow: hidden;padding: 70px 0;text-align: center;color: #333}
.brand_three h3{ padding-bottom: 20px;}
/*.brand_three h3:before{ content: "";width: 60px;height: 3px;background-color: #FFFFFF;position: absolute;left: 50%;margin-left: -30px;bottom: -1px;}*/
.brand_three img{ max-width:100%}
.brand_four{ float: left;width: 100%;height: auto;overflow: hidden;padding: 70px 0;background: url('../images/brand_02.jpg') repeat center top;}
.brand_four_txt{ float: left;width: 100%;height: auto;color: #333333;text-align: center}

/*.brand_pro_list ul li{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 35px}*/
/*.b_pro_list_img{ float: left;width: 50%;height: auto;overflow: hidden;padding: 0 2%;text-align: center}*/
/*.brand_pro_list ul li:nth-child(2n) .b_pro_list_img{ float: right}*/
/*.b_pro_list_img img{ max-width: 80%}*/
/*.b_pro_list_txt{ float: left;width: 50%;padding: 0 5% 0 110px;}*/
/*.brand_pro_list ul li:nth-child(2n) .b_pro_list_txt{ padding: 0 110px 0 5%;}*/
/*.brand_pro_list ul li:nth-of-type(1) .b_pro_list_txt{ background: url('../images/brand_07.png') no-repeat left top;background-size: 100px;text-align: left}*/
/*.brand_pro_list ul li:nth-of-type(2) .b_pro_list_txt{ background: url('../images/brand_08.png') no-repeat right top;background-size: 100px;text-align: right}*/
/*.brand_pro_list ul li:nth-of-type(3) .b_pro_list_txt{ background: url('../images/brand_09.png') no-repeat left top;background-size: 100px;text-align: left}*/
/*.brand_pro_list ul li:nth-of-type(4) .b_pro_list_txt{ background: url('../images/brand_10.png') no-repeat right top;background-size: 100px;text-align: right}*/
/*.b_pro_list_txt h3{ display: inline-block;color: #025c49;margin-bottom: 10px;font-size: 48px;text-align: left;width: 100%;}*/
/*.b_pro_list_txt p{ width: 60%;font-size: 18px;letter-spacing: 2px;line-height: 35px;color: #bebebe;float: left;padding-top: 15px;}*/

/*关于我们-产业园*/
.garden_one{ float: left;width: 100%;height: auto;overflow: hidden;padding: 70px 0 0}
.garden_one_box{ display: flex;align-items: center;flex-wrap: wrap;background: #f2f2f2;}
.garden_one_img{ width: 49.2%;height: 4.5rem;overflow: hidden;}
.garden_one_img img{ width: 100%;height: 100%;object-fit: cover;}
.garden_one_txt{ width: 50.8%;padding: 0 30px;}
.garden_one_txt h2{ font-size: 36px;color: #333;margin-bottom: 20px;}
.garden_one_txt p{ line-height: 30px;color: #666;}
.garden_one_range{ padding-top: 15px;display: flex;align-items: flex-start;text-align: center;flex-wrap: wrap;}
.range_txt{ position: relative;width: 40px;color: #fff;background: #025c49;padding: 10px;height: 165px;display: flex;align-items: center;justify-content: center;}
.range_txt:before{ content: "";position: absolute;top: 50%;right: -18px;margin-top: -10px;border: 10px solid transparent;border-left: 10px solid #025c49;}
.garden_one_range ul{ width: -webkit-calc(100% - 50px);width: calc(100% - 50px);padding-left: 20px;display: flex;align-items: flex-start;flex-wrap: wrap;}
.garden_one_range ul li{ margin: 0 .5% 5px;width: 24%;padding: 15px 5px 0;height: 80px;border: 1px solid #eee;background: #fff;color: #191919;}
.garden_one_range ul li:nth-of-type(4n){ margin-right: 0}
.garden_one_range ul li p:nth-of-type(1){ font-weight: bold;font-size: 24px;line-height: 28px;display: inline-block;width: 100%}
.garden_one_range ul li p:nth-of-type(2){font-size: 14px;line-height: 26px;display: inline-block;width: 100%}
.garden_two,.garden_three{ float: left;width: 100%;height: auto;padding: 70px 0 30px;overflow: hidden}
.garden_two h3,.garden_three h3{ font-size: 38px;line-height: 56px;text-align: center;position: relative;margin-bottom: 25px;color: #333333}
.garden_two ul,.garden_three ul{ display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.garden_two ul li{ margin-bottom: 40px;width: -webkit-calc(50% - 10px);width: calc(50% - 10px);}
.garden_two ul li > div,.garden_three ul li > div{ width: 100%;height: 430px;overflow: hidden;}
.garden_two ul li > div img,.garden_two ul li > div img{ width: 100%;height: 100%;object-fit: cover;}
.garden_two ul li p { padding-top: 10px;font-size: 24px;line-height: 34px;text-align: center;color: #222;}
.garden_three{ background: #f2f2f2;padding-bottom: 50px;}
.garden_three ul li{ width: 33.33%;margin-bottom: 20px;padding: 0 8px;position: relative}
.garden_three ul li > div{ height: auto;}
.garden_three ul li > div img{ max-width: 100%}
.garden_three ul li p { width: calc(100% - 16px);height: 50px;color: #FFFFFF;background: rgba(0,0,0,.4);position: absolute;left: 8px;bottom: 0;line-height: 50px;text-align: center}

.research_one,.research_two,.research_three{ float: left;width: 100%;height: auto;padding: 40px 0;overflow: hidden}
.research_one h3,.research_two h3,.research_three h3{ font-size: 38px;line-height: 56px;text-align: center;position: relative;margin-bottom: 25px;color: #333333;}
.research_one h3 i,.research_two h3 i,.research_three h3 i{ color: #025c49}
.research_one_box{ display: flex;align-items: center;flex-wrap: wrap;}
.research_one_img{ width: 58%;height: 4.6rem;overflow: hidden;}
.research_one_img img{ width: 100%;height: 100%;object-fit: cover}
.research_one_txt{ padding-left: 4%;width: 42%;}
.research_one_txt h4{ margin-bottom: 10px;font-size: 26px;line-height: 40px;color: #333;}
.research_one_txt p{ line-height: 30px;color: #666;}
.research_two{ padding: 40px 0 0;}/*padding: 70px 0 45px;background-color: #f2f2f2*/
/*.research_two h3{ font-size: 30px;line-height: 24px;}*/
.research_two li{ float: left;width: calc(50% - 15px);margin-bottom: 30px;}
.research_two li:nth-of-type(2){ float: right}
.research_two li > div{ height: 4rem;overflow: hidden;}
.research_two li > div img{ width: 100%;height: 100%;object-fit: cover}
.research_two li p{ padding-top: 15px;font-size: 26px;line-height: 42px;text-align: center;color: #222;}
.research_three{ padding: 40px 0 75px;}/*padding: 70px 0 45px;*/
.research_three .research_one_txt{ padding-right: 4%;padding-left: 0}
.res_four_list{ float: left;position: relative;width: 100%;}
.res_four_list ul li{ position: relative;float: left;width: 32.66%;margin-right: 1%;height: 80px;background: #ddd;font-size: 24px;display: flex;align-items: center;justify-content: center;color: #333;transition: .3s;border-radius: 10px;}
.res_four_list ul li:nth-child(3n){ margin-right: 0;}
.res_four_list ul li:nth-of-type(2){ float: left}
.res_four_list ul li.active{ background: #025c49;color: #fff;}
.res_four_list ul li.active:after{ content: "";position: absolute;top: 100%;left: 0;right: 0;margin: auto;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid #025c49;}
.res_four_tab{ float: left;width: 100%;height: auto;overflow: hidden}
.res_four_tab > div.item{ float: left;width: 100%;height: auto;overflow: hidden;display: none;}
.res_four_tab > div.item:nth-of-type(1){ display: inline-block}
.res_four_tab_one{ float: left;width: 48.666%;height: auto;padding-right: 10px;overflow: hidden;position: relative;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.res_four_tab_one img{ width: 100%;height: 100%;object-fit: cover}
.res_four_tab_one p{ width: calc(100% - 10px);height: 55px;line-height: 55px;overflow: hidden;padding: 0 10px 0 25px;background: #025c49 url('../images/res_01.png') no-repeat 5px center;position: absolute;left: 0;bottom: -55px;color: #FFFFFF;font-size: 16px;transition: all .65s}
.res_four_tab_one:hover p{ bottom: 0;}
.res_four_tab_two{ float: right;width: 51.334%;padding-left: 10px;overflow: hidden;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.res_four_tab_two ul li{ float: left;width: -moz-calc((100% - 20px) / 2);width: calc((100% - 20px) / 2);margin-right: 20px;margin-bottom: 20px;position: relative;overflow: hidden;}
.res_four_tab_two ul li:nth-child(2n){margin-right: 0;}
.res_four_tab_two ul li img{ width: 100%;height: 100%;object-fit: cover;transition: .3s;}
.res_four_tab_two ul li p{ position: absolute;left: 0;bottom: -55px;width: 100%;height: 55px;line-height: 55px;padding: 0 10px 0 25px;text-align: left;background: #025c49 url('../images/res_01.png') no-repeat 5px center;color: #fff;font-size: 16px;-webkit-transition: .3s;transition: .3s;overflow: hidden;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.res_four_tab_two ul li:hover p{ bottom: 0;}

/*产品*/
.jun_classic{ float: left;width: 100%;height: auto;overflow: hidden;padding: 70px 0}
.jun_classic ul{ float: left;width: 100%;height: auto;}
.jun_classic ul li{ float: left;width: 33.33%;height: auto;overflow: hidden;padding: 10px 1%;margin-bottom: 20px;transition: all .5s}
.jun_classic ul li:hover{ -webkit-box-shadow: 0 0 10px 6px #eee;box-shadow: 0 0 10px 6px #eee;}
.jun_classic ul li img{ max-width: 100%}
.jun_classic ul li h5{ font-size: 22px;text-align: center;line-height: 30px;padding-bottom: 10px;position: relative;color: #333333;margin: 10px 0 15px;}
.jun_classic ul li h5:before{ content: "";width: 36px;height: 2px;background-color: #025c49;position: absolute;left: 50%;bottom: 0;margin-left: -18px;}
.jun_classic ul li p{ font-size: 14px;line-height: 24px;color: #717171;width: 100%;height: 72px;overflow: hidden;text-align:center}

.product_nav{ float: left;width: 100%;height: auto;overflow: hidden;padding: 10px 0;border-bottom: 1px solid rgba(0,0,0,0.09)}
.product_nav dl{ display: flex;padding: 20px 0 10px;margin-bottom: 0;border-bottom: 1px solid #dbdbdb;}
.product_nav dl:first-child{ border-top: none;}
.product_nav dl dt{ flex-shrink: 0; line-height: 36px; min-width: 100px; font-size: 16px; font-weight: bold;color: #333}
.product_nav dl dd{ width: 100%;}
.product_nav dl dd a{ display: inline-block;line-height: 36px;margin-right: 10px;padding: 0 20px;height: 36px;margin-bottom: 10px;font-size: 16px;color: #333;border-radius: 18px;transition: all .6s}
.product_nav dl dd a.active,.product_nav dl dd a:hover{ background: #025c49;color: #fff;}
.product_brand{ float: left;width: 100%;height: auto;overflow: hidden;text-align: center;background: url(../images/images_03.jpg) no-repeat center -50px;background-attachment: fixed;position: relative}
.product_brand:before{ content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;left: 0;top: 0;}
.product_brand ul li{ width: 30%;height: auto;padding: 40px 0;display: inline-block;text-align: center;position: relative;transition: all .56s}
.product_brand ul li a img{ width: 110px;}
.product_brand ul li a p{ font-size: 22px;color: #ffffff;margin-top: 20px;}
.product_nav ul{ text-align: center}
.product_nav ul li{ margin: 0 15px;display: inline-block;padding: 0 15px;}
.product_nav ul li a{ opacity: .4;transition: all .5s}
.product_nav ul li a:hover{ opacity: 1}
.product_nav ul li a img{ max-width: 27px}
.product_nav ul li a p{ color: #333333;margin-top: 6px;opacity: .4}
.product_nav ul li a:hover p{ opacity: 1}
.fixed_Nav{ position: fixed;left: 0;top: 75px;z-index: 10;background-color: #ffffff}

.pro_search{ width: 216px;height: 36px;float: left;background: #f3f3f3;padding: 0 15px;margin-bottom: 10px;border-radius: 18px;display: flex;align-items: center;}
.pro_search input{ width: 100%;height: 36px;outline: none;-webkit-appearance: none;border-radius: 0;font-size: 14px;display: block;border: none;background: none;transition: ease .45s;}
.pro_search button{ width: 36px;height: 36px;background: url('../images/ico_05.png') no-repeat center center;border: none;background-size: 18px;}
.product{ padding: 25px 0 20px;float: left;width: 100%;height: auto;overflow: hidden}
#pro_01{ padding-top: 35px;}
.product h3{ text-align: center;font-size: 38px;color: #201D1C;margin: 30px 0 20px;}
.product_list ul li{ float: left;width: calc(33.33% - 12px);margin: 0 18px 18px 0;height: 430px;padding: 20px 0;transition: ease 1s;position: relative;background: #f4f4f4;border-radius: 10px;overflow: hidden;}
.product_list ul li:nth-child(3n){ margin-right: 0}
/*.product_list ul li:before{ content: "";display: block;width: 40px;height: 40px;position: absolute;left: 1vw;top: 1vw;background: url(../images/logo3.png) no-repeat left center;background-size: auto 100%;z-index: 2;}*/
/*.product_list ul li:hover::before{ background-image: url(../images/logo4.png);}*/
.product_list ul li:hover{ background:#025c49; }
.product_list ul li a{ display: flex; width: 100%; height: 100%; position: relative; align-items: center; justify-content: center;}
.product_list ul li .product_list_img{ float: left;width: 100%;height: auto}
.product_list ul li .product_list_img img{ max-width: 80%; max-height: 80%; display: block; transition: ease 1s; margin: 0 auto;}
.product_list ul li:hover .product_list_img img{ transform: scale(1.1,1.1);}
.product_list ul li .product_list_txt{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 15px 3% 0; box-sizing: border-box;}
.product_list ul li .product_list_txt h3{font-size: 20px; height: 24px;text-align: center;line-height: 24px; margin-bottom: 4px;color: #333;transition: all .6s}
.product_list ul li .product_list_txt p{ color: #666666;font-size: 16px; line-height: 24px;transition: all .6s}
.product_list ul li:hover .product_list_txt h3,.product_list ul li:hover .product_list_txt p{ color: #fff;}
.pro_detail{ float: left;width: 100%;height: auto;overflow: hidden;background: url('../images/images_04.jpg') repeat center top;}
.pro_det_one{ float: left;width: 100%;height: auto;padding: 45px 0 25px;}
.pro_det_one .content{ background-color: #FFFFFF;padding: 3% 3%;overflow: hidden}
.details_slider{ float: left;width: 450px;height: 450px;overflow: hidden;position: relative}
.pro_swiper,.pro_swiper .swiper-slide{ float: left;width: 100%;height: 100%;overflow: hidden;position: relative}
.pro_swiper .swiper-slide img{ width: 100%;height: 100%;object-fit: cover}
.pro_swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ background-color: #025c49}
.details_slider .swiper-button-prev,.details_slider .swiper-button-next{ width: 60px;height: 60px;text-align: center;line-height: 60px;background: #30221A;background: rgba(0,0,0,.4);color: #fff;margin-top: -30px;z-index: 2;opacity: 0;}
.details_slider:hover .swiper-button-prev,.details_slider:hover .swiper-button-next{ opacity: 1;}
.details_slider .swiper-button-prev:after,.details_slider .swiper-button-next:after{ font-size: 24px;color: #fff; }
.details_title{ float: right;width: calc(100% - 500px);height: 450px;overflow: hidden;display: table;color: #333}
.details_title_table{ display: table-cell;vertical-align: middle}
.details_title h3{ font-size: 30px;margin-bottom: 15px;}
.details_title p{ font-size: 16px;line-height: 26px;}
.details_title a{ display: block;width: 180px;height: 60px;line-height: 60px;text-align: center;background: #025c49;color: #fff;font-size: 18px;margin-top: 25px;}
.pro_det_two{ float: left;width: 100%;height: auto;padding: 30px 0 15px 0;border-bottom: 1px solid #dadada;overflow: hidden}
.pro_det_two a{ display: inline-block;height: 42px;line-height: 42px;font-size: 18px;border-radius: 21px;padding: 0 20px;margin-right: 10px;color: #333333;transition: all .65s}
.pro_det_two a:hover{ background: #025c49;color: #fff;}
.pro_det_three,.pro_det_four{float: left;width: 100%;height: auto;padding: 45px 0 0;color: #333333}
.det_title{ font-size: 18px;font-weight: bold;border-left: 4px solid #025c49;height: 18px;line-height: 18px;padding-left: 8px;margin-bottom: 25px;}
.pro_det_three p{ font-size: 16px;color: #4B4B4B;line-height: 36px;}
.pro_det_three p img{ max-width: 100%;margin: 0 auto}
.pro_det_four_con{ width: 100%;height: auto;margin: 15px 0;background: #FFFFFF;padding: 3% 3% 5%;overflow: hidden}
.pro_det_four_con p{ float: left;width: 49.5%;height: 52px;line-height: 52px;padding: 0 20px 0 15px;overflow: hidden;border-bottom: 1px solid #d5d5d5;position: relative}
.pro_det_four_con p:nth-child(2n){ float: right}
.pro_det_four_con p:before{ content: "";width: 5px;height: 5px;background-color: #d5d5d5;position: absolute;left: 0;top:24px;}
.pro_det_five,.pro_det_six{ float: left;width: 100%;height: auto;overflow: hidden;padding: 40px 0 0}
.det_five_title{ position: relative;margin-bottom: 20px;font-size: 30px;line-height: 48px;color: #333333}
.det_five_title a{ width: 48px;height: 48px;background: #025c49;z-index: 10;border-radius: 50%;text-align: center;line-height: 48px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #fff;}
.det_five_title a:before{ content: '';display: block;width: 100%;height: 100%;background: rgba(2,92,73,.4);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 1s infinite;}
.det_five_title a:after{ content: '';width: 48px;height: 48px;background: url('../images/pro_det_01.png') no-repeat center center;position: absolute;left: 0;top: 0;z-index: 100}
@keyframes consult{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.4);}
}
.pro_det_six{ margin-bottom: 70px;}
.pro_det_six ul li{ float: left;width: calc(33.33% - 12px);margin: 0 18px 0 0;height: auto;overflow: hidden}
.pro_det_six ul li:nth-child(3n){ margin-right: 0}
.pro_det_six ul li a{ float: left;width: 100%;height: 36px;color: #666666;line-height: 36px;padding-right: 85px;position: relative}
.pro_det_six ul li a span{ float: right;position: absolute;right: 0;top: 0}

/*健康睡眠系统*/
/*.sleep_one{ float: left;width: 100%;height: auto;overflow: hidden;padding: 70px 0;}*/
/*.sleep_one .content{ background: url('../images/sleep_01.png') no-repeat 85% bottom;overflow: hidden;background-size: 200px;}*/
/*.sleep_one h3{ font-size: 36px;line-height: 56px;text-align: center;margin-bottom:10px;position: relative;color: #333333}*/
/*.sleep_one_1,.sleep_one_2,.sleep_one_3{ float: left;width: 100%;height: auto;text-align: center}*/
/*.sleep_one_1 ul li{ display: inline-block;margin: 10px 10px 0;}*/
/*.sleep_one_1 ul li img{ max-width: 22px;display: inline}*/
/*.sleep_one_1 ul li p{ display: inline;font-size: 15px;color: #666666}*/
/*.sleep_one_2 h5,.sleep_one_3 h5{ font-size: 20px;color: #333;margin-top: 20px;font-weight: bold;line-height: 38px;}*/
/*.sleep_one_2 p,.sleep_one_3 p{ line-height: 30px;color: #666;}*/
/*.sleep_one_3{ margin-top: 25px;}*/
/*.sleep_one img{ max-width: 100%}*/
.sleep_one,.sleep_stuff,.sleep_symptom,.sleep_test{ float: left;width: 100%;height: auto;overflow: hidden;padding: 70px 0 80px;}
.sleep_one{ background: #f2f2f2;text-align: center}/* url('../images/sleep_03.png') no-repeat center bottom*/
.sleep_one img{ max-width: 100%}
.sleep_one_title,.stuff_title,.symptom_title,.test_title{ float: left;width: 100%;height: auto;text-align: center;margin-bottom: 40px;}
.sleep_one_title{ margin-bottom: 15px;}
.sleep_one_title h3,.stuff_title h3,.symptom_title h3,.test_title h3{ font-size: 38px;color: #333;font-weight: bold;line-height: 38px;margin-bottom: 8px;}
.sleep_one_title p,.stuff_title p,.symptom_title p,.test_title p{ line-height: 30px;color: #444;}
.sleep_one_title img{ max-width: 100%}
.sleep_one ul li{ float: left;width: 32%;height: 340px;background: rgba(255,255,255,.8);color: #333;border-radius: 6px;padding: 2.72% 2.72% 0;margin-right: 2%;}
.sleep_one ul li:nth-child(3n){ margin-right: 0}
.sleep_one ul li span{ text-align: center;font-size: 38px;color: #333;width: 100%}
.sleep_one ul li h4{ font-size: 24px;line-height: 40px;margin: 8px 0 0;}
.sleep_one ul li p{ line-height: 30px;}
.sleep_stuff{ padding: 70px 0;background: url('../images/images_02.jpg') no-repeat center center;background-size: cover;text-align: center}
.stuff_title{ margin-bottom: 20px;}
.stuff_title h3,.stuff_title p{ color: #FFFFFF}
.stuff_list{ width: 280px;height: 640px;background-color: #FFFFFF;position: relative;display: inline-block;margin-right: 15px;}
.stuff_list ul li{ width: 100%;height: 63px;line-height: 63px;text-align: left;padding: 0 20px;color: #8a8a8a;font-size: 20px;font-weight: 500;text-decoration: none;overflow: hidden;position: relative;transition: all .6s}
.stuff_list ul li.active{ color: #333333}
/*.stuff_list ul li:nth-last-of-type(1){ border-bottom: none}*/
.stuff_list .swiper-scrollbar-drag{ background: #398567}
.stuff_list ul li i{ width: 3px;height: 24px;position: absolute;left: 10px;top: 50%;margin-top: -11px;background-color: #398567;opacity: 0}
.stuff_list ul li.active i{ opacity: 1}
.stuff_tab{ width: 780px;height: 640px;background-color: #FFFFFF;display: inline-block;padding: 20px 0;}
.stuff_tab > div.item{ float: left;width: 100%;height: 100%;overflow-x: hidden;display: none;text-align: center;padding: 0 20px;color: #333;}
.stuff_tab > div.item:nth-of-type(1){ display: inline-block}
.stuff_tab > div.item img{ max-width: 100%}
.stuff_tab > div.item h4{ padding: 20px 0 6px;font-size: 22px;font-weight: 600;line-height: 30px;text-align: left;}
.stuff_tab > div.item h5{ font-size: 18px;font-weight: 600;line-height: 30px;text-align: left;margin-top: 4px;}
.stuff_tab > div.item p{ line-height: 28px;font-weight: 400;text-align: left;font-size: 14px;}
.sleep_stuff .about_more{ margin-top:15px;}
.stuff_box{ float: left;width: 100%;height: auto;background-color: #FFFFFF;overflow: hidden;padding: 20px 10px 0}
.stuff_box div.item{ float: left;width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
.stuff_head{ float: left;width: 100%;height: 54px;padding: 0 10px;overflow: hidden;background-color: #ececec;transition: all .6s}
.stuff_head span{ float: left;width: 75%;height: 100%;line-height: 54px;font-size: 14px;color: #333;text-align: left;display: inline-block;white-space: nowrap;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.stuff_head span:nth-of-type(2){ float: right;width: 20%;text-align: right;font-size: 24px}
.stuff_body{ float: left;width: 100%;height: auto;padding: 10px;overflow: hidden;display: none;border: 1px solid #e1e1e1;}
.stuff_body p{ font-size: 12px;line-height: 24px;color: #666}
.stuff_body h4{ font-size: 16px;color: #333333;margin-bottom: 10px;}
.stuff_body h5{ font-size: 14px;color: #333333;margin-bottom: 10px;}
.stuff_body img{ max-width: 100%;margin-bottom:15px;}

.sleep_symptom{ background: url('../images/symptom_01.jpg') no-repeat center bottom;padding: 70px 0}
.symptom_title{ margin-bottom: 20px;}
.sleep_symptom .symptom_list{ float: left;width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 20px;}
.sleep_symptom .symptom_list li {width: 15%;transition: .5s;}
.sleep_symptom .symptom_list li.active {width: 51.25%;}
.sleep_symptom .symptom_list a{ position: relative;display: block;color: #fff;overflow: hidden;}
.sleep_symptom .symptom_list a img{ width: 100%;height: 550px;position: relative;z-index: 1;object-fit: cover;opacity: 0;transition: .5s;}
.sleep_symptom .symptom_list li.active a img{ opacity: 1;}
.symptom_list_one{ width: 100%;height: 100%;z-index: 2;padding: 80px 50px;background: rgba(2,92,73,.9);opacity: 0;transition: .5s;position: absolute;top: 0;left: 0;overflow: hidden}
.sleep_symptom .symptom_list li.active .symptom_list_one{ opacity: 1;}
.symptom_list_one > div{ margin-bottom: 40px;font-size: 72px;line-height: 82px;}
.symptom_list_one h3{ font-size: 36px;line-height: 46px;;height: 46px;overflow: hidden}
.s_list_one_p1{ margin:10px 0 10px;padding: 10px 0 13px;font-size: 20px;border-bottom: 1px solid rgba(255, 255, 255, .1);line-height: 26px;}
.s_list_one_p2{ float: left;width:100%;height: 60px;line-height: 30px;overflow: hidden;margin-bottom: 45px;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.symptom_list_one span{ width: 168px;height: 54px;text-align: center;line-height: 54px;border-radius: 25px;color: #333;background: #fff;display: inline-block;float: left}
.symptom_list_one span:after{ content: "";display: inline-block;margin-left: 20px;border: 8px solid transparent;border-right: 0;border-left: 8px solid #333;}
.symptom_list_two{ width: 100%;height: 100%;text-align: center;background: rgba(0, 0, 0, .5);transition: .4s;position: absolute;top: 0;left: 0;z-index: 3;display: flex;align-items: center;justify-content: center;}
.symptom_list_two p{ font-size: 24px;writing-mode: tb-rl;letter-spacing: 5px}
.symptom_list_two p:nth-of-type(1){ height: 350px;text-align: left}
.symptom_list_two p:nth-of-type(2){ padding-top: 30px;font-size: 36px;color: #999;}
.sleep_symptom .symptom_list li.active .symptom_list_two{ opacity: 0;}
.sleep_symptom .symptom_list li:nth-child(2) .symptom_list_two{ background: rgba(0, 0, 0, .45);}
.sleep_symptom .symptom_list li:nth-child(3) .symptom_list_two{ background: rgba(0, 0, 0, .4);}
.sleep_symptom .symptom_list li:nth-child(4) .symptom_list_two{ background: rgba(0, 0, 0, .35);}
.sleep_test{ padding: 70px 0 40px;background-color: #f2f2f2}
.test_title{ margin-bottom: 25px;}
.sleep_test h3{ margin-bottom: 10px;}
.sleep_test ul{ float: left;width: 100%;height: auto;}
.sleep_test ul li{ float: left;width: 32%;height: 240px;border-radius: 5px;margin-right: 2%;margin-bottom: 10px;overflow: hidden;position: relative;transition: all .56s}
.sleep_test ul li:nth-child(3n){ margin-right: 0}
.sleep_test ul li::before{ content: "";pointer-events: none;display: block;width: 100%;transition: ease 1s;height: 100%;background: rgba(0,0,0,.6);position: absolute;left: 0;top: 0;z-index: 1;}
.sleep_test ul li:hover::before{ background: rgba(0,0,0,.2);}
.sleep_test ul li a{ width: 100%;height: 100%;position: relative;display: inline-block;transition: all .65s}
.test_img{ width: 100%;height: 100%;background-size: cover;transition: ease 1s;}
.sleep_test ul li:hover .test_img{ transform: scale(1.1,1.1);}
.test_box{ width: 100%;color: #fff;padding: 0 5px;box-sizing: border-box;position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;z-index: 2;}
.test_box p{ font-size: 20px;}
.test_box span{ width: auto;height: 35px;line-height: 35px;padding: 0 4px 5px;display: inline-block;border-bottom: 1px solid #fff;margin-top: 1.8vw;}
.test_box span i{ width: 15px;height: 35px;float: right;display: inline-block;margin-left: 10px;background: url('../images/pro_det_01.png') no-repeat center center;background-size: 15px;}
.symptom_box,.symptom_one,.symptom_two,.symptom_three{ float: left;width: 100%;height: auto;overflow: hidden}
.symptom_one{ padding: 70px 0;background: url('../images/symptom_02.jpg') no-repeat center center;}
.symptom_one_tit{ float: left;width: 50%;height: 386px;overflow: hidden;display: table}
.symptom_one_tit > div { display: table-cell;vertical-align: middle;}
.symptom_one_tit h3{ font-size: 32px;color: #FFFFFF;margin-bottom: 30px;}
.symptom_one_tit p{ padding: 20px;background-color: rgba(2,92,73,.3);font-size: 16px;line-height: 30px;color: #FFFFFF}
.symptom_one_img{ float: right;width: 44%;height: auto;text-align: right}
.symptom_one_img img{ max-width: 100%}
.symptom_two{ padding: 70px 0 35px;}
.symptom_two h3,.symptom_three h3{ font-size: 32px;color: #333333;margin-bottom: 25px;}
.symptom_two ul li{ float: left;width: 100%;margin-bottom: 15px;font-size: 16px;color: #666;position: relative;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;height: auto;line-height: 36px;;background: #f2f7fb;padding: 7px 0 7px 34px;}
.symptom_two ul li:before{ content: "";width: 6px;height: 6px;overflow: hidden;border-radius: 50%;background-color: #398567;position: absolute;left: 15px;top: 22px;}
.symptom_three{ padding-bottom: 10px;}
.symptom_three ul li{ float: left;width: 100%;height: auto;padding: 0 0 15px 30px;position: relative}
.symptom_three_box{ position: relative;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background: rgba(2,92,73,.1) right center repeat-y;background-size: auto 100%;min-height: 100px;padding: 20px 20px 20px 50px;}
.symptom_three_box .img{ width: 64px;height: 64px;text-align: center;line-height: 64px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;background: #fff;position: absolute;z-index: 10;left: -30px;right: auto;top: 50%;bottom: auto;margin-top: -32px;}
.symptom_three_box .img:before{ content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;border: rgba(2,92,73,.6) solid 3px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.symptom_three_box .img{ max-width: 80%;max-height: 80%}
.symptom_three_box p{ font-size: 16px;color: #666;line-height: 32px;margin-top: 15px;}
.symptom_box .view_correlation{ margin-bottom: 25px}
.stuff_box{ }


/*加盟条件*/
.join_one,.join_two,.join_three,.join_four,.join_five,.join_six,.join_seven,.join_eight,.join_nine,.join_ten{ float: left;width: 100%;height: auto;padding: 70px 0;}
.join_one{ background: url('../images/join_02.jpg') no-repeat top center;}
.join_tit { text-align: center;}
.join_tit h3{ font-size: 36px;color: #282828;}
.join_tit p{ font-size: 22px;color: #999;font-weight: normal;font-style: normal;letter-spacing: 0;margin-top: 10px;text-transform: uppercase; font-family: Times New Roman;}
.strength_con{ float: left;;width: 100%;height: auto;overflow: hidden;margin-top: 40px;}
.strength_left{ float: left;width: 560px;height: auto;overflow: hidden;}
.strength_left h4{ font-size: 42px;color: #303030;line-height: 55px;;}
.strength_left h4 i{ color: #015b48;}
.strength_left p{ line-height: 35px;font-size: 16px;color: #626262;margin-top: 15px;position: relative;}
.strength_right{ float: right;width: 450px;padding-top: 50px;}
.strength_right ul li{ float: left;width: 225px;height: 135px;padding: 0 7px 0 0;position: relative;font-size: 16px;line-height: 25px;}
.strength_right ul li:before{ content: "";position: absolute;width: 1px;height: 65px;background: #dadada;right: 40px;top: 11px;}
.strength_right ul li:nth-child(2n){ padding: 0;}
.strength_right ul li:nth-child(2n):before{ width: 0;height: 0;}
.strength_right ul li p{ display: block;color: #6f6f6f;line-height: 25px;font-size: 17px;margin: 15px 0 0;}
.strength_right ul li span{ display: block;height: 49px;line-height: 49px;}
.strength_right ul li span b{ font-size: 50px;display: inline-block;color: #015b48;padding: 0 5px 0 0;}
.strength_right ul li span em{ color: #222;font-weight: bold;font-size: 18px;font-style: normal;}
.technology{ background: url('../images/technology_01.png') no-repeat center center;background-size: 615px;height: 800px;}
.technology ul{ position: relative;}
.technology ul li{ margin: 12px 42px;position: absolute;}
.technology ul li p{ font-size: 16px;font-weight: bold;color: #666;display: block;margin: 8px 0 0;}
.technology ul li:nth-child(2) p, .technology ul li:nth-child(3) p{ text-align: center;}
.technology ul li:nth-child(1) p, .technology ul li:nth-child(8) p, .technology ul li:nth-child(7) p{ text-align: right;}
.technology ul li:nth-child(4) p, .technology ul li:nth-child(5) p, .technology ul li:nth-child(6) p{ text-align: left;}
.technology ul li p span{ font-size: 24px;color: #888;padding: 0 10px;font-weight: bold;display: inline-block;}
.technology ul li img{ display: inline-block;width: 206px;border-radius: 50%;border: 5px solid #398567;}
.technology ul li:nth-child(1){ top: 34px;right: 174px;}
.technology ul li:nth-child(2){ top: 202px;right: 30px;}
.technology ul li:nth-child(3){ top: 414px;right: 30px;}
.technology ul li:nth-child(4){ top: 606px;right: 174px;}
.technology ul li:nth-child(5){ top: 606px;left: 156px;}
.technology ul li:nth-child(6){ top: 414px;left: 22px;}
.technology ul li:nth-child(7){ top: 202px;left: 22px;}
.technology ul li:nth-child(8){ top: 34px;left: 156px;}
.join_three{ background: url('../images/guarantee_01.jpg') no-repeat center center;background-size: cover}
.join_three .join_tit h3,.join_three .join_tit p{ color: #FFFFFF}
.join_three dl,.join_three ul{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 35px;}
.join_three dl dt{ width: 500px;float: left;height: auto;background: #fff;padding: 15px 20px 20px;text-align:center}
.join_three dl dt h4{ text-align: center;font-size: 20px;font-weight: normal;color: #000;margin-bottom: 12px;}
.join_three dl dt img{ max-width: 100%}
.join_three dl dd{ width: 600px;float: right;color: #ffffff;padding-top: 60px;}
.join_three dl dd h4{font-size: 24px;margin-bottom: 18px;}
.join_three dl dd p{ line-height: 28px;}
.join_three dl dd a{ display: block;width: 130px;background: #26cfb8;color: #fff;font-weight: normal;text-align: center;margin-top: 20px;padding: 3px 0;line-height: 38px;}
.join_three ul{ margin-top: 20px;}
.join_three ul li,.market_list ul li{ float: left;width: calc(25% - 12px);margin-right: 16px;height: auto;position: relative}
.join_three ul li:nth-child(4n),.market_list ul li:nth-child(4n){ margin-right: 0}
.join_three ul li img{ max-width: 100%}
.join_four{ background-color: #f4f4f4}
.market_list{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 25px;}
.market_list ul li{ height: 400px;background-color: #ffffff;}
.content_list_top{ padding: 35px 25px 0;}
.content_list_top h4{ font-size: 18px;color: #333333;font-weight: bolder;margin-bottom: 10px;}
.content_list_top p{ font-size: 14px;color: #666666;margin-bottom: 30px;line-height: 28px;}
.content_list_img{ text-align: right;position: absolute;right: 0;bottom: -30px;}
.content_list_img img{ max-width: 100%}
.join_five{ background-color: #f2f2f2}
.condition_box,.process_box{ float: left;width: 100%;height: auto;margin-top: 35px;}
.condition_left{ float: left;width: 550px;height: 410px;background: #EEEEEE;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 80px 100px 0 52px;position: relative;}
.condition_left:before{ position: absolute;content: "";width: 1px;height: 240px;background: rgba(21, 21, 21, 0.2);left: 63px;top: 90px;}
.condition_left p{ line-height: 22px;color: rgba(51, 51, 51, 0.7);clear: both;margin-bottom: 30px;position: relative;z-index: 2;padding-left: 35px;}
.condition_left p i{ display: block;background-color: #eee;width: 30px;height: 30px;margin: 0 10px 0 0;float: left;}
.condition_left p em{ display: inline-block;width: 25px;height: 25px;line-height: 22px;background: #EEEEEE;border: 2px solid #B1B1B1;border-radius: 50%;font-size: 14px;font-weight: bold;color: #333;text-align: center;position: absolute;left: 0;}
.condition_right{ float: right;width: calc(100% - 550px);height: 410px;overflow: hidden}
.condition_right img{ width: 100%;height: 100%;object-fit: cover}
.join_six{ }
.process_box ul li{ float: left;width: 15%;height: 150px;margin-right: 2%;position: relative;z-index: 1;color: #fff;display: flex;justify-content: center;align-items: center;}
.process_box ul li:nth-child(6n){ margin-right: 0}
.process_box ul li:before{ content: "";display: block;width: 130px;height: 130px;border-radius: 50%;background: #398567;position: absolute;left: 50%;top: 10px;margin-left: -65px;transition: all .8s;}
.process_box ul li:after{ content: "";display: block;width: 60px;height: 100%;position: absolute;right: -42px;top: 0;background: url(../images/photo_02_01.png)no-repeat center;}
.process_box ul li:nth-last-of-type(1):after{ display: none}
.process_box ul li > div{ position: relative;z-index: 10;text-align: center}
.process_box ul li img{ transition: all .8s;}
.process_box ul li h4{ margin-top: 10px;;font-size: 14px;}
.join_seven{ background-color: #f2f2f2}
.join_box{ float: left;width: 100%;height: auto;overflow: hidden;padding: 50px;background-color: #FFFFFF}
.sm_validate { float: left;width: 100%;height: auto;}
.sm_validate .group { float: left;width: 50%;height: 82px;font-size: 14px;line-height: 26px;color: #333;padding: 0 12px;margin-top: 40px;position: relative;z-index:100}
.sm_validate .group .group_control{ float: left;display: block;border: none;width: 100%;height: 46px;background-color: #f6f6f6;padding: 0 20px;margin-top: 10px;}
.sm_validate .msg_group { width: 100%;height: auto;z-index:10}
.sm_validate .group .msg_group_control { height: 160px;resize: none;padding: 20px;}
.btn_default { float: left;display: inline-block;padding: 0;border: none;width: 176px;height: 45px;text-align: center;line-height: 45px;background-color: #398567;margin-left: 12px;border-radius: 50px;color: #fff;font-size: 14px;letter-spacing: .6px;margin-top: 40px;cursor: pointer;}
.diy_select{ float: left;width: 100%;height: 56px;position: relative;z-index:100}
.diy_select input,.diy_select_txt{ float: left;width: 100%;height: 46px;line-height: 46px;overflow: hidden;border: none;padding: 0 20px;font-size: 16px;color: #333;transition: all .6s;z-index: 10;position: absolute;left: 0;top:10px;background-color: #f6f6f6;}
.diy_select_txt{ z-index: 13;}
.diy_select input{ background-color: #fff;}
.diy_select_btn{ position: absolute;top: 28px;right: 15px;border: 8px solid transparent;border-top: 8px solid #333;z-index: 18}
.diy_select_list { position: absolute;width: 100%;height: auto;top: 56px;left: -1px;overflow: hidden;display: none;z-index: 7999;background-color: #f5f5f5}
.diy_select_list li {float: left;width: 100%;height: 40px;text-align: left;cursor: pointer;line-height: 40px;font-size: 15px;overflow: hidden;padding: 0 20px;background-color: #ebefef;}
.diy_select_list li:hover{ background-color: #FFFFFF}
.store_list{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 25px;}
.store_list img{ max-width: 100%}
.store_list .swiper-button-prev,.store_list .swiper-button-next{ background-color: #ffffff}
.store_list .swiper-button-prev:after,.store_list .swiper-button-next:after{ font-size: 20px;color: #398567}
.join_nine{ background-color: #f2f2f2}
.join_nine_it{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 25px;position: relative}
.join_nine_it img{ max-width: 100%}
.join_nine_it p{ position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);width: 100%;text-align: center;color: #ffffff;padding: 15px;color: #ffffff;line-height: 24px;}
.join_nine ul li{ float: left;width: 25%;height: auto;overflow: hidden;padding-top: 35px;text-align: center}
.join_nine ul li p{ font-size: 24px;color: #000000;margin-top: 15px;}


/*新闻*/
.new_box,.new_detail{ float: left;width: 100%;height: auto;padding: 70px 0 0;background-color: #f2f2f2}
.new_box{ padding-bottom: 50px}
.new_box_list{ float: left;width: 70%;height: auto;overflow: hidden}
.new_box_list li{ float: left;width: 100%;height: auto;overflow: hidden;position: relative;padding: 5px 10px;background: #fff;border-radius: 10px;box-shadow: 1px 1px 5px #eee, -1px -1px 5px #eee;margin-bottom: 20px;transition: all .6s}
.new_box_list li:hover{ box-shadow: 0 12px 30px rgba(51,51,51,.1);-webkit-box-shadow: 0 12px 30px rgba(51,51,51,.1);-moz-box-shadow:0 12px 30px rgba(51,51,51,.1);}
.new_box_list li:nth-last-of-type(1){ margin-bottom: 0}
.new_box_list li a{ display: block}
.new_box_date{ float: left;width: 130px;height: 185px;background-color: #FFFFFF;position: relative;z-index: 10;;overflow: hidden;justify-content: center;display: flex;align-items: center;text-align: center;color: #333333}
.new_box_date em{ font-size: 54px;display: block;line-height: 66px;width: 100%}
.new_box_date p{ opacity: .8;display: block;}
/*.new_box_img{ float: left;width: 320px;height: 200px;overflow: hidden;border-radius: 10px;background-color: #FFFFFF;position: relative;z-index: 10;}*/
/*480*200*/
/*.new_box_img img{ width: 100%;}*/
.new_box_txt{ float: right;width: calc(100% - 150px);margin-right: 2%;padding-top: 15px;position: relative;z-index: 10;}
.new_box_txt h3{ height: 48px;line-height: 48px;color: #333333;font-size: 22px;transition: all .6s;overflow: hidden}
.new_box_list li .new_box_txt a:hover h3{ color: #398567}
.new_box_txt p{ height: 60px;line-height: 30px;overflow: hidden;color: #666666;font-size: 16px;}
.new_box_txt_tag{ float: left;width: 100%;height: 35px;margin-top: 10px;overflow: hidden;}
.new_box_txt_tag a{ float: left;display: block;width: auto;font-size: 14px;transition: all .6s;color: #333;-moz-border-radius: 30px;margin-right: 10px;-webkit-border-radius: 30px;border-radius: 30px;min-width: 90px;height: 35px;line-height: 35px;text-align: center;padding: 0 15px;background: #e9ecef;}
.new_box_txt_tag a:nth-last-of-type(1){ margin-right: 0}
.new_box_list li .new_box_txt_tag a:hover{ background-color: #398567;color: #FFFFFF}
.new_box_bg{ position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: right center no-repeat;background-size: auto 100%;opacity: 0;transition: all .56s}
.new_box_bg:before{ content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url(../images/new_01.png) right center repeat-y;background-size: auto 10px;}
.new_box_list li:hover .new_box_bg{ opacity: .15;}
.new_box_rig{ float: right;width: 28%;}
.new_img_list,.new_hot_list,.new_read_list,.new_follow_list{ float: right;width: 100%;border: 1px solid #E7E7E7;background-color: #ffffff;padding: 0 0;}
.new_img_list{ padding: 0;margin-bottom: 25px;}
.new_img_list img{ width: 100%;}
/*.new_hot_list h4,.new_read_list h4,.new_follow_list h4{ text-align: left;border-bottom: 3px solid #e9ecef;padding-bottom: 5px;margin-bottom: 5px;position: relative;color: #333333}*/
/*.new_hot_list h4:before,.new_read_list h4:before,.new_follow_list h4:before{ content: "";width: 80px;height: 3px;background-color: #015b48;position: absolute;left: 0;bottom: -3px}*/
.new_hot_list h4,.new_read_list h4,.new_follow_list h4{ text-align: left;background: url(../images/new_02.png) 10px center #FFFFFF no-repeat;padding: 0 0 0 30px;line-height: 50px;color: #015b48;font-size: 16px;border-bottom: 1px solid #E7E7E7}
.new_hot_list ul{ padding: 0 8px;background: url('../images/join_01.png') no-repeat 8px 8px;overflow: hidden;}
.new_hot_list ul li{height: 36px;line-height: 36px;width: 100%;padding-left: 30px;}
.new_hot_list ul li a{ color: #3e3e3e;font-size: 14px;transition: all .5s;display: inline-block;width: 100%;height: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_hot_list ul li a:hover{ color: #015b48;}
.new_read_list{ margin-top: 25px;}
.new_read_list h4{ margin-bottom: 15px;}
.read_box{ margin: 0 0 10px;width:100%;height:64px;float: left;border-bottom: 1px dashed #EEEEEE;padding:0 8px 10px}
.read_box:nth-last-of-type(1){ margin-bottom: 0;}
.read_box .readtitle,.read_box .readtitle { font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.read_box .read_img,.read_box .read_img { width: 90px; height: 52px; float: left; display: inline; margin-right: 10px; overflow: hidden}
.read_box .read_img img,.read_box .read_img img { width:100%;}
.read_box p{ margin-left: 100px;line-height:26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.read_box p a{ color: #696969;font-size: 14px;transition: all .5s}
.read_box p a:hover{ color: #015b48;}
.new_follow_list{ margin-top: 25px;text-align: center;padding-bottom: 15px;}
.new_follow_list p{width: 100%;height: 24px;display: block;margin: 10px 0 5px;text-align: center;font-size: 16px;color: #4c4c4c;line-height: 24px;overflow: hidden;}
.new_follow_list img{width: 210px;margin: 0 auto;}

.new_detail{ padding: 70px 0;background-color: #FFFFFF}
.new_con_left{ float: left;width: 70%;padding: 30px;border: 1px solid #E7E7E7;background-color: #FFFFFF;}
.new_con_title{ float: left;width:100%;height: auto;padding: 0 10px 5px;border-bottom: 1px solid #E7E7E7;margin-bottom: 15px;}
.new_con_title h3{ max-height: 90px;line-height: 32px;font-size: 22px;color: #3E3E3E;margin-bottom: 5px;text-align: center}
.new_con_title P{ text-align: center;}
.new_con_title P span{ font-size: 14px;margin: 0 15px;color: #333333}
.new_con_left p{ color: #1a1a1a;font-size: 16px;line-height: 28px;margin-bottom: 8px;}
.new_con_left p img{ max-width: 100%}
.view_tag,.view_pag{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 25px;}
.view_pag a{ float: left;display: inline-block;vertical-align: top;width: 49.9%;height: 60px;line-height: 60px;font-size: 14px;letter-spacing: 1.5px;color: #E4E4E4;position: relative;}
.view_pag a:nth-of-type(1){ background-color: #171715;text-align: left;padding-left: 40px;}
.view_pag a:nth-of-type(1) span:nth-of-type(1),.view_pag a:nth-of-type(2) span:nth-of-type(1){ float: left;width: 50px;color: #ffffff;text-align: left;height: 100%;overflow: hidden;display: inline-block}
.view_pag a:nth-of-type(1) span:nth-of-type(2),.view_pag a:nth-of-type(2) span:nth-of-type(2){ float: left;width: calc(100% - 60px);color: #ffffff;height: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.view_pag a:nth-of-type(2){ background-color: #398567;text-align: right;padding-right: 40px;}
.view_pag a:nth-of-type(2) span:nth-of-type(1),.view_pag a:nth-of-type(2) span:nth-of-type(2){ float: right}
.view_tag a{ padding: 10px 18px;margin-bottom: 10px;margin-right: 10px;line-height: 42px;border: 1px solid #ddd;border-radius: 30px;color: #999;transition: all .6s}
.view_tag a:hover{ background-color: #398567;color: #FFFFFF;border: 1px solid #398567;}
.view_avow{ float: left;padding: 15px;width: 100%;height: auto;background-color: #F2F2F2;border: 1px solid #E8E8E8;margin-top: 20px;}
.view_avow p{ font-size: 13px;line-height: 24px;margin-bottom: 0}
.view_correlation{ float: left;width: 100%;height: auto;overflow: hidden;margin: 35px 0 5px;}
.view_correlation h4{ border-bottom: 2px solid #666666;padding-bottom: 10px;margin-bottom: 13px;position: relative;color: #333333;font-size: 18px;}
.view_correlation h4:before{ content: "";width: 80px;height: 2px;background-color: #398567;position: absolute;left: 0;bottom:-2px;}
.view_correlation ul li{ float: left;width: calc(25% - 12px);margin-right: 16px;background-color: #ffffff;overflow: hidden;cursor: pointer;}
.view_correlation ul li:nth-child(4n){ margin-right: 0}
.view_correlation ul li img{ width: 100%;}
.view_correlation ul li p{ font-size: 14px;line-height: 22px;margin: 5px 0 0;color: #333333;height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_con_right{ float: right;width: 28%;border: 1px solid #E7E7E7;border-top: 2px solid #E7E7E7;}
.new_con_right h4{ background: url(../images/new_02.png) 10px center #FFFFFF no-repeat;padding: 0 0 0 30px;line-height: 50px;color: #015b48;font-size: 16px;border-bottom: 1px solid #E7E7E7}
.new_con_right ul{ float: left;width: 100%;height: auto;margin-top: 20px;padding: 0 10px;}
.new_con_right ul li{ float: left;width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
.new_con_right_img{ float: left;width: 100%;height: auto;overflow: hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;position: relative}
.new_con_right_img img{ max-width: 100%;}
.new_con_right_img span{ position: absolute;z-index: 10;left: auto;right: 7px;top: auto;bottom: 7px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;font-size: 14px;color: #fff;background: rgba(0, 0, 0, 0.5);width: 100px;height: 30px;line-height: 30px;text-align: center;}
.new_con_right ul li p{ float: left;width: 100%;font-size: 16px;line-height: 28px;padding: 10px 0 10px;color: #333333}


/*联系我们*/
.contact{ float: left;width: 100%;height: auto;overflow: hidden;padding: 70px 0 0}
.contact_map,.contact_map_title{ width: 100%;height: 500px;overflow: hidden;background-color: #FFFFFF;}
.contact_map_title dd{ width: 100%;height: 100%;display: inline-block}
.contact_map{ position: relative;}
.contact_map .contact_title{ position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; height: 46px; bottom: 0;text-align: center;overflow: hidden}
.contact_map .contact_title li{ color: #333333; font-size: 16px; margin: 0 15px;display: inline-block; width: 260px; height: 46px; line-height: 46px; background: #fff; text-align: center; cursor: pointer;}
.contact_map .contact_title li.on{ background: #398567; color: #fff;}
.contact_edge,.contact_form{ float: left;width: 100%;height: auto;padding: 70px 0;}
.contact_edge{ margin-top: 70px;background-color: #f2f2f2}
.contact_edge h4{ font-size: 30px;font-weight: 400;color: #333333;line-height: 50px;}
.contact_edge ul li{ float: left;width: 45%;margin-top: 20px;}
.contact_edge ul li i{ font-size: 26px;color: #333;line-height: 60px;}
.contact_edge ul li em{ display: block;width: 20px;height: 2px;background-color: #333;margin-bottom: 15px;}
.contact_edge ul li h3{ font-size: 22px;font-weight: 400;color: #333;line-height: 24px;}
.contact_edge ul li article { font-size: 15px;color: #333;line-height: 26px;margin-top: 20px;}
.contact_form_tit,.contact_form_box{ float: left;width: 100%;height: auto;}
.contact_form_tit h3{ font-size: 30px;color: #333;}
.contact_form_tit p{ font-size: 18px;color: #333;line-height: 34px;margin-top: 15px;}
.contact_form_box form{ margin-top: 30px;}
.contact_form_box input{ float: left;display: block;border: none;width: calc(50% - 24px);color: #333333;margin-bottom: 25px;height: 46px;background-color: #f6f6f6;padding: 0 20px;}
.contact_form_box input:nth-child(2n){ float: right}
.contact_form_box textarea{ float: left;display: block;border: none;width: 100%;height: 160px;resize: none;padding: 20px;color: #333333;margin-bottom: 40px;background-color: #f6f6f6;}
.contact_form_box button{ float: left;z-index: 10;display: inline-block;padding: 0;border: none;width: 150px;height: 50px;text-align: center;line-height: 50px;background-color: #398567;margin-left: 10px;color: #fff;font-size: 14px;cursor: pointer;position: relative}
.contact_form_box button:before{ content: "";position: absolute;background-color: rgba(2,92,73,.4);z-index: -1;-moz-transition: all 1.4s ease;-o-transition: all 1.4s ease;-webkit-transition: all 1.4s ease;transition: all 1.4s ease;top: -5px;left: -5px;width: calc(100% + 10px);height: calc(100% + 10px);}
.contact_form_box button:hover:before { -moz-transform: scale(0, 0);-ms-transform: scale(0, 0);-webkit-transform: scale(0, 0);transform: scale(0, 0);}

/*小程序分享页*/
.share{ float: left;width: 100%;height:auto;position: relative;overflow: hidden;padding: 110px 0 50px;background: url('../images/tan_bj.jpg') no-repeat center center;background-size: cover}
.share_con{ float: left;width: 100%;height: auto;overflow: hidden}
.share_con_left{ float: left;width: 582px;height: auto;text-align: left;margin-top: 90px;}
.share_con_left h3{ font-size: 60px;color: #4A4E5A;font-weight: 400;line-height: 90px;}
.share_con_left p{ font-size: 24px;color: #4A4E5A;line-height: 36px;}
.share_con_left div{ width: 240px;height: auto;background-color: #FFFFFF;margin-top: 80px;padding: 10px}
.share_con_left img{ width: 100%;display: block;}
.share .slideBox{ float: right;width: 600px; margin: 0 0 55px;position: relative;z-index: 9;}
.share .slideBox .slide_bg{ position: absolute; background: url(../images/pc_bg.png) center center no-repeat; width: 306px; height: 635px;right: 0;top: 9px; z-index: 11;}
.share .slideBox .slideBox_img{ float: right;width: 306px; height: 635px;padding-top: 75px;overflow: hidden; margin: 10px 0; text-align: center;}
.share .slideBox .slideBox_img img{ width: 270px}
.share_copy{ float: left;width: 100%;height: auto}
.share_copy p{ font-size: 12px;line-height: 24px;color: #aaa;text-align: center}
.share_copy p a{ color: #aaa}

/*响应式公共*/
@media screen and (max-width: 1800px){
    .jh_partner_list ul.jh_p_l1_x{ display: none;}
}
@media (max-width: 1616px) {
    .j_container{ position: relative; width: 100%;padding:0 1.5rem;}
}
@media (max-width: 1450px) {
    .j_container{ position: relative; width: 100%;padding:0 1rem;}
}
@media (max-width: 1316px) {
    .j_container{ position: relative; width: 100%;padding:0 .5rem;}
}
@media (max-width: 1216px) {
    .j_container{ position: relative; width: 100%;padding:0 1%;}
}

/*响应式头部*/
@media (max-width: 1416px) {
    #header .j_nav>li{ padding: 0 15px;}
}

@media (max-width: 1200px){
    .content{ width: 100%;padding: 0 0.5%}
    .head_cen_logo{ width: auto}
    .head_cen_logo h2 span{ font-size: 26px;}
    .head_cen_logo h2 em{ font-size: 17px;}
    .head_menu ul li{ width: 12.5%;margin: 0 0}
    .head_menu ul li a{ width: 100%;height: auto;text-align: center;padding: 0 0;display: inline-block}
    .ft_left_one{ width: calc(100% - 85px)}
    .ft_left_two{ display: none}

    .i_banner img{ max-width: 100%}
    .i_banner_txt h4{ font-size: 50px;}
    .i_banner_txt p{ font-size: 32px;margin-top: 0}

    .ft_right_left{ width: 100%}
    .ft_right_left p{ line-height: 40px;font-weight: 400;height: auto}
    .ft_right_right{ display: none}

    /*首页*/
    .index_about{ padding: 0 5.3vw;margin-top: -22px;}
    .index_about_right{ padding: 65px 2.16vw 0;}
    .index_about_right h4{ font-size: 24px;}
    .index_about_right p{ font-size: 14px;}
    .i_pro_tab div.item ul li:nth-of-type(1), .i_pro_tab div.item ul li:nth-of-type(2), .i_pro_tab div.item ul li:nth-of-type(4), .i_pro_tab div.item ul li:nth-of-type(5){ width: 24.2%;height: auto}
    .i_pro_tab div.item ul li:nth-of-type(3){ width: 49.8%;margin: 0 0.8%;height:auto}
    .i_adv_list .adv_rig{ left:290px;}
    .i_adv_list .adv_rig dl dd{ left: -80px;}
    .index_stop_list{ padding-left: 35px;}
    .index_stop_list ul li{ padding: 0 35px;}
    .photo_qie{ width: 100%}
    .index_enter_nav ul li{ width: 30%}
    .photo_t ul li{ width: 240px;}

    /*关于隽和*/
    .about_ont_tit h3{ font-size: 36px;}
    .about_ont_tit h4{ font-size: 20px;margin: 10px 0 10px;}
    .about_ont_txt{ width: 49%}
    .about_ont_txt p{ font-size: 14px;}
    .garden_box h3{ width: 40%}
    .garden_box p{ width: 55%}
    .garden_list_img{ height: 5.2rem}

    /*产品中心*/
    .product_list ul li .product_list_img img{ max-width: 90%;max-height: 90%}

    /*健康睡眠系统*/
    .stuff_list{ width: 24%;margin-left: 0}
    .stuff_tab{ width: 72%}
    .symptom_one_tit{ height: auto}
    .video_center video{ width: 80%}

    /*合作加盟*/
    .strength_left{ width: 45%}
    .strength_right{ width: 50%}
    .process_box ul li:before{ width: 120px;height: 120px;}
    .process_box ul li:after{ width: 30px;right: -18px}
    .technology{ background-size: 400px}
    .join_three dl dd{ width: calc(100% - 520px)}
    .join_box{ padding: 50px 25px}

    /*分享*/
    .share .content{ padding: 0 2%}
    .share .slideBox{ width: calc(100% - 590px)}
}
@media (max-width: 993px){
    /*公共*/
    .head_top{ display: none}
    .head_web{ display: inline-block}
    .head_web_h{ height: 70px;}
    .footer{ position: relative;z-index: 50}
    .footer_fot{ display: none}
    .ft_right p{ font-size: 14px;line-height: 26px;margin-bottom: 10px;}

    .index_title{ background-size: 42% !important;font-size: 42px;line-height: normal;padding-top: 25px;}
    .index_title span{ line-height: 35px}

    .sidebar{ display: none}

    .fixed_Nav{ top: 70px;}

    .footer_web {
        display: inherit;
    }

    /*首页*/
    .index_banner{ position: relative;height: 50vw;z-index: 10}
    .index_banner .swiper-container{ position: fixed;overflow: hidden;background: #000;left: 0;top: 0;z-index: 1;width: 100%;height: 50vw;margin-top: 70px;}
    .banner_one .swiper-slide img{ display: none}
    .index_about{ padding: 0 0;margin: 0 0}
    .index_about .content{ padding: 0 0}
    .index_about_left{ width: 100%;height: 320px;}
    .index_about_right{ width: 100%;height: auto;padding: 30px 20px;}
    .index_about_right h3{ font-size: 24px;line-height: 24px;}
    .index_about_right h3:before{ width: 30px;height: 3px;bottom: 3px;left: -5px;}
    .index_about_right h4{ margin-top: 10px;font-size: 20px;}
    .index_about_right p{ margin-top: 15px}
    .index_about_right a{ width: 120px;height: 40px;line-height: 40px;font-size: 12px;margin-top: 30px;}
    .index_about_right a i{ display: none}
    .index_brand{ position: relative;z-index: 50;margin-top: 0;height: auto;min-height: 680px;}
    .index_brand_list{ margin-top: 40px;}
    .index_brand_list ul li{ padding-top: 30px;min-height: 300px;}
    .index_product{ position: relative;z-index: 50;padding: 45px 0 95px}
    .i_pro_list{ margin-top: 30px;}
    .i_pro_list ul li{ width: 13.1%}
    .i_pro_list_img img{ width: 36px;margin-left: -18px}
    .jh_ip_con_box{ padding: 5px;}
    .jh_ip_con_title{ font-size: 14px;padding: 10px 5px 15px;line-height: 24px;text-align: left}
    .jh_ip_con_title2{ font-size: 18px;margin-bottom: 0;line-height: 30px;}
    .index_doubt,.index_advantage{ position: relative;z-index: 50;background: #ffffff}
    .index_doubt_list dl{ height: auto;min-height: 240px}
    .index_doubt_list dd h5{ font-size: 20px;height: 50px;line-height: 55px;}
    .index_doubt_list dd p{ font-size: 14px;}
    .index_stop{ position: relative;z-index: 50;height: auto}
    .index_stop_title{ float: left;width: 240px;position: relative;left: auto;top: auto}
    .index_stop_list{ width: calc(100% - 240px);height: 200px;padding-left: 10px}
    .index_stop_list ul li{ width: 20%;height: 200px;padding: 0 0}
    .index_stop_list ul li:before{ top:93px;}
    .index_stop_list ul li > div{ margin-top: 65px;}
    .index_stop_list ul li:hover > div{ margin-top: 45px}
    .index_stop_list ul li p img{ width: 45px;}
    .index_stop_list ul li span{ font-size: 14px;}
    .index_enter{ position: relative;z-index: 50;min-height: auto}
    .index_enter_nav ul li{ width: 30%;}
    .index_enter_nav ul li a{ font-size: 24px;}
    .index_enter_play{ display: none}
    .index_new{ position: relative;z-index: 50;padding: 45px 0 0;background: #ffffff}
    .new_slide_two ul li{ width: 48%;margin-right: 4%}
    .new_slide_two ul li:nth-child(2n){ margin-right: 0}
    .new_slide_two ul li:nth-child(3n){ margin-right: 4%}
    .new_slide_one ul li{ width: 100%}


    /*关于我们*/
    .about_ont_txt{ width: 100%}
    .about_ont_img{ width: 80%;margin: 0 10%;padding-top: 35px}
    .year{ font-size: 80px;line-height: 80px;margin-bottom: 10px;}
    .month_con{ padding-right: 35px}
    .history_con_img{ padding-left: 35px;}

    /*加盟*/
    .strength_right ul li{ width: 50%}
    .condition_left{ width: 50%;padding: 80px 30px 0;}
    .condition_right{ width: 50%}
    .technology{ background: #ffffff;margin-top: 15px;height: auto}
    .technology ul li{ float: left;width: 33.33%;padding: 0 1%;margin: 0 0 15px;position: relative;left: auto!important;;right: auto !important;;top: auto !important;;bottom: auto !important;}
    .technology ul li img{ width: 100%;border-radius: initial;border: 2px solid #398567}
    .technology ul li p{ text-align: center !important;}
    .technology ul li p span{ font-size: 16px;padding: 0 5px 0 0}
    .join_three dl dt{ width: 400px;}
    .join_three dl dd{ width: calc(100% - 420px);padding-top: 35px}

    /*资讯*/
    .new_con_left,.new_box_list{ width: 100%;}
    .new_box, .new_detail{ padding: 35px 0 25px}
    .new_box_rig{ display: none}

    /*联系我们*/
    .contact{ padding: 30px 0 0}
    .contact_map, .contact_map_title{ height: 420px;}
    .contact_map_title iframe{ height: 420px;}
    .contact_edge{ padding: 35px 0 40px;margin-top: 30px;}
    .contact_edge ul li{ width: 50%}

    /*关于我们*/
    .garden_one_img{ height: 8rem}
    .garden_two ul li > div{ height: 360px;}

    /*产品中心*/
    .product_nav ul{ width: 100%;height: 80px;overflow-y: auto;display: flex;align-items: flex-start;flex-wrap: nowrap;}
    .product_nav ul li{ flex: none;float: left;width: 100px;}
    .product_list ul li{ height: 400px;}
    .product_list ul li .product_list_txt h3{ font-size:16px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

    /*分享*/
    .share{ height: calc(100% - 70px);background: url(../images/bg_mobile.png) no-repeat top center /100% auto;}
    .share .content{ padding: 0 2%}
    .share_con_left{ width: 100%;margin-top: 50px;}
    .share .slideBox{ display: none}
    .share_con_left{ text-align: center}
    .share_con_left div{ width: 100%;text-align: center;background-color: rgba(0,0,0,0)}
    .share_con_left img{ width: 240px;display: initial}
    .share_copy{ position: fixed;bottom: 10px;left: 0}
}
@media (max-width: 768px){
    .head_web{ height: 60px;line-height: 60px;}
    .head_web_h{ height: 60px;}
    .web_nav{ top: 60px;line-height: 55px;font-size: 16px;}
    .web_nav a{ font-size: 16px;}
    .web_nav li a i{ margin-top: 20px;}
    .web_logo img{ max-height: 45px;}
    .web_nav li ul a{ line-height: 40px;font-size: 14px;}

    .ft_logo{ float: left;width: 100%;height: auto;text-align: left;background: none;position: relative;left: auto;top: auto;padding: 15px 0 0;margin-left: 0}
    .ft_logo img{
        width:120px;
    }
    .ft_logo p{ display: none}
    .ft_left{ float: right;width: 100%;height: auto;}
    .ft_left_one{ width: 100%;padding-top: 0;line-height: 30px;}
    .ft_left_one p{ float: left;width: 100%}
    .ft_right{ float: left;width: 100%;padding: 10px 0 0}
    .footer_lk{ padding: 5px;min-height:auto}
    .footer_lk span{ font-size: 14px;}
    .footer_lk a{ font-size: 12px;}

    .index_title{ background-size: 80% !important;font-size: 24px;}
    .index_title span{ font-size: 16px;letter-spacing: 0}

    .content { width: 100%;padding: 0 1%;}

    .i_catalogue{ font-size: 12px;padding: 5px 0;}
    .i_catalogue a:before{ width: 6px;}

    .ft_right_right{ float:left;width:100%;text-align:left;display: inline-block;padding-top: 0;}
    .ft_right_right img{ width:40%;}
    .ft_right_right p{ width:40%;height:auto}
    .ft_left_one p:nth-of-type(1),.ft_left_one p:nth-of-type(2){ width:50%}

    /*首页*/
    .index_banner{ margin-top: 0;}
    .index_banner .swiper-container{ margin-top: 60px;}
    .banner_one .swiper-button-prev, .banner_one .swiper-button-next{ width: 30px;height: 30px;}
    .banner_one .swiper-button-prev:after, .banner_one .swiper-button-next:after{ font-size: 18px;}
    .index_about_left{ height: 220px;}
    .index_about_right{ padding: 30px 10px;}
    .index_brand{ min-height: auto;padding: 0 5px;}
    .index_brand_txt{ margin-top: 35px;padding-right: 0}
    .index_brand_txt h3{ font-size: 24px;}
    .index_brand_txt p{ font-size: 14px;line-height: 26px;}
    .index_brand_list{ margin-top: 15px;}
    .index_brand_list ul li{ width: 33.33%;min-height: auto;margin-bottom: 30px;}
    .index_brand_list ul li span{ margin-top: 10px;}
    .index_brand_list ul li img{ max-width: 70px;}
    .index_brand_list ul li h4{ font-size: 16px}
    .index_brand_list ul li span{ font-size: 12px;}
    .index_product{ padding: 35px 0}
    .i_pro_list{ display: none}
    .i_pro_tab{ display: none}
    .i_pro_web{ display: inline-block}
    .index_doubt{ padding: 35px 0 0;}
    .index_doubt_list{ margin-top: 25px;}
    .index_doubt_list dl{ width: 50%;margin-top: 0;margin-bottom: 10px;min-height: 220px;}
    .index_doubt_list dl:nth-last-of-type(1){ margin-bottom: 0}
    .index_doubt_list dd h5{ font-size: 16px;height: 40px;line-height: 35px;}
    .index_doubt_list dd p{ font-size: 12px;}
    .index_advantage{ display: none}
    .i_adv_web{ height: auto;padding: 25px 2% 35px;}
    .index_stop_title{ width: 100%;height: auto;overflow: hidden;background: #015b48 url(../images/stop_01.png) no-repeat center 30px;}
    .index_stop_list{ width: 100%;padding-left: 0;margin-top: 15px;}
    .index_stop_list ul li{ width: 33.33%;height: 100px;}
    .index_stop_list ul li > div{ margin-top: 0}
    .index_stop_list ul li:hover > div{ margin-top: 0;}
    .index_stop_list ul li:before{ opacity: 0}
    .index_enter{ display: none}
    .index_new{ padding: 30px 0 0}
    .new_list{ margin-top: 10px;}
    .new_list ul li{ font-size: 14px;padding: 0 8px;margin: 0 5px 0 0;}
    .new_list ul li:nth-last-of-type(1){ margin-right: 0}
    .new_tab{ padding: 15px 0 20px}
    .new_slide_two{ margin-bottom: 0}
    .new_slide_two ul li{ width: 100%;margin-right: 0}
    .new_slide_two ul li:nth-child(3n){ margin-right: 0}
    .new_slide_one ul li{ height: 12rem;position: relative;margin-bottom: 10px;}
    .new_slide_one_img{ width: 100%;height: 100%;position: relative}
    .new_slide_one_img:before{ content: "";position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);transition: all 0.5s;}
    .new_slide_one_img img{ width: 100%;height: 100%;object-fit: cover}
    .new_slide_one_txt{ position: absolute;left: 0;bottom: 0;width: 100%;height: auto;z-index: 10;padding: 0 2% 3px}
    .new_slide_one_txt h4{ color: #ffffff;font-size: 16px;}
    .new_slide_one_txt p{ color: #ffffff;height: 56px;-webkit-line-clamp: 2;font-size: 14px}
    .new_slide_one_txt p:nth-of-type(2){ display: none}

    /*关于我们*/
    .i_title h3{ font-size: 24px;}

    .about_one{ padding: 35px 0 20px}
    .about_ont_txt{ width: 100%;height: auto;}
    .about_ont_tit h3{ font-size: 24px;}
    .about_ont_tit h4{ font-size: 18px;}
    .about_ont_img{ width: 100%;margin: 15px 0 0;padding-top: 0}
    .about_two{ padding: 35px 0 20px;}
    .history_con{ margin: 0 0 20px;}
    .history_con_img{ float: left;width: 100%;height: auto;overflow: hidden;padding-left: 0}
    .history_con_txt{ float: right;width: 100%;padding-top: 10px;}
    .year{ font-size: 24px;margin-bottom: 10px;line-height: normal}
    .month_con{ padding-right: 0;width: 100%;height: auto}
    .month_con p{ margin-bottom: 0}
    .history_swiper li{ font-size: 18px;}
    .about_three, .about_five{ padding: 35px 0 20px;}
    .honor{ margin-top: 0}
    .about_more{ margin-top: 0}
    .garden_box{ margin-bottom: 15px;}
    .garden_box h3{ width: 100%;font-size: 24px;margin-bottom: 8px;}
    .garden_box p{ width: 100%;font-size: 14px;}
    .garden_list li{ width: 100%;}
    .garden_list_img{ height: 10rem}
    .garden_list_txt{ font-size: 18px;}
    .res_title{ padding: 0 1% 0;}
    .res_title h4{ font-size: 18px;line-height: 28px;}
    .res_title p{ font-size: 14px;}
    .res_fruit_title{ width: 100%;height: 110px;background-size: cover}
    .res_fruit ul{ float: left;width: 100%;height: auto}
    .res_fruit ul li{ padding: 25px 2% 0}
    .res_fruit ul li h6{ font-size: 16px;}
    .res_fruit ul li p{ font-size: 13px;}
    .research_three{ padding: 25px 0 30px;}
    .research_three .research_one_txt{ width: 100%;padding: 0 1%}
    .research_one_img{ width: 100%;height: auto;overflow: hidden}
    .research_one_img img{ height: auto;object-fit: initial}
    .research_one h3, .research_two h3, .research_three h3{ font-size: 24px;line-height: normal;margin-bottom: 8px;}
    .research_one_txt p{ font-size: 14px;line-height: 26px;}

    .honor_list{ padding: 30px 0}
    .honor_list .content ul li{ width: calc(50% - 8px);}
    .honor_list .content ul li:nth-child(2n){ margin-right: 0}
    .brand_one ul li img{ margin-right: 0}
    .brand_two{ padding: 35px 0 20px;}
    .brand_two h3, .brand_three h3, .brand_four_txt h3{ font-size: 24px;line-height: normal;margin-bottom: 8px;}
    .brand_two p, .brand_three p, .brand_four_txt p{ font-size: 14px;line-height: 26px;margin:5px 0}
    .brand_three{ padding: 30px 0}
    .brand_four{ padding: 35px 0 20px;}
    .product_list ul li{ width: 100%;margin-right: 0}

    .garden_one{ padding: 35px 0 0}
    .garden_one_img{ float: left;width: 100%;height: auto}
    .garden_one_img img{ height: auto;object-fit: initial}
    .garden_one_txt{ width: 100%;padding: 10px 1%;text-align: center}
    .garden_one_txt h2{ font-size: 24px;margin-bottom: 10px;}
    .garden_one_txt p{ font-size: 14px;line-height: 30px;}
    .garden_two, .garden_three{ padding: 35px 0 20px;}
    .garden_two h3, .garden_three h3{ font-size: 24px;line-height: initial;margin-bottom: 15px;}
    .garden_two ul li{ width: 100%;margin-bottom: 15px;}
    .garden_two ul li > div{ height: auto}
    .garden_two ul li p{ font-size: 16px;line-height: 26px;}
    .garden_three ul li{ width: 100%;}
    .res_four_list ul li{ height: auto;line-height: initial;padding: 10px 10px;font-size: 15px;}
    .res_four_tab_one{ width: 100%;padding-right: 0}
    .res_four_tab_one img{ height: auto !important;margin-bottom: 5px}
    .res_four_tab_two{ width: 100%;padding-left: 0}
    .res_four_tab_two ul li{ width: 100%;height: auto;margin: 0 0 5px 0}
    .res_four_tab_two ul li img{ height:  auto !important;;width: 100%}

    .honor .swiper-button-prev{ left: 10px}
    .honor .swiper-button-next{ right: 10px}

    /*产品中心*/
    .i_banner{ height: 11rem}
    .i_banner_txt h4{ font-size: 24px;line-height: 36px;text-align: center}
    .i_banner_txt p{ font-size: 18px;line-height: 28px;padding-top: 0;text-align: center}
    .i_banner img{ width: 100%;height: 100%;object-fit: initial}

    .fixed_Nav{ top: 60px;}
    .product_nav ul li{ margin: 0 0;padding: 0 5px}
    .product_nav ul li a p{ font-size: 12px;}
    .product{ padding-bottom: 0}
    .product h3{ font-size: 24px;margin: 10px 0 15px;}

    .product_list ul li{ width: calc(50% - 2%);height: auto;margin: 0 1% 5px;background: #ffffff;padding: 10px 0 0}
    .product_list ul li:hover{ background: #ffffff;}
    .product_list ul li:hover .product_list_txt h3, .product_list ul li:hover .product_list_txt p{ color: #333333}
    .product_list ul li a{ display: inline-block;height: auto;}
    .product_list ul li .product_list_txt{ float: left;position: relative;left: auto;bottom: auto;padding: 0 1% 0}
    .product_list ul li:hover .product_list_img img{ transform: none;}
    .product_list ul li .product_list_txt h3{ font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .details_slider{ width: 100%;height: auto}
    .pro_det_one{ padding-top: 0}
    .pro_swiper, .pro_swiper .swiper-slide{ height: auto}
    .pro_swiper .swiper-slide img{ height: auto;object-fit: initial}
    .details_title{ width: 100%;height: auto;display: inline-block;}
    .details_title_table{ float: left;width: 100%;height: auto;padding-top: 15px;border-top: 1px solid #eee;}
    .details_title h3{ font-size: 24px;margin-bottom: 5px;}
    .details_title p{ font-size: 14px;}
    .details_title a{ width: 120px;height: 40px;line-height: 40px;font-size: 14px;margin-top: 15px;}
    .pro_det_two{ padding: 5px 0 10px;}
    .pro_det_two a{ font-size: 16px;padding: 0 5px;}
    .pro_det_three, .pro_det_four{ padding: 25px 0 0}
    .det_title{ margin-bottom: 10px;}
    .pro_det_four_con p{ width: 100%;font-size: 13px;}
    .det_five_title{ font-size: 24px;margin-bottom: 10px;}
    .det_five_title a{ display: none}
    .pro_det_six ul li{ width: 100%}
    .pro_det_six ul li a{ font-size: 13px;}
    .details_slider .swiper-button-prev, .details_slider .swiper-button-next{ width: 35px;height: 35px;}
    .product_nav ul{ height: 60px;}
    .product_brand ul li{ width: 33.33%;float: left}
    .product_brand ul li a img{ max-width: 50%}
    .product_brand ul li a p{ font-size: 14px;margin-top: 10px;}

    /*睡眠系统*/
    .sleep_one{ padding: 30px 0 40px}
    .test_title{ margin-bottom: 15px;}
    .sleep_one_title h3, .stuff_title h3, .symptom_title h3, .test_title h3{ font-size: 24px;margin-bottom: 0}
    .sleep_one_title p, .stuff_title p, .symptom_title p, .test_title p{ font-size: 14px;line-height: 24px;}
    .sleep_stuff{ padding: 35px 0 20px;}
    .stuff_list{ display: none;}
    .stuff_tab{ width:100%;padding: 0 0;background: rgba(255,255,255,0);height: auto;display: flex;justify-content: space-between;align-items: flex-start;overflow-x: auto;}
    .stuff_tab > div.item{ flex: none;width: 92%;height: 505px;display: inline-block;overflow: hidden;overflow-y: auto;;background: #ffffff;padding: 15px 8px;margin-bottom: 15px;margin-right: 15px;}
    .stuff_tab > div.item:nth-last-of-type(1){ margin-right: 0}
    .stuff_tab > div.item h4{ padding: 0;font-size: 20px;line-height: 40px;}
    .stuff_tab > div.item h5{ font-size: 16px;margin-top: 0}
    .stuff_tab > div.item p{ font-size: 12px;line-height: 24px;}
    .sleep_stuff .about_more{ display: inline-block}

    .sleep_symptom{ padding: 35px 0 50px;}
    .symptom_list{ overflow-x: auto;}
    .sleep_symptom .symptom_list li{ flex: none;width: 85%;margin-right: 20px;}
    .sleep_symptom .symptom_list li:nth-last-of-type(1){ margin-right: 0}
    .sleep_symptom .symptom_list li.active{ width: 85%}
    .sleep_symptom .symptom_list a img{ height: 365px;}
    .symptom_list_one{ opacity: 1;padding: 25px 10px ;}
    .symptom_list_one > div{ font-size: 40px;margin-bottom: 0;line-height: 30px;margin-top: 20px;}
    .symptom_list_one h3{ font-size: 20px;}
    .s_list_one_p1{ font-size: 16px;margin: 0 0}
    .s_list_one_p2{ margin:10px 0 20px;font-size: 14px;}
    .symptom_list_two{ opacity: 0}
    .sleep_test{ padding: 35px 0 50px;}
    .sleep_test ul li{ width: 100%;margin-right: 0;margin-bottom: 10px;}
    .video_center video{ height: auto}

    .symptom_one{ padding: 35px 0 50px}
    .symptom_one_tit{ float: left;width: 100%;height: auto;overflow: hidden}
    .symptom_one_img{ width: 100%;height: auto}
    .symptom_one_tit h3{ font-size: 24px;margin-bottom: 10px;}
    .symptom_two{ padding: 25px 0 30px;}
    .symptom_two h3, .symptom_three h3{ font-size: 24px;margin-bottom: 15px;text-align: center}
    .symptom_two ul li{ font-size: 14px;line-height: 24px;}
    .symptom_three ul li{ padding: 0 0 15px 0}
    .symptom_three_box .img{ display: none}
    .symptom_three_box{ padding: 20px 2%;font-size: 14px;}
    .symptom_three_box p{ margin-top: 0}

    /*加盟代理*/
    .join_one, .join_two, .join_three, .join_four, .join_five, .join_six, .join_seven, .join_eight, .join_nine, .join_ten{ padding: 35px 0 40px}
    .join_tit h3{ font-size: 24px;}
    .join_tit p{ font-size: 18px;margin-top: 5px;}
    .strength_con{ margin-top: 20px;}
    .strength_left{ width: 100%;height: auto}
    .strength_left h4{ font-size: 26px;line-height: 35px;}
    .strength_left p{ font-size: 13px;line-height: 30px;margin-top: 5px;}
    .strength_right{ width: 100%;padding-top: 20px;}
    .strength_right ul li{ height: 80px;}
    .strength_right ul li span{ height: 30px;line-height: 50px;}
    .strength_right ul li span b{ font-size: 30px;}
    .market_list ul li{ width: 100%;height: 260px;margin-right: 0;margin-bottom: 15px;}
    .content_list_top{ position: relative;z-index: 10;padding: 15px 0 0}
    .content_list_img{ z-index: 5;bottom: 0;opacity: .5}
    .condition_box{ margin-top: 0}
    .condition_left{ width: 100%;padding: 30px 20px 0;height: auto}
    .condition_left:before{ opacity: 0}
    .condition_right{ display: none}
    .process_box{ margin-top: 10px}
    .process_box ul li{ width: 33.33%;margin-right: 0;padding: 1%;overflow: hidden}
    .process_box ul li:before{ width: 90%;height: 90%;border-radius: initial;left: 5%;top: 5%;margin-left: 0}
    .process_box ul li:after{ opacity: 0}
    .join_box{ padding: 35px 1% 45px;}
    .sm_validate .group{ width: 100%;height: auto;margin-top: 20px;}
    .sm_validate .group .group_control{ margin-top: 0;}
    .sm_validate .group .msg_group_control{ height: 140px;padding: 10px}
    .join_nine{ padding: 40px 0 0}
    .join_nine_it{ margin-top: 5px;}
    .join_nine_it p{ position: relative;left: initial;bottom: initial}
    .join_nine ul{ display: none}
    .technology ul li{ width: 50%}
    .join_three dl dt{ width: 100%;padding: 15px 10px 10px;}
    .join_three dl dd{ width: 100%;background: #ffffff;color: #333333;padding:0 10px 20px;}
    .join_three dl dd h4,.join_three dl dd a{ display: none}
    .join_three ul li, .market_list ul li{ width: 50%;margin-right: 0;padding: 1%}

    /*资讯*/
    .new_box_list li{ padding: 15px 1%}
    .new_box_date{ float: left;width: 100%;height: auto;overflow: hidden;display: inline-block;justify-content: left;align-items: left;text-align: left;background: rgba(0,0,0,0)}
    .new_box_date em{ float: left;font-size: 14px;line-height: 24px;width: auto;display: none}
    .new_box_date p{ float: left;display: block;font-size: 18px;line-height: 30px;}
    .new_box_txt{ width: 100%;margin-right: 0;padding-top: 0}
    .new_box_txt h3{ height: 30px;font-size: 16px;line-height: 30px;}
    .new_box_txt p{ font-size: 14px;}
    .new_detail{ padding: 0 0 0}
    .new_con_title{ padding: 0 0 5px}
    .new_con_left{ border: none;padding: 15px 1%}
    .new_con_title h3{ font-size: 18px;}
    .new_con_title P span{ margin: 0 5px}
    .new_con_left p{ font-size: 14px;}
    .view_pag a{ width: 100%;padding: 0 1% !important;text-align: left !important;}
    .view_pag a:nth-of-type(2) span:nth-of-type(1), .view_pag a:nth-of-type(2) span:nth-of-type(2){ float: left}
    .view_correlation ul li{ width: 100%}

    /*联系我们*/
    .contact{ padding: 20px 0 0}
    .contact_map, .contact_map_title{ height: 300px;}
    .contact_map_title iframe{ height: 300px;}
    .contact_edge{ padding: 15px 0 40px;margin-top: 20px;}
    .contact_map .contact_title li{ width: 43%;margin: 0 2%}
    .contact_edge ul li{ width: 100%}
    .contact_form{ padding: 35px 0 40px;}
    .contact_form_tit h3{ font-size: 20px;}
    .contact_form_tit p{ font-size: 14px;margin-top: 5px;line-height: 24px;}
    .contact_form_box input{ width: 100%;padding: 0 10px;}
    .contact_form_box textarea{ padding: 10px;}

    .about_more a span{ font-size: 13px;padding: 13px 28px;}


    /*分享*/
    .share{ height: calc(100% - 60px);padding: 0 0}
    .share_con_left h3{ font-size: 32px;line-height: 58px;}
    .share_con_left p{ font-size: 18px;line-height: 30px;}
    .share_con_left div{ margin-top: 30px;}
    .share_con_left div img{ width: 180px;}
}
@media (max-width: 540px){
    .about_three_a a,.honor_list_a a{ width: 26%;padding: 12px 0;font-size: 13px;}
}
@media (max-width: 414px){
    .about_more a span{ padding: 14px 25px;}
    /*睡眠系统*/
    .symptom_list_one span{ width: 130px;height: 42px;line-height: 42px;font-size: 14px;}
    .symptom_list_one span:after{ border: 5px solid transparent;border-left: 5px solid #333;}

    .honor{ margin-bottom: 0}
    .honor_list .content ul li{ width: 100%}
    .honor_list .content ul li .honor_fancy_img{ height: auto;line-height: normal}
    .about_three_a a,.honor_list_a a{ width: 28%;margin: 0 3px;padding: 8px 0;font-size: 12px;}
    .honor_list_a{ margin-bottom: 10px}

    .list_page ul a, .list_page ul li span{ padding: 6pt 14px}
}

@media (max-width: 375px) {
    .web_nav_l{ margin-right: 50px;}
    .web_nav_l a{ font-size: 14px;margin-right: 5px;}
}
@media (max-width: 280px) {
    .web_nav_l a{ font-size: 12px;margin-right: 0;}
}