@font-face {
  font-family: "HarmonyOSHans-Medium";
  src: url("../fonts/HarmonyOSHans-Medium.woff2") format("woff2"),
    url("../fonts/HarmonyOSHans-Medium.woff") format("woff");
}
@font-face {
  font-family: "HarmonyOSHans-Regular";
  src: url("../fonts/HarmonyOSHans-Regular.woff2") format("woff2"),
    url("../fonts/HarmonyOSHans-Regular.woff") format("woff");
}
@font-face {
  font-family: "HarmonyOSHans-Light";
  src: url("../fonts/HarmonyOSHans-Light.woff2") format("woff2"),
    url("../fonts/HarmonyOSHans-Light.woff") format("woff");
}

*{ padding:0px; margin:0px; list-style-type: none; outline:none; font-style:normal; }

a {
    font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}


@font-face {
  font-family: 'haian';  /* Project id 4627527 */
  src: url('https://at.alicdn.com/t/c/font_4627527_6m2sxdqi5tf.woff2?t=1721972990663') format('woff2'),
       url('https://at.alicdn.com/t/c/font_4627527_6m2sxdqi5tf.woff?t=1721972990663') format('woff'),
       url('https://at.alicdn.com/t/c/font_4627527_6m2sxdqi5tf.ttf?t=1721972990663') format('truetype');
}



.haianfont{ font-family:'haian' !important; }



a:hover {
    
}
.win{ min-width:1200px; width:1300px; margin:0 auto; }


.donhua{ 
	-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
 }

body::-webkit-scrollbar,html::-webkit-scrollbar {
    width: 4px;
    background-color: #eee
}


body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb {
    border: solid 1px #2b2e8f;
    width: 3px;
    border-radius: 4px;
    background-color: #2b2e8f
}

body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner {
    background-color: #eee
}

body::-webkit-scrollbar:horizontal,html::-webkit-scrollbar:horizontal {
    height: 9px
}

body::-webkit-selection,html::-webkit-selection {
    background: #2b2e8f;
    color: #fff
}

body::-moz-selection,html::-moz-selection {
    background: #2b2e8f;
    color: #fff
}

body::selection,html::selection {
    background: #2b2e8f;
    color: #fff
}


::selection {
    background: #2b2e8f; /* 粉红色的底色 */
    color: #fff; /* 文字的颜色 */
}


html,body{ min-width:1300px; }
body{ color: #000;   font-family:"Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; background:#f1f1f1; }


/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'haian';  /* Project id 4627527 */
  src: url('https://at.alicdn.com/t/c/font_4627527_nlw7f5unp38.woff2?t=1721913242959') format('woff2'),
       url('https://at.alicdn.com/t/c/font_4627527_nlw7f5unp38.woff?t=1721913242959') format('woff'),
       url('https://at.alicdn.com/t/c/font_4627527_nlw7f5unp38.ttf?t=1721913242959') format('truetype');
}



.haianfont{ font-family:'haian' !important; }



header{
    width: 100%;
    z-index:100;
	position:relative;
	z-index:15;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	background:url(../images/topbg.png) no-repeat center bottom;
}
header.topbg{ background:#e5003e; }


header .bg {
    z-index: -2;
	pointer-events: none;
	background-color: rgba(0,0,0,.5);
	width:100%;
	height: 100vh;
	transition: opacity .3s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
header .bg.appDown {
    opacity: 1;
    pointer-events: auto;
}

.top{ width:1300px; margin:0 auto;  transition: all 0.3s ease-in; padding:50px 0px; overflow:hidden; }
.top::after{ content:''; display: block; clear: both; }
header.topbg .top{ padding:10px 5%;  }
.top .logo{ float:left; }
.top .logo a{ display: block; }
.top .logo img{   transition: all 0.3s ease-in;  width:426px; height:auto;  display: block; }
header.topbg .top .logo img{ width:90px; }

.lang{ float: right;  margin-left:0px;     margin-top:0px; }
.lang .sou{ background: #fff; border-radius: 50px;  padding:5px; }
.lang .sou input{ border: none;
    background: none;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px; font-size:14px; width: 110px; }

.lang .sou button { border: none;  background: none; vertical-align: middle;  display: inline-block; cursor:pointer; }
.lang .sou button svg{ width:20px; height:20px; margin-right:10px; }
.lang .sou button svg path{ fill:#2b2e8f; }




.allList{ width:1300px; margin:0 auto; overflow:hidden; margin-top:30px; }
.menu_nav{  float: left;
    width: 300px;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px; }
.menu_nav h2{ color: #fff;
    font-size:24px;
    font-weight: 500;
    background: #2b2e8f;
    padding:40px 20px; }
.menu_nav ul{     padding: 20px 0px; background: #383b99; min-height:300px; }
.menu_nav ul li{ background: #383b99; }
.menu_nav ul li a{ color: #fff;  display: block;  padding: 20px 20px; font-size:18px; }
.menu_nav ul li:hover,.menu_nav ul li.hover{ background:#484bab; }

.allList_item{ float:right; width:calc(100% - 350px); background:#fff; border-radius:15px; padding:40px; box-sizing: border-box; min-height:500px; }
.allList_item li{ padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1; }

.allList_item h2 { font-size:18px; font-weight: 400; }
.allList_item a{}
.allList_item a:hover h2{ color:#2b2e8f; }
.allList_item p{ font-size: 14px; color: #818181; margin: 10px 0px;     line-height: 1.8; text-indent:28px; }
.allList_item time{ color: #a3a3a3; font-size: 12px; }

.show{ float:right; width:calc(100% - 340px); background:#fff; border-radius:15px; padding:35px; box-sizing: border-box; min-height:800px; }
.show h1{ text-align:center; }
.show .tag{ color:#999999;  font-size: 16px; margin: 20px 0px; text-align:center; }
.show .tag span{ display:inline-block; margin-right:20px; }
.show .tag span:nth-child(2){display:none; }
.show .show_art{ line-height: 2;      border-top: 1px solid #e9e9e9;  padding-top: 20px;  color: #666;
    line-height: 2; font-family: simsun; font-size:17px; }
.show .show_art p{ text-indent:32px;  margin-top:10px;   font-family: simsun; }
.show .show_art h3{ margin-top:10px; }
.show .show_art img{ max-width:100%; height:auto !important; margin-top: 10px;  border-radius: 5px;}
.show .show_art ul{ margin-left:32px; }

.show .show_art .uploadfile{}
.show .show_art .uploadfile a{     font-family: simsun;  text-decoration: underline;  color: #666; }

.show .show_art .uploadfile a:hover{ color:#383b99; }
.show_about h1{ margin-bottom:30px; text-align:center; display:none; }
.show_about .tag{ display:none; }
.show.show_about  .show_art{ padding-top:0px; border:0px; }
.show_about h1::after{ 
	background:#2b2e8f;
    display:none;
    content:'';
    width:50px;
    height:2px;
    margin:40px 0px;
}
.show_about .show_art img{ max-width:70%;
    height: auto !important;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 10px;
    display: block; }



header .bgbg{ background:#2b2e8f; height:70px; width:100%; position:absolute; bottom:0px; z-index:0; }

header .time{ background:#97bdeb; color:#fff; padding:10px 0px; }
header .time_1{ width:1300px; margin:0 auto; font-size:12px; overflow:hidden; }
.time_1 .timetxt{ float:left; }
.time_1 .tel{ float:right; }

.top_nav{ float:right;  -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
.top_nav.top_nav_hide{ opacity:0; }
.top_nav ul { overflow:hidden; }
.top_nav ul li{ float:left; margin-left:20px; }
.top_nav ul li:first-child{ margin-left:0px; }
.top_nav ul li a{ font-size:16px; }
.top_nav ul li i{    font-size: 20px;  vertical-align: text-top;  margin-right: 5px;}
.top_nav ul li i.language{    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    overflow: hidden; }
.top_nav ul li i.language img{ display:block; height:100%; }
nav{ width:1300px; margin:0 auto;
	background:#2b2e8f;
	-webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; 
}

nav.nav_top{ 
	margin-top:-73px;
	margin-left:130px;
	border:none;
}

nav ul{ display:flex; }
nav ul li{ display:inline-block;     position: relative; flex:1; }
nav ul li.hover a{ background:#5667b4; text-align:center; }
nav ul li.hover a{}

nav ul li.hover .nav_two li a{ background:#fff; }


nav ul li a{ padding: 0 50px;
    padding-bottom: 0;
    padding-top: 24px;
    display: block;
    font-size: 18px;
    position: relative;
    z-index: 2;
    color: #fff;
    text-transform: uppercase; transition: all 0.3s ease-in;  text-align:center;    position: relative; }
	
.topbg nav ul li a{ padding-top: 13px;  }
.topbg nav .nav_two a{ padding-top:0; }
nav ul li i{ display:none; }
nav ul li a::after { 
	background: #fff;
    display: block;
    content: '';
    width:0%;
    height:2px;
	margin:0 auto;
	margin-top:20px;
    opacity:0;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in; }

.topbg nav ul li a::after { margin-top: 9px; }

nav ul li:hover a{      background: #5667b4; }
nav ul li:hover a::after{ opacity:1; width:100%; }
nav ul li:hover a.erj::before{ border-bottom: 2px solid #fff;  border-right: 2px solid #fff; }
.erj::before {
    content: ' ';
    height: 5px;
    width: 5px;
    display: inline-block;
    transform: rotate(45deg);
    margin-left: 5px;
    vertical-align: super;
    position: absolute;
	top:46%;
	right:60px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
	transition: all 0.3s ease-in;
}
 

.topbg nav ul li:hover a{ color: #fff; }
.topbg nav ul li:hover a::after{ background: #fff; }
.topbg nav ul li:hover a.erj::before{ border-bottom: 2px solid #fff;  border-right: 2px solid #fff; }

nav li:hover .nav_two {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    margin-top:0px;
}
nav ul li .nav_two {
    position: absolute;
    left:0;
    width: 100%;
    opacity: 0;
    padding: 10px 0;
    display:block;
	margin-top:-10px;
    overflow: hidden;
    background: #fff;
    pointer-events: none;
    transition: all .5s ease;
    box-shadow: 0 5px 0.2rem -3px rgb(0 0 0 / 9%);
}
nav ul li.lm291 .nav_two{  }
nav ul li.lm291 .erj::before{  }
nav ul li.lm291 a::after{ }

nav .nav_two li {
    float: none;
    margin-left: 0px;
    width: 100%;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.73);
}
nav .nav_two li a {
    line-height: 50px;
	height: 50px;
	font-weight: 400;
	text-align: center;
	background: none;
	padding: 0;
	font-size: 18px;
	color: #000;
}

nav .nav_two li a::after{ display:none; }

nav ul li:hover .nav_two li a{ color: #000; background:none; }
nav ul li:hover .nav_two li a:hover{ color: #2b2e8f; }

.topbanner { overflow:hidden; width:100%; width: 1300px; margin: 0 auto; margin-top:30px; position:relative; }
.topbanner img{ display: block; width:100%; border-radius:10px; }
.topbanner .swiper-pagination-bullet-active{ background:#fff; }

.banner{ overflow:hidden; width:680px; position: relative; border-radius:15px; }
.banner img{ display: block; width:100%; height:auto; }
.banner .txt{ position: absolute;
    top: auto;
    bottom: 0;
    padding:50px 0px;
    width: 100%;
    z-index: 6;
    color: #fff;
    text-align: center;
    font-size: 37px;
    display:none;
}

.banner .txt::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    content: '';
    display: block;
    z-index: -1;
    background-image: linear-gradient(to top, rgb(0 0 0 / 53%), rgba(48, 49, 141, 0));
}

.banner .txt{  }

.banner .txt h2{    display: block; font-size:16px;  font-weight: 500;     margin-top:100px; opacity:0; transition: all 0.5s ease-in; }
.banner .txt h3{ font-size:60px; margin-top:100px; opacity:0; transition: all 0.7s ease-in; }

.banner .swiper-slide-active .txt h2,.banner .swiper-slide-active .txt h3{ margin-top:0; opacity:1; }

.banner .swiper-pagination-bullet{ width:5px; height:5px; background:#fff; vertical-align: middle; }
.banner .swiper-pagination-bullet-active{ background:#fff; width:10px; height:10px; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{     margin: 0 8px; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{     bottom:20px; }


.index_about{  padding: 8% 20.833vw; box-sizing: border-box; }
.index_about .win{ width:100%; min-width:auto }
.index_about .about-con{text-align:center;     font-size: 20px; position:relative; margin-bottom:50px; }

.index_about .about-con::after{ content: 'SANLEN';
    position: absolute;
    font-size: 150px;
    color: #e5003e;
    width: 100%;
    display: block;
    text-align: center;
    top: 1%;
    font-weight: bold;
    opacity: 0.05; }

.title{ margin:0 auto; color:#e5003e; font-size:60px;  text-align:center;     margin-bottom: 1.5vw;    text-transform: uppercase; font-weight:bold; }

.more{ width:130px; margin:0 auto; }
.more a{ display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    background: #e5003e;
    text-align: center;
    padding: 15px 10px;
    font-size: 22px;
    font-weight: bold; border-radius: 5px; }


.index_pro ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:0px; row-gap:0px; }
.index_pro ul li{}
.index_pro ul li a{ display: block; position:relative; }
.index_pro ul li a img{ display: block; width:100%; }
.index_pro ul li a h3{ position: absolute; width:100%; text-align:center; color:#fff; font-size: 36px; top:42%;  text-transform: uppercase;}
.index_pro .more{ 
	position: absolute;
    top: 62%;
    left: 50%;
    width: 150px;
    margin: 0 auto;
    margin-left: -75px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    background: #e5003e;
    text-align: center;
    padding: 10px 5px;
    font-size: 22px;
    font-weight: bold;
	 opacity:0; transition: all 0.3s ease-in;}

.index_pro ul li a::before{ display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    opacity: .3; transition: all 0.3s ease-in; }

.index_pro ul li a:hover::before{opacity:0;  }
.index_pro ul li a:hover .more{ opacity:1; }


.hezuo{ padding:70px 0; }
.hezuo ul{     display: flex;
    flex-wrap: wrap;
    justify-content: center; }
.hezuo ul li {
   width: 25%;
       box-sizing: border-box;
       text-align: center;
       padding: 40px 20px;
       font-size: 14px;
       font-weight: 500;
       display: flex;
       align-items: center;
       flex-direction: column;
       flex-wrap: nowrap;
       justify-content: center;
}

.hezuo ul li img{     max-width: 100%; }


.youshi{ background:url(../images/bg.jpg) no-repeat bottom #e3e4e6; padding:70px 0px; }
.youshi .youshi_6{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:0px; row-gap:0px; margin:50px 0px;  }
.youshi .youshi_6 li{ text-align:center; }
.youshi .youshi_6 li h4{ font-size: 25px;
    line-height: 30px;
    text-transform: uppercase; color:#666666; margin-top:10px; }

.youshi .video video{ width:100%; border-radius:20px; }


.sys{ text-align:center; padding:70px 0px;}
.sys form{ margin-top:50px}
.sys ul{ width:1200px; margin:0 auto; }
.sys ul li{ text-align: left; margin-bottom:15px; }
.sys ul li span{ display: block; font-size:20px; margin-bottom:5px; }
.sys ul li span i{ display: block; font-size:14px; }
.sys ul li input{ width:100%; display: block;
    text-align: left;
    margin: 0 auto; border:2px solid #e5003e; 
    border-radius: 5px;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 23px; box-sizing: border-box; }
.sys ul li textarea {
    width:100%;
    border:2px solid #e5003e; 
    border-radius: 5px;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 23px; 
	box-sizing: border-box;
}

.sys input.tjjm {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    cursor: pointer;
    background: #e5003e;
    border-radius: 8px;
        width: 200px;
        font-size: 25px;
        border: none;
        color: #fff;
        padding: 20px;
}


.sys input.tjjm:hover {
    background: #c70136;
}

footer{ background:#2b2e8f;     padding: 20px 0px; margin-top:30px; }

.foo_logo{ text-align:center; }
 
 


.page-banner-2{overflow:hidden; position:relative; }
.page-banner-2.page-banner-0{ margin-top: 209px;  }
.page-banner-2 img{ width:100%; display: block; }
.page-banner-2 .win div{ width: 100%;  text-align: center; }
.page-banner-2 .win{     position: absolute;
    top: 0;
    width: 1300px;
    left: 50%;
    margin-left: -650px; display: flex;
  align-items: center;      height: 100%; }
.page-banner-2 h2{ font-size:60px; font-family: "HarmonyOSHans-Regular"; color: #fff; font-weight: 500; }
.page-banner-2 h3{ font-size: 25px; font-weight: 500; color: #fff; }
.page-banner-2 .miao{ color: #fff; margin-top: 20px; font-size: 20px; }


.products{ width: 90%; margin: 0 auto; padding: 70px 0px; }

.products::after{ content:''; display: block; clear: both; }

.products_left{ float:left; width: 250px; position: sticky;  top: 50px !important; }
.products_left h3{ background: #000;
    color: #fff;
    text-indent: 15px;
    line-height: 60px;
    font-size: 25px;
    text-transform: uppercase; margin-bottom:15px; border-radius: 10px; }
.products_left ul{}
.products_left ul li{}
.products_left ul li a{ transition: all 0.2s ease-in; text-transform: uppercase; color: #585858; display: block; line-height: 50px;  height: 50px; font-size: 18px; text-indent: 15px; }
.products_left ul li a:hover{ color:#c70136; }
.products_right{ float:right; width:calc(100% - 300px); }
.products_right ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:30px; row-gap:30px; }
.products_right ul li .img{ border-radius: 15px;  overflow: hidden; margin-bottom: 10px; }
.products_right ul li img{width:100%;     display: block;  }
.products_right ul li a:hover h3{ color:#c70136; }
.products_right ul li .txt{ overflow:hidden; margin-top:10px; }
.txt .biaoj{ float:left; width:40%; margin-right:5%; margin-bottom: 10px; }
.txt .biaoj:nth-child(2n){ width:55%; margin-right:0; }
.products_right ul li .txt span{    color: #6e6e6e;}
.products_right ul li .txt i{ display: block; color: #6e6e6e; font-family: "HarmonyOSHans-Light"; }

.products_con{ float:right; width:calc(100% - 300px); }
.products_con::after{ content:''; display: block; clear: both;  }


.pro_top::after{ content:''; display: block; clear: both; }


.pro_top .img { width:40%; float:left; }
.pro_top .img img{ width:100%; display:block; }
.pro_top .mySwiper2,.pro_top .mySwiper { overflow:hidden; position: relative; border-radius:10px; overflow:hidden; }
.pro_top .mySwiper2{ padding: 0 70px; }
.pro_top .swiper-slide{ cursor:pointer; }

.pro_top .mySwiper{ margin-top:30px; }
.pro_top .mySwiper img{ border-radius:10px;  }
 
.pro_top .mySwiper2 img{ border-radius:10px; width:100%; margin: 0 auto;  }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ color: #d3d3d4;
    border:3px solid #d3d3d3;
    height:45px;
    width:45px;
    border-radius: 50%; transition: all 0.3s ease-in; }
.pro_top  .swiper-button-next:after,.pro_top  .swiper-button-prev:after{ font-size:20px; font-weight:bold; }
.pro_top .swiper-button-prev,.pro_top  .swiper-container-rtl .swiper-button-next{ left: 0; }
.pro_top .swiper-button-next,.pro_top  .swiper-container-rtl .swiper-button-prev{ right:0; }

.pro_top .swiper-button-next:hover,.pro_top  .swiper-container-rtl .swiper-button-prev:hover,.pro_top .swiper-button-prev:hover,.pro_top  .swiper-container-rtl .swiper-button-next:hover{
	color: #e5003e;  border:3px solid #e5003e;
}


.pro_top .mySwiper .swiper-slide { opacity:.6; transition: all 0.3s ease-in; }
.pro_top .mySwiper .swiper-slide.swiper-slide-thumb-active{ opacity:1; }


.pro_top .txt{ float:right; width:55%; }
.pro_top .txt h1{ margin-bottom:30px; }
.pro_top .txt .txt_li{ overflow: hidden;  display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; row-gap: 15px; color: #2a2a2a; font-family: "HarmonyOSHans-Light"; }
.pro_top .txt .txt_li li span{ color:#4e4e4e; font-family: "HarmonyOSHans-Medium" }

.price{ display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
    row-gap: 15px;
    box-shadow: 1px 1px 6px #b7b7b7;
    padding: 20px 20px;
    width:100%;
    border-radius: 8px;
    margin-top: 30px;
	box-sizing: border-box;
}
.price li span{ display:block; color: #6a6a6a; }
.price li strong{     line-height: 60px; font-size: 28px; letter-spacing: 1px; }

.inquiry a{ width:100%;
    height:50px;
    line-height: 50px;
    display: block;
    color: #fff;
    text-align: center;
    background:#e5003e;
    font-size:18px;
    border-radius:10px;     transition: all 0.2s ease-in;
    text-transform: uppercase; margin-top:30px; font-weight:bold; padding: 10px 0px; }

.inquiry a:hover{ background:#c70136 }

.pro_con{ margin-top:50px; border-top:3px solid #e3e3e3; padding:50px 15%; }
.pro_con .title{     color: #e5003e; font-size: 60px; text-align:center; }


.about{ width: 1200px; margin: 0 auto; text-align: center; margin-top:70px; }

.contact{ width: 1200px; margin: 0 auto; text-align: center; margin-top:70px; }
.contact h2{ color: #000; font-size: 30px; }
.contact .txt{ text-align:center; font-size:16px; line-height: 2; color: #767676; }

.contact_li{ width: 1000px; display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    row-gap: 15px; margin:0 auto; margin-top:70px; }
.contact_li li div *{ display: block; }
.contact_li li img{ display: block; margin:0 auto; margin-bottom:10px; }



.products_right .ser{ width:300px; margin-bottom:30px; }
.products_right .ser-input{width:100%;
    margin: 0 auto;border: 1px solid #434343; border-radius: 29px; position: relative; overflow: hidden; 
	}
	
.products_right .ser-input:hover{ border:1px solid #000000; }
.products_right .ser-input:hover .submit{ opacity:0.8; }

.products_right .searchtwo{ border: none;   color: #000000; display: inline-block; height: 40px; line-height: 40px; width: 94%; margin-left: 3%;  text-align: center; font-size: 18px; background: none; text-indent: 20px; }
.submit { border: none;
    background: none;
    color: #000;
    position: absolute;
    left: 50%;
    margin-left:-80px;
    font-size: 20px;
    top: 8px;
    opacity: 0.5; cursor:pointer; }

.submit.hover{ left:100%; opacity:1; }


.banner_info{ width:1300px; margin:0 auto; overflow:hidden; margin-top:30px; }
.banner_info .banner{ float:left; }









.info{ float:right;  background:#fff; border-radius:15px; width:590px; padding:20px; box-sizing:border-box;     height: 450px; }
.info_nav{ display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:0px; margin-bottom:15px; margin-top: -20px; }
.info_nav li{ cursor:pointer; text-align:center; position:relative; z-index:2; font-size: 18px; padding: 10px 0px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px; }
.info_nav li.hover{ background:#2b2e8f; color:#fff; box-shadow: 0px 5px 0px 0px rgb(207 230 255); }
 
.info_item ul{ display:none; }
.info_item ul.hover{ display:block; }
.info_item ul li{  }
.info_item ul li a{ display:block; line-height:3; color: #5e5e5e; }
.info_item ul li a:hover{ color: #2b2e8f; }
 


.newsPic{ width: 1300px; margin: 0 auto; background:#fff; padding:15px; box-sizing:border-box; margin-top:30px; border-radius:15px; }
.newsPic::after{ content:''; display: block; clear:both; }
.newsPic .title{ float: left;
    font-size: 18px;
    width: 28px;
    padding: 38px 16px;
    height: auto;
    background: url(../images/bgpic.png) no-repeat;
    margin-left: -23px;
    color: #fff;
    font-weight: 500; margin-bottom: 0; }
.newsPic .slidepic{ float:left; display: grid;float:left; grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap:30px; width:calc(100% - 75px  ); margin-left: 30px; margin-top: 13px; overflow:hidden; }
.newsPic ul li{ border-radius:10px; overflow:hidden; }
.newsPic ul li a{ display: block; position:relative; }
.newsPic ul li a img{ display: block; width:100%; }
.newsPic ul li a span{ opacity:0; position:absolute; width:90%; bottom:10px; left:5%; color:#fff; z-index:3; }
.newsPic ul li a:hover span{ opacity:1; }
.newsPic ul li a:hover::after{ opacity:1; }

.newsPic ul li a::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height:60%;
    content: '';
    display: block;
    z-index: 2;
    background-image: linear-gradient(to top, rgba(48, 49, 141, 1), rgba(48, 49, 141, 0));
	opacity:0;
}




.indexAbout{ width: 1300px; margin: 0 auto; background:#fff; padding:20px; box-sizing:border-box; margin-top:30px; border-radius:15px; } 
.indexAbout .title{ font-weight:500;
	    font-size: 18px;     margin-left: 0;
		    width: 140px;
	    padding: 10px 0px;
	margin-top: -20px;
	background: #2b2e8f;
    color: #fff;
    box-shadow: 0px 5px 0px 0px rgb(207 230 255); border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; margin-bottom:20px;
}

.indexAbout .title{     font-weight: 500;
    font-size: 25px;
    color: #000;
    background: url(../images/titlebg.png) no-repeat center bottom;
    width: 281px;
    margin: 0 auto;
    height:55px; box-shadow:none; }

.indexAbout .txt{ overflow:hidden; }

.indexAbout .txt_1{ width:100%; line-height:1.8;     color: #5e5e5e; text-indent: 33px; }
.indexAbout .txt_1 p{ display:contents; }
.indexAbout .txt_1 a{ color: #2b2e8f; }
.indexAbout .txt_2{     width: 75%;  margin: 0 auto; margin-top: 20px; }
.indexAbout .txt_2 video{ width:100%; border-radius:10px; }
.indexAbout .txt_2 img{ display:block; border-radius:10px; width:100%; }

.yw{ width: 1300px; margin: 0 auto; background:#fff; padding:20px; box-sizing:border-box; margin-top:30px; border-radius:15px; }
.yw.ywList{ padding: 0; }
.yw .title{ font-weight:500; font-size:25px; color:#000; background:url(../images/titlebg.png) no-repeat center bottom; width:281px; margin:0 auto;  
height:55px; padding:10px 0px; }


.itemAll{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:20px; margin-top:20px; }
.itemAll .item{  border: 1px solid #f1f1f1;
  
    padding:0px;
    border-radius: 10px; overflow:hidden; }

.itemAll .item .img{ float:left; width:50%}
.itemAll .item .img img{ display:block; width:100%; }
.itemAll .item .txt{ float: right; width: 44%;  margin-right: 2%; }
.itemAll .item:hover{ box-shadow: 0vw 0vw 2vw 0vw rgba(7, 10, 16, .1);  border: 1px solid #cccdff; }    

.itemAll .item a{ display:block; color: #333333; }
.itemAll .item a.ywTitle{ margin-bottom:8px; }
.itemAll .item a.ywTitle p{font-weight: 600; color:#2b2e8f;  display: block; margin-top:10px; font-size:16px; position: relative; padding-left: 10px; }
.itemAll .item a.ywTitle p:before{ content: "";
    position: absolute;
    left: 0;
    top: 3px;
    height: 16px;
    width: 3px;
    background-color: #2b2e8f; }
    
.itemAll .item a span{ display: block; width:60px; height:60px; padding:10px;  border-radius: 50%; margin: 0 auto; background: linear-gradient(143deg, rgba(219, 62, 30, 0.35) 11%, rgba(255, 255, 255, 0) 83%);  box-sizing: border-box; }

/*.itemAll .item:nth-child(2) a span{ background: linear-gradient(143deg, rgba(30, 80, 219, 0.35) 11%, rgba(30, 80, 219, 0) 83%); }*/
/*.itemAll .item:nth-child(3) a span{ background: linear-gradient(143deg, rgba(0, 252, 255, 0.35) 11%, rgba(0, 252, 255, 0) 83%); }*/

.itemAll .item a span img{ width:100%; }

/*.itemAll .item:nth-child(2){ background-image: linear-gradient(to bottom, rgb(232 246 255), rgba(232, 246, 255, 0.4)); }*/
/*.itemAll .item:nth-child(3){ background-image: linear-gradient(to bottom, rgb(232 255 255), rgba(232, 255, 255, 0.4)); }*/

.itemAll .item ul{ display: grid;  grid-template-columns: 1fr; grid-gap:0px; padding-left: 10px; }
.itemAll .item ul a:hover{ color: #2b2e8f;  }
.itemAll .item ul li {}
.itemAll .item ul li a{     font-size: 14px;  line-height: 1.5;  color: #666;  padding: 3px 0px;}

/*.itemAll .item:nth-child(2) ul{ grid-template-columns: 1fr; grid-gap: 15px; }*/

.footer{  width: 1300px; margin: 0 auto; padding:20px; box-sizing:border-box;  overflow: hidden; }

footer .footerlogo{ float:left; overflow:hidden; }
footer .footer_logo {
    float: left;
    margin-top:0px;
	width:90px;
	text-align:center; color:#fff;
	margin-right:30px;
}
footer .footer_logo img {
    display: block;
	width:100%;
	margin-bottom:10px;
}
footer .footer_logo.footer_logo_end { margin-right:0px; }
footer  .txt {
    float: right;
	margin-top:0px;
}


footer .txt ul{}
footer  .txt ul li{ display: inline-block;margin-right: 50px; }
footer .txt ul li:last-child{ margin-right:0px; }
footer  .txt ul li a{     display: block;  color:#ffffff;}
footer  .txt .dizhi{ overflow:hidden; width: 750px; margin-top: 30px; }
footer  .txt .dizhi span{ display: block;  width: 370px;  float: left;  color: #989898;  line-height: 2;  font-size: 14px; }

footer .txt .dizhi span:nth-child(1),footer .txt .dizhi span:nth-child(3){width:100%; }
footer .win::after {
    content: '';
    display: block;
    clear: both;
}
.copyright {
    float: left;
    width: 100%;
    margin-top:0px;
    color:#fff;
    line-height: 2;
    font-size: 14px;
}
.copyright a {
    color: #fff;
}




.bot_nav{  text-align: right; float:right; }
.bot_nav ul{ margin-left:60px; display:inline-block;vertical-align: top; }
.bot_nav ul:first-child{ margin-left:0; }
.bot_nav ul li{ margin-bottom:15px; text-align:left; }
.bot_nav ul li:first-child a{ font-weight:bold; font-size:13px; color: #000; }
.bot_nav ul li a{ color: #4c4c4c; text-decoration:none; font-size:12px; }
.bot_nav ul li a:hover{     color: #20978b;     text-decoration: underline;}

.bot_txt{ margin-top:5vh; font-size:12px; line-height:1.5;     padding: 20px 0px; overflow:hidden; }
.bot_txt .copyright{ float:left; line-height: 26px; }
.bot_txt ul{ display: flex;  margin-left: 0; text-align: left; float: right;}
.bot_txt ul li{ flex: 1; width: 23px; height: 26px; margin-left: 20px; text-align: right; }
.bot_txt ul:first-child{ margin-left:0; }
.bot_txt ul li a{ display:inline-block; }
.bot_txt ul li img{ display: block; }
.bot_txt ul li img:hover{ }

.douyin{ margin-bottom:50px; }
.douyin h3{  }
.douyin ul{ display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    margin-top: 30px; }
.douyin ul li{ text-align:center; }
.douyin ul li img{ display:block; width:100%; }



.zhenshu{ margin-bottom:50px; }
.show_about .show_art  .zhenshu ul{ display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:20px;
    margin-top:0px; margin-left:0px; }
.zhenshu ul li{ text-align:center; }
.show_about .show_art .zhenshu ul li img{ display:block; width:100%; max-width:100%; border:1px solid #f1f1f1; }





@media screen and (max-width: 640px){
	html, body{ min-width:auto; }
	
	header{ background-size: cover; background:#fff; }
	.top .logo img,header.topbg .top .logo img{ width:250px; }
	header .time_1{ width:90%; }
	header .bgbg{ display:none; }
	.top_nav{ display:none; }
	.top{ padding:20px 5%; width:90%; }
	.topbg nav ul li a { padding-top:0px }
	.win{ width:90%;min-width:auto; }
	.page-banner-2 .win{ width:100%;min-width:auto; left:0; margin-left:0; }
	.page-banner-2 h2{ font-size:25px; }
	.page-banner-2 img{ width:140%; margin-left:-20%; }
	.lang{ display:none; }
	nav {
	    position:absolute;
	    float: none;
	    margin-left: 0;
	    width: 100%;
	    opacity: 0;
	    left: 0;
	    top:61px;
	    display: block;
	    transition: opacity .3s cubic-bezier(.43,.195,.02,1),transform 1s cubic-bezier(.43,.195,.02,1);
	    transform: translateY( calc(-100% - 57px) );
	    z-index: -1;
	    padding: 30px 0px;
		height:50vh;
	}
	
	nav.appDown {
	    opacity: 1;
	    pointer-events: auto;
	    transform: none;
	    overflow-y: scroll;
	    box-sizing: border-box;
	    overflow-x: hidden; padding-top:0px;
	}
	nav ul{ display:block; }
	nav ul li{ display: block; }
	nav ul li a{   width: 100%;
	    text-align: left;
	    padding-left: 5%;
	    padding-right: 5%;
	    box-sizing: border-box; padding: 0 5%;  height:50px;
        line-height:50px; font-size:14px; text-align:left; }
    nav ul li.hover a{ text-align:left; }
	nav ul li a::after{ display:none; }
	.erj::before{  border-bottom: 2px solid #fff;  border-right: 2px solid #fff;     right: 8%; }
	.topbg nav ul li:hover a{ color:#e5003e; }
	nav li span {
		opacity: 0;
		display: inline-block;
		height:50px;
		width: 190px;
		margin-left: -11px;
		padding:0px;
		vertical-align: middle;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
	}
	
	nav li:hover .nav_two {
		position: relative;
		border-top: 0;
		box-shadow: none;
		margin-top: 0;
		padding-top: 0;
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	nav .nav_two li{ padding: 0 5%; }
	nav .nav_two li a{ text-align:left; font-size:14px;  line-height: 40px;  height: 40px; }
		
	header .bg {
		z-index: -2;
		pointer-events: none;
		background-color: rgba(0, 0, 0, .5);
		width: 100%;
		height:calc( 100vh - 100px );
		transition: opacity .3s ease-in-out;
		position: absolute;
		top:100px;
		left:0;
		opacity: 0;
	}
	header .bg.appDown {
		opacity: 1;
		pointer-events: auto;
	}
	
	.banner{ height:auto; position: relative; }
	.banner .txt h2{ font-size:14px; }
	.banner .txt{ width:80%; left:10%; }
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{     margin: 0 5px; }
	
	.index_about {  padding: 30px 5%;  }
	.index_about .about-con{ font-size:14px; margin-bottom: 25px; }
	.index_about .about-con::after{font-size:70px;     top: 34%; }
	
	.more a{ padding: 10px 5px; font-size: 14px; }
	
	.contact{ width:90%; overflow: hidden;     margin-top: 30px; }
	.contact h2{font-size:18px; margin-bottom: 15px;}
	.contact .txt{font-size:14px; }
	.title{ font-size:25px; }
	.contact_li li div *{ font-size:12px; }
	.contact_li{ width: 100%; margin-top: 30px; grid-template-columns: 1fr; }
	
	 .sj_nav{ width: 26px;
        height: 36px;
        position: absolute;
        right: 5%;
        top:12px;}
	    .sj_nav span{ background-color: #000; border-radius:2px;  width:15px; height:3px; margin:auto 0; transition: all .4s; display: block;  position: absolute; top: 0; bottom: 0; transition: all .4s; }
	    
	    .sj_nav.close span{ background:none; }
	    
	    .sj_nav span:before {
	    content: "";
	    backface-visibility: hidden;
	    background-color: #000;
	    border-radius: 2px;
	    width:25px;
	    height: 3px;
	    margin: auto;
	    transition: all .4s;
	    display: block;
	    position: absolute;
	    transform: translateY(8px);
	    transition: all .4s;
	    }
	    
	    .sj_nav.close span:before {
	        background-color: #000;
	        transform: rotate(45deg);
	    }
	    
	
	    .sj_nav span:after {
	    content: "";
	    backface-visibility: hidden;
	    background-color: #000;
	    border-radius: 2px;
	    width:25px;
	    height: 3px;
	    margin: auto;
	    transition: all .4s;
	    display: block;
	    position: absolute;
	    transform: translateY(-8px);
	    transition: all .4s;
	    }
	    
	    .sj_nav.close span:after {
	        background-color: #000;
	        transform: rotate(-45deg)translateY(0);
	    }
		
	
	.sys{ padding:35px 0px; }
	.sys ul li:last-child{ margin-bottom:0; }
	.sys ul li textarea{ box-sizing: border-box;     font-size: 14px; padding: 10px; }
	.sys ul{ width:100%; }
	.sys ul li input{     font-size: 14px; padding: 10px;  margin-bottom: 20px; }
	.sys ul li span{ font-size:14px; }
	.sys ul li span i{font-size:12px; }
	.sys input.tjjm{     padding: 15px; font-size: 15px; width:100%; }
	footer{ padding: 30px 0px; }
 
	.index_pro ul{     grid-template-columns: 1fr 1fr; }
	.youshi{background-size: cover; padding:35px 0px; }
	.youshi .youshi_6{ grid-template-columns: 1fr 1fr 1fr;     grid-gap: 10px; row-gap: 20px; margin: 25px 0px; }
	.youshi .youshi_6 li h4{ font-size:14px; color: #fff;     line-height: 18px; }
	.youshi .youshi_6 li img{ display: block; width: 60%;  margin: 0 auto; }
	.youshi .video video{ border-radius:10px; }
	
	.sys form { margin-top: 25px; }
	
	
	
	.index_pro ul li a h3{ font-size:14px; }
	.index_pro .more{ width: 100px;  margin-left: -50px; font-size: 12px; top: 54%; padding: 5px 0px;}
	.index_pro ul li a:hover h3{ top: 30%; }
	
	.hezuo ul li{ width: 33%; padding: 15px 10px; }
	.hezuo {
	    padding: 30px 0;
	}
	
	.about{ width:90%; margin-top:30px; }
	
	.products{ padding: 30px 0px; }
	.products_left{ width:100%; position: relative; top:0px !important; text-align: center; }
	.products_right{ width:100%; margin-top:30px; }
	.products_right ul{ grid-template-columns:1fr; }
	.products_left ul li a{ text-indent: 0; }
	.products_left ul{ overflow:hidden; }
	.products_left ul li{ width:49%; margin-right:2%; float:left; }
	.products_left ul li:nth-child(2n){ margin-right:0px; }
	.products_left h3{ display: inline-block; text-align: center;  padding: 0 25px; font-size: 16px;  text-indent: 0; line-height: 50px;}
	
	.products_con{ width:100%; }
	
	.products.products_nr .products_left{ display:none; }
	
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ 
		height: 25px;
		width: 25px; 
	}
	.pro_top .swiper-button-next:after, .pro_top .swiper-button-prev:after{ font-size:16px; }
	.pro_top .mySwiper2 { padding: 0 40px; }
	
	.pro_top .img{ width:100%; margin-bottom:30px; }
	.pro_top .txt{ width:100%; }
	
	.pro_top .txt h1{ font-size:20px; }
	.pro_top .txt .txt_li{ font-size:14px; }
	.pro_top .txt .txt_li li span{ display: block; }
	
	
	.banner_info{ width:95%; margin-top:10px; }
	.banner{ width:100%; border-radius: 5px; }
	.info{ width: 100%; margin-top:10px; border-radius: 5px; height:auto; }
	.info_nav li{ font-size:14px; }
	.info_item ul li a {
	    display: block;
	    line-height: 2.2;
	    color: #5e5e5e;
	    font-size: 13px;
	}
	
	
	.newsPic{ width:90%; margin-top:15px;         border-radius: 5px; }
	
	.newsPic .title{ font-size: 14px; width: 14px;  padding: 10px 10px; background-size: contain; }
	
	.newsPic .slidepic{ width: calc(100% - 26px); margin-left: 15px;  margin-top:0px; }
	.newsPic ul li{ border-radius: 5px; }
	.newsPic ul li a span{ font-size:12px; }
	
	.indexAbout{ width:95%; margin-top:10px;         border-radius: 5px; }
	
	.indexAbout .title{ font-size: 14px; width: 120px; height: 33px;  background-size: contain; padding: 0px;}
	
	.indexAbout .txt_1{ width:100%; font-size: 12px;         text-indent: 26px; }
	.indexAbout .txt_2{ width:100%; margin-top:10px; }
	.indexAbout .txt_2 video{ border-radius: 5px; }
	.yw{ width:95%; padding:15px; margin-top:10px; margin-bottom:10px;         border-radius: 5px; }
	.itemAll{ grid-template-columns:1fr; grid-gap: 30px; margin-top:20px; grid-gap: 20px; }
	.yw .title{ font-size:14px;     width: 120px; height: 33px; background-size: contain; padding: 0px; }
	
	.itemAll .item a.ywTitle p{ font-size:14px; }
	.itemAll .item a{ font-size:12px; }
	.itemAll .item a.ywTitle {  }
	.itemAll .item{ padding:0px; }
	.itemAll .item a.ywTitle p{  font-size: 12px; }
	.itemAll .item a.ywTitle p:before{ height:11px; }
	footer { padding: 0px 0px; margin-top:0px; }
	.footer{ width:90%; }
	footer .txt ul{ display:none; }
	footer .footerlogo{ text-align:center; width: 100%; float:none; }  
	footer .footer_logo{margin:0 auto; font-size:12px; margin-bottom:15px; display:inline-block; float: none; }
	footer .footer_logo:first-child{ margin-right:15px; }
	footer .footer_logo img{ margin-bottom: 5px; }
	.copyright{ margin-top:0px; font-size:12px; text-align: center; }
	
	
	.topbanner.topbanner_2 img{ width:180%;  margin-left: -40%; }
	.allList{ width:100%;     margin-top:0px; }
	.menu_nav{ display:none; }
	
	.menu_nav.menu_nav2{ display:block; border-bottom: 1px solid #f1f1f1; }
	
	.menu_nav{ width: 100%;
        padding: 20px 5%;
        background: #fff;
        border-radius: 0px; }
        
    .menu_nav h2{ color: #393939;
    font-size: 16px;
    font-weight: 500;
    background: none;
    padding: 0; }
	
	.menu_nav ul {
    padding: 20px 0px;
    background: none;
    min-height: auto;
    overflow-x: scroll;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.menu_nav ul li {
    background: #f1f1f1;
    margin-bottom: 10px;
    padding: 8px 12px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
}

.menu_nav ul li a {
    color: #898989;
    display: block;
    padding: 0px;
    font-size: 12px;
}

.menu_nav ul li:hover, .menu_nav ul li.hover {
    background: #f1f1f1;
}

.menu_nav ul li.hover a{ color:#2b2e8f; }
	
	.allList_item{ width:100%; background: none; border-radius: 6px;  padding:0px; }
	
	.allList_item li{ background: #fff; padding: 15px;  border-radius: 10px; }
	.allList_item h2{ font-size:14px;     line-height: 1.7;}
	.allList_item p{ font-size:12px; }
	
	.show{ width:100%; min-height: 500px; padding:20px; border-radius:0px; }
	.show_about h1{ font-size:18px;         margin-bottom: 20px; display:block; }
	.show_about .tag{ display:block; font-size: 14px; }
	.show_about .show_art img{     border-top-left-radius:20px;  border-bottom-right-radius:20px;  }
	.show_about h1::after{     margin: 20px 0px; }
	.show .show_art{ font-size: 16px; color: #666;}
	.show.show_about .show_art{ border-top: 1px solid #e9e9e9; padding-top:10px;  }
	.show .show_art .table{ overflow-x: scroll; }
.show .show_art .table table{ width:1000px; }
	
	.topbanner{ width:100%; margin-top:0px; }
	.topbanner img{     border-radius:0px; }
	
	.itemAll .item ul li a{ font-size:12px; }
	
	.douyin{ font-size:12px; }
	.douyin ul{     display: grid;  grid-template-columns: 1fr 1fr 1fr;  grid-gap: 20px;   margin-top: 20px; }
	
	.show_about .show_art img{ width:90%; border-radius: 5px; max-width:90%; }
	
	
	.show_about .show_art .zhenshu ul{     grid-template-columns: 1fr 1fr; grid-gap:10px; }
	.show_about .show_art .zhenshu ul li span{ font-size:12px; }
	
}