@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, p, form{margin:0;}
ol,ul{margin:0; padding:0;}
html{height: 100%;}
body{height: 100%; font-family: "Microsoft YaHei","Open Sans","微软雅黑", Arial, "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;font-size: 14px;color: #333;}
ul{margin:0; padding:0;}
ul li{list-style: none; }
a{text-decoration: none; color: #303030; -webkit-transition: all 0.2s ease;-moz-transition:  all 0.2s ease;transition:  all 0.2s ease;}
img{-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;}
a:focus,img:focus,img:active{border: 0;outline: 0;}
a:hover{}
*{box-sizing: border-box;}
:root {
    --primary-color: #bcebfd;
    --primary-dark: #bcebfd;
    --primary-light: #ECDEC9;
    --text-dark: #333;
    --text-gray: #666;
    --text-light: #999;
    --text-white: #fff;
    --bg-white: #fff;
    --bg-light: #f9f9f9;
    --bg-dark: #222;
    --shadow-color: rgba(0,0,0,0.08);
    --shadow-lg-color: rgba(0,0,0,0.1);
    --overlay-dark: rgba(0,0,0,0.7);
    --gradient-primary: linear-gradient(135deg,var(--primary-color),var(--primary-dark));
    --border-light: #f5f5f5;
    --border-gray: #eee;
    --border-medium: #e0e0e0;
    --border-dark: #444;
    --shadow: 0 5px 15px var(--shadow-color);
    --shadow-lg: 0 10px 30px var(--shadow-lg-color);
    --transition: all 0.3s ease;
    --radius: 12px;
}
::-webkit-scrollbar              {/* 1 */width:9px; background-color:#333;}
::-webkit-scrollbar-button       {/* 2 */}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */border:solid 2px #333; width:5px;  border-radius:4px; background-color:#fff;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:9px;}
.container{max-width: 1200px;width: 1200px;padding-left: 0;padding-right: 0;}
.banner{position: relative;}
.banner .swiper .swiper-slide{text-align: center;}
.banner .swiper .swiper-slide img{width: 100%;}
.banner .swiper .boxhd{position: absolute; bottom: 10px; left: 0; width: 100%; z-index: 998;}

.banner .swiper-pagination-clickable .swiper-pagination-bullet {background-color:#fff;width:.5vw;height:0.5vw;border-radius:10px;opacity:.5; margin: 0 2px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet-active {background-color:#fff;width:2.5vw;height:0.5vw;opacity:1;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet-active {-webkit-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px; background: #fff; border-radius: 50%; opacity: 1; margin: 0 9px;}
.banner .swiper-pagination-bullet-active{background: #409eff;}

.mouse{width: 24px; height: 50px; background: url("../images/mouse.png") no-repeat center;position: absolute; top:30%;animation: toudong 1.5s infinite;}
@keyframes toudong {
    0%{
        margin-top: 0;
    }
    50%{
        margin-top: -10px;
    }
    100%{
        margin-top: 0;
    }
}
header {padding: 1rem 0 1rem 0;margin-bottom: 1rem;border-bottom: 1px #7979799f solid;}
header .header .logo {text-align: center;padding-bottom:1rem;}
header .header .logo a {width: auto;}
header .header .logo img{max-height:100%; width:inherit}
header .header .menu {flex:auto}
header .header .menu nav ul li {padding: 0 1rem;}
header .header .menu nav ul li a {padding-bottom: 1.7rem;position: relative; color: #333; white-space: nowrap;}
header .header .menu nav ul li a:hover {color: #409eff;}
header .header .menu nav ul li a:hover::before {opacity: 1;}
header .header .menu nav ul li a::before {position: absolute; content: ''; width: 100%; height: 0.2rem; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #409eff;opacity: 0; transition: all 0.3s ease-out;}
header .header .menu nav ul .active a {color: #409eff;}
header .header .menu nav ul .active a::before {opacity: 1;}
header .header nav ul.d-flex li .subnav {position: relative; display: none;top: 0; opacity: 1;visibility: inherit;border-radius: 0;}

header .header .tel {margin-right:0rem; padding:0 0.5rem; border: 0rem solid #999999; border-radius: 1rem;}
header .header .tel i {font-size: 1rem; color: #767676;}
header .header .tel p {margin-left: 0.4rem;color: #333; white-space: nowrap;}
header .header .search {position: relative;}
header .header .search .search-input{max-width:150px; overflow: hidden;border: 1px solid #d4d4d4; border-radius: 5px; padding:2px 5px; background: #fff; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.search-input .input1 {background: none; border: 0; width: calc(100% - 30px); outline: none; color: #666;}
.search-input .bnts {cursor:pointer; border: none;background: none;}
.search-input .bnts:hover i{color: #409eff;}

header .header .search i {font-size: 1.25rem;color: #666;}

header .header .menu-bar{display: none;}
header .header .menu nav.on{ left:0; opacity:1;pointer-events: none;}
.nav-warp{display: none;}

/*右侧漂浮 开始*/
.yb_conct{position: fixed;z-index: 9999;bottom: 15%;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li{width: 180px;height: 53px;font: 15px/53px 'al1';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar ul li a{font: 15px/53px 'al1';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top{background-color:#409eff;background:url(../images/t1.png) no-repeat, linear-gradient(to right, #333, #303030);}
.yb_bar .yb_phone{background-color:#409eff;background:url(../images/t2.png) no-repeat, linear-gradient(to right, #333, #303030);}
.yb_bar .yb_ercode{background-color:#409eff;background:url(../images/t3.png) no-repeat, linear-gradient(to right, #333, #303030);}
.hd_qr{padding: 6px 37px 25px 37px;box-sizing: border-box;width: 180px;}
.yb_QQ a{display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}
.yb_QQ a:hover {color: #fff;}

section.index-about{}

.index-about {padding: 30px 0;}
.section-title {font-size: 35px; margin: 20px 0px 60px 0; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 500;}
.section-title i {color:#409eff;}
.section-subtitle {color: #409eff; font-size: 14px; margin: 0; margin-top: -50px;}
.home-about-content {width: 100%; border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; display: flex; flex-wrap: wrap;}
.home-about-img {flex: 1; min-width: 300px; height: 380px;}
.home-about-img img {width: 100%; height: 100%; object-fit: cover; transition:var(--transition);}
.home-about-content:hover .home-about-img img {transform: scale(1.02);}
.home-about-text {flex: 1.5; min-width: 300px; padding: 0px 30px; display: flex; flex-direction: column; box-sizing: border-box; background: #fff; border-left: 1px solid rgba(0,0,0,0.03);}
.home-about-text h3 {font-size: 25px; color: var(--text-dark); margin:15px 0; font-weight:500;}
.home-about-text .p {color: var(--text-gray); line-height: 1.8; margin-bottom: 5px; opacity: .8;font-size: 16px;}
.home-about-btn {display: inline-block; margin-top: 20px; padding: 12px 35px; background: var(--gradient-primary); border-radius: 50px; font-size: 15px; font-weight: 600; transition: var(--transition);text-decoration: none;align-self: flex-start; box-shadow: 0 4px 12px rgba(201,160,99,0.15);}
.home-about-btn:hover {background: var(--primary-dark);box-shadow: 0 5px 15px rgba(201,160,99,0.2);}

.index-pro{ padding:30px 0; overflow: hidden;}
.index-pro_ul {clear: both; transition: opacity .3s .6s, visibility 0s .6s, margin-top 0s .6s; display: flex; align-items: stretch; flex-wrap: wrap;}
.index-pro_ul li {width: calc(100% / 6);float: left; border: 1px solid #E0E0E0; background: #f5f5f5; margin-right: -1px; transition: var(--transition);}
.index-pro_ul li:nth-child(3n){margin-right:0px;}
.index-pro_ul li a {text-decoration: none; position: relative; display: block; padding:2px 2px; transition: var(--transition);}
  
.index-pro_ul li img {padding:20px; transition: var(--transition);display: block; width: 100%; height: 100%; object-fit: contain; }
.index-pro_ul li b {display: block; color: #333; font-weight:500;text-align: center; font-size: 16px;margin:0px 0 20px 0;}
.index-pro_ul li a p {color: #666;font-size: 16px; line-height: 28px; text-align: center; text-transform: uppercase;} 
.index-pro_ul li:last-child a {border-right: none;}
.index-pro_ul li:hover {background:var(--primary-color); transform: scale(1.1);}
.index-pro_ul li:hover p, .index-pro_ul li:hover b {color: #333;}

.ind_new_art{padding:50px 0; overflow:hidden; background:#f9f9f9; min-height:500px;}
.ind_new_art .left{padding-right:2rem;}
.ind_new_art .left .ul{width:100%;margin-top:0px;}
.ind_new_art .left .ul li{ width:100%; height:90px;text-align:center; font-size:18px; background:#e9e8e8;display: flex;display: -webkit-flex;justify-content: center;align-items: center; position:relative;margin-bottom:20px;}
.ind_new_art .left .ul li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.ind_new_art .left .ul li:last-of-type{ margin-bottom:0px;}
.ind_new_art .left .ul li i{ font-style:normal; font-size:26px;padding-right:7px;font-family: "impact"; text-transform:uppercase;}
.ind_new_art .left .ul li.on,.ind_new_art .left .ul li:hover{background:#bcebfd;}

.ind_new_art .left .ul li.on:after,.ind_new_art .left .ul li:hover:after{ content:""; display:block; width: 0; height: 0;border-left: 12px solid #bcebfd; border-top: 12px solid transparent; border-bottom: 12px solid transparent; position:absolute; right:-12px;}

.ind_new_art .right{width: calc(100% - 328px); float:right; position:relative;overflow:hidden;}
.ind_new_art .right .tong{ display:none;}
.ind_new_art .right .tong.on{ display:block;}
.ind_new_art .right ul li{ width:50%; float:left; padding:48px; background:#fff;}
.ind_new_art .right ul li:nth-of-type(2),.ind_new_art .right ul li:nth-of-type(3),.ind_new_art .right ul li:nth-of-type(6),.ind_new_art .right ul li:nth-of-type(7),.ind_new_art .right ul li:nth-of-type(10),.ind_new_art .right ul li:nth-of-type(11){ background:#edecec;}
.ind_new_art .right ul li:hover{ background:#bcebfd;}
.ind_new_art .right ul li .name{max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; font-size:18px; font-weight:bold; margin-bottom:20px;}

.ind_new_art .right ul li .ms{ font-size:15px; color:#999; line-height:24px; height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ind_new_art .right ul li:hover .ms{ color:#333;}
.ind_new_art .right ul li .dixx{ margin-top:35px;}
.ind_new_art .right ul li .dixx p{ font-size:16px; font-weight:bold; color:#999; float:left;}
.ind_new_art .right ul li:hover .dixx p{ color:#333;}
.ind_new_art .right ul li .dixx a{ display:block; float:right; font-size:14px; color:#999; width:106px; height:36px; line-height:36px; text-align:center; border:1px solid #999; position:relative;transition: all .4s ease;}
.ind_new_art .right ul li .dixx a:after{ content:""; display:block; width:30px; height:11px; background:#fff url(../images/newjt.png) center no-repeat; position:absolute; right:-20px; top:11px;}
.ind_new_art .right ul li:nth-of-type(2) .dixx a:after,.ind_new_art .right ul li:nth-of-type(3) .dixx a:after,.ind_new_art .right ul li:nth-of-type(6) .dixx a:after,.ind_new_art .right ul li:nth-of-type(7) .dixx a:after,.ind_new_art .right ul li:nth-of-type(10) .dixx a:after,.ind_new_art .right ul li:nth-of-type(11) .dixx a:after{background:#edecec url(../images/newjt.png) center no-repeat;}
.ind_new_art .right ul li:hover .dixx a{ border: 0; background:#fff; color:#409eff;}
.ind_new_art .right ul li:hover .dixx a:after{ display:none;}

.index-link{display: flex; justify-content: start; align-items: center; flex-wrap: wrap; margin: 0px auto; padding: 10px 0px; border-bottom: 1px solid rgba(25, 25, 25, 0.2);}
.index-link a{margin:5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* index ads */
.ind_pro_01{width:1200px; height:430px; overflow:hidden; margin-bottom:10px; float:left;}
.ind_pro_01 .img{Z-INDEX: 1; POSITION: relative; WIDTH: 100%;  HEIGHT: 430px; OVERFLOW: hidden;}
.ind_pro_02{width:370px; height:480px; overflow:hidden; margin-right:10px; margin-bottom:10px; float:left;}
.ind_pro_02 .img{Z-INDEX: 1; POSITION: relative; WIDTH: 100%;  HEIGHT: 480px; OVERFLOW: hidden;}
.ind_pro_03{width:820px; height:480px; overflow:hidden; margin-bottom:10px; float:left;}
.ind_pro_03 .img{Z-INDEX: 1; POSITION: relative; WIDTH: 100%;  HEIGHT: 480px; OVERFLOW: hidden;}
.ind_pro_04{width:595px; height:450px; overflow:hidden; margin-top:10px; margin-right:10px; float:left;}
.ind_pro_04 .img{Z-INDEX: 1; POSITION: relative; WIDTH: 100%;  HEIGHT: 450px; OVERFLOW: hidden;}
.ind_pro_05{width:595px; height:450px; overflow:hidden; margin-top:10px; float:left;}
.ind_pro_05 .img{Z-INDEX: 1; POSITION: relative; WIDTH: 100%;  HEIGHT: 450px; OVERFLOW: hidden;}
.ind_pro_06{width:500px; height:700px; overflow:hidden; margin-top:10px; margin-right:10px; float:left;}
.ind_pro_06 .img{Z-INDEX: 1; POSITION: relative; WIDTH: 100%;  HEIGHT: 700px; OVERFLOW: hidden;}
.ind_pro_07{width:690px; height:250px; overflow:hidden; margin-top:10px; float:left;}
.ind_pro_07 .img{Z-INDEX: 1; POSITION: relative; WIDTH: 100%;  HEIGHT: 250px; OVERFLOW: hidden;}
.ind_pro_08{width:690px; height:440px; overflow:hidden; margin-top:10px; float:left;}
.ind_pro_08 .img{Z-INDEX: 1; POSITION: relative; WIDTH: 100%;  HEIGHT: 440px; OVERFLOW: hidden;}
.ind_pro_09{width:680px; height:270px; overflow:hidden; margin-top:10px; margin-right:10px; float:left;}
.ind_pro_09 .img{Z-INDEX: 1; POSITION: relative; WIDTH: 100%;  HEIGHT: 270px; OVERFLOW: hidden;}
.ind_pro_10{width:510px; height:270px; overflow:hidden; margin-top:10px; float:left;}
.ind_pro_10 .img{Z-INDEX: 1; POSITION: relative; WIDTH: 100%;  HEIGHT: 270px; OVERFLOW: hidden;}

.ind_pro_01 .img > div.ind_pro_01_more {POSITION: absolute; top:0; right:0; width:30%; height:100%; margin:0px; display:none;}
.ind_pro_01 .img > div.box {POSITION: absolute; top:0; right:0; width:30%; height:100%; margin:0px;}
.ind_pro_01 .img > div.box{display: flex;align-items: center;}
.ind_pro_01 .img > div.box div:first-child{margin-right: 10px;width: 100%;}
.ind_pro_01 .img > div.box .p3{height:5px; width:70px; text-align:center; margin:0 auto; border-bottom:1px #000 dashed;}
.ind_pro_01 .img > div.box .p4{font-size:14px; text-align:center; margin-top:5px; overflow:hidden; margin-left:2px;}
.ind_pro_01 .img > div.box .p2{line-height:25px;font-size:14px; text-align:center;}
.ind_pro_01 .img > div.box .p1{font-size:26px; margin-bottom:5px; text-align:center;}

.ind_pro_02 .img > div.ind_pro_01_more {POSITION: absolute; top:0; width:100%; height:30%; margin:0px; display:none;}
.ind_pro_02 .img > div.box {POSITION: absolute; top:0; width: 100%; height:30%; margin:0px;}
.ind_pro_02 .img > div.box{display: flex;align-items: center;background-color: #bcebfd;}
.ind_pro_02 .img > div.box div:first-child{margin: 10px;width: 100%;}
.ind_pro_02 .img > div.box .p3{height:5px; width:70px; text-align:center; margin:0 auto; border-bottom:1px #000 dashed;}
.ind_pro_02 .img > div.box .p4{font-size:14px; text-align:center; margin-top:5px; overflow:hidden;}
.ind_pro_02 .img > div.box .p2{line-height:25px; font-size:14px; text-align:center;}
.ind_pro_02 .img > div.box .p1{font-size:26px; margin-bottom:5px; text-align:center;}

.ind_pro_03 .img > div.ind_pro_01_more {POSITION: absolute; bottom:0; width:100%; height:27%; margin:0px; display:none;}
.ind_pro_03 .img > div.box {POSITION: absolute; bottom:0; width:100%; height:30%; margin:0px;}
.ind_pro_03 .img > div.box{display: flex;align-items: center;background-color: #bcebfd;}
.ind_pro_03 .img > div.box div:first-child{margin: 10px;width: 100%;}
.ind_pro_03 .img > div.box .p3{height:5px; width:70px; text-align:center; margin:0 auto; border-bottom:1px #000 dashed;}
.ind_pro_03 .img > div.box .p4{font-size:14px; text-align:center; margin-top:5px; overflow:hidden;}
.ind_pro_03 .img > div.box .p2{line-height:25px; font-size:14px; text-align:center;}
.ind_pro_03 .img > div.box .p1{font-size:26px; margin-bottom:5px; text-align:center;}

.ind_pro_04 .img > div.ind_pro_01_more {POSITION: absolute; bottom:0; width:100%; height:40%; margin:0px; display:none;}
.ind_pro_04 .img > div.box {POSITION: absolute; bottom:0; width:100%; height:30%; margin:0px;}
.ind_pro_04 .img > div.box{display: flex;align-items: center;background-color: #bcebfd;}
.ind_pro_04 .img > div.box div:first-child{margin: 10px;width: 100%;}
.ind_pro_04 .img > div.box .p3{height:5px; width:70px; text-align:center; margin:0 auto; border-bottom:1px #000 dashed;}
.ind_pro_04 .img > div.box .p4{font-size:14px; text-align:center; margin-top:5px; overflow:hidden;}
.ind_pro_04 .img > div.box .p2{line-height:25px; font-size:14px; text-align:center;}
.ind_pro_04 .img > div.box .p1{font-size:26px; margin-bottom:5px; text-align:center;}

.ind_pro_05 .img > div.ind_pro_01_more {POSITION: absolute; bottom:0; width:100%; height:40%; margin:0px; display:none;}
.ind_pro_05 .img > div.box {POSITION: absolute; bottom:0; width:100%; height:30%; margin:0px;}
.ind_pro_05 .img > div.box{display: flex;align-items: center;background-color: #bcebfd;}
.ind_pro_05 .img > div.box div:first-child{margin: 10px;width: 100%;}
.ind_pro_05 .img > div.box .p3{height:5px; width:70px; text-align:center; margin:0 auto; border-bottom:1px #000 dashed;}
.ind_pro_05 .img > div.box .p4{font-size:14px; text-align:center; margin-top:5px; overflow:hidden;}
.ind_pro_05 .img > div.box .p2{line-height:25px; font-size:14px; text-align:center;}
.ind_pro_05 .img > div.box .p1{font-size:26px; margin-bottom:5px; text-align:center;}

.ind_pro_06 .img > div.ind_pro_01_more {POSITION: absolute; top:0; width:100%; height:23%; margin:0px; display:none;}
.ind_pro_06 .img > div.box {POSITION: absolute; top:0; width:100%; height:20%; margin:0px;}
.ind_pro_06 .img > div.box{display: flex;align-items: center;}
.ind_pro_06 .img > div.box div:first-child{margin: 10px;width: 100%;}
.ind_pro_06 .img > div.box .p3{height:5px; width:70px; text-align:center; margin:0 auto; border-bottom:1px #000 dashed;}
.ind_pro_06 .img > div.box .p4{font-size:14px; text-align:center; margin-top:5px; overflow:hidden;}
.ind_pro_06 .img > div.box .p2{line-height:25px; font-size:14px; text-align:center;}
.ind_pro_06 .img > div.box .p1{font-size:26px; margin-bottom:5px; text-align:center;}

.ind_pro_07 .img > div.ind_pro_01_more {POSITION: absolute; top:0; left:0; width:26%; height:100%; margin:0px; display:none;}
.ind_pro_07 .img > div.box {POSITION: absolute; top:0; width:200px; height:100%; margin:0px;}
.ind_pro_07 .img > div.box{display: flex;align-items: center;background-color: #bcebfd;}
.ind_pro_07 .img > div.box div:first-child{margin: 10px;width: 100%;}
.ind_pro_07 .img > div.box .p3{height:5px; width:70px; text-align:center; margin:0 auto; border-bottom:1px #000 dashed;}
.ind_pro_07 .img > div.box .p4{font-size:14px; text-align:center; margin-top:5px; overflow:hidden;}
.ind_pro_07 .img > div.box .p2{line-height:25px; font-size:14px; text-align:center;}
.ind_pro_07 .img > div.box .p1{font-size:26px; margin-bottom:5px; text-align:center;}

.ind_pro_08 .img > div.ind_pro_01_more {POSITION: absolute; bottom:0; width:100%; height:27%; margin:0px; display:none;}
.ind_pro_08 .img > div.box {POSITION: absolute; bottom:0; width:100%; height:30%; margin:0px;}
.ind_pro_08 .img > div.box{display: flex;align-items: center;background-color: #bcebfd;}
.ind_pro_08 .img > div.box div:first-child{margin: 10px;width: 100%;}
.ind_pro_08 .img > div.box .p3{height:5px; width:70px; text-align:center; margin:0 auto; border-bottom:1px #000 dashed;}
.ind_pro_08 .img > div.box .p4{font-size:14px; text-align:center; margin-top:5px; overflow:hidden;}
.ind_pro_08 .img > div.box .p2{line-height:25px; font-size:14px; text-align:center;}
.ind_pro_08 .img > div.box .p1{font-size:26px; margin-bottom:5px; text-align:center;}

.ind_pro_09 .img > div.ind_pro_01_more {POSITION: absolute; top:0; left:0; width:25%; height:100%; margin:0px; display:none;}
.ind_pro_09 .img > div.box {POSITION: absolute; top:0; width:190px; height:100%; margin:0px;}
.ind_pro_09 .img > div.box{display: flex;align-items: center;}
.ind_pro_09 .img > div.box div:first-child{margin: 10px;width: 100%;}
.ind_pro_09 .img > div.box .p3{height:5px; width:70px; text-align:center; margin:0 auto; border-bottom:1px #000 dashed;}
.ind_pro_09 .img > div.box .p4{font-size:14px; text-align:center; margin-top:5px; overflow:hidden;}
.ind_pro_09 .img > div.box .p2{line-height:22px; font-size:14px; text-align:center;}
.ind_pro_09 .img > div.box .p1{font-size:26px; margin-bottom:0px; text-align:center;}

.ind_pro_10 .img > div.ind_pro_01_more {POSITION: absolute; top:0; width:100%; height:100%; margin:0px; background:#7cd8fd; opacity:0.5; display:none;}
.ind_pro_10 .img > div.box {POSITION: absolute; top:0; width:100%; height:100%; margin:0px;}
.ind_pro_10 .img > div.box{display: flex;align-items: center;justify-content: center}
.ind_pro_10 .img > div.box div:first-child{margin: 10px;width: 100%;}
.ind_pro_10 .img > div.box .p3{height:5px; width:70px; text-align:center; margin:0 auto; border-bottom:1px #000 dashed;}
.ind_pro_10 .img > div.box .p4{font-size:14px; text-align:center; margin-top:5px; overflow:hidden;}
.ind_pro_10 .img > div.box .p2{line-height:25px; font-size:14px; text-align:center;}
.ind_pro_10 .img > div.box .p1{font-size:36px; letter-spacing:2px; margin-bottom:5px; text-align:center;}
.ind_pro_10 .img img{transform: scale(1); transition: 0.4s; -webkit-filter: grayscale(0);object-fit: cover;}

.ind_pro_01 .img img,.ind_pro_02 .img img,.ind_pro_03 .img img,.ind_pro_04 .img img,.ind_pro_05 .img img,.ind_pro_06 .img img,.ind_pro_07 .img img,.ind_pro_08 .img img,.ind_pro_09 .img img{transform: scale(1); transition: 0.4s; -webkit-filter: grayscale(0);object-fit: cover; width: 100%; height: 100%;}

.ind_pro_01 .img:hover img,.ind_pro_02 .img:hover img,.ind_pro_03 .img:hover img,.ind_pro_04 .img:hover img,.ind_pro_05 .img:hover img,.ind_pro_06 .img:hover img,.ind_pro_07 .img:hover img,.ind_pro_08 .img:hover img,.ind_pro_09 .img:hover img,.ind_pro_10 .img:hover img {transform: scale(1.01); -webkit-filter: grayscale(0%);}

/* about */
.cont-1{width:100%; overflow:hidden; text-align:center; padding-top:100px;}
.cont-1 h1{font-size:36px; text-transform: uppercase; font-weight:normal; color:#eaeaea; text-align:center; margin-bottom:0;}
.cont-1 h2{font-size:32px; color:#5d5d5d; text-align:center; margin-top:0; font-weight:normal; font-family:microsoft yahei}
.cont-1 h3{font-size:16px; color:#5d5d5d; font-weight:normal; margin-top:50px; margin-bottom:20px;}
.cont-1 h4{font-size:38px; color:#7f7f7f;}
.cont-1 h4 span{margin-left:20px; color:#7f7f7f;}
.cont-2{padding: 50px 0; display: grid; justify-content: center; gap: 5rem;  grid-template-columns: auto auto auto;}
.cont-2 ul{border:1px #d8d8d8 solid; padding:1.5rem 3rem;}
.cont-2 ul li{float:left;}
.cont-2 ul li img{margin:0 20px;}
.cont-2 ul li h1{font-size:18px; color:#7f7f7f; font-weight:normal;}
.cont-2 ul li p{font-size:14px; color:#7f7f7f;}
.cont-3{overflow:hidden; width:100%;}
.cont-3 li{width:100%; overflow:hidden;}
.cont-3 li .left{width:50%; height:500px; overflow:hidden; float:left;}
.cont-3 li .left img{width:100%; height:100%;}
.cont-3 li .right{width:50%; height:500px; overflow:hidden; float:left; background-color:#f1f1f1}
.cont-3 li .right > div{margin:50px 70px;}
.cont-3 li .right h1{font-size:32px; color:#5d5d5d; margin-bottom:20px; font-family:microsoft yahei; font-weight:normal;}
.cont-3 li .right p{line-height:28px; color:#898989}
.cont-3 li .right p.block{text-indent:2em;}
.cont-4{overflow:hidden; margin:0 auto; padding:50px 0;}
.cont-4 .line{border-bottom:#ccc solid 1px; overflow:hidden; margin-bottom:20px; height:20px;}
.cont-4 h1{font-size:32px; font-weight:normal; font-family:microsoft yahei; text-align:center; color:#585858; margin-bottom:5px;}
.cont-4 h2{font-size:14px; font-weight:normal; text-align:center; letter-spacing:2px; color:#666;}
.cont-4 ul{}
.cont-4 ul li{float:left; width:25%; margin-bottom:10px; margin-top:20px;}
.cont-4 ul li .img{width:100%; height:auto; margin-bottom:10px; text-align:center}
.cont-4 ul li p{ text-align:center; color:#333}



/* footer */
#footer{width:100%; height:auto; margin:0 auto; overflow:hidden; background-color:#000; padding-top:10px;}
#bot1{overflow:hidden; width:100%; padding-bottom:20px; padding-top:20px;}
#bot1 .ft-first{width:140px; float:left; margin-top:20px; text-align:center}
#bot1 .ft-first h1{text-align:center; font-size:14px; padding-bottom:10px; color:#fff;}
#bot1 .ft-first img{width:90%; margin:5px 0;}

#bot1 .ft-second{margin:20px 60px 0px 60px; float:left;}
#bot1 .ft-second-box{width:100%; padding:0px 0 20px;}
#bot1 .ft-second h1{font-size:14px; color:#fff;}
#bot1 .ft-second a{font-size:12px; color:#fff; margin:5px 10px 5px 0; display:inline-block;}

#bot1 .ft-end{width:340px; float:left; margin-top:20px;}
#bot1 .ft-end h1{font-size:14px; color:#fff;}
#bot1 .ft-end ul{padding-top:10px;}
#bot1 .ft-end li{text-align:left; color:#fff; font-size:12px; padding:5px 0;}
#bot1 .ft-end li span{ color:#fff; margin-left:20px;}

#footer #bot2 {line-height: 20px; text-align:center; color: #fff; font-size:12px; height: auto; width: 1200px; margin-right: auto; margin-left: auto; padding-left: 0px;
}