@charset "UTF-8";
/*全局样式*/
@font-face {
  font-family: 'number_font';
  src: url("https://yanglaocdn.shihhl.com/jsk/font/NotoSansHans-Medium.otf"); }
@font-face {
  font-family: 'number_font2';
  src: url("https://yanglaocdn.shihhl.com/jsk/font/Montserrat-Medium-7.otf"); }
  
  /*英文细体*/
 @font-face {
   font-family: 'number_font22';
   src: url("https://yanglaocdn.shihhl.com/jsk/font/Montserrat-Light-6.otf"); } 
 /*中文细体*/
 @font-face {
   font-family: 'number_font3';
   src: url("https://yanglaocdn.shihhl.com/jsk/font/NotoSansHans-Light.otf"); } 
  :root {
       --primary-color: #fe6601;
       --font-size-title: 0.33rem; /*全局标题大小*/
	   --main-width:75%;/*全局宽度*/
	   --font-size-title2:0.26rem;/*二级标题大小*/
	   --font-size-title3:0.22rem;
	   --font-size-c3:0.14rem;
	   --font-size-c2:0.16rem;
	   --font-size-c:0.2rem;
	   --font-size-nav:0.15rem;
	   --primary-color2:#333;
	   --primary-color3:#ccc;
	   
     }  
	 
	table {
	    margin-bottom: 10px;
	    border-collapse: collapse;
	    display: block;
		margin: auto;
		
		font-size: 0.16rem;
		max-width: 100%;
		
	} 
	
		table p{margin: 0;padding: 0;}
	
   tr {
       display: table-row;
       vertical-align: inherit;
       unicode-bidi: isolate;
       border-color: inherit;
   }
td, th {
    padding: 5px 10px;
    border: 1px solid #DDD;
	line-height: 0.35rem;
	    padding: 0.05rem 0;
}
			   
			   
   
  
body {
  background: #fff;
  margin: 0;
  padding: 0;
  font-size: var(--font-size-c);
  color: #242425;
  font-family: 'number_font3';
   }
textarea:focus,select:focus,option:focus {
  outline: none; }
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
  outline: none; }

input {
  border: none;
  background: none; }

.red {
  color: red; }

.hr {
  border-bottom: #f7f7f7 solid 1px; }
h1{font-weight: normal;}

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

/* p {line-height: 24px; } */

a {
  color: #333;
  text-decoration: none; }

a:hover {
  color: #333; }

li {
  list-style: none;
  padding: 0;
  margin: 0; }

ul {
  padding: 0;
  margin: 0; }
dl{margin: 0;padding: 0;}
dt{padding: 0;margin: 0;}
dd{margin: 0;padding: 0;}
.jskcolor{color: #db5349;}
input:focus {
  outline: none; }
.swiper{
      --swiper-theme-color: #fff;
      --swiper-pagination-color: var(--primary-color);/* 两种都可以 */
	   --swiper-theme-color: #000;/* 设置Swiper风格 */
	      --swiper-navigation-color: #000;/* 单独设置按钮颜色 */
	      --swiper-navigation-size: 50px;/* 设置按钮大小 */
    }
  .index h1{font-family: "number_font";font-weight: normal;    letter-spacing: -.1rem;}

@font-face { }

.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.26rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle; }
  
.ppcolor{color: var(--primary-color);font-family: 'number_font2';} 
  
header{
	transition: box-shadow .35s ease-out, opacity .35s ease-out, visibility 0s linear, transform .35s ease-out;
	transform: translateY(0);
	font-weight: bold;
	
	width: 100%;position: fixed;top: 0;padding: 0.1rem 0;font-size:0.25rem;color: #000;z-index: 1000;
	
	background: #fff;
	border-bottom:var(--primary-color) solid 1px;
	}
header.active{color: #fff;background: none;border: none;}
header.active a{color: #fff;}
	
	
._circle22{position: absolute;}

header.is-scrolling {
	opacity: 0;
	visibility: hidden;
	transition: box-shadow .3s ease-out, opacity .3s ease-out, visibility 0s linear .3s, transform 0s linear .3s;
	transform: translateY(-100%)
}


.pc{display: block;}
.iphone{display: none;}

header a{color: #000;font-size:var(--font-size-nav)}
header li:hover a{color: var(--primary-color);}

header nav{width:var(--main-width);margin: auto;}
header nav .logo{}
header nav .logo img{width: 1rem;}
header nav .nav_top_m{}
header nav .nav_top_m ul{position: relative;}
header nav .nav_top_m ul li ul{padding-top: 0.23rem;}
header nav .nav_top_m ul li{border-left: #000 solid 0.02rem;padding: 0 0.465rem; line-height: 0.15rem;}
header.active nav .nav_top_m ul li{border-left: #fff solid 0.02rem;}

header nav .nav_top_m ul li:first-child {border: none;}

header nav .nav_top_m ul li .nav_top_m_ul{position: absolute;left: -1rem;padding-top:0.29rem;color: #000;min-width: 11.5rem;display: none;}
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_arown{opacity: 0.8; background: url('../images/nav_arown.png') no-repeat center;background-size:100%;width: 1.29rem;height: 0.52rem;}

header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_arown.dw1{margin-left: 2.15rem; }
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_arown.dw2{margin-left: 3.65rem; }
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_arown.dw3{margin-left: 5.20rem; }
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_arown.dw4{margin-left: 6.8rem; }
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_arown.dw5{margin-left: 8.4rem; }

header nav .nav_p1_1{background: url('../images/nav_p1_1.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p1_2{background: url('../images/nav_p1_2.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p1_3{background: url('../images/nav_p1_3.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p2_1{background: url('../images/nav_p2_1.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p2_2{background: url('../images/nav_p2_2.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p2_3{background: url('../images/nav_p2_3.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p2_4{background: url('../images/nav_p2_4.png') no-repeat center;background-size: 100% 100%;}


header nav .nav_p3_1{background: url('../images/nav_p3_1.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p3_2{background: url('../images/nav_p3_2.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p3_3{background: url('../images/nav_p3_3.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p4_1{background: url('../images/nav_p4_1.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p4_2{background: url('../images/nav_p4_2.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p4_3{background: url('../images/nav_p4_3.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p5_1{background: url('../images/nav_p5_1.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p5_2{background: url('../images/nav_p5_2.png') no-repeat center;background-size: 100% 100%;}
header nav .nav_p5_3{background: url('../images/nav_p5_3.png') no-repeat center;background-size: 100% 100%;}


.pro3_fh{margin-left: 0.2rem;color: #fff;font-size: 0.48rem;}


header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c{align-items:flex-start; background:#fff;padding: 0.5rem;border-radius: 0.3rem;box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 13px  }
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .left{background: url('../images/nav_dh_icon.png') no-repeat;background-size: auto 100%;background-position: right;padding-right: 0.7rem;padding-bottom: 0.4rem;}
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .left h1{font-size:var(--font-size-title);    display: block;width: 1.9rem;}
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .left .arown{width: 0.74rem;height: 0.72rem;display: block;margin-top: 1rem;}

header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .right{padding-left: 0.4rem;}
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .right ul li{font-size: 0.29rem;    padding: 0 0.165rem;}
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .right ul li .img{width: 1.715rem;height: 1.615rem;border-radius: 0.1rem;overflow: hidden;-webkit-transition: all 500ms ease;transition: all 500ms ease;}

header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .right ul li:hover .img{background-size: 120% 120% !important;-webkit-transition: all 500ms ease;transition: all 500ms ease;}


header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .right ul li a{color: #000;}

header nav .nav_top_m ul li:hover .nav_top_m_ul{display: block;}


header nav .nav_top_m ul li .nav_top_m_ul li{border: none;}

header nav .nav_top_m .nav_language{position: relative; font-weight: bold;padding: 0.03rem 0.06rem;border-radius: 1rem;margin-left:var(--font-size-title3);}
header.active nav .nav_top_m .nav_language{}


header nav .nav_top_m .nav_language a{width:0.65rem;text-align: center; height: 0.4rem;line-height: 0.4rem; position: relative;cursor: pointer;}
header nav .nav_top_m .nav_language a.active{font-size: 0.21rem;color: #fff;font-weight: normal;border-radius: 1rem;}




header nav .nav_top_m .nav_language ._indicator {
    position: absolute;
    top: 6%;
        left: 2.6%;
        width: 0.68rem;
        height: 85%;
    transition: transform .3s ease-out
}

header nav .nav_top_m .nav_language ._indicator::before {
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 2rem;
    content: "";
    transition: transform .2s ease-out
}

header nav .nav_top_m .nav_language[data-lang=ja] ._indicator::before {
    transform-origin: left center;
    animation: kf-lang-indicator-ja .4s ease-out 0s 1 normal none
}

@keyframes kf-lang-indicator-ja {
    0% {
        transform-origin: right center;
        transform: scaleX(1.1)
    }

    45% {
        transform: scaleX(1.4)
    }

    75% {
        transform: scaleX(1)
    }

    100% {
        transform: scaleX(1)
    }
}


header nav .nav_top_m .nav_language[data-lang=cn] ._indicator::before {
    transform-origin: left center;
    animation: kf-lang-indicator-cn .4s ease-out 0s 1 normal none
}


.pro3_cs{width: 40%;}
.pro3_cs .pro3_cs_dd{color: #848484; font-size: 0.2rem !important ;margin-bottom: 0.1rem !important;}



keyframes kf-lang-indicator-cn {
    0% {
        transform-origin: right center;
        transform: scaleX(1.1)
    }

    45% {
        transform: scaleX(1.4)
    }

    75% {
        transform: scaleX(1)
    }

    100% {
        transform: scaleX(1)
    }
}

header nav .nav_top_m .nav_language[data-lang=ja] ._label--ja {
    color: #fff;
	font-weight: normal;
	font-size: 0.21rem;
}

header nav .nav_top_m .nav_language[data-lang=ja] ._label--ja a{
    color: #fff;
	font-weight: normal;
	font-size: 0.21rem;
}

header nav .nav_top_m .nav_language[data-lang=cn] ._label--cn {
    color: #fff;
	font-weight: normal;
	font-size: 0.21rem;
}

header nav .nav_top_m .nav_language[data-lang=cn] ._label--cn a{
    color: #fff;
	font-weight: normal;
	font-size: 0.21rem;
}

header nav .nav_top_m .nav_language[data-lang=en] ._label--en {
    color: #fff;
	font-weight: normal;
	font-size: 0.21rem;
}

header nav .nav_top_m .nav_language[data-lang=en] ._label--en a{
    color: #fff;
	font-weight: normal;
	font-size: 0.21rem;
}



header nav .nav_top_m .nav_language[data-lang=ja] ._indicator {
    transform: translateX(96%)
}


header nav .nav_top_m .nav_language[data-lang=en] ._indicator {
    transform: translateX(191%)
}

header nav .nav_top_m .nav_language[data-lang=en] ._indicator::before {
    transform-origin: right center;
    animation: kf-lang-indicator-en .4s ease-out 0s 1 normal none
}

@keyframes kf-lang-indicator-en {
    0% {
        transform-origin: left center;
        transform: scaleX(1.1)
    }

    45% {
        transform: scaleX(1.4)
    }

    75% {
        transform: scaleX(1)
    }

    100% {
        transform: scaleX(1)
    }
}

header nav .nav_top_m .nav_language[data-lang=en] ._label--en {
    color: #fff
}

@media (hover: hover) {
    header nav .nav_top_m .nav_language:hover ._indicator::before {
        transform:scaleX(1.1)
    }
}



.st0{fill:none;stroke:#fff;stroke-width:15.3248;stroke-miterlimit:10;}


.cls-1 {
							           fill: none;
							           stroke: #fff;
							           stroke-miterlimit: 10;
							           stroke-width: 2.86px;
}


header nav .nav_top_m .nav_server span{width: 0.48rem;height: 0.39rem;display:inline-block;margin-left: 0.2rem;}
header nav .nav_top_m .nav_server span.p1{background: url('../images/nav_server_icon1.png') no-repeat center;background-size: 0.34rem;cursor: pointer;}
header.active nav .nav_top_m .nav_server span.p1{background: url('../images/nav_server_icon1_1.png') no-repeat center;background-size: 0.34rem;cursor: pointer;}


header nav .nav_top_m .nav_server span.p1:hover{background: url('../images/nav_server_icon2.png') no-repeat center;background-size: 0.34rem;}
header nav .nav_top_m .nav_server span.p2{background: url('../images/nav_server_icon3.png') no-repeat center;background-size: 0.30rem;cursor: pointer;}
header.active nav .nav_top_m .nav_server span.p2{background: url('../images/nav_server_icon3_1.png') no-repeat center;background-size: 0.30rem;cursor: pointer;}

header nav .nav_top_m .nav_server span.p2:hover{background: url('../images/nav_server_icon4.png') no-repeat center;background-size: 0.30rem;}


.pagination{   
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
	
	margin: auto;
	
	justify-content: center;
	}
.pagination .page-item{padding: 0.05rem 0.2rem;      margin: 0; border-left: 1px solid #dee2e6;border-top: 1px solid #dee2e6;border-bottom: 1px solid #dee2e6;}
.pagination .page-num{padding: 0.05rem 0.2rem;      margin: 0;  border-left: 1px solid #dee2e6;border-top: 1px solid #dee2e6;border-bottom: 1px solid #dee2e6;}
.pagination .page-num.page-num-current{background: var(--primary-color2);color: #fff;}
.pagination .page-link{ }
.pagination a:last-child{border-right: 1px solid #dee2e6;;}

.index_banner{}
.index_banner_b1{width: 100%;margin: auto; height: 9.7rem;background:#fff;background-size: cover;}
.index_banner_t1{width: 85%;margin: auto;color: #000;padding-top: 1.6rem;}



.index__banner_t1_1{font-size: 0.85rem;font-family: 'number_font2';letter-spacing: -.05em;}
.index__banner_t1_2{font-size: 0.3rem;line-height: 0.5rem;}



.index-banner-li{width: var(--main-width); margin: auto;position: relative;}
.index-banner-li ul { width: 100%;position: absolute;top: 7.5rem;z-index: 1000;color: #fff;opacity: 0;}
.index-banner-li ul li{background: rgba(0,0,0,0.3);width: 28%;position: relative;height: 2.3rem;cursor: pointer;border-radius: 0.1rem;overflow: hidden;}

.index-banner-li ul li a{color: #fff;}

.index-banner-li ul li .index-banner-li-text{position: absolute;width: 100%;height: 100%;}

.index-banner-li-active{width: 100%;height: 100%;position: absolute;opacity: 0;}
.index-banner-li-active.u1{background: url('../images/index-banner-01.png') no-repeat center;background-size: 100% 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index-banner-li-active.u2{background: url('../images/index-banner-02.png') no-repeat center;background-size: 100% 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index-banner-li-active.u3{background: url('../images/index-banner-03.png') no-repeat center;background-size: 100% 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}

.index-banner-li ul li:hover .index-banner-li-active.u1{opacity: 1;background: url('../images/index-banner-01.png') no-repeat center;background-size: 120% 120%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index-banner-li ul li:hover .index-banner-li-active.u2{opacity: 1;background: url('../images/index-banner-02.png') no-repeat center;background-size: 120% 120%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index-banner-li ul li:hover .index-banner-li-active.u3{opacity: 1;background: url('../images/index-banner-03.png') no-repeat center;background-size: 120% 120%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}




.index-banner-li ul li:hover .index-banner-li-text{background: rgba(0,0,0,0.7);}

.index-banner-li ul li .p1{font-size:var(--font-size-title2);padding-top: 1.3rem;}
.index-banner-li ul li .p2{font-size:var(--font-size-c2);margin-top: 0.15rem;}
.index-banner-li ul li p{padding-left: 0.2rem;margin: 0;}




			
.about_team{width: 100%;}		
.about_team_title{font-size:var(--font-size-title);}
.about_team_title p.p1{color: #727171;line-height: 0.7rem;margin: 0;}
.about_team_title p.p2{border-bottom: #231815 solid 1px;color: #231815;line-height: 0.7rem;margin: 0;font-weight:bold;}
.about_team_bottom{margin: auto;color: #575757;font-size:var(--font-size-c);}
.about_team_bottom p.p1{color:#231815;font-weight: bold;}
.about_team_bottom p.p2{color:#231815;font-weight: bold;margin-top: 15px;}
			
.team ul{
				
				margin-top: 30px;
				margin-bottom: 50px;
				
			}
.team ul::after{
	
	content: '';
	width: 32%;
	
}			
			
.team ul li{
				
				background: #e6e6e6;
				
				text-align: center;
				
				width: 32%;
				margin-bottom: 20px;
				
			}
.team ul li img{width: 100%; float: left;}
			

.juzhong{
	  display: flex;       /* 启用Flexbox布局 */
	  justify-content: center; /* 如果还需要水平居中，可以添加这行 */
	  align-items: center; /* 垂直居中 */
}

.index{width: 100%;position: relative;background: url('../images/index_brand_back.png') no-repeat;background-size: 100%;background-position: 0 8.5rem;}

.page_main .page-nav{color:var(--primary-color);font-size: var(--font-size-c); }
.page_main .page-nav li.active{padding: 0.2rem 0; border-bottom:var(--primary-color) solid 2px;}
.page_main .page-nav li{ margin-left: 0.3rem;padding: 0.2rem 0;cursor: pointer;}


.page_main .page-nav2{color:var(--primary-color2);font-size:var(--font-size-c); }
.page_main .page-nav2 li.active{padding: 0.2rem 0; border-bottom:var(--primary-color2) solid 2px;}
.page_main .page-nav2 li{ margin-right: 0.3rem;padding: 0.2rem 0;cursor: pointer;}
.page_main .page-nav2 a{color:var(--primary-color2);}
.page_main .page-nav2 a:hover{color:var(--primary-color);}


.page_main .page-nav a{color:var(--primary-color2);}


.lxwm-ul{width: 100%;}
.lxwm-ul li{padding: 0.3rem 0;border-bottom: #ccc dashed 0.01rem;}


.lxwm-ly-input{margin-top: 0.5rem;}
.lxwm-ly-input input{ border-radius: 0.1rem; border:var(--primary-color3) solid 1px;padding-left: 0.2rem;padding-top: 0.15rem;padding-bottom: 0.15rem;width: 46%;margin-bottom: 0.3rem;}
.lxwm-ly-input textarea{border-radius: 0.1rem; border:var(--primary-color3) solid 1px;padding-left: 0.2rem;padding-top: 0.15rem;padding-bottom: 0.15rem;margin-bottom: 0.3rem;}

.lxwm-ly-input button{ border-radius: 0.1rem;  cursor:pointer; border:var(--primary-color3) solid 1px;padding-top: 0.15rem;padding-bottom: 0.15rem;margin-bottom: 0.3rem;}
.lxwm-ly-input button:hover{
	background: var(--primary-color3);
	color: #fff;
}

.lxwm-ly-input img{margin-bottom: 0.3rem;}

.page .page-banner-title  .page-banner-title-img{ width: 100%;  opacity: 0;}
.page .page-banner-title .page-arown-left{ width:0.3rem; position: absolute;bottom:-0.5rem;left: 0;opacity: 0;}
.page .page-banner-title .page-arown-right{  width: 0.3rem; position: absolute;top:-0.5rem;right: 0;opacity: 0;}
	
.page.active .page-banner-title .page-arown-left{position: absolute;bottom:-0.5rem;left: 0;opacity: 1;}
.page.active .page-banner-title .page-arown-right{position: absolute;top:-0.5rem;right: 0;opacity: 1;}
.page.active .page-banner-title .page-banner-title-img{
		
	opacity: 1;margin-bottom: 0px;
		
		
		}

.pro-left{width: 78%;}
.pro-left .pro-left-t{padding: 0; margin-top: 0; margin-bottom:0.2rem;    font-size:var(--font-size-c);line-height: 0.35rem;text-indent: 0.4rem;}
.pro-left ul{}
.pro-left ul li{width: 24%;margin-right: 0.05rem;margin-left: 0.05rem;margin-bottom: 0.5rem;cursor: pointer;}

.pro-left ul li:hover{ box-shadow:#ccc 3px 3px 8px;color: #fff; }

.pro-left ul li:hover a{color: #fff;}

.pro-left ul li .p1{}
.pro-left ul li:hover .p1{}

.pro-left ul::after{
	content: '';
	width: 24%;
}
.pro-left ul li .p1{width: 100%;height: 2.6rem;}
.pro-left ul li .p2{}
.pro-right{width: 20%;}


.pro-right dt{background: #333;line-height: 0.6rem;padding:0 0.1rem; color: #fff;}
.pro-right dd{border-bottom: #333 solid 1px; position: relative; line-height: 0.6rem;padding:0 0.1rem;background: url('../images/right_arown.png') no-repeat right;background-size: 0.1rem;background-position: 2.6rem;}

.pro-right dd:hover{ color: var(--primary-color);background: url('../images/right_arown2.png') no-repeat right;background-size: 0.1rem;background-position: 2.6rem;}
.pro-right a.active{color: var(--primary-color);background: url('../images/right_arown2.png') no-repeat right;background-size: 0.1rem;background-position: 2.6rem;}

.pro-right dd .pro_xq_dl{position: absolute;right: -86%;width: 2.5rem;top: 0%;z-index: 100;color: #000;box-shadow: #ccc 3px 3px 10px;background: #fff;display: none;}
.pro-right dd:hover .pro_xq_dl{display: block;}


#proxq{width: 2.8rem;background: #fff;position: relative;}
#proxq.active{position: fixed;top: 1rem;}


.pro-right dd::after,.pro-right dd::before{
	
	position: absolute;
	top: 0.59rem;
	left: 0;
	display: block;
	width: 100%;
	height: 0.02rem;
	background-color: var(--primary-color);
	transform-origin: left center;
	transform: scaleX(0);
	transition: transform .3s ease-out;
	content: ""
}
.pro-right dd:hover::before {
		transform: scaleX(1)
	}




.pro-right a.active dd{background: none;}

.page{width: 100%;position: relative;padding-top: 0rem;  }
.page .page_main{width: var(--main-width);margin: auto;}
.page .page_main{width: var(--main-width);margin: auto;}
.page .page_main .page_about{width: 100%;padding: 0.84rem 0 2.24rem 0;position: relative;}
.page .page_main .page_about .page_about_p1{}
.page .page_main .page_about .page_about_p1 h1{font-size: 0.94rem;letter-spacing:-0.1rem;}
.page .page_main .page_about .page_about_p1 p{font-size: 0.30rem;line-height: 0.5rem;letter-spacing: 0;}

.page .page_main .page_about .page_about_p2{ text-orientation: mixed;writing-mode: vertical-rl;position: relative;}
.page .page_main .page_about .page_about_p2 p{font-size: var(--font-size-title);line-height: 0.80rem;letter-spacing:0.07rem;padding-top: 0.35rem;padding-left: 0.3rem;}    
.page .page_main .page_about .pp{display: none;  background: url('../images/index_about_p2_icon.png') no-repeat;background-size: 0.67rem;padding-top: 0.35rem;position: absolute;width: 0.67rem;height: 1rem;right: 1.65rem;top:0.94rem;}    

.page .page_about_pp_mtb2{margin-top: 2rem;margin-bottom: 2rem;}
.page .page_main .page_about_pp_title{}
.page .page_main .page_about_pp_title .titlecn{font-size: 0.71rem;margin: 0;padding-bottom: 0;}
.page .page_main .page_about_pp_title .titleen{font-size: 0.62rem;padding: 0;margin-top: -0.7rem;color: #c4c4c4;}
.page .page_main .page_about_pp_title .text{font-size:var(--font-size-title3);line-height: 0.4rem;}
.page .page_about_idea{ background: url('../images/about_p2.png') center no-repeat; background-size: cover;height: 9rem;padding: 0.68rem 0;}


.page .page_about_ep{margin-top:1.69rem;margin-bottom: 2rem;}


.page .page_about_idea .page_about_pp_text{text-orientation:upright;font-size: 0.62rem;color: #fff;writing-mode: vertical-rl;}
.page .page_about_idea .page_about_pp_text .text_p1{margin-left:0.5rem}
.page .page_about_idea .page_about_pp_text .text_p2{}
.page .page_about_idea .page_about_pp_text p{margin: 0;font-weight: bold;line-height: 0.9rem;}
.page .page_about_idea .page_about_pp_text p.p1{    text-align: right;    margin-top: 0.6rem;}
.page .page_about_idea .page_about_pp_text p.p2{    text-align: left;}


.page .page_main .page_about_pp{}
.page .page_main .page_about_pp .page_about_pp_left{width:54%}
.page .page_main .page_about_pp .page_about_pp_right{width:44%;margin-left: 2%;}
.page .page_main .page_about_pp .page_about_pp_right .img{    background-position: bottom; width:100%;height:8.35rem;background: url('../images/about_pp_right_img.png') no-repeat center; background-size: 100%; cursor: pointer;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.page .page_main .page_about_pp .page_about_pp_right .img:hover{    background-position: bottom; width:100%;height:8.35rem;background: url('../images/about_pp_right_img.png') no-repeat center; background-size: 120%; cursor: pointer;-webkit-transition: all 500ms ease;transition: all 500ms ease;}


.page .page_main .page_about_pp .list_jsk{width: 100%;}
.page .page_main .page_about_pp .list_jsk li{    align-items: end; }
.page .page_main .page_about_pp .list_jsk li .left{cursor: pointer;
    width: 1.25rem;
    height: 2rem; display: flex;align-items: flex-end;}
.page .page_main .page_about_pp .list_jsk li .left img{width: 1.05rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.page .page_main .page_about_pp .list_jsk li .left img:hover{width: 1.25rem; -webkit-transition: all 500ms ease;transition: all 500ms ease;}


.page .page_main .page_about_pp .list_jsk li .right{margin-left:0.2rem}
.page .page_main .page_about_pp .list_jsk li .right p{padding: 0;margin: 0;text-align: right;}
.page .page_main .page_about_pp .list_jsk li .right p.p1{font-size:0.57rem;color: #fe4538;}
.page .page_main .page_about_pp .list_jsk li .right p.p2{font-size:0.36rem}

.page .page_main .page_about_pp .page_about_pp_left{width:100%}



.page .page_main .page_title{width: 100%;padding: 0.84rem 0 2.24rem 0;position: relative;}
.page .page_main .page_title .page_title_p1{}
.page .page_main .page_title .page_title_p1 h1{font-size: 0.94rem;letter-spacing:-0.1rem;}
.page .page_main .page_title .page_title_p1 p{font-size: 0.30rem;line-height: 0.5rem;letter-spacing: 0;}




.page.page_pro{     overflow: hidden;background: url('../images/index_brand_back2.png') no-repeat center;background-size: 100%;    background-position: 0 3rem;margin-bottom: 1.5rem;}
.page .page_pro_p1{width:100%;align-items: flex-start;padding-top: 1rem;padding-bottom: 0.5rem;}
.page .page_pro_p1 .page_title{padding: 0;align-items: flex-start;}
.page .page_pro_p1 .page_title h1{margin-top:0}

.page .page_pro_secho{background:#e9e9e9;padding: 0.3rem 0.2rem;border-radius: 0.2rem;border: #dddddd solid 1px;}
.page .page_pro_secho input{width:3.88rem;padding-left: 0.4rem ;height: 0.5rem; font-size: 0.23rem;border: #e1e1e1 solid 1px; background:#fff url('../images/secho_icon.png') no-repeat center;background-position: 0.05rem;background-size: 0.3rem;}
.page .page_pro_secho ul{color:#666666;padding-left: 0.4rem;font-size: 0.23rem;padding-top: 0.2rem;}
.page .page_pro_secho ul li{padding: 0.1rem 0;}
.page .page_pro_p2_solid{position: relative;margin-top: 0.6rem;}


.page_pro_arown{background: url('../images/st_arown_pro2.png') no-repeat;background-size: 3.25rem; position: absolute;font-size: 0.32rem;width: 3.25rem;height: 1.62rem;right:0; top: 0.8rem;  }
.page_pro_arown a{color:#fff}
.page_pro_arown img{margin-left: 0.1rem;width: 0.55rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.page_pro_arown:hover img{margin-left: 0.4rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
/* .page_pro_arown.is-visible{-webkit-transition: all 1500ms ease;transition: all 1500ms ease;right: -7%;} */



.page .page_pro_p3{width:100%;margin-top: 1.6rem;}

.page .page_pro_p3 .page_pro_p3_top{height:5rem; padding: 0.4rem; border-radius: 0.3rem; font-size: 0.61rem; align-items: flex-start;}
.page .page_pro_p3 .page_pro_p3_top h2{margin: 0;padding: 0;font-size: 0.62rem;color: #fff;}
.page .page_pro_p3 .page_pro_p3_top.active h2{color: #6b574a;}
.page .page_pro_p3 .page_pro_p3_top .page_pro_p3_top_right{justify-content:flex-end;}
.page .page_pro_p3 .page_pro_p3_top .page_pro_p3_top_right .text_lx2{margin-top:0.1rem}

.page .page_pro_p3 .page_pro_p3_bottom{margin-top: 0.6rem;position: relative;}
.page .page_pro_p3 .page_pro_p3_bottom ul{width:85%;}
.page .page_pro_p3 .page_pro_p3_bottom li{}
.page .page_pro_p3 .page_pro_p3_bottom li img{width: 3rem;}
.page .page_pro_p3 .page_pro_p3_bottom li h2{font-size:0.4rem;padding-bottom: 0;margin-bottom: 0;}
.page .page_pro_p3 .page_pro_p3_bottom li p{font-size:0.4rem;margin-top: 0;padding-top: 0;}


.text_lx2{text-orientation: mixed;writing-mode: vertical-rl;position: relative;letter-spacing: 0.1rem;}


.cooper-zs:hover .cooper-zs-t{
	-webkit-transition: all 500ms ease;transition: all 500ms ease;
	background: rgba(0,0,0,0.6);
	opacity: 1;
}

.cooper-zs{ height: 3rem;position: relative;}
.cooper-zs .cooper-zs-t{ opacity: 0; position: absolute;width: 100%;height: 100%;color: #fff; cursor: pointer;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.cooper-zs .cooper-zs-t2{bottom: 0;position: absolute;width: 90%;padding: 5% ;text-align: left;}
.cooper-zs .cooper-zs-t2 p{margin: 0;}
.cooper-zs .cooper-zs-t2 .p1{font-size: var(--font-size-c2);margin-bottom: 0.1rem;}
.cooper-zs .cooper-zs-t2 .p2{font-size: var(--font-size-c);}


.page.page_pro2{overflow: hidden;padding-top: 3rem; position: relative; }
.page .page_pro2_title{background:url('../images/st_arown_pro.png') no-repeat;background-size: 100%;width: 2.49rem;height: 1.45rem;padding-left: 1.3rem; line-height: 1.45rem; font-size: 0.48rem;font-weight: bold;color: #fff;}
.page .page_pro2_pl{margin-top:-1.2rem; align-items: flex-start;}
.page .page_pro2_pl .page_pro2_pl_left{padding-top:1.27rem}
.page .page_pro2_pl .page_pro2_pl_left  dl{ width: 3.71rem;margin-top: 0.65rem;}
.page .page_pro2_pl .page_pro2_pl_left dt{ font-size:0.4rem;font-weight: bold;padding-left: 0.4rem;margin-bottom: 0.2rem; cursor: pointer;}
.page .page_pro2_pl .page_pro2_pl_left dt.active{color:var(--primary-color)}

/* .page .page_pro2_pl .page_pro2_pl_left dl .click{display: none;}
.page .page_pro2_pl .page_pro2_pl_left dl:hover .click{display:block} */

.page .page_pro2_pl .page_pro2_pl_left dd{width:100%; font-size:0.36rem;cursor: pointer; color:#919191;border-bottom: #ebebeb solid 1px;padding: 0.12rem 0;padding-left: 0.4rem;}
.page .page_pro2_pl .page_pro2_pl_left dd a{ font-size:0.36rem;cursor: pointer; color:#919191;}
.page .page_pro2_pl .page_pro2_pl_left dd a:hover{color:var(--primary-color)}
.page .page_pro2_pl .page_pro2_pl_left dd.active a{color:var(--primary-color)}


.page .page_pro2_pl .page_pro2_pl_left dd:hover .click_pp{display: block;}


.page .page_pro2_pl .page_pro2_pl_left dd .click_pp{font-size:0.36rem;cursor: pointer;    padding: 0.12rem 0; padding-left:0.4rem;display: none; }

.page .page_pro2_pl .page_pro2_pl_left dd .click_pp a{font-size: 0.3rem;}
.page .page_pro2_pl .page_pro2_pl_left dd .click_pp.active a{font-size: 0.3rem;color:var(--primary-color)}

.page .page_pro2_pl .page_pro2_pl_left dd.active .click_pp a{color:#919191;}



.page .page_pro2_pl .page_pro2_pl_right{width:12.54rem;background: #efefef;border-radius: 0.3rem;min-height: 16rem;}
.page .page_pro2_pl .page_pro2_pl_right .page_pro2_pl_right_cp{padding: 0.52rem 0.52rem 0.3rem  0.52rem;align-items: flex-start;}
.page .page_pro2_pl .page_pro2_pl_right .page_pro2_pl_right_cp::after {
    width: 2.57rem;
    content: '';
}

.page .page_pro2_pl .page_pro2_pl_right .page_pro2_pl_right_cp li{margin-bottom: 0.35rem;width:2.57rem;    margin-left: 0.27rem;}
.page .page_pro2_pl .page_pro2_pl_right .page_pro2_pl_right_cp li .img{width:2.57rem;border-radius: 0.2rem;overflow: hidden;height: 2.57rem;}
.page .page_pro2_pl .page_pro2_pl_right .page_pro2_pl_right_cp li .img img{width:100%}
.page .page_pro2_pl .page_pro2_pl_right .page_pro2_pl_right_cp li p{font-size:0.35rem;text-align: left;padding-top: 0;margin-top: 0.2rem;}

.page .page_pro2_pl .page_pro2_pl_right .page_list{width:4.46rem;margin: auto;padding-bottom: 0.52rem;}
.page .page_pro2_pl .page_pro2_pl_right .page_list a{font-size:0.40rem;color:#808080;display: block;}
.page .page_pro2_pl .page_pro2_pl_right .page_list a.page-num-current{color:var(--primary-color)}
.page .page_pro2_pl .page_pro2_pl_right .page_list a img{    vertical-align: middle;}

.page .page_pro2_hot{background:#f1f1f1;width:5.2rem;margin-top: 1rem;border-radius: 0.3rem;overflow: hidden;margin-bottom: 1rem;}
.page .page_pro2_hot_top{background:var(--primary-color);color:#fff;padding: 0.4rem;}
.page .page_pro2_hot_top .img img{width: 0.9rem;}
.page .page_pro2_hot_top p{padding: 0;margin: 0;font-size: 0.31rem;}
.page .page_pro2_hot_top h3{padding: 0;margin: 0;font-size: 0.4rem;}
.page .page_pro2_hot_bottom{padding: 0.36rem 0.36rem 0.1rem 0.36rem;}
.page .page_pro2_hot_bottom li{margin-top:0.15rem;margin-bottom: 0.25rem;}
.page .page_pro2_hot_bottom li .img{width:1.5rem;height: 1.5rem;border-radius: 0.2rem;}
.page .page_pro2_hot_bottom li .content{width: 2.8rem;}
.page .page_pro2_hot_bottom li .content h3{font-size:0.4rem;padding: 0;margin: 0.2rem 0;}
.page .page_pro2_hot_bottom li .content p{font-size:0.31rem;margin: 0;padding: 0;}
.page .page_pro2_hot .page_pro2_hot_arown{width: 100%;text-align: center;margin-bottom: 0.1rem;}


.page.page_pro3{overflow: hidden;padding-top:2.5rem; position: relative; background: url('../images/index_brand_back3.png') no-repeat;       background-position:top right;}
.page .page_pro3_title{position: relative;}
.page_pro3_arown{position: absolute;right:-3.5rem;font-size: 0.32rem;width: 3.79rem;height: 1.45rem;    top: 50%;margin-top: -2rem;  }
.page_pro3_arown a{color:#fff}
.page_pro3_arown img{margin-left: 0.1rem;width: 0.55rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.page_pro3_arown:hover img{margin-left: 0.4rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}


.page_pro3_arown2{background: url('../images/st_arown_pro.png') no-repeat;background-size: 3.79rem;position: absolute; top: 50%;margin-top: -2rem;   right:-3.5rem;width: 3.79rem;height: 1.45rem;}


.page .page_pro3_cp{padding-top:0.5rem}
.page .page_pro3_cp_left{padding-top:1.2rem}
.page .page_pro3_cp_left dl{}
.page .page_pro3_cp_left dt{font-size:0.52rem;font-weight: bold;margin-bottom: 0.3rem;}
.page .page_pro3_cp_left dd{font-size:0.26rem;margin-bottom: 0.2rem;    white-space: nowrap;}

.page .page_pro3_cp_left ul.page_pro3_num{}
.page .page_pro3_cp_left ul.page_pro3_num li{border:#d6d6d6 solid 1px;padding: 0.06rem 0.2rem;margin-right: 0.1rem;border-radius: 0.2rem;}

.page .page_pro3_cp_left .btn{width:100%;margin-bottom: 0.6rem;margin-top:0.36rem;  }
.page .page_pro3_cp_left .btn a{ font-size: 0.34rem;color: #fff;background: var(--primary-color);padding: 0.1rem 0.6rem;    display: inline-block; border-radius: 0.6rem;}

.page .page_pro3_cp_right{width:9.1rem;height: 9.5rem;}

.page .page_pro3_tj{}
.page .page_pro3_tj h3{font-size:0.3rem}
.page .page_pro3_tj ul{}
.page .page_pro3_tj li{width:1.76rem;height: 1.68rem;margin-right: 0.28rem;border-radius: 0.3rem;overflow: hidden;}
.page .page_pro3_tj li img{width:100%}


.page.page_hz{}

.page .page_hz_banner{position: relative;}

.page .page_hz_p1{align-items: flex-start;padding: 1rem 0;flex-direction: row-reverse;}
.page .page_hz_p1 p{ text-orientation: mixed;writing-mode: vertical-rl; position: relative;letter-spacing: 0.1rem;font-size: 0.3rem;margin: 0 var(--font-size-title);}

.page .page_hzhb{background: var(--primary-color) url('../images/page_hzhb_bj.png') no-repeat;background-size: 17rem;background-position: 0.5rem 3.2rem;border-radius: 0.3rem;padding: 0.9rem;color: #fff;padding-bottom: 7.5rem;}
.page .page_hzhb h3{font-size:0.71rem;padding: 0;margin: 0;}
.page .page_hzhb p{font-size:0.49rem;padding: 0;margin: 0;}

.page .page_hzfrom{width:100%;padding: 2.5rem 0;margin-top: 0.5rem; background: url('../images/page_hzfrom_bj.png') no-repeat;background-size: 6.7rem;background-position: right;}
.page .page_hzfrom .page_hz_from_left{}
.page .page_hzfrom .page_hz_from_left p{font-size:0.49rem;padding: 0;margin: 0;}
.page .page_hzfrom .page_hz_from_left p.p1{margin-bottom:0.5rem}
.page .page_hzfrom .page_hz_from_left h3{font-size:0.71rem;padding: 0;margin: 0;}
.page .page_hzfrom .page_hz_from_right{margin-right:1.5rem; width:6.7rem;height:5rem;padding: 0.4rem; background: #fff;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);border-radius: 0.3rem;}
.page .page_hzfrom .page_hz_from_right li{margin-bottom: 0.15rem;border-radius: 0.1rem;position: relative;}
.page .page_hzfrom .page_hz_from_right #cars{
	position: relative;
    background: #ff463a url(../images/wjj.png) no-repeat center;
    background-position: 0.2rem;
    background-size: 0.42rem;
    padding-left: 0.8rem;
	border-radius: 0.1rem;
	cursor: pointer;
	height: 0.6rem;border: none;font-size: 0.33rem;color: #fff;}
	
.page .page_hzfrom .page_hz_from_right #cars:hover #cars_li{
	/* display:block */
}	
	

.page .page_hzfrom .page_hz_from_right #cars_li{ position: absolute;  display: none; z-index: 1000;overflow: hidden; width: 100%;left: 0;top:0.6rem;border-radius: 0.1rem;padding-top: 0.1rem;}	
.page .page_hzfrom .page_hz_from_right #cars_li li{font-size: 0.31rem;background:#ff463a url('../images/hz_arown3.png') no-repeat center; background-size:0.2rem ;    background-position: 92%;     padding: 0.2rem 0  0.2rem 0.8rem;margin-bottom: 0;cursor: pointer;border-radius: 0;}	

.page .page_hzfrom .page_hz_from_right #cars_li li:hover{background: #ff837f url('../images/hz_arown3.png') no-repeat center;background-size:0.2rem ;    background-position: 92%;  border-radius: 0;}

.page .page_hzfrom .page_hz_from_right #cars_text{height:0.6rem;line-height: 0.6rem;background: url('../images/hz_arown1.png') no-repeat;background-size: 0.49rem;    background-position: 93%;}
.page .page_hzfrom .page_hz_from_right #cars_text.active{background: url('../images/hz_arown2.png') no-repeat; background-size: 0.49rem;     background-position: 93%;}

.page .page_hzfrom .page_hz_from_p2{background:#dadada;font-size:0.25rem;font-family: sans-serif;}
.page .page_hzfrom .page_hz_from_p2 input{height:0.6rem;width: 100%;padding-left: 1.2rem;}
.page .page_hzfrom .page_hz_from_p2 label{position:absolute;height: 0.6rem;padding-left: 0.2rem;line-height: 0.6rem;}
.page .page_hzfrom .page_hz_from_p3{    padding: 0.2rem;background: #dadada;}
.page .page_hzfrom .page_hz_from_p3 textarea{font-size:0.25rem;width: 100%;border: none;padding:0;height: 1.95rem;background:none;}

.page .page_hzfrom .page_hz_from_p3 textarea:-ms-input-placeholder {
  
      color: #000;
  
  }
  
.page .page_hzfrom .page_hz_from_p3 textarea::-webkit-input-placeholder {  color: #000;  }


.page .page_hzfrom .page_hz_from_p4{    text-align: right;}
.page .page_hzfrom .page_hz_from_p4 button{color:#fff; cursor: pointer; width: 1.47rem;height:0.73rem;background: #ff463a;font-size: 0.33rem;text-align: center;line-height: 0.73rem;border: none;border-radius: 0.2rem;}

.page.page_news{ background: url('../images/news_bj.png') no-repeat;background-size:100%;background-position:top;margin-bottom: 1.5rem;}
.page.page_news_xq{ background: url('../images/index_brand_back2.png') no-repeat;background-size:100%;background-position:0 4rem;}
.page .page_news_xq_back{text-align:center;font-size:0.32rem;font-weight: bold;padding: 1rem 0;}


.page .page_news_title{padding-top:1.9rem;margin-bottom: 1rem;}
.page .page_news_more{width:100%;text-align: center;}
.page .page_news_more h3{font-size:0.52rem;margin: 0.2rem 0;}
.page .page_news_main{}
.page .page_news_main_p1{text-align:right;font-size: 0.16rem;padding: 0.2rem 0;}
.page .page_news_main_p2{background:#fff;padding: 0.6rem;border-radius: 0.3rem;}
.page .page_news_main_p2 h3{font-size:0.22rem}
.page .page_news_main_p2_c{align-items: flex-start;}
.page .page_news_main_p2_c .left{width:47%;height:9rem}
.page .page_news_main_p2_c .right{width:47%;font-size:0.23rem}
.page .page_news_main_p2_c .right h3{font-size:0.58rem;margin: 0 0 0.5rem 0;text-align:left;}
.page .page_news_main_p2_c .right p{ line-height: 0.35rem;    text-align: justify;}

.page_news_ul{width: 100%;margin: auto;padding-top: 0.56rem;}
.page_news_ul li{width:47%;border-radius: 0.3rem;overflow: hidden;cursor: pointer;margin-bottom: 1.25rem;}
.page_news_ul li .page_news_ul_top{width:100%;height: 5rem;}

.page_news_ul li .page_news_ul_top.p1{ background-size: 100% 100%;}
.page_news_ul li .page_news_ul_top.p2{background:#fff url('../images/news_img.png')  no-repeat center; background-size: 100% 100%;}
.page_news_ul li .page_news_ul_top.p3{background:#fff url('../images/news_img.png')  no-repeat center; background-size: 100% 100%;}
.page_news_ul li .page_news_ul_bottom_t{padding: 0.5rem 0;}
.page_news_ul li .page_news_ul_bottom_t p{padding: 0;margin: 0;}
.page_news_ul li .page_news_ul_bottom_t p.p1{
	font-size: 0.36rem;
	    height: 0.4rem;
	    overflow: hidden;

}
.page_news_ul li .page_news_ul_bottom_t p.p2{
	font-size:0.45rem
	    height: 0.5rem;
	    overflow: hidden;
	


}

.page_news_ul li:hover .page_news_ul_top.p1{-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.page_news_ul li:hover .page_news_ul_top.p2{background:#fff url('../images/news_img.png')  no-repeat center; background-size: 110% 110%;-webkit-transition: all 500ms ease;transition: all 500ms ease;!important}
.page_news_ul li:hover .page_news_ul_top.p3{background:#fff url('../images/news_img.png')  no-repeat center; background-size: 110% 110%;-webkit-transition: all 500ms ease;transition: all 500ms ease;!important}
.page_news_ul li .page_news_arown{width:0.74rem;height: 0.72rem;background:url('../images/arown.png')  no-repeat center;background-size: 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}

.page_news_ul li:hover .index_cooperation_arown{margin-right:0.2rem; background:url('../images/arown.png') no-repeat center;background-size: 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}


.page.page_life{}
.page .page_life_banner{color:#fff;background:#fff url('../images/page_life_banner_img.png')  no-repeat center;background-size: cover;width: 100%;height: 7.8rem;}

.page .page_life_banner .page_main{align-items: flex-start;padding-top: 1rem;}
.page .page_life_banner .left{}
.page .page_life_banner .left h3{font-size:1rem;margin: 0 0 0.8rem 0;}
.page .page_life_banner .left p{font-size:0.34rem;margin:0.1rem 0;}
.page .page_life_banner .right{align-items: flex-start;}
.page .page_life_banner .right p{text-orientation: mixed; writing-mode: vertical-rl;position: relative;font-size: 0.76rem; margin: 0;}

.page .page_life_banner2{color:#fff;background:#fff url('../images/page_life_banner_img2.png')  no-repeat center;background-size: cover;width: 100%;height: 7.8rem;}
.page .page_life_banner2 .page_main{align-items: flex-start;padding-top: 1rem;}
.page .page_life_banner2 .left{}
.page .page_life_banner2 .left h3{font-size:1rem;margin: 0 0;}
.page .page_life_banner2 .left p{font-size:0.34rem;margin:0.1rem 0;}
.page .page_life_banner2 .right{align-items: flex-start;}
.page .page_life_banner2 .right p{text-orientation: mixed; writing-mode: vertical-rl;position: relative;font-size: 0.76rem; margin: 0;}

.page .page_life_time{width:100%;padding: 1.25rem 0;font-weight: bold;}
.page .page_life_time .page_life_time_li{
	
	
	border: #dadada solid 1px;
		cursor: pointer;
	    margin-right: 0.45rem;
	    background: url(../images/page_life_time_arown1.png) no-repeat center;
	    background-position: 82%;
	    font-size: 0.36rem;
	    background-size: 0.34rem;
	    padding: 0.25rem 1.1rem 0.25rem 0.4rem;
	    position: relative;
	    border-radius: 0.1rem;
}

.page .page_life_time .page_life_time_li.active{
	background: url(../images/page_life_time_arown2.png) no-repeat center;
	background-position: 82%;
	background-size: 0.34rem;
}


.page .page_life_time .page_life_time_li .page_life_time_li_ul{ display:none; position: absolute;top: 0.9rem;padding-top: 0.1rem; width: 100%;left: 0;}
.page .page_life_time .page_life_time_li .page_life_time_li_ul ul{background: #fff;width: 100%;border:#dadada solid 1px; border-radius: 0.1rem;font-size: 0.36rem; padding: 0.2rem 0;}
/* .page .page_life_time .page_life_time_li:hover  .page_life_time_li_ul{display:block;} */
.page .page_life_time .page_life_time_li .page_life_time_li_ul  ul li{padding:0.1rem 0.3rem;text-align: center;}
.page .page_life_time .page_life_time_li .page_life_time_li_ul ul li:hover{color:var(--primary-color)}


.page .page_life_content{}
.page .page_life_content .page_life_content_p1{align-items: flex-start;margin-bottom: 1.1rem;}
.page .page_life_content .page_life_content_p1 .left{}
.page .page_life_content .page_life_content_p1 .img{width: 10rem;height: 7.5rem;border-radius: 0.3rem;}
.page .page_life_content .page_life_content_p1 .right{margin-left:0.4rem}
.page .page_life_content .page_life_content_p1 .right h3{font-size:0.64rem}
.page .page_life_content .page_life_content_p1 .right p{font-size:0.29rem !important;line-height: 0.5rem !important;margin: 0;}
.page .page_life_content .page_life_content_p1 .right span{font-size:0.29rem !important;line-height: 0.5rem !important;}


.page .page_life_content .page_life_content_list{margin-bottom:1.5rem}


.page .page_life_more{width:100%;text-align: center;margin-bottom: 1.5rem;}
.page .page_life_more h3{font-size:0.52rem;margin: 0.2rem 0;}




.page .page_life_content .page_life_content_p2{position: relative;}
.page .page_life_content .page_life_content_p2 .page_life_content_p2_h3{font-size:0.45rem}
.page .page_life_content .page_life_content_p2 ul{width:82%;}
.page .page_life_content .page_life_content_p2 li{}
.page .page_life_content .page_life_content_p2 li img{width: 3rem;}
.page .page_life_content .page_life_content_p2 li h2{font-size:0.4rem;padding-bottom: 0;margin-bottom: 0;}
.page .page_life_content .page_life_content_p2 li p{font-size:0.4rem;margin-top: 0;padding-top: 0;}
.page .page_life_content .page_life_content_p2 .page_life_arown{position: absolute; top:1.5rem;right: 0; background:url('../images/st_arown_pro2.png') no-repeat;background-size: 100%;width: 3.27rem;height: 1.62rem;}
.page .page_life_content .page_life_content_p2 .page_life_arown a{font-size: 0.4rem;color: #fff;}


.pop_video{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.9);top: 0;z-index: 10000;display:none;}
.pop_main_img_div{position: relative;margin-top: 2rem;}
.pop_main_img_close{
	    position: absolute;
	    right: -1rem;
	    top: -1rem;
		cursor: pointer;
}
.pop_main_img{position: relative;}


.pro-left .page_pro_swiper{width:var(--main-width);margin: auto;}
.pro-left .page_pro_swiper_top_left h1{font-size:0.71rem}
.pro-left .page_pro_swiper_top_left p{font-size:0.36rem}
.pro-left .page_pro_swiper_top_right{ text-orientation: mixed;writing-mode: vertical-rl;}
.pro-left .page_pro_swiper_top_right p{font-size:0.71rem;letter-spacing: 0.07rem;    line-height: 0.8rem;font-family: "number_font2";}
.pro-left .page_pro_swiper_bottom{margin-top:0.5rem;align-items: flex-start;}
.pro-left .page_pro_swiper_bottom ul{width: 45%;font-size:var(--font-size-title3);position: relative;}
.pro-left .page_pro_swiper_bottom ul li{margin-bottom: 0.2rem; margin-left: 0;  height:0.32rem; border-bottom:#b7b7b7 solid 0.01rem;padding: 0.1rem 0;position: relative;width: 45%; font-size: var(--font-size-c2); }
.pro-left .page_pro_swiper_bottom ul li:hover{background:none;color: var(--primary-color2);box-shadow:none}

.pro-left .page_pro_swiper_bottom ul li.active{}

.pro-left .page_pro_swiper_bottom ul li::after,.page_pro_swiper_bottom ul li::before{
	
	position: absolute;
	top: 0.52rem;
	left: 0;
	display: block;
	width: 100%;
	height: 0.03rem;
	background-color: var(--primary-color);
	transform-origin: left center;
	transform: scaleX(0);
	transition: transform .3s ease-out;
	content: ""
}
.pro-left .page_pro_swiper_bottom ul li.active::before {
		transform: scaleX(1)
	}


.pro-left .page_pro_swiper_bottom ul li p{
	
    margin: 0;
    line-height: 0.35rem;
    white-space: nowrap;
    height: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 7.1rem;
	
	}
.pro-left .page_pro_swiper_bottom .swiper{height: 5.8rem;overflow: hidden;margin-right: 3%;border-radius: 0.1rem;box-shadow:none}



.pro-content{width: 100%;font-size: var(--font-size-c);}
.pro-content img{width: 100%;}



.jianj2 ul{padding: 0;}
.jianj2 ul a{display: block;}
.jianj2 ul li{text-align: left;font-size: var(--font-size-c);padding: 0.08rem 0.45rem;}

.jianj2 .qa{}
.jianj2 .qa li{border-bottom: #ccc solid 0.01rem;padding: 0.5rem 0;}
.jianj2 .qa li p{ line-height:0.3rem;}
.jianj2 li.active{box-shadow: 0.05px 0.05px 0.05px #ccc; padding:0.08rem 0.45rem;}

.jianj2 .page-list-title{font-size: var(--font-size-c);font-weight: bold;}
.jianj2 .page-list-content{font-size: var(--font-size-c2);}
.jianj2 .news-time{font-size: var(--font-size-c3);}


.jiejue-img{width: 45%;height: 3.5rem;}	

.newscont ul{position: relative;}
.newscont ul li{width: 24.8%;height:5rem;cursor: pointer;transition: all 1s; -webkit-transition: all 1s;position: absolute;}
.newscont ul li:nth-child(2) {left: 25%;}
.newscont ul li:nth-child(3) {left: 50%;}
.newscont ul li:nth-child(4) {left: 75%;}


.newscont ul.active0 li:nth-child(1) {height: 4.9rem;border-radius: 20px;}
.newscont ul.active0 li:nth-child(2) {left: 85%;height: 3.9rem;border-top-right-radius: 0.2rem;border-bottom-right-radius: 0.2rem;}
.newscont ul.active0 li:nth-child(3) {left: 90%;height: 3.6rem;border-top-right-radius: 0.2rem;border-bottom-right-radius: 0.2rem;}
.newscont ul.active0 li:nth-child(4) {left: 95%;height: 3.3rem;border-top-right-radius: 0.2rem;border-bottom-right-radius: 0.2rem;}

.newscont ul.active1 li:nth-child(1) {border-top-left-radius:  0.2rem;border-bottom-left-radius:  0.2rem;height: 3.6rem;}
.newscont ul.active1 li:nth-child(2) {left: 5%;height:4.9rem;border-radius: 0.2rem;}
.newscont ul.active1 li:nth-child(3) {left: 90%;border-top-right-radius:  0.2rem;border-bottom-right-radius:  0.2rem;height: 3.6rem;}
.newscont ul.active1 li:nth-child(4) {left: 95%;border-top-right-radius:  0.2rem;border-bottom-right-radius:  0.2rem;height: 3.3rem;}


.newscont ul.active2 li:nth-child(1) {border-top-left-radius:  0.2rem;border-bottom-left-radius:  0.2rem;height: 3.3rem;}
.newscont ul.active2 li:nth-child(2) {left: 5%;height: 3.6rem;border-top-left-radius:  0.2rem;border-bottom-left-radius:  0.2rem;}
.newscont ul.active2 li:nth-child(3) {left: 10%;height: 4.9rem;;border-radius:  0.2rem;z-index: 1;}
.newscont ul.active2 li:nth-child(4) {left: 94.3%;height: 3.9rem;;border-radius:  0.2rem;}


.newscont ul.active3 li:nth-child(1) {border-top-left-radius:  0.2rem;border-bottom-left-radius:  0.2rem;height: 3.3rem;}
.newscont ul.active3 li:nth-child(2) {left: 5%;height: 3.6rem;border-top-left-radius:  0.2rem;border-bottom-left-radius:  0.2rem;}
.newscont ul.active3 li:nth-child(3) {left: 10%;height: 3.9rem;;border-radius:  0.2rem;}
.newscont ul.active3 li:nth-child(4) {left: 14.3%;height: 4.9rem;;border-radius:  0.2rem;z-index: 1;}




.newscont ul li .newscont-img{width: 100%;height:4rem;margin-bottom: 0.15rem;}
.newscont ul li .newscont-text{width: 100%;}

.newscont ul li .newscont-p1{font-size: 15px;width: 100%;}
.newscont ul li .newscont-p2{font-size:var(--font-size-c);width: 100%;color: #333;}

.newscont ul li .newscont-p3{font-size: 0.15rem;width: 100%;display: none;}

.newscont ul li.active .newscont-p3{
	    display: block;
	    margin-bottom: 0.3rem;
	    height: 2.6rem;
	    overflow: hidden;
	    font-size: var(--font-size-c2);
	    line-height: 0.3rem;
	
}
.newscont ul li.active .newscont-p1{display: block;margin-bottom: 0.3rem;font-size:var(--font-size-title3)}
.newscont ul li.active .newscont-p2{display: block;margin-bottom: 0.3rem;font-size:var(--font-size-title3)}



.newscont ul li .li-d{display: block; }
.newscont ul li .li-b{display: none; }
.newscont ul li .ts-div33{display: none;}
.newscont ul li.active .ts-div33{display: block;}

.newscont ul.active li .li-d{display: none; transition: all 1s; -webkit-transition: all 1s;}
.newscont ul.active li .li-b{display: block; transition: all 1s; -webkit-transition: all 1s;width: 100%;height: 100%;}
.newscont ul.active li .li-b p{writing-mode: vertical-rl;font-size: 0.3rem;margin:auto;padding-top: 0.3rem;color: #fff;}
.newscont ul.active li .li-b .li-b-000{background: rgba(0,0,0,0.7);width: 100%;height: 100%;}

.newscont ul.active li{overflow: hidden;margin-top: -0.5rem;}

.newscont ul.active li:first-of-type {
   /* border-top-left-radius: 20px;border-bottom-left-radius: 20px;
	
	border-top-right-radius:none !important;border-bottom-right-radius: none !important; */
}

.newscont ul li.active{width:80% !important; transition: all 1s; -webkit-transition: all 1s;overflow: hidden;   padding: 2.5%;}
.newscont ul li.active .li-d{display: flex !important; flex-direction: row-reverse; transition: all 1s; -webkit-transition: all 1s;}
.newscont ul li.active .li-b{display: none !important; transition: all 1s; -webkit-transition: all 1s;}

.newscont ul li.active .newscont-img{width: 50% !important;}
.newscont ul li.active .newscont-img.p1{display: none;}
.newscont ul li.active .newscont-img.p2{display: block;}

.newscont ul li .newscont-img.p1{display: block;}
.newscont ul li .newscont-img.p2{display: none;}


.newscont ul li.active .newscont-text{width: 46% !important;flex-direction:column-reverse;}





.newscont ul.active li{width: 5%; transition: all 1s; -webkit-transition: all 1s; background: #f6f6f6; }



.newsl .contbox{ padding-top:0.3rem; }
.newsl .contbox .newsdtt{ margin-left: auto; margin-right: auto; padding-bottom:0.25rem; border-bottom:0.01rem dashed #dddddd;}
.newsl .contbox .newsdtt h1{ line-height:0.4rem; text-align:center; font-weight: bold; font-size:var(--font-size-c); color:#333;}
.newsl .contbox .newsdtt span{ display:block; margin-top:0.2rem; text-align:center; font-size:var(--font-size-c3); color:#999;}
.newsl .dbox{ padding:0.24rem 0 0.24rem 0;}
.newsl .dbox p{ line-height:0.28rem; text-indent:0.02rem; font-size:var(--font-size-c); color:#333;}
.newsl .dbox img{ display:block; margin:0.2rem auto;max-width: 100%;}
.newsl .fanye{ margin-left: auto; margin-right: auto; padding-top:25px; padding-bottom:0.5rem; font-size:var(--font-size-c2); line-height:0.26rem; color:#666;   border-top:0.01rem dashed #dddddd;}
.newsl .fanye a{color:#666;}
.newsl .fanye a:hover{ color:var(--primary-color);}

.newsl .dbox p span{text-wrap:inherit !important}



.index-pro-c{font-size:var(--font-size-c);padding: 0.5rem 0;}



.ts-div{width: 100%;text-align: center;margin-top: 100px;}
.ts-div .ts-div-span{ display: inline-block; width: 94px;height: 38px;line-height: 36px; color: #000;border:#000 solid 1px;border-radius: 5px;font-size: 26px;cursor: pointer;position: relative;overflow: hidden;-webkit-transition: all 500ms ease;transition: all 500ms ease;text-align: center;}
.ts-div .ts-div-span2{width: 100%;height: 100%;top: 0;position: absolute;font-size: var(--font-size-c2);}
.ts-div .ts-div-span .ts-div-active{background: var(--primary-color);position: absolute;height: 100%;width: 100%;right: 100%;top: 0;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div .ts-div-span:hover .ts-div-active{right: 0;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div .ts-div-span:hover .ts-div-span2{color: #fff;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div .ts-div-span:hover{border: var(--primary-color) solid 1px;}



.ts-div2{width: 100%;text-align: center;margin-top: 100px;}
.ts-div2 .ts-div-span{ display: inline-block;width: 94px;height: 38px;line-height: 36px;  color: #282828;border:#282828 solid 1px;border-radius: 5px;font-size: 22px;cursor: pointer;position: relative;overflow: hidden;-webkit-transition: all 500ms ease;transition: all 500ms ease;text-align: center;}
.ts-div2 .ts-div-span2{width: 100%;height: 100%;top: 0;position: absolute;font-size: var(--font-size-c2);}
.ts-div2 .ts-div-span .ts-div-active{background: var(--primary-color);position: absolute;height: 100%;width: 100%;right: 100%;top: 0;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div2 .ts-div-span:hover .ts-div-active{right: 0;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div2 .ts-div-span:hover .ts-div-span2{color: #fff;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div2 .ts-div-span:hover{border: var(--primary-color) solid 1px;}


.ts-div3{width: 100%;text-align: center;margin-top: 100px;}
.ts-div3 .ts-div-span{ display: inline-block; width: 94px;height: 38px;line-height: 36px; color:#000;border:#000 solid 1px;border-radius: 5px;font-size: 22px;cursor: pointer;position: relative;overflow: hidden;-webkit-transition: all 500ms ease;transition: all 500ms ease;text-align: center;}
.ts-div3 .ts-div-span2{width: 100%;height: 100%;top: 0;position: absolute;font-size: var(--font-size-c2);}
.ts-div3 .ts-div-span .ts-div-active{background:var(--primary-color);position: absolute;height: 100%;width: 100%;right: 100%;top: 0;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div3 .ts-div-span:hover .ts-div-active{right: 0;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div3 .ts-div-span:hover .ts-div-span2{color: #fff;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div3 .ts-div-span:hover{border: var(--primary-color) solid 1px;}



.ts-div33{width: 100%;text-align: center;margin-top: 100px;display: none;}
.ts-div33 .ts-div-span{ display: inline-block; width: 94px;height: 38px;line-height: 36px; color:#000;border:#000 solid 1px;border-radius: 5px;font-size: 22px;cursor: pointer;position: relative;overflow: hidden;-webkit-transition: all 500ms ease;transition: all 500ms ease;text-align: center;}
.ts-div33 .ts-div-span2{width: 100%;height: 100%;top: 0;position: absolute;font-size: var(--font-size-c2);}
.ts-div33 .ts-div-span .ts-div-active{background:var(--primary-color);position: absolute;height: 100%;width: 100%;right: 100%;top: 0;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div33 .ts-div-span:hover .ts-div-active{right: 0;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div33 .ts-div-span:hover .ts-div-span2{color: #fff;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.ts-div33 .ts-div-span:hover{border: var(--primary-color) solid 1px;}




















.index .index_main{width: var(--main-width);margin: auto;}
.index .index_main .index_about{width: 100%;padding: 0.84rem 0 0 0;position: relative;}
.index .index_main .index_about .index_about_p1{}
.index .index_main .index_about .index_about_p1 h1{font-size: var(--font-size-title);letter-spacing:0.03rem;}
.index .index_main .index_about .index_about_p1 p{font-size:var(--font-size-c);line-height: 0.35rem;letter-spacing: 0;}

.index .index_main .index_about .index_about_p2{ text-orientation: mixed;writing-mode: vertical-rl;position: relative;}
.index .index_main .index_about .index_about_p2 p{font-size: var(--font-size-title);line-height: 0.80rem;letter-spacing:0.07rem;padding-top: 0.35rem;padding-left: 0.3rem;}    
.index .index_main .index_about .pp{display: none;  background: url('../images/index_about_p2_icon.png') no-repeat;background-size: 0.67rem;padding-top: 0.35rem;position: absolute;width: 0.67rem;height: 1rem;right: 1.65rem;top:0.94rem;}    


.index .index_main .index_brand{width: 100%;padding: 0.74rem 0;}
.index .index_main .index_brand .index_brand_c{margin: auto;position: relative;}
.index .index_main .index_brand .pic .index_brand_c_arown{position: absolute;bottom:1.2rem;left:6.5rem;width: 0.74rem;height: 0.72rem;}  

  
.index_pro{width:100%;overflow: hidden;padding-bottom: 1.30rem;}

.index_pro_c{width:var(--main-width);margin: auto;}
.index_pro_t{text-align: right;}
.index_pro_t h1{font-size:0.71rem}
.index_pro_t p{font-size:0.36rem;line-height: 0.5rem;}
.index_pro_arown{position: absolute;right:-3.5rem;bottom: -1rem;font-size: 0.32rem;width: 3.14rem;height: 2.25rem;}
.index_pro_arown a{color:#fff}
.index_pro_arown img{margin-left: 0.1rem;width: 0.55rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index_pro_arown:hover img{margin-left: 0.4rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}


.index_pro_arown2{background: url('../images/st_arown.png') no-repeat;background-size: 3.14rem;position: absolute;right:-3.5rem;bottom: -1rem;width: 3.14rem;height: 2.25rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}


.index_pro_arown.is-visible{-webkit-transition: all 1500ms ease;transition: all 1500ms ease;right:0px;}
.index_pro_arown2.is-visible{-webkit-transition: all 1500ms ease;transition: all 1500ms ease;right:0px;}

.text-secondary{text-align: center;
       padding: 0 0 0.8rem 0;
    font-size: 0.25rem;}


/* .index_pro_swiper .swiper-slide.swiper-slide-active{}
.index_pro_swiper .swiper-slide.swiper-slide-next{} */

#marquee1{width:100%;height:6.3rem;overflow:hidden;margin-top: 1rem;}

#marquee1 ul li{float:left;}

#marquee1 ul li img{display:block;}

.marquee1_img{width:1200px}

#marquee2{width:85%;overflow:hidden;}

#marquee2 ul li{float:left;padding:0 0.45rem;width: 280px;}

#marquee2 ul li img{display:block;width:3rem}
#marquee2 ul li .img{}
.marquee2_img{width:100%;border-radius: 0.2rem;}

#marquee2 ul li h2{
	
	font-size: 0.4rem;
	    margin-bottom: 0;
	    padding-bottom: 0;
	    height: 0.6rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;


}
#marquee2 ul li p{font-size: 0.4rem;margin-top: 0;padding-top: 0;}



.index_news{width:100%;background: #f6f6f6;background-size: 100%;background-position:0 3.4rem ;}


.index_news_main{width:var(--main-width);margin: auto;}
.index_news_main_top_left h1{font-size:0.71rem}
.index_news_main_top_left p{font-size:0.36rem}
.index_news_main_top_right{ text-orientation: mixed;writing-mode: vertical-rl;}
.index_news_main_top_right p{font-size:0.71rem;letter-spacing: 0.07rem;    line-height: 0.8rem;font-family: "number_font2";}
.index_news_main_bottom{margin-top:0.5rem;align-items: flex-start;}
.index_news_main_bottom ul{width: 45%;font-size:var(--font-size-title3);position: relative;}
.index_news_main_bottom ul li{border-bottom:#b7b7b7 solid 0.01rem;padding: 0.2rem 0;position: relative;background: url('../images/arown5.png') no-repeat;background-position: right;}
.index_news_main_bottom ul li.active{background: url('../images/arown6.png') no-repeat;background-position: right;}

.index_news_main_bottom .more{position: absolute;right: 0;bottom: -3.5rem;color: #fff;font-size: 0.34rem;}

.index_news_main_bottom ul li::after,.index_news_main_bottom ul li::before{
	
	position: absolute;
	top: 1.18rem;
	left: 0;
	display: block;
	width: 100%;
	height: 0.03rem;
	background-color: var(--primary-color);
	transform-origin: left center;
	transform: scaleX(0);
	transition: transform .3s ease-out;
	content: ""
}
.index_news_main_bottom ul li.active::before {
		transform: scaleX(1)
	}


.index_news_main_bottom ul li p{
	
    margin: 0;
    line-height: 0.35rem;
    white-space: nowrap;
    height: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 7.1rem;
	
	}
.index_news_main_bottom .swiper{height: 5.8rem;overflow: hidden;margin-right: 3%;border-radius: 0.1rem;box-shadow: 0.02rem 0.02rem 0.15rem #ccc;}

.index_news_t{margin-top:1rem}
.index_news_t h1{font-size:0.71rem}
.index_news_t p{font-size:0.36rem;line-height: 0.5rem;}

  
.wrap{width:100%;height:7rem;position:relative;overflow:hidden;}
.pic{width:100%;height:7rem;cursor:pointer;color: #fff;padding: 0.3rem 0.5rem;}
.pic h1{font-size:0.51rem;;font-weight: normal;    letter-spacing: .1em;}
.pic p{font-size:0.51rem;padding: 0;margin: 0;line-height: 0px;;font-weight: normal;}

.pic1{background:#fff url('../images/01.png')  no-repeat left;background-size: 70%;filter: grayscale(100%);  position:absolute;top:0;left:0;z-index:1;}
.pic1.active{background:#fff url('../images/01.png')  no-repeat left;background-size: 70%;filter: grayscale(0); }
.pic2{background:#fff url('../images/02.png')  no-repeat left;background-size: 70%;filter: grayscale(100%);position:absolute;top:0;left:7.98rem;z-index:3;}
.pic2.active{background:#fff url('../images/02.png')  no-repeat left;background-size: 70%;filter: grayscale(0); }
.pic3{background:#fff url('../images/03.png') no-repeat left;background-size: 70%;filter: grayscale(100%);position:absolute;top:0;left:10.77rem;z-index:5;}
.pic3.active{background:#fff url('../images/03.png')  no-repeat left;background-size: 70%;filter: grayscale(0); }

.index_cooperation{width:100%;position: relative;}
.index_cooperation_main{width:90%;margin: auto;}

.index_cooperation_t h1{font-size:0.71rem}
.index_cooperation_t p{font-size:0.36rem;line-height: 0.5rem;}
.index_cooperation_ul{width: 90%;margin: auto;padding-top: 0.56rem;}
.index_cooperation_ul li{width:32%;border-radius: 0.3rem;overflow: hidden;cursor: pointer;}
.index_cooperation_ul li .index_cooperation_ul_top{width:100%;height: 5rem;}

.index_cooperation_ul li .index_cooperation_ul_top.p1{background:#fff url('../images/index_cooperation_img1.png')  no-repeat center; background-size: 100% 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index_cooperation_ul li .index_cooperation_ul_top.p2{background:#fff url('../images/index_cooperation_img2.png')  no-repeat center;background-size: 100% 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index_cooperation_ul li .index_cooperation_ul_top.p3{background:#fff url('../images/index_cooperation_img3.png')  no-repeat center; background-size: 100% 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}

.index_cooperation_ul li:hover .index_cooperation_ul_top.p1{background:#fff url('../images/index_cooperation_img1.png')  no-repeat center;filter: grayscale(0); background-size: 110% 110%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index_cooperation_ul li:hover .index_cooperation_ul_top.p2{background:#fff url('../images/index_cooperation_img2.png')  no-repeat center;filter: grayscale(0); background-size: 110% 110%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index_cooperation_ul li:hover .index_cooperation_ul_top.p3{background:#fff url('../images/index_cooperation_img3.png')  no-repeat center;filter: grayscale(0); background-size: 110% 110%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index_cooperation_ul li .index_cooperation_arown{width:0.74rem;height: 0.72rem;background:url('../images/arown.png')  no-repeat center;background-size: 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}

.index_cooperation_ul li:hover .index_cooperation_arown{margin-right:0.2rem; background:url('../images/arown.png') no-repeat center;background-size: 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}




.index_cooperation_ul_bottom{color: #fff;background: #fff;}
.index_cooperation_ul_bottom p{ line-height: 0.02rem;font-size: var(--font-size-c);}
.index_cooperation_ul_bottom_t{}

.index_life{width:100%;align-items: flex-end;}
.index_life li{width:24%;border-radius: 0.3rem;overflow: hidden;position: relative;}
.index_life li .index_life_4{height:4.2rem;position: relative;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index_life li .index_life_4.p1{background:#fff url('../images/index_life_img1.png')  no-repeat center;background-size: 100% 100%; }
.index_life li .index_life_4.p2{background:#fff url('../images/index_life_img2.png')  no-repeat center;background-size:100% 100%; }
.index_life li .index_life_4.p3{background:#fff url('../images/index_life_img3.png')  no-repeat center;background-size: 100% 100%;}

.index_life li .index_life_2{position: absolute;width: 3.14rem;height: 2.25rem;background:url('../images/st_arown.png')  no-repeat center;background-size:100%;right: -3.2rem;top: 2.5rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}

.index_life li:hover .index_life_4.p1{ background:#fff url('../images/index_life_img1.png')  no-repeat center;background-size: 120% 120%; -webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index_life li:hover .index_life_4.p2{ background:#fff url('../images/index_life_img2.png')  no-repeat center;background-size: 120% 120%; -webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index_life li:hover .index_life_4.p3{ background:#fff url('../images/index_life_img3.png')  no-repeat center;background-size: 120% 120%; -webkit-transition: all 500ms ease;transition: all 500ms ease;}


.index_life li:first-child{cursor: pointer;}
.index_life li:first-child:hover .index_life_2{right: 0px;top: 2rem; -webkit-transition: all 500ms ease;transition: all 500ms ease;}

.index_life li .index_life_3{position: absolute;width: 0.71rem;height:0.71rem;left: 0.4rem;bottom: 0.5rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
/* .index_life li:first-child:hover .index_life_3{left: 60px;bottom: 30px; -webkit-transition: all 500ms ease;transition: all 500ms ease;} */

.index_life li:first-child:hover .index_life_c{/* height: 4.8rem; */-webkit-transition: all 500ms ease;transition: all 500ms ease;}


.index_life li .index_life_c{height: 4.8rem;background: #fff;padding: 0.40rem 0.3rem;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.index_life li .index_life_c p{font-size:0.45rem;line-height: 0.55rem;margin: 0;padding: 0;font-family: "number_font";}

.zidh_p1{top:6.49rem;left: 0;font-size: 1.5rem;}
.zidh_p2{top:18.86rem;left: 0;font-size: 1.5rem;}

.zidh_p3{top:10.8rem;left: 0;font-size: 1.5rem;}


.mapdh{
       width: 7%;
       height: 6%;
       left: 30%;
       top: 44%;
       overflow: hidden;
       background: url(../images/map2.png) no-repeat;
       background-size: 13.7rem 8.3rem;
       background-position: -3.99rem -3.7rem;
       position: relative;
       position: absolute;
	   
	}

.mapdh.active{
	
	    width: 100%;
	    height: 100%;
	    /* left: 29%; */
	    /* top: 28%; */
	    overflow: hidden;
	       background: url(../images/map2.png) no-repeat;
	       background-size: 13rem 7.5rem;
	       background-position: 0.8rem 0.5rem;
	    position: relative;
	    position: absolute;
		left: 0;
		top: 0;
		-webkit-transition: all 4500ms ease;transition: all 4500ms ease;
	
}

.news-text{font-size: var(--font-size-c);}

footer{width:100%;background:#151515;background-position: top;background-size: 100% 2.6rem;font-weight:bold;color: #fff;}
footer a{color:#fff}
footer a:hover{color: #fff;}
footer .footer_main{width:var(--main-width);margin: auto;}
footer .footer_main_top{text-align: center;padding: 0.5rem 0;}
footer .footer_main_top h1{padding: 0;margin: 0;text-align: center;color: #fff;font-size: 71px;font-weight: normal;padding: 0.5rem 0;}
footer .footer_main_c{padding: 0.5rem 0;align-items: flex-start;}
footer .footer_main_c dl{}
footer .footer_main_c dt{margin-bottom:0.3rem;font-size:var(--font-size-title3);}
footer .footer_main_c dl dd{margin-bottom:0.3rem;font-size: var(--font-size-c2);color: #ccc;}
footer .footer_main_c dl dd a{color: #ccc;}

footer .footer_main_c dl h1{font-size:0.29rem; font-family: 'number_font';}
footer .footer_main_c dl p{font-size:0.22rem;line-height: 0.1rem;}
footer .footer_main_c dl dd .footer_add{color:#fff;font-size: 0.29rem}
footer .footer_main_c dl dd .footer_add_t{font-size:0.23rem}
footer .footer_ba{font-size:0.14rem;background: #151515;padding: 0.3rem 0;line-height: 0.2rem;border-top:#fff dashed 1px}

footer .footer_ba a{color: #565656;}
footer .footer_ba{color: #565656;}

footer .footer_ba_main{width:90%;margin: auto;}
footer .footer_md{    margin-left: 5%;}
footer .footer_md li{margin-right:0.5rem;cursor: pointer;position: relative;}
footer .footer_md ul::after{
	content:'';
	width: 25%;
}
footer .footer_md li .ewm{position: absolute;background: #333;padding: 0.1rem;color: #fff;border-radius: 0.1rem;left: 50%;margin-left: -0.6rem;z-index: 100;top: -80px;display: none;}
footer .footer_md li .ewm img{width: 1.2rem;}
footer .footer_md li .ewm p{margin: 0;font-size: 0.16rem;padding: 0.05rem 0;}
footer .footer_md li:hover .ewm{display:block}
footer .footer_md h1{font-size:0.46rem;padding:0;margin: 0;

/* font-weight: normal; */

}
footer .footer_md ul{padding: 0.3rem 0;}
footer .footer_md p{font-size:0.20rem;text-align: center;}
footer .footer_md_icon{width:0.85rem;height:0.85rem;border-radius: 100%;}
footer .footer_md_icon.p1{background:url('../images/footer_md_icon_4.png') no-repeat center;background-size: 0.8rem;}
footer .footer_md_icon.p2{background:url('../images/footer_md_icon_3.png') no-repeat center;background-size: 0.83rem;}
footer .footer_md_icon.p3{background:url('../images/footer_md_icon_2.png') no-repeat center;background-size: 0.75rem;}
footer .footer_md_icon.p4{background:url('../images/footer_md_icon_1.png') no-repeat center;background-size: 0.75rem;}
footer .footer_md_icon.p5{background:url('../images/footer_md_icon_5.png') no-repeat center;background-size: 0.8rem;}
footer .footer_md_icon.p6{background:url('../images/footer_md_icon_6.png') no-repeat center;background-size: 0.52rem;}
footer .footer_md_icon.p7{background:url('../images/footer_md_icon_7.png') no-repeat center;background-size: 0.79rem;}

.top_arown{display:block;width:0.4rem;height: 0.4rem;background: url('../images/top_arown.png') no-repeat center;background-size: 100% ;}
.tp-newsItem__titleChild {
	padding-bottom:0.05rem ;
    background: linear-gradient(0deg,#000,#000) no-repeat left bottom/0 0.03rem;
    background-size: 100% 0.03rem;
    transition: background-size .3s ease-out;
	cursor: pointer;
}

.tp-newsItem__titleChild:hover {
	 background: linear-gradient(0deg,var(--primary-color),var(--primary-color)) no-repeat left bottom/0 0.03rem;
        background-size: 0 0.03rem;
        background-position-x: left
    }

.menu-iphone{display: none}	
	
	
	
@media only screen and (max-width: 991px) {	
	
	
	.page .page_news_main_p2_c .left{width:100%}
	.page .page_news_main_p2_c .right{width:100%}
	.page .page_news_main_p2_c .right p{line-height: 1rem;}
	.page .page_news_main_p2_c .right h3{font-size:0.7rem}
	.page .page_news_main_p2 h3{font-size:0.7rem}
	.page .page_news_main_p2_c .right p span{font-size:0.7rem !important}
	
	
	.page .page_pro2_pl .page_pro2_pl_left dd.click_pp{display:none}
	
	.pc{display:none;}
	.iphone{display:block;}
	
	
	
	.swiper{
	      --swiper-theme-color: #fff;
	      --swiper-pagination-color: var(--primary-color);/* 两种都可以 */
		   --swiper-theme-color: #000;/* 设置Swiper风格 */
		      --swiper-navigation-color: #000;/* 单独设置按钮颜色 */
		      --swiper-navigation-size: 30px;/* 设置按钮大小 */
	    }
	
header a{color:#fff;}
header nav .nav_top_m{
	position: absolute;
	right: -100%;
	top:0;
	/* flex-direction: row-reverse; */
	
	/* display:none; */
	
	width:40%;
	background: var(--primary-color);
	height: 100%;
	align-items: flex-start;
	
	/* -webkit-transition: all 500ms ease;transition: all 500ms ease; */
	
}
.menu-iphone{display: block;}
.menu-iphone span{width:1.5rem;height: 1.5rem;display: block;background: url('../images/menu-iphone-icon.png') no-repeat center;background-size: 100%;}
.menu-iphone span.active{width:1.5rem;height: 1.5rem;display: block;background: url('../images/menu-iphone-icon2.png') no-repeat center;background-size: 100%;}

.footer_md{display: none}

footer{background-size: 100% 3.4rem;}
.c-footer__contactLink ._message{font-size:1.1rem !important}
.c-footer__contactLink ._label{font-size:1.1rem !important}
footer .footer_main_c dt img{width:3rem !important}
footer .footer_main_c dl h1{font-size:0.7rem;margin-top: 0.2rem;}
footer .footer_main_c dl p{font-size:0.55rem;}
footer .footer_main_c .footer_no{    margin: 1rem 0;}

footer .footer_main_c dt{font-size:1.1rem;margin-bottom: 0.5rem;}
footer .footer_main_c dl dd .footer_add_t{font-size:0.55rem;line-height: 0.7rem;}
footer .footer_main_c dl dd .footer_add{font-size:0.55rem}
footer .footer_ba{font-size:0.45rem}
.top_arown{width:0.8rem;height:0.8rem}
footer .footer_main_c dl{padding: 0 0.5rem;}


#marquee2 ul li{width:60px}

.page .page_main .page_about_pp .list_jsk li .right{margin-top:0.8rem}
.page .page_main .page_about_pp .list_jsk li .right p.p2{font-size:0.40rem}

.page .page_main .page_about_pp .list_jsk li .right p.p1{font-size:0.7rem}

.page .page_pro2_pl .page_pro2_pl_left{width: 100%;}

.page .page_pro2_pl .page_pro2_pl_left dt{font-size:1.1rem;padding: 0;}

.page .page_pro2_pl .page_pro2_pl_left dl{width:100%}
.page .page_pro2_pl .page_pro2_pl_left dd{font-size:0.7rem;padding: 0.5rem 0;width: 33.3%;}
.page .page_pro2_pl .page_pro2_pl_left dd a{font-size:0.7rem}

.page .page_pro2_pl .page_pro2_pl_left .click::after{
	    content: '';
		width: 33.3%;
	
}

.page .page_pro2_pl .page_pro2_pl_right{width: 100%;margin-top: 1rem;}

.page .page_pro2_pl .page_pro2_pl_right .page_list{width: var(--main-width);}

.page .page_pro2_pl .page_pro2_pl_right .page_list a{font-size:0.7rem}

.page .page_pro2_pl .page_pro2_pl_right .page_list a img{width:0.4rem !important}

.page .page_pro2_pl .page_pro2_pl_right .page_pro2_pl_right_cp li .img{width: 100%;height: 7rem;}
.page .page_pro2_pl .page_pro2_pl_right .page_pro2_pl_right_cp li{width: 47%;}
.page .page_pro2_pl .page_pro2_pl_right .page_pro2_pl_right_cp li p{font-size:0.7rem;}
.page .page_pro2_pl .page_pro2_pl_right .page_pro2_pl_right_cp li p span{font-size:0.55rem !important}

.page .page_pro2_hot{width:100%}

.page .page_pro2_title{
	    width: 5.49rem;
	    height: 3.45rem;
	    padding-left: 1.3rem;
	    line-height: 2.75rem;
	    font-size: 1.1rem;
	    font-weight: bold;
	    color: #fff;
	
}
.page .page_pro2_hot_top p{font-size:0.7rem}
.page .page_pro2_hot_top h3{font-size:1.1rem}
.page .page_pro2_hot_top .img img{width:1.9rem}
.page .page_pro2_hot_bottom li .img{width:50%;height:5rem}
.page .page_pro2_hot_bottom li .content{width:45%}
.page .page_pro2_hot_bottom li .content h3{font-size:0.7rem;margin: 0.5rem 0;}
.page .page_pro2_hot_bottom li .content p{font-size:0.5rem}
.page .page_pro2_hot_bottom li{    margin-top: 0.65rem;    margin-bottom: 0.75rem;}

.page .page_main .page_about .page_about_p2 p{font-size:0.55rem}
.page .page_main .page_about .page_about_p1 h1{font-size:1.1rem}
.page .page_main .page_about .page_about_p1 p{
	    font-size: 0.55rem;
	    line-height: 1rem;
	    margin-top: -1.8rem;
	
}
.page .page_main .page_about_pp_title .text{font-size:0.55rem;line-height: 1rem;}
.page .page_main .page_about_pp_title .titlecn{font-size:1.1rem}

.page .page_main .page_about_pp .page_about_pp_right{width:100%}
.page .page_hz_p1 p{font-size:0.5rem}
.page .page_main .page_about_pp .page_about_pp_right .img{width: 100%;}

.page.page_pro3{padding-top: 4.5rem;}
.page.page_pro3{padding-bottom: 3rem;}

.page_pro3_arown{
	    position: absolute;
	    right: -3.5rem;
	    font-size: 0.32rem;
	    width: 5.79rem;
	    height: 2.45rem;
	
}

.page_pro3_arown2{
	
	    background: url(../images/st_arown_pro.png) no-repeat;
	    background-size: 5.79rem;
	    position: absolute;
	    top: 50%;
	    margin-top: -2rem;
	    right: -3.5rem;
	    width: 5.79rem;
	    height: 2.45rem;
	
}

.page .page_pro3_cp{    padding-top: 3.5rem;flex-direction:column-reverse}
.page.page_pro3{background:none}
.pro3_kx{margin-bottom:0.5rem !important}
.pro3_kx strong{font-size:0.7rem}

.page_news_ul li .page_news_ul_bottom_t p.p1{font-size:0.55rem;    height: 0.6rem;}

.page .page_life_time .page_life_time_li.active{background-size: 0.55rem;}
.page .page_life_time .page_life_time_li{font-size:0.55rem}
.page .page_life_time .page_life_time_li .page_life_time_li_ul ul{font-size:0.55rem}
.page .page_life_time .page_life_time_li{    padding: 0.45rem 2.1rem 0.45rem 1.4rem;}
.page .page_life_time .page_life_time_li .page_life_time_li_ul ul li{padding: 0.4rem 0;}

.page .page_life_time .page_life_time_li .page_life_time_li_ul{
	
	    top: 1.55rem;
	    padding-top: 0.1rem;
		left: -0.05rem;
	
}

.page .page_life_content .page_life_content_p1 .right h3{font-size:0.7rem}
.page .page_life_content .page_life_content_p1 .right p{font-size:0.55rem !important;line-height: 1rem !important;}
.page .page_life_content .page_life_content_p2 li h2{font-size:0.55rem;
    width: 3rem;
    overflow: hidden;
    height: 0.7rem;}
.page .page_life_content .page_life_content_p2 li p{font-size:0.55rem;    width: 3rem;
    overflow: hidden;
    height: 0.7rem;}

.c-footer__contactLink2 .link--kukuri {
	width: 4.67rem !important;
	height: 2.17rem !important;
}

.page .page_life_content .page_life_content_p1 .left{width:100%}
.page .page_life_content .page_life_content_p1 .img{width:100%;height:10rem}

.page .page_main .page_title .page_title_p1 p{font-size:0.55rem;line-height: 0.8rem;}
.page .page_main .page_title .page_title_p1 h1{font-size:1.1rem}
.page .page_pro_p3 .page_pro_p3_bottom li h2{font-size:0.55rem}

.page_pro_arown a{font-size:0.55rem}

.page_pro_arown{
	
	background: url(../images/st_arown_pro2.png) no-repeat;
	    background-size: 3.55rem;
	    position: absolute;
	    font-size: 0.32rem;
	    width: 3.55rem;
	    height: 1.82rem;
	    right: 0;
	    top: 0.8rem;
}

.page .page_pro3_cp_left dd{font-size:0.55rem}

.page .page_pro3_cp_left dt{font-size:0.7rem}

.pro3_fh{font-size:0.7rem}

.page .page_pro3_cp_left{width:100%}
.pro3_cs .pro3_cs_dd{font-size:0.55rem !important}

.page .page_pro3_cp_left .btn a{width:100%;text-align: center;font-size:0.7rem;padding: 0.5rem 0;}
.page .page_pro3_cp_right{width:100%;height: 12rem;}

.page .page_pro3_tj li{width: 4rem;height: 3.5rem;}
.page .page_pro3_tj h3{font-size:0.7rem}
.page .page_main .page_about_pp .list_jsk li{    align-items: end; }

.page .page_life_content .page_life_content_p1 .right span{
	
	font-size: 0.55rem !important;
	    line-height: 0.8rem !important;
	
}

header nav .logo img{width:3.5rem}
header{width:100%;font-size: 0.7rem;;background: #fff;}	
header.active{width:100%;font-size: 0.65rem;height: 3rem;}	

header.menuactive{height:100%;background: rgba(0,0,0,0.8);}
header.menuactive nav .logo{display:none;}
header.menuactive nav .nav_top_m{display: block;right:0;-webkit-transition: all 500ms ease;transition: all 500ms ease;}

header.menuactive .menu-iphone{ margin-left: 8rem;margin-top: 0.5rem;}  

header nav .logo {padding: 0.5rem 0;}
header nav .nav_top_m ul{width:100%;}
header nav .nav_top_m ul li{width: 100%;padding: 0.8rem 0;border-bottom: #fff solid 1px;padding-left: 0.5rem;color: #fff;}
header nav .nav_top_m ul li:first-child{border-bottom: #fff solid 1px;}
header.active nav .nav_top_m ul li{border-left:none;}
header nav .nav_top_m .nav_language{width: 70%;margin-top: 2rem;margin-left: auto;margin-right: auto;}
.nav_server{width:50%;margin-top: 2rem;margin-left: auto;margin-right: auto;}
header nav .nav_top_m .nav_language{padding: 0.53rem 0.36rem;border:#fff solid 0.01rem;}

header nav .nav_top_m .nav_language span{    width: 1.95rem;color: #fff;}
header nav .nav_top_m .nav_language ._indicator::before{  background-color: #fff;}	
header nav .nav_top_m .nav_language ._indicator{width: 2.08rem;}

header nav .nav_top_m .nav_language[data-lang=cn] ._label--cn{color:#000;font-size:0.6rem}
header nav .nav_top_m .nav_language[data-lang=ja] ._label--ja{color:#000;font-size:0.6rem}
header nav .nav_top_m .nav_language[data-lang=en] ._label--en{color:#000;font-size:0.6rem}
header nav .nav_top_m ul li{border-left:none}

header nav .nav_top_m .nav_language[data-lang=ja] ._indicator {
    transform: translateX(91%)
}
header nav .nav_top_m .nav_language[data-lang=en] ._indicator {
    transform: translateX(174%)
}

header nav .nav_top_m .nav_server span{
	    width: 1.48rem;
	    height: 1.39rem;
}

header.active nav .nav_top_m .nav_server span.p1{    background-size: 1.48rem;}
header.active nav .nav_top_m .nav_server span.p2{    background-size: 1.48rem;}

header nav .nav_top_m .nav_server span.p1{    background-size: 1.48rem;background: url('../images/nav_server_icon1_1.png') no-repeat center;background-size: 1.48rem;}
header nav .nav_top_m .nav_server span.p1:hover{    background-size: 1.48rem;background: url('../images/nav_server_icon1_1.png') no-repeat center;background-size: 1.48rem;}
header.active nav .nav_top_m .nav_server span.p1:hover{    background-size: 1.48rem;background: url('../images/nav_server_icon1_1.png') no-repeat center;background-size: 1.48rem;}


header nav .nav_top_m .nav_server span.p2{    background-size: 1.48rem;background: url('../images/nav_server_icon3_1.png') no-repeat center;background-size:1.48rem;}
header nav .nav_top_m .nav_server span.p2:hover{    background-size: 1.48rem;background: url('../images/nav_server_icon3_1.png') no-repeat center;background-size:1.48rem;}
header.active nav .nav_top_m .nav_server span.p2:hover{    background-size: 1.48rem;background: url('../images/nav_server_icon3_1.png') no-repeat center;background-size:1.48rem;}





header nav .nav_top_m ul li:hover .nav_top_m_ul{display: none;}

header nav .nav_top_m ul li.active .nav_top_m_ul{display:block}

header nav .nav_top_m ul li:hover .nav_top_m_ul{width:100%;    height: 12rem;}
header nav .nav_top_m ul li .nav_top_m_ul{position: relative;left: 0rem;width: 100%;}
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_arown{display:none}
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .left{display:none}
header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .right ul li{
	    width: 100%;
	    font-size: 0.65rem;
	    padding: 0;
	
}

header nav .nav_top_m ul li .nav_top_m_ul .nav_top_m_ul_c .right ul li p{margin: 0.25rem 0; padding: 0;}
header li:hover a{color:#fff}

.index_banner_b1{height:35rem}
.index_banner_b2{height:35rem}
.index_banner_t1{    padding-top: 8rem;}
.index__banner_t1_1{    font-size: 1.45rem;}
.index__banner_t1_2{    font-size: 1rem;line-height: 1.5rem;}
.index .index_main .index_about .index_about_p1 h1{    font-size: 1.2rem;}
.index .index_main .index_about .index_about_p1 p{    font-size: 0.7rem;line-height: 0.9rem;}
.tp-kv__message{margin-top:-2rem}


.tp-kv__message.active .tp-kv__messageLine{display:block !important}
.index .index_main .index_about .pp{
	    background-size: 1.27rem;
	    padding-top: 1.35rem;
	    position: absolute;
	    width: 1.27rem;
	    height: 1rem;
	    right: 2.65rem;
	    top: 1.94rem;
	
}
.index .index_main .index_about .index_about_p2 p{
	    font-size: 0.84rem;
	    line-height: 1.20rem;
	    letter-spacing: 0.07rem;
	    padding-top: 0.35rem;
	    padding-left: 0.3rem;
}
.zidh_p1{
	
    top: 12.49rem;
    left: 0;
    font-size: 2.5rem;
	
	}
.zidh_p2{
	top:31.56rem;
	left: 0;
	font-size: 3rem;
	
	}	
.zidh_p3{
	top:4.95rem;
	left: 0;
	font-size: 3rem;
	
	}		
	
.index .index_main .index_brand{padding: 1.44rem 0;}
.index .index_main .index_brand .index_brand_c{width:100%;height: 10rem;}
.wrap{height:10rem}
.pic{height:10rem}
.index_pro_t h1{font-size:1.1rem}
.index_cooperation_t h1{font-size:1.1rem}
.index_news_main_top_left h1{font-size:1.1rem}
.index_news_t h1{font-size:1.1rem}
.index_news_main_top_right p{font-size:1.1rem;line-height:1.5rem;}
.index_pro_t p{font-size:0.7rem;    line-height:0.9rem;}
.index_cooperation_t p{font-size:0.7rem;    line-height:0.9rem;}
.index_news_main_top_left p{font-size:0.7rem;    line-height:0.9rem;}
.index_news_t p{font-size:0.7rem;    line-height:0.9rem;}

.index_life li .index_life_c p{font-size:0.7rem;line-height: 0.9rem;}

.c-internalLink ._label{font-size:0.5rem !important}

.index_news_main_bottom .more{position: relative;color: #000;bottom: 0;font-size: 0.7rem;width:100%;text-align: right;padding: 1rem 0;}

.index_news_main_bottom .more .arown888{    border: 0.03rem solid #000 !important;}
.index_news_main_bottom .more .arown888 .cls-1{stroke: #000 !important;}

.c-internalLink ._circle{display: none;}
.c-internalLink ._icon{display: none;}

.index_news_main_bottom ul li p{font-size:0.7rem;    line-height:0.9rem;    height: 1rem;width: 16rem;}

.index_news_main_bottom ul li::after, .index_news_main_bottom ul li::before{  top: 2.97rem;}

.index_news_main_bottom ul li{    background-size: 0.6rem;    padding: 0.5rem 0;}

/* .index_life li{width:48%} */


.index_news2{    background-position: right -31px;
    background-size: 123px;}

.index_news{    background-position: 0 5.4rem;}	
.index_news_main_bottom{margin-top: 2rem;margin-bottom: 2rem;}
.index_news_main_bottom .swiper{width:100%;height:9rem}
.index_news_main_bottom .swiper img{width: 100%;}
.index_news_main_bottom ul{width:100%;margin-top: 2rem;}
#marquee1{height:14rem;margin-top:2.5rem}
.index_pro_arown{width:5.14rem;height:4rem;font-size:0.7rem}
.index_pro_arown2{    background-size: 5.14rem;    width: 5.14rem;height: 4rem;}




.marquee1_img{width:550px}

.index_cooperation_ul{width:100%;padding-top: 2.56rem;}

.index_cooperation_ul_bottom p{font-size:0.5rem;line-height: 0.28rem;}

.c-internalLink ._icon.u1{width:1.5rem !important;height:1.5rem !important;right:0.2rem !important}

/* .index_cooperation_ul li{width:100%} */



.page{    padding-top:3.33rem}

.about_u1{    margin-top: 1rem;
    font-size: 0.4rem;}
.page.page_pro2{padding-top:3.7rem}
.page .page_hzfrom .page_hz_from_left{width: 100%;}
.page .page_hzfrom .page_hz_from_right{width:100%;margin-top: 0.6rem;}
.page .page_hzfrom .page_hz_from_right li{}
.page .page_hzfrom .page_hz_from_p2 label{height:2rem;font-size:0.66rem;line-height: 2rem;}
.page .page_hzfrom .page_hz_from_p3 textarea{font-size:0.66rem;height: 3rem;}
.page .page_hzfrom .page_hz_from_p2 input{height:2rem;    width: 78%;
    padding-left: 3.2rem;}
.footer_no{font-size:0.29rem}	

.arown888 .st0_iphone{ stroke: #000 !important;}
	
.page .page_hzfrom .page_hz_from_left p{    font-size: 0.98rem;}	
.page .page_hzfrom .page_hz_from_left h3{    font-size: 1.42rem;margin-top: 0.5rem;}
.page .page_hzfrom .page_hz_from_right #cars_li li{font-size: 0.62rem;}
.page .page_hzfrom .page_hz_from_right #cars_li{top: 2rem;}
	.page .page_hzfrom .page_hz_from_right{height:10rem;margin:2rem 0 0 0 ;}
	.page .page_hzfrom .page_hz_from_p4 button{
		color: #fff;
		    cursor: pointer;
		    width: 100%;
		    height: 1.86rem;
		    background: #ff463a;
		    font-size: 0.66rem;
		    text-align: center;
		    line-height: 0.73rem;
		    border: none;
		    border-radius: 0.2rem;
	}
.page .page_hzfrom .page_hz_from_right #cars{height:2rem;line-height:2rem;font-size:0.66rem;    background: #ff463a url(../images/wjj.png) no-repeat center;
background-position: 0.2rem;
    background-size: 0.84rem;
	    padding-left: 1.6rem;
}
.page .page_hzfrom .page_hz_from_right #cars_text{height:2rem;line-height: 2rem;background: url(../images/hz_arown1.png) no-repeat;
    background-size: 0.98rem;
    background-position: 93%;}








}