@charset "utf-8";

@import "iconfont.css";

/*---------------------------------------------------*/
 
.swiper-button-next::after,.swiper-button-prev::after {display:none;}
 
#banner img{width:100%;} 
#banner .swiper-horizontal > .swiper-pagination-bullets{bottom:25px;}
#banner .swiper-pagination-bullet {width:40px;height:8px;margin:0 5px;border-radius:0;background:#fff;opacity:1;}
#banner .swiper-pagination-bullet-active{background:#000;}


.index-tit{text-align:center;}
.index-tit em{display:block;font-size:18px;color:#0062b2;font-family:'Poppins-Bold';text-transform:uppercase;letter-spacing:8px;}
.index-tit h3{font-size:60px;line-height:1;color:#010101;font-family:'Poppins-Bold';text-transform:uppercase;margin:30px 0 0;}
.index-tit h3::after{content:"";width:210px;height:6px;background:#0062B2;display:block;margin:25px auto 0;}
.index-tit p{font-size:18px;color:#3d3d3d;line-height:30px;max-width:90%;margin:20px auto 0;}



.n07-indexV{ margin: 40px auto;}
.n07-indexV .wp{position: relative;}             
/*.n07-indexV::before {content: '';position: absolute; top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.1); z-index: 1; }*/
.n07-indexV .wp>img{width: 100%;}
.n07-indexV .txt{position: absolute;z-index: 999;top: 37px;width: 970px;right: -226px;}
.n07-indexV .txt h3{font-size:48px;line-height:1;color:#fff;font-weight:600;}
.n07-indexV .txt p{font-size:18px;color:#fff;font-weight:300;line-height:26px;margin: 10px 0;max-width:70%;}
.n07-indexV .more{color:#fff;border-bottom: 1px #fff solid;}
.n07-indexV .play{position: absolute;top:50%;left:44%;z-index: 999;}
.n07-indexV .wp::before {content: '';position: absolute; top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2); z-index: 1; }
@media screen and (max-width: 768px) {
	.wrap{width: 400px;margin: auto;}
	.iframe-container{height: 0;padding-bottom: 97.6%;position: relative;}
	.iframe-container iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
}

.n07-indexA{padding:90px 0 30px;background:#fff;position:relative;}
.n07-indexA .tit{text-align:center;}
.n07-indexA .tit h3{font-size:48px;line-height:1;color:#1c1c1c;font-weight:600;}
.n07-indexA .tit p{font-size:18px;color:#424242;font-weight:300;line-height:24px;max-width:70%;margin:20px auto 0;}
.n07-indexA ul{margin:80px 0 0;display:flex;flex-wrap:wrap;}
.n07-indexA ul li{width:33.33333333%;padding:0 60px;text-align:center;}
.n07-indexA ul li .ico img{height:86px;transition:all 0.3s ease 0s;}
.n07-indexA ul li .ico img:last-child{display:none;}
.n07-indexA ul li h5{color:#2c2c2c;font-size:24px;line-height:1;font-weight:600;margin:35px 0 0;}
.n07-indexA ul li p{font-size:16px;color:#2c2c2c;line-height:24px;height:48px;overflow:hidden;margin:17px 0 0;}
.n07-indexA ul li .more{margin:18px auto 0;width:162px;height:35px;line-height:35px;display:block;font-size:16px;color:#fff;text-align:center;background:var(--btn-bg);}
.n07-indexA ul li .more:hover{background:var(--btn-bg-hover);}

.n07-indexA ul li:hover .ico img:first-child{display:none;}
.n07-indexA ul li:hover .ico img:last-child{display:inline-block;}
.n07-indexA ul li:hover .more{background:var(--btn-bg-hover);}


.n07-indexB{padding:90px 0 120px;background:#fff url(../images/ibg1.jpg) no-repeat center bottom;position:relative;}
.n07-indexB .tit{text-align:center;}
.n07-indexB .tit h3{font-size:48px;line-height:1;color:#1c1c1c;font-weight:600;}
.n07-indexB .tit p{font-size:18px;color:#424242;font-weight:300;line-height:24px;max-width:70%;margin:20px auto 0;}
.n07-indexB .more{color:var(--active-color);border-bottom: 1px var(--active-color) solid;}
/*.n07-indexB .more{margin:18px auto 0;width:162px;height:35px;line-height:35px;display:block;font-size:16px;color:#fff;text-align:center;background:var(--btn-bg);}
.n07-indexB .more:hover{color:#00B5F0;}*/
.n07-indexB .list{margin:60px 0 0;position:relative;}
.n07-indexB .list .swiper-slide{text-align:center;}
.n07-indexB .list .swiper-slide .pic{display:block;}
.n07-indexB .list .swiper-slide .pic img{display:block;}
.n07-indexB .list .swiper-slide h5{color:#000;font-size:24px;line-height:1;font-weight:600;margin:15px 0 0;}
.n07-indexB .list .swiper-slide p{font-size:18px;color:#5a5858;line-height:24px;height:48px;overflow:hidden;margin:10px 0 0;}
.n07-indexB .list .swiper-slide .more{margin:15px auto 0;width:170px;height:35px;line-height:35px;display:block;font-size:16px;color:#fff;text-align:center;background:var(--btn-bg);}
.n07-indexB .list .swiper-slide .more:hover{background:var(--btn-bg-hover);}

.n07-indexB .swiper-button-prev,.n07-indexB .swiper-button-next{width:46px;height:46px;line-height:46px;overflow:hidden;background:transparent;margin-top:-23px;text-align:center;color:#444;}
.n07-indexB .swiper-button-prev i,.n07-indexB .swiper-button-next i{color:inherit;font-size:35px;display:inline-block;margin-top:1px;}
.n07-indexB .swiper-button-prev,.n07-indexB .swiper-container-rtl .swiper-button-next{left:-50px;right:auto;}
.n07-indexB .swiper-button-next,.n07-indexB .swiper-container-rtl .swiper-button-prev{right:-50px;left:auto;}
.n07-indexB .swiper-button-prev:hover,.n07-indexB .swiper-button-next:hover{color:#008DD6;}

.n07-indexB .swiper-pagination-bullets{display:none;position:static;margin-top:30px;width:100%;}
.n07-indexB .swiper-pagination-bullet {height:10px;width:10px;margin:0 4px;background:#888;border-radius:50%;opacity:1;}
.n07-indexB .swiper-pagination-bullet-active{background:#008DD6;}

.index-products {padding:90px 0;background:#fff;}
.index-products .tit{text-align:center;}
.index-products .tit h3{font-size:48px;line-height:1;color:#1c1c1c;font-weight:600;}
.index-products .list {margin-top:50px;position:relative;}
.index-products .list ul {display:flex;flex-wrap:wrap;margin:0 -16px;}
.index-products .list ul li {width:25%;padding:0 16px;box-sizing:border-box;}
.index-products .list ul li .pic {display: block;position: relative;overflow: hidden;}
.index-products .list ul li .pic > img{width:100%;display:block;transition:transform .5s;-webkit-transition:transform .5s;}
.index-products .list ul li h5 {margin: 15px 0 0;font-size: 18px;color: #242424;font-weight: 600;line-height:24px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height:60px;}
.index-products .list ul li h5 a {display:block;text-align: center;}
.index-products .list ul li p{text-align: center;height: auto;min-height: 150px;}
.index-products .list ul li a.more {display:block;margin:30px 0 0;width:150px;line-height:48px;box-sizing:border-box;border:1px solid #1f1f1f;color:#101010;text-align:center;transition:all .3s ease;font-weight:600;font-size:18px; display: block;width: 200px;text-align: center;margin: auto;}
.index-products .list ul li a.more:hover {border-color:#083C79;background:#083C79;color:#fff;}
.index-products .list ul li:hover .pic > img{transform:scale(1.03);-webkit-transform: scale(1.03);}


.n07-indexC{position:relative;background:#fff;display:flex;}

.n07-indexC .pic{width:51%;display:block;position:relative;overflow:hidden;}
.n07-indexC .pic img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.n07-indexC .left{width:49%;padding:0 10%;position:relative;z-index:30;display:flex;flex-direction:column;justify-content:flex-end;}

.n07-indexC .tit{text-align:center;}
.n07-indexC .tit h3{font-size:48px;line-height:1;color:#1c1c1c;font-weight:600;}
.n07-indexC .tit p{font-size:18px;color:#424242;font-weight:300;line-height:24px;max-width:70%;margin:20px auto 0;}
.n07-indexC .tit .more{margin:18px auto 0;width:162px;height:35px;line-height:35px;display:block;font-size:16px;color:#fff;text-align:center;background:var(--btn-bg);}
.n07-indexC .tit .more:hover{background:var(--btn-bg-hover);}

.n07-indexC .list{margin:110px 0 50px -35px;width:1144px;padding:16px 35px;background:rgba(255,255,255,0.75);position:relative;z-index:50;}
.n07-indexC .swiper-slide{position:relative;}
.n07-indexC .swiper-slide a{display:block;position:relative;overflow:hidden;}
.n07-indexC .swiper-slide a img{width:100%;display:block;transition:all 0.5s ease 0s;}
.n07-indexC .swiper-slide a p{text-align:center;font-size:18px;color:#000;margin-bottom:10px;}

.n07-indexC .swiper-slide:hover a img{transform:scale(1.06);-webkit-transform:scale(1.06);}

.n07-indexC .swiper-button-prev,.n07-indexC .swiper-button-next{width:35px;height:35px;line-height:35px;overflow:hidden;background:transparent;margin-top:-17px;text-align:center;color:#707375;}
.n07-indexC .swiper-button-next::after,.n07-indexC .swiper-button-prev::after {display:none;}
.n07-indexC .swiper-button-prev i,.n07-indexC .swiper-button-next i{color:inherit;font-size:28px;display:inline-block;margin-top:1px;}
.n07-indexC .swiper-button-prev,.n07-indexC .swiper-container-rtl .swiper-button-next{left:0;right:auto;}
.n07-indexC .swiper-button-next,.n07-indexC .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}
.n07-indexC .swiper-button-prev:hover,.n07-indexC .swiper-button-next:hover{color:#008DD6;}

.n07-indexC .swiper-pagination-bullets{display:none;position:static;margin-top:30px;width:100%;}
.n07-indexC .swiper-pagination-bullet {height:10px;width:10px;margin:0 4px;background:#888;border-radius:50%;opacity:1;}
.n07-indexC .swiper-pagination-bullet-active{background:#008DD6;}


.n07-indexD{position:relative;}
.n07-indexD .txt{position:absolute;left:0;top:0;right:0;z-index:10;}
.n07-indexD .txt .wp{display:flex;justify-content:flex-end;}
.n07-indexD .txt .t{width:48%;padding:60px 0 0;}
.n07-indexD .txt .t h3{font-size:48px;line-height:1;color:#fff;font-weight:600;text-shadow: 2px 2px 4px #666;}
.n07-indexD .txt .t p{font-size:18px;line-height:30px;color:#fff;font-weight:300;margin:15px 0 0;text-shadow: 2px 2px 4px #666;}
.n07-indexD .txt .t .more{font-size:18px;display:inline-block;border-bottom:1px solid #fff;color:#fff;font-weight:300;margin:15px 0 0;text-shadow: 2px 2px 4px #666;}



.about5 h3{font-size: 48px;color: #1a1a1a;line-height: 3;font-weight: 600;text-align: center;}



.n07-indexE{padding:50px 0;background:#FAFAFA;}
.n07-indexE .wp{display:flex;align-items:center;}
.n07-indexE .pic{width:44%;}
.n07-indexE .txt{flex:1;margin:0 0 0 170px;}
.n07-indexE .txt h3{font-size:48px;line-height:1;color:#1a1a1a;font-weight:600;}
.n07-indexE .txt h5{font-size:30px;line-height:1;color:#3d3d3d;margin:15px 0 0;}
.n07-indexE .txt .t{font-size:16px;line-height:30px;color:#3a3939;margin:15px 0 0;}
.n07-indexE .txt .more{line-height:35px;font-size:18px;padding:0 50px;display:inline-block;color:#fff;margin:30px 0 0;background:var(--btn-bg);}
.n07-indexE .txt .more:hover{background:var(--btn-bg-hover);}


.n07-indexF{padding:75px 0;background:#FAFAFA;}
.n07-indexF .tit{text-align:center;}
.n07-indexF .tit h3{font-size:48px;line-height:1;color:#1c1c1c;font-weight:600;}
.n07-indexF .tit p{font-size:18px;color:#131313;font-weight:300;margin:20px auto 0;line-height: 24px;}

.n07-indexF .list{margin:60px 0 0;position:relative;}
.n07-indexF .list .pic > img{width:100%;}

.n07-indexF .list .box{position:absolute;}

.n07-indexF .list .box em{width:22px;height:22px;background:#fff;border-radius:50%;display:block;position:relative;cursor:pointer;}
.n07-indexF .list .box em::before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;display:block;border-radius:50%;background:rgba(244,255,255,0.4);animation:scale1 1.5s linear infinite;}
.n07-indexF .list .box em::after{content:"";width:14px;height:14px;border-radius:50%;background:#000;position:absolute;left:4px;top:4px;z-index:10;}

.n07-indexF .list .box .nr{position:absolute;left:50%;transform:translateX(-50%) translateY(-10px);bottom:45px;z-index:30;width:260px;border-radius:15px;background:#fff;text-align:center;display:none;transition:all 0.5s ease 0s;box-shadow:0 0 10px rgba(63,62,62,0.15);}
.n07-indexF .list .box .nr::after{content:'';position:absolute;left:calc(50% - 16px);bottom:-24px;width:0;height:0;display:block;border:16px solid transparent;border-bottom-width:13px;border-top-width:13px;border-top-style:solid;border-top-color:#fff;}
.n07-indexF .list .box .nr img{border-radius:15px 15px 0 0;}
.n07-indexF .list .box .nr p{font-size:18px;color:#000;white-space:nowrap;padding:5px 0;}

.n07-indexF .list .box:hover .nr{display:block;transform:translateX(-50%) translateY(0);}


.n07-indexF .list .box1{left:13.24%;top:23.28%;}
.n07-indexF .list .box2{left:17.18%;top:38.3%;}
.n07-indexF .list .box3{left:20.44%;top:52.42%;}
.n07-indexF .list .box4{left:25.43%;top:69.72%;}
.n07-indexF .list .box5{left:41.19%;top:19.21%;}
.n07-indexF .list .box6{left:43.72%;top:30.28%;}
.n07-indexF .list .box7{left:45.87%;top:28.24%;}
.n07-indexF .list .box8{left:47.78%;top:31.81%;}
.n07-indexF .list .box9{left:49.45%;top:29.77%;}
.n07-indexF .list .box10{left:51.11%;top:29.77%;}
.n07-indexF .list .box11{left:50.43%;top:37.91%;}
.n07-indexF .list .box12{left:52.59%;top:34.35%;}
.n07-indexF .list .box13{left:55.17%;top:32.32%;}
.n07-indexF .list .box14{left:55.85%;top:46.31%;}
.n07-indexF .list .box15{left:56.1%;top:48.35%;}
.n07-indexF .list .box16{left:59.36%;top:50.38%;}
.n07-indexF .list .box17{left:53.08%;top:81.17%;}
.n07-indexF .list .box18{left:65.44%;top:44.35%;}
.n07-indexF .list .box19{left:76.54%;top:20.74%;}
.n07-indexF .list .box20{left:82.33%;top:40.84%;}
.n07-indexF .list .box21{left:80.73%;top:56.87%;}
.n07-indexF .list .box22{left:76.35%;top:64.5%;}
.n07-indexF .list .box23{left:80.73%;top:64.5%;}
.n07-indexF .list .box24{left:84.36%;top:79.13%;}
.n07-indexF .list .box25{left:94.64%;top:87.66%;}

.n07-indexF .list .box26{left:67.8%;top:48.35%;}

.n07-indexG{padding:75px 0;background:#fff;}
.n07-indexG h3{font-size:48px;color:#1f1f1f;line-height:1;font-weight:600;text-align:center;}

.n07-indexG ul{margin-top:50px;display:flex;justify-content:center;flex-wrap:wrap;}
.n07-indexG ul li{width:calc(33.3333333% - 20px); padding: 20px;}

.n07-indexG ul li .txt{padding:20px 0 0;}
.n07-indexG ul li .txt h5{font-size:18px;color:#2e2e2e;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n07-indexG ul li .txt p{margin:15px 0 0;font-size:16px;color:#2e2e2e;font-weight:300;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.n07-indexG ul li .txt .more{margin:25px 0 0;display:inline-block;font-size:16px;color:#252424;font-weight:600;}
.n07-indexG ul li .txt .more i{font-size:20px;vertical-align:middle;margin-left:5px;}

.n07-indexG ul li:hover .txt h5{color:#000;}


/*------------------------------------------------------------*/

.sidebanner5{position:relative;}
.sidebanner5 .txt{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;display:flex;align-items:center;}
.sidebanner5 h1,.sidebanner5 h2{color:#fff;font-size:60px;line-height:1;font-weight:700;text-transform: uppercase;text-shadow: 2px 2px 4px #666;}
.sidebanner5 p{color:#fff;font-size:18px;margin:20px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-shadow: 2px 2px 4px #666;}
.sidebanner5 p i{font-size:18px;vertical-align:middle;margin-right:5px;}
.sidebanner5 p a{color:#fff;}

.sidebanner6{position:relative;}
.sidebanner6 .txt{position:absolute;bottom:27%;left:0;right:0;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;}
.sidebanner6 h1{color:#fff;font-size:60px;line-height:1;font-weight:700;text-transform: uppercase;text-shadow: 2px 2px 4px #666;}
.sidebanner6 p{color:#fff;font-size:18px;margin:20px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-shadow: 2px 2px 4px #666;}
.sidebanner6 p i{font-size:18px;vertical-align:middle;margin-right:5px;}
.sidebanner6 p a{color:#fff;}


.path{padding:37px 0;background:#DDDDDD;}
.path h1,.path h2{color:#000;font-size:58px;line-height:1;font-weight:600;text-transform:uppercase;}
.path p{margin:15px 0 0;color:#000;font-size:17px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;/*text-transform:uppercase;*/}
.path p a{color:#666;}

.main{padding-top:50px;padding-bottom:80px;}
.main-pro{display:flex;padding-bottom:80px;}

.main-left{width:340px;background:#F8F8F8;padding:15px;}
.main-right{margin:0 0 0 40px;}

.rtit{text-align:center;}
.rtit h1{font-size:50px;color:#0078d5;line-height:1;font-family:var(--font-family1);}
.rtit h1::after{content:"";width:40px;height:4px;background:#0078D5;margin:15px auto 0;display:block;}

/*----------------------------------------*/

.main-left h3{display:none;height:50px;line-height:50px;padding:0 0 0 18px;background:var(--active-color);font-size:20px;color:#fff;font-family:var(--font-family1);text-transform:uppercase;position:relative;}
.main-left h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;right:0;top:5px;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.main-left h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidemenu{margin:0 0 20px;}
.sidemenu > ul{}
.sidemenu > ul > li{margin-top:5px;border-bottom:1px solid #E3E3E3;}
.sidemenu > ul > li h5{height:45px;line-height:45px;display:block;font-size:17px;letter-spacing:-0.8px;color:#333;font-weight:600;cursor:pointer;position:relative;text-transform:capitalize;}
.sidemenu > ul > li h5 a{display:block;padding:0 40px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sidemenu > ul > li h5 a:hover{color:var(--active-color);}
.sidemenu > ul > li h5 span{position:absolute;right:0;top:0;width:40px;height:45px;display:block;text-align:center;transition:all 0.3s ease 0s;}
.sidemenu > ul > li h5 span::after{font-family:"qico";content:"\e699";font-size:18px;display:inline-block;transition:all 0.3s ease 0s;}

.sidemenu > ul > li ul {display:none;}
.sidemenu > ul > li ul li{line-height:24px;position:relative;}
.sidemenu > ul > li ul li:last-child {border-bottom:none;}
.sidemenu > ul > li ul li > span{position:absolute;top:2px;right:0;width:40px;height:40px;line-height:40px;text-align:center;display:block;cursor:pointer;transition:all 0.3s ease 0s;}
.sidemenu > ul > li ul li > span::after{font-family:"qico";content:"\e699";font-size:18px;display:inline-block;transition:all 0.3s ease 0s;}
.sidemenu > ul > li > ul > li > a {font-size:16px;display:block;color:#666;padding:8px 40px 8px 15px;text-transform:capitalize;background:url(../images/dot1.png) no-repeat left 18px;}
.sidemenu > ul > li > ul > li.active > a,.sidemenu > ul > li > ul > li > a:hover {color:var(--active-color);}

.sidemenu > ul > li ul li.active > span i{transform:rotate(180deg);}

.sidemenu > ul > li > ul > li > ul > li{margin:0 15px;}
.sidemenu > ul > li > ul > li > ul > li a{font-size:15px;display:block;color:#666;padding:10px 10px 10px 15px;background:url(../images/dot1.png) no-repeat left 18px;}
.sidemenu > ul > li > ul > li > ul > li a:hover,.sidemenu > ul > li > ul > li > ul > li.active a{color:#009148;}

.sidemenu > ul > li.active h5{color:var(--active-color);border-bottom:1px solid #e2e2e2;}
.sidemenu > ul > li.active h5 > span::after{transform:rotate(180deg);}


.sidenav{margin:0 0 20px;}
.sidenav ul{}
.sidenav ul li{display:block;line-height:24px;font-size:16px;color:#333;background:#fff;border:1px solid #e2e2e2;border-top:none;position:relative;}
.sidenav ul li a{color:#333;display:block;padding:10px 30px 10px 18px;}
.sidenav ul li:last-child a{border-bottom:none;}
.sidenav ul li::after{color:#555;font-family:"qico";content: "\e7eb";position:absolute;right:8px;top:0;font-size:16px;font-weight:normal;line-height:44px;}

.sidenav ul li.active::after{display:block;color:var(--active-color);}
.sidenav ul li.active a,.sidenav ul li a:hover{color:var(--active-color);}


.menu-tabs{padding:15px 0;background:#292929;}
.menu-tabs h3{display:none;font-size:18px;font-weight:bold;color:#2C353D;height:46px;line-height:46px;padding:0 0 0 20px;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;text-transform:uppercase;position:relative;}
.menu-tabs h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:5px;right:5px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.menu-tabs h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}
.menu-tabs ul{display:flex;justify-content:space-between;text-align:center;}
.menu-tabs ul li{display:inline-block;}
.menu-tabs ul li a{font-size:20px;font-weight:600;color:#fff;display:block;height:50px;line-height:50px;display:block;border-radius:6px;padding:0 25px;}
.menu-tabs ul li.active a{background:#fff;color:#292929;}


/*---------news-----------*/

.news-top{padding:80px 0 40px;background:#F7F7F7;}
.news-top .list{display:flex;}
.news-top .list .left{width:555px;}
.news-top .list .left em{height:40px;line-height:40px;padding:0 10px;background:#636363;font-size:24px;font-weight:600;display:inline-block;color:#fff;}
.news-top .list .left h5{font-size:36px;color:#0d0d0d;line-height:1.33333;font-weight:600;margin:15px 0 0;}
.news-top .list .left span{font-size:18px;color:#6b6b6b;display:inline-block;font-weight:300;margin:10px 0 0;}
.news-top .list .left span::after{content:"";width:100%;height:6px;background:#000;margin:25px auto 0 0;display:block;}
.news-top .list .right{flex:1;margin-left:90px;padding-left:90px;border-left:1px solid #CACACA;}
.news-top .list .right p{font-size:18px;color:#6b6b6b;line-height:36px;}
.news-top .list .right .more{margin:35px 0 0;width:290px;height:35px;line-height:35px;display:block;font-size:16px;color:#fff;text-align:center;background:var(--btn-bg);}
.news-top .list .right .more:hover{background:var(--btn-bg-hover);}

.news-top ul{display:flex;margin:70px -30px 0;flex-wrap:wrap;}
.news-top ul li{width:33.333333%;padding:0 30px;overflow:hidden;cursor:pointer;}
.news-top ul li .box{position:relative;}
.news-top ul li .txt{position:absolute;left:0;right:0;bottom:0;padding:40px 24px 24px;background:linear-gradient(rgba(0,0,0,0.001), rgba(0,0,0,0.49));}
.news-top ul li .txt em{height:26px;line-height:26px;padding:0 7px;background:#fff;font-size:18px;font-weight:600;display:inline-block;color:#636363;}
.news-top ul li .txt h5{font-size:18px;color:#fff;font-weight:600;margin:10px 0 0;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.news-top ul li .txt p{font-size:16px;color:#fff;font-weight:300;line-height:24px;margin:10px 0 0;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.news-top ul li .txt .more{font-size:16px;color:#fff;font-weight:600;margin:10px 0 0;display:inline-block;}

.news-top ul li:hover .pic img{}


.newsbox{padding:80px 0;background:#fff;}
.newsbox h3{font-size:48px;color:#1f1f1f;line-height:1;font-weight:600;text-align:center;}
.newslist ul{display:-webkit-flex;display:flex;margin:46px -24px 0;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.newslist ul li{width:33.333333%;padding:24px;overflow:hidden;cursor:pointer;}
.newslist ul li .pic{width:100%;display:block;position:relative;}
.newslist ul li .pic img{width:100%;}
.newslist ul li .txt{padding:20px 0 0;}
.newslist ul li .txt h5{font-size:18px;color:#2e2e2e;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newslist ul li .txt p{margin:15px 0 0;font-size:16px;color:#2e2e2e;font-weight:300;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.newslist ul li .txt .more{margin:15px 0 0;display:inline-block;font-size:16px;color:#252424;font-weight:600;}
.newslist ul li .txt .more i{font-size:20px;vertical-align:middle;margin-left:5px;}

.newslist ul li:hover .txt h5{color:#000;}


.newsnr{}
.newsnr .artInfo{position:relative;}
.newsnr .artInfo span{display:inline-block;font-size:16px;color:#383838;}
.newsnr > h1{margin:8px 0 0;font-size:40px;color:#383838;line-height:1.2;font-weight:600;}

.news-content{margin:20px 0 0;line-height:30px;font-size:18px;color:#737373;font-weight:300;}
.news-content p{margin-bottom:15px;}
.news-content .table-wrapper {width: 100%;max-width: 100%;overflow-x: auto;}             
.news-content  table{width:70%;max-width:100%;margin-bottom:20px;font-size:15px;border:1px solid #D9D9D9;color:#333;}
.news-content  table tr > th{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;font-weight:bold;}
.news-content  table tr > td{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;}
.news-content  table tr.firstRow > td{font-weight:bold;}
.news-content  table tr > td *{margin:0;padding:0;}
.news-content  table tr > td p{margin:0;}

              

.pnbar{margin-top:40px;}
.pnbar p{font-size:18px;color:#353535;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:16px 35px;background:#F7F7F7;}
.pnbar p+p{margin-top:5px;}
.pnbar p:hover a{color:#0066B4;}

.pnbar .more{height:50px;line-height:50px;display:inline-block;background:#0078D5;padding:0 60px;border-radius:40px;font-size:18px;color:#fff;}
.pnbar .more:hover{background:var(--btn-bg-hover);}

/*-----solu-list------*/

.solu-list{margin:40px 0 0;}
.solu-list ul{}
.solu-list ul li{}
.solu-list ul li+li{margin-top:80px;}
.solu-list ul li .box{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:60px 0;}
.solu-list ul li .box::after{content:"";background:#F0F0F0;position:absolute;top:0;right:0;bottom:0;width:52%;}

.solu-list ul li .pic{width:54.7%;position:relative;z-index:10;}
.solu-list ul li .pic img{width:100%;}
.solu-list ul li .txt{-webkit-flex:1;flex:1;padding:0 40px 0 70px;position:relative;z-index:10;}
.solu-list ul li .txt em{font-size:230px;line-height:1;color:rgba(0,98,178,0.15);font-family:Impact;}
.solu-list ul li .txt h5{font-size:36px;line-height:1;color:#0078d5;font-family:var(--font-family1);margin:20px 0 0;}
.solu-list ul li .txt p{font-size:18px;line-height:30px;color:#000;margin:20px 0 0;}
.solu-list ul li .txt a{margin:25px 0 0;font-size:18px;color:#000;display:inline-block;font-family:var(--font-family1);}

.solu-list ul li:nth-child(2n) .box{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.solu-list ul li:nth-child(2n) .box::after{right:auto;left:0;}
.solu-list ul li:nth-child(2n) .txt{padding:0 40px 0 70px;}

.solu-list ul li dl{width:100%;margin-top:20px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.solu-list ul li dl dd{width:calc(20% - 5px);background:#F0F0F0;padding:35px 0;text-align:center;}
.solu-list ul li dl dd p{font-size:18px;color:#333;margin:15px 0 0;}

/*-----about------*/

.about{padding:60px 0;display:flex;align-items:center;}
.about .pic{width:50%;}
.about .txt{flex:1;overflow:hidden;padding:0 10% 0 36px;line-height: 1.3;}
.about .txt h3,.about .txt h1{font-size:48px;color:#1a1a1a;line-height:1;font-weight:600;}
.about .txt h5{font-size:30px;color:#3d3d3d;line-height:1;font-weight:300;margin:15px 0 0;}
.about .txt .t{margin-top:15px;line-height:28px;font-size:16px;color:#3a3939;}
.about .txt .t p~p{margin-top:10px;}

.about1 img{}      
.about1 h3{font-size: 64px;font-weight: 501;color: black;border-bottom: solid black 12px;margin-top: 100px;width: 556px;line-height: 78px;}  
.about1 .txt{font-size: 24px;color: black;margin-top: 40px;margin-bottom: 34px;}  
.about1 .container{display: flex;justify-content: space-between;}
.about1 .container p{color: black;flex: 1;margin-top: 52px;padding: 1px;margin-bottom: 34px;}



.about4{padding:80px 0;background:#fff;}
.about4 .title {}    
.about4 .title h3{font-size: 64px;font-weight:600;color: black;display:inline-block;border-bottom: solid black 12px;line-height:78px;}  

.about4 .top {display: flex;	gap: 70px;	margin: 35px 0 30px;	align-items: center;}
.about4 .top img {	width:515px;}
.about4 .top .txt {flex:1;line-height: 38px;font-size:20px;color: black;}



.about2{padding:60px 0;background:#F7F7F7;}
.about2 h3{font-size:48px;color:#1a1a1a;line-height:1;font-weight:600;}
.about2 .txt{margin-top:35px;line-height:30px;font-size:16px;color:#3a3939;}
.about2 .txt p~p{margin-top:15px;}


.about3{position:relative; margin-top: 50px;}
.about3 .list{position:absolute;left:0;right:0;top:50px;}

.about3 .list ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.about3 .list ul li{width:33.3333333%;text-align:center;padding:0 40px;}
.about3 .list ul li .box{background:rgba(255,255,255,0.87);height:100%;padding:25px;border-radius:15px;border:1px solid #0D89FD;transition: all 0.5s ease 0s;}
.about3 .list ul li .box:hover{transform:scale(1.03);}
.about3 .list ul li h5{color:#232323;font-size:24px;line-height:1;font-weight:600;margin:20px 0 0;}
.about3 .list ul li p{font-size:20px;color:#232323;font-weight:300;line-height:24px;margin:10px 0 0;}


.factory{padding:80px 0;background:#F5F5F5;}
.factory h3{font-size:48px;color:#1a1a1a;line-height:1;font-weight:600;text-align:center;}
.factory .tab{margin:40px 0 0;}
.factory .tab ul{display:flex;justify-content:center;align-items:center;}
.factory .tab ul li{font-size:24px;color:#000;font-weight:600;line-height:48px;height:48px;padding:0 30px;border-radius:6px;cursor:pointer;}
.factory .tab ul li+li{/*margin-left:23px;*/}
.factory .tab ul li.active{background:#000;color:#fff;}

.factory .list{margin:40px 0 0;}
.factory .list .item{display:none;}
.factory .list ul{display:flex;flex-wrap:wrap;margin:-9px -9px 0;}
.factory .list ul li{width:33.333333%;padding:9px;}


.about5{}
.about5 ul{}
.about5 ul li{display:flex;align-items:center;margin-top: 50px;}
.about5 ul li + li{margin-top:44px;}
.about5 ul li .pic{width:62.7%;}
.about5 ul li .txt{flex:1;padding:0 10% 0 50px;}
.about5 ul li .txt h5{font-size:48px;color:#323232;line-height:1.25;font-weight:600;}
.about5 ul li .txt .t{margin:30px 0 0;font-size:18px;color:#636363;line-height:30px;font-weight:300;}
.about5 ul li .txt .t p~p{margin-top:15px;} 

.about5 ul li:nth-child(2n){flex-direction:row-reverse;}
.about5 ul li:nth-child(2n) .txt{padding:0 50px 0 10%;}


.pic-list{padding:75px 0 0;}
.pic-list h3{font-size:50px;color:#0078d5;line-height:1;font-family:var(--font-family1);text-align:center;}
.pic-list h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:15px auto 0;display:block;}

.pic-list .list{position:relative;margin:50px 0 0;}
.pic-list .list .swiper-slide a{display:block;width:100%;}
.pic-list .list .swiper-slide a img{width:100%;}

.pic-list .swiper-pagination{position:static;width:100%;margin-top:35px;font-size:0;}
.pic-list .swiper-pagination-bullet {width:16px;height:16px;margin:0 10px;background:#E0E0E0;border-radius:50%;opacity:1;}
.pic-list .swiper-pagination-bullet-active{background:#999;}


.partner{padding:0 0 75px;}
.partner h3{font-size:50px;color:#0078d5;line-height:1;font-family:var(--font-family1);text-align:center;}
.partner h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:15px auto 0;display:block;}

.partner ul{margin:40px -23px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.partner ul li{width:25%;padding:23px;box-sizing:border-box;}
.partner ul li .pic{box-sizing:border-box;cursor:pointer;}
.partner ul li .pic img{display:inline-block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}


/*--------------*/

.app1{padding:60px 0 0;}
.app1 .wp{display:flex;align-items:center;}
.app1 .pic{width:67%;}
.app1 .txt{flex:1;overflow:hidden;padding:0 0 0 50px;}
.app1 .txt h3{font-size:48px;color:#1a1a1a;line-height:1;font-weight:600;}
.app1 .txt p{margin-top:25px;line-height:30px;font-weight:300;font-size:18px;color:#777;}

.app2{padding:60px 0;}
.app2 h3{font-size:48px;color:#1a1a1a;line-height:1;font-weight:600;}
.app2 ul{margin:50px -15px 0;display:flex;flex-wrap:wrap;}
.app2 ul li{width:33.3%;padding:0 15px;text-align:center;}
.app2 ul li p{margin:15px 0 0;font-size:18px;color:#292929;font-weight:300;}

.app3{padding:75px 0;background:#F7F7F7;}
.app3 h3{font-size:48px;line-height:1;color:#1a1a1a;font-weight:600;text-align:center;}
.app3 .list{position:relative;margin:50px 0 0;}
.app3 .swiper-slide{width:610px;position:relative;text-align:center;}
.app3 .swiper-slide .pic{position:relative;overflow:hidden;}
.app3 .swiper-slide .pic img{display:block;border-radius:50%;}
.app3 .swiper-slide h5{margin:15px auto 0;max-width:80%;font-size:24px;color:#303030;font-weight:600;}

.app3 .swiper-button-prev,.app3 .swiper-button-next{width:50px;height:50px;top:50%;margin-top:-25px;text-align:center;background:none;border-radius:0;}
.app3 .swiper-button-prev,.app3 .swiper-container-rtl .swiper-button-next{left:-60px;right:auto;}
.app3 .swiper-button-next,.app3 .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto;}
.app3 .swiper-button-next::after,.app3 .swiper-button-prev::after{display:none;}
.app3 .swiper-button-prev i,.app3 .swiper-button-next i{color:#666;font-size:35px;line-height:50px;}
.app3 .swiper-button-prev:hover i,.app3 .swiper-button-next:hover i{color:var(--active-color);}

.app3 .swiper-pagination{position:static;width:100%;margin-top:30px;display:none;}
.app3 .swiper-pagination-bullet {height:12px;width:12px;margin:0 4px;background:#ccc;border-radius:50%;opacity:1;}
.app3 .swiper-pagination-bullet-active{background:var(--active-color);}


.app4{padding:75px 0 0;}
.app4 h3{font-size:48px;color:#1a1a1a;line-height:1;font-weight:600;text-align:center;}
.app4 ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin:50px -15px 0;}
.app4 ul li{width:20%;text-align:center;padding:0 15px;}
.app4 ul li .box{background:#FAFAFA;height:100%;padding:55px 15px;transition:all 0.3s ease 0s;border-radius:5px;cursor:pointer;}
.app4 ul li img{height:78px;}
.app4 ul li p{font-size:18px;color:#111;font-weight:300;line-height:24px;margin:30px 0 0;}

.app4 ul li:hover .box{background:#EDEDED;transform:translateY(-10px);}


.rela-pro{padding:20px 0;}
.rela-pro h3{font-size:48px;color:#1a1a1a;line-height:1;font-weight:600;text-align:center;}
.rela-pro .list{margin:50px 0 0;position:relative;}
.rela-pro .swiper-slide{text-align:center;}
.rela-pro .swiper-slide .pic{width:100%;position:relative;display:block;overflow:hidden;padding:10px;border:1px solid #DBDBDB;}
.rela-pro .swiper-slide .pic img{width:100%;transition:all 0.3s ease 0s;}
.rela-pro .swiper-slide h6{margin:15px 0 0;font-size:24px;font-weight:600;}
.rela-pro .swiper-slide h6 a{color:#3a3a3a;}
.rela-pro .swiper-slide p{margin:15px 0 0;font-size:16px;color:#343434;font-weight:300;line-height:24px;}
.rela-pro .swiper-slide .more{margin:18px auto 0;width:162px;height:35px;line-height:35px;display:block;font-size:16px;color:#fff;text-align:center;background:var(--btn-bg);}
.rela-pro .swiper-slide .more:hover{background:var(--btn-bg-hover);}

.rela-pro .swiper-slide:hover h6 a{text-decoration:underline;}
.rela-pro .swiper-slide:hover .pic::after{opacity:1;}
.rela-pro .swiper-slide:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

.rela-pro .swiper-button-prev,.rela-pro .swiper-button-next{width:40px;height:40px;border-radius:0;background:none;color:#333;top:calc(((100% - 40px) / 2) - 20px);margin-top:0;text-align:center;}
.rela-pro .swiper-button-prev::after,.rela-pro .swiper-button-next::after{display:none;}
.rela-pro .swiper-button-prev i,.rela-pro .swiper-button-next i{font-size:35px;line-height:40px;color:inherit;}
.rela-pro .swiper-button-prev,.rela-pro .swiper-container-rtl .swiper-button-next{left:-45px;right:auto;}
.rela-pro .swiper-button-next,.rela-pro .swiper-container-rtl .swiper-button-prev{right:-45px;left:auto;}

.rela-pro .swiper-button-prev:hover,.rela-pro .swiper-button-next:hover{color:var(--active-color);}

.rela-pro .swiper-pagination{display:none;position:static;width:100%;margin-top:25px;}
.rela-pro .swiper-pagination-bullet {height:12px;width:12px;margin:0 4px;background:#B5B5B5;border-radius:50%;opacity:1;}
.rela-pro .swiper-pagination-bullet-active{background:var(--active-color);}


/*--------------*/

.cert-list{padding:80px 0;}
.cert-list h3,.pro-index h1{font-size:48px;color:#000;line-height:1;font-weight:600;text-align:center;}
.cert-list ul{display:flex;flex-wrap:wrap;margin:50px -25px 0;}
.cert-list ul li{width:20%;padding:0 25px;text-align:center;}
.cert-list ul li h5{font-size:16px;color:#252424;margin:15px 0 0;font-weight:600;}
.cert-list ul li .more{margin:18px auto 0;width:170px;height:30px;line-height:30px;display:block;font-size:16px;color:#fff;text-align:center;background:var(--btn-bg);}
.cert-list ul li .more:hover{background:var(--btn-bg-hover);}

.down-list{padding:30px 0;background:#F7F7F7;}
.down-list h3{font-size:48px;color:#000;line-height:1;font-weight:600;text-align:center;}
.down-list ul{display:flex;flex-wrap:wrap;margin:54px -20px 0;}
.down-list ul li{width:25%;padding:6px 20px;box-sizing:border-box;}
.down-list ul li .box{background:#fff;border: 1px solid #D8DDE2;}
.down-list ul li .box .pic img {width:100%;}
.down-list ul li .box .txt {padding: 20px 15px;}
.down-list ul li .box h5{;font-size:18px;font-weight:500;color:#363636;}
.down-list ul li .box .more{display:flex;padding:20px 0;border-top:1px solid #d8dde2;justify-content:space-between;align-items:center;margin:0 15px;}
.down-list ul li .box .more span{font-size:16px;line-height:1;color:#676767;font-style: oblique;}
.down-list ul li .box .more a {width:48px;height:48px;text-align:center;line-height:48px;background:#000;margin: auto;width: 281px;}
.down-list ul li .box .more i{font-size:28px;color:#fff;}

.down-list2{padding:80px 0;background:#fff;}
.down-list2 h3{font-size:48px;color:#000;line-height:1;font-weight:600;text-align:center;}
.down-list2 ul{margin:60px 0 0;}
.down-list2 ul li{height:55px;background:#F7F7F7;padding:0 0 0 30px;display:flex;justify-content:space-between;align-items:center;}
.down-list2 ul li+li{margin-top:10px;}
.down-list2 ul li h5{background:url(../images/i6.png) no-repeat left center;padding:0 0 0 80px;font-size:20px;font-weight:300;color:#363636;}
.down-list2 ul li .more{color:#fff;font-size:16px;width:183px;height:55px;line-height:55px;background:#9E9E9E;display:inline-flex;align-items:center;justify-content:center;}
.down-list2 ul li .more i{font-size:28px;margin-right:10px;}
.down-list2 ul li .more:hover{background:#000;}


.faq{width:100%;}
.faq ul li{border:1px solid #DCDCDC;padding:15px;}
.faq ul li~li{margin-top:20px;}
.faq ul li .tit{overflow:hidden;cursor:pointer;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;}
.faq ul li .tit .date-month{width:40px;line-height:40px;height:40px;font-size:18px;color:#1b1c1c;font-family:var(--font-family2);display:block;text-align:center;}
.faq ul li .tit h4{-webkit-flex:1;flex:1;font-size:18px;color:#1b1c1c;font-family:var(--font-family2);margin:0 0 0 10px;}
.faq ul li .tit::after{position:absolute;right:0;top:6px;content:"\e639";font-family:"qico";font-size:24px;height:24px;color:#878787;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}

.faq ul li .con{padding:15px 0 0;display:none;}
.faq ul li .con .date-day{float:left;width:40px;line-height:40px;height:40px;font-size:18px;color:#666;font-family:var(--font-family2);display:block;text-align:center;}
.faq ul li .con .t{margin:0 0 0 50px;padding:7px 0;font-size:17px;line-height:26px;font-family:var(--font-family3);color:#666;}

.faq ul li .tit.active::after{color:#026EB7;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}


.video-list ul{margin:-15px -15px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.video-list ul li{width:33.3333333%;padding:15px;}
.video-list ul li .pic{position:relative;width:100%;display:block;overflow:hidden;}
.video-list ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.video-list ul li .pic::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url("../images/v2.png") no-repeat center;display:block;}
.video-list ul li .t{padding:0 10px;height:80px;border:1px solid #EAEAEA;border-top:none;text-align:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.video-list ul li .t h5{font-size:17px;color:#000;line-height:23px;max-height:46px;overflow:hidden;}

.video-list ul li:hover .pic img{transform:scale(1.05);-webkit-transform: scale(1.05);}

/*--------------*/

.case-list{}
.case-list ul{display:-webkit-flex;display:flex;margin:27px -19px 0;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.case-list ul li{width:33.333333%;padding:19px;overflow:hidden;cursor:pointer;}
.case-list ul li .pic{width:100%;display:block;position:relative;}
.case-list ul li .pic img{width:100%;}
.case-list ul li .txt{padding:20px 28px;background:#F0F0F0;}
.case-list ul li .txt h5{font-size:18px;color:#000;font-family:var(--font-family2);transition:all 0.3s ease 0s;}
.case-list ul li .txt p{margin:10px 0 0;font-size:16px;color:#666;line-height:24px;}
.case-list ul li .txt span{margin:38px 0 0;display:inline-block;font-size:16px;color:#666;}

.case-list ul li:hover .txt{background:#E0E0E0;}
.case-list ul li:hover .txt h5{color:#0078d5;}




/*-----products------*/

.pro-index{}
.pro-index ul{margin-top:50px;}
.pro-index ul li{display:flex;align-items:center;background:#F8F8F8;}
.pro-index ul li+li{margin-top:35px;}
.pro-index ul li .pic{width:350px;}
.pro-index ul li .pic h5{height:135px;background:#6F9DDA;padding:20px;}
.pro-index ul li .pic h5 a{font-size:20px;color:#fff;font-weight:600;line-height:30px;}
.pro-index ul li .pic .ico{position:relative;}
.pro-index ul li .pic .ico::after{content:"";background:url(../images/i1.jpg) no-repeat;width:145px;height:76px;display:block;position:absolute;right:14px;top:-51px;}

.pro-index ul li .txt{flex:1;overflow:hidden;padding:0 50px;}
.pro-index ul li .txt p{font-size:18px;color:#343434;line-height:36px;}
.pro-index ul li .txt .more{margin:18px 0 0;width:185px;height:35px;line-height:35px;display:block;font-size:16px;color:#fff;text-align:center;background:var(--btn-bg);}
.pro-index ul li .txt .more:hover{background:var(--btn-bg-hover);}

.pro-index ul li:nth-child(2n+1){flex-direction:row-reverse;}


.pro-search{padding:45px 0;}
.pro-search form{display:flex;align-items:center;}
.pro-search .submit_text{flex:1;background:#F8F8F8;height:69px;line-height:67px;border:2px solid #F1F1F1;border-right:none;color:#333;padding:0 25px;font-size:18px;}
.pro-search .submit_btn{width:182px;height:69px;line-height:69px;font-size:20px;background:#000;color:#fff;text-align:center;display:block;cursor:pointer;}




.pro-top{margin-bottom:15px;background:#F7F7F7;padding:20px;}
.pro-top h1{font-size:24px;color:#111;text-transform:capitalize;font-family:var(--font-family1);}
.pro-top .t{font-size:16px;color:#545454;line-height:24px;margin:15px 0 0;}
.pro-top .t h5{font-size:18px;color:#333;margin-top:10px;text-transform:capitalize;font-family:var(--font-family1);}
.pro-top .t p~p{margin-top:10px;}

.pro-list ul{margin:-16px -16px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.pro-list ul li{width:33.33333333%;text-align:center;padding:16px;}
.pro-list ul li .box{}
.pro-list ul li .pic{display:block;position:relative;overflow:hidden;border:1px solid #DAD8E5;padding: 20px;}
.pro-list ul li .pic > img{width:100%;display:block;transition:transform .5s;-webkit-transition:transform .5s;}
.pro-list ul li h6{margin:15px 0 0;font-size:18px;color:#242424;font-weight:600;}
.pro-list ul li h6 a{display:block;}
.pro-list ul li h6 a:hover{color:var(--active-color);}

.pro-list ul li:hover .box{}
.pro-list ul li:hover .pic > img{transform:scale(1.03);-webkit-transform: scale(1.03);}
.pro-list ul li:hover .txt h6 a{color:var(--active-color);}
.pro-list ul li:hover .pic .big{opacity:1;}



/*-----pro-view----*/

.pro_view{padding:55px 0;background:#fff;}
.pro_view .wp{display:flex;}

.pro_img{width:810px;display:flex;justify-content:space-between;flex-direction:row-reverse;}

.pro_img .view{width:620px;position:relative;border:1px solid #E3E3E3;}
.pro_img .view .swiper{width:100%;}
.pro_img .view .swiper img{width:100%;display:block;}

.pro_img .preview{width:158px;height:620px;position:relative;text-align:center;overflow:hidden;}
.pro_img .preview .swiper{width:100%;height:100%;text-align:center;}
.pro_img .preview .swiper-wrapper{height:100%;}
.pro_img .preview .swiper-slide{cursor:pointer;padding-right:8px;width:100%;display:inline-block;box-sizing:border-box;position:relative;}
.pro_img .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;vertical-align:middle;position:absolute;top:calc(50% - 8px);right:0px;border-top:8px solid transparent;border-left:8px solid #000;border-bottom:8px solid transparent;}
.pro_img .preview .swiper-slide .pic{border:1px solid #E3E3E3;}
.pro_img .preview .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}

.pro_img .preview .swiper-slide.active-nav .pic{border-color:#000;}
.pro_img .preview .swiper-slide.active-nav::after{display:block;}

.pro_img .preview .arrow-left,.pro_img .preview .arrow-right{background:#E7E6E6;color:#929191;position:absolute;left:0;right:0;width:150px;height:20px;z-index:10;text-align:center;}
.pro_img .preview .arrow-left{top:0;}
.pro_img .preview .arrow-right{bottom:0;}
.pro_img .preview .arrow-left i,.pro_img .preview .arrow-right i{color:inherit;font-size:17px;line-height:20px;}
.pro_img .preview .arrow-left:hover,.pro_img .preview .arrow-right:hover{color:#0033A8;}



.pro_view_inner{flex:1;margin-left:60px;overflow:hidden;}
.pro_view_inner h6{color:#1f1f1f;font-size:24px;line-height:1;font-weight:300;}
.pro_view_inner h1{color:#1f1f1f;font-size:30px;line-height:1;font-weight:600;text-transform:capitalize;margin:10px 0 0;}
.pro_view_inner hr{height:4px;background:url(../images/line2.png) repeat-x;margin:20px 0;}
.pro_view_inner .pro_para{color:#1f1f1f;font-size:14px;line-height:28px;margin:30px 0 0;color: #ccc;}
.pro_para{color:#1f1f1f;font-size:16px;line-height: 30px;margin:30px 0 0;color: #ccc; }
#tags{text-indent: 200px;}
@media (max-width: 1900px) {
   .pro_para{
  <!--      text-indent: 100px; -->
    }
}
.pro_view_inner .pro_para p~p{margin-top:10px;}
.pro_view_inner .pro_para table{width:100%;font-size:16px;border:1px solid #ddd;}
.pro_view_inner .pro_para table tr > th{padding:7px 8px;vertical-align:middle;border:1px solid #ddd;font-weight:500;}
.pro_view_inner .pro_para table tr > td{padding:7px 8px;vertical-align:middle;border:1px solid #ddd;}

.pro_view_inner .btn-box{font-size:0;margin:40px 0 0;}
.pro_view_inner .btn-box a{width:100%;height:35px;line-height:35px;font-size:18px;border-radius:6px;text-align:center;color:#fff;display:inline-block;font-weight:600;}
.pro_view_inner .btn-box a+a{margin-top:9px;}
.pro_view_inner .btn-box a i{font-size:22px;margin-right:8px;vertical-align:middle;}
.pro_view_inner .book{background:var(--btn-bg);}
.pro_view_inner .book:hover{background:var(--btn-bg-hover);}
                           
.pro_view_inner .books{background:var(--btn-bg);}
.pro_view_inner .books:hover{background:var(--btn-bg-hover);}
                           
.pro_view_inner .pdf{background:var(--btn-bg2);margin-left:30px;}
.pro_view_inner .pdf:hover{background:var(--btn-bg2-hover);}

.pro_view_inner .pro-share{margin:20px 0 0;}




.pro_text{background:#F7F7F7;padding:0 0 50px;position:relative;}
.pro_text .tit{}
.pro_text .tit h5{color:#141414;line-height:1;font-size:48px;font-weight:600;}

.pro-scroll{padding:50px 0 0;}


.pro-content{font-size:16px;line-height:26px;padding:20px 0 0;color:#333;overflow-x: auto;}
.pro-content h5{font-size:18px;color:#333;font-family:var(--font-family1);margin-bottom:10px;}
.pro-content p{margin:0 0 10px;}
.pro-content img{width:100%;}
.pro-content .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-content table{width:100%;max-width:100%;margin-bottom:20px;font-size:17px;border:1px solid #5F5F5F;color:#333;/*text-transform:capitalize;*/word-break: normal !important;}
.pro-content table tr > th{padding:10px 15px;vertical-align:middle;border:1px solid #5F5F5F;font-family:var(--font-family1);}
.pro-content table tr > td{padding:10px 15px;vertical-align:middle;border:1px solid #5F5F5F;}
.pro-content table tr.firstRow > td{font-weight:600;}
.pro-content table tr > td *{margin:0;padding:0;}
.pro-content table tr > td p{margin:0;}

.pro-content dl{}
.pro-content dl dd{background:url(../images/dot1.png) no-repeat left 8px;color:#333;line-height:22px;padding:0 0 0 15px;font-size:16px;}
.pro-content dl dd~dd{margin-top:10px;}

.pro-app{position:relative;}
.pro-app .swiper-slide{position:relative;}
.pro-app .swiper-slide .txt{position:absolute;left:0;right:0;bottom:0;}
.pro-app .swiper-slide .txt .box{max-width:835px;background:rgba(255,255,255,0.84);padding:30px 50px;border-radius:15px 15px 0 0;}
.pro-app .swiper-slide .txt h3{font-size:48px;color:#141414;line-height:1;font-weight:600;}
.pro-app .swiper-slide .txt h3::after {
  display: block;
  content: '';
  width: 220px;
  height: 6px;
  background: #000;
  margin: 15px 0 20px 0px;
}
.pro-app .swiper-slide .txt h5{font-size:36px;color:#141414;line-height:1;font-weight:600;}
.pro-app .swiper-slide .txt p{font-size:18px;color:#141414;font-weight:300;}

.pro-why{padding:80px 0;background:#fff;}

.pro-cert{padding:80px 0;background:url(../images/ibg2.jpg) no-repeat center;}
.pro-cert h3{font-size:48px;color:#212121;line-height:1;font-weight:600;}
.pro-cert p{font-size:18px;color:#373737;max-width:80%;margin:15px 0 0;line-height:2;}
.pro-cert ul{display:flex;flex-wrap:wrap;margin:30px -12px 0;}
.pro-cert ul li{width:20%;padding:0 12px;}
.pro-cert ul li a{background:rgba(255,255,255,0.83);display:block;text-align:center;padding:40px 0;}

.pro-inquiry{margin-top:30px;}
.pro-inquiry h3{font-size:48px;color:#212121;line-height:1;font-weight:600;text-align:center;}
.pro-inquiry .inquirbox{margin:40px 0 0;}




/*-----contact-----*/

.contact{padding:120px 0 40px;background:#F5F5F5;}
.contact ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.contact ul li{width:calc(33.333333% - 45px);background:#fff;padding:75px 45px;text-align:center;border-radius:6px;}
.contact ul li img{height:98px;}
.contact ul li h5{font-size:24px;color:#1f1f1f;font-weight:600;margin:40px 0 30px;}
.contact ul li p{font-size:18px;color:#434343;font-weight:300;line-height:30px;}

.map{padding:80px 0 0;background:#F5F5F5;}
.map h3{font-size:48px;color:#212121;line-height:1;font-weight:600;text-align:center;margin-bottom:60px;}

.contact-inquiry{padding:80px 0;background:#fff;text-align:center;}
.contact-inquiry h3{font-size:48px;color:#212121;line-height:1;font-weight:600;}
.contact-inquiry p{font-size:18px;color:#5a5a5a;line-height:30px;max-width:80%;margin:25px auto 0;}


/*-----------*/