/*!
 
 @Date: 2023-12-19
 @Author: Jack
 @Website： tomist.com
 
 */
 
 body {
    background: #171717; color:#ccc;
}


 header {   
    height: 76px;
    background: linear-gradient(to right, #303030, #151515);
}

header .logo img {
    max-height: 40px;
}

header .nav li {
    padding: 0 2.53vw;
    height: 100%;
}

header .nav li .li_a {
        font-weight: 200;
}	

.banner .swiper-slide .img img {
    width: 100%;
    height: auto;
    min-height: 160px;
}



.li-search { margin-left:3vw;}

.search-btn {background:none; margin-left:-28px; font-size:18px;}
.search-btn:hover {color:#fa911c;}
	
.search-text {width:160px; height:33px;background:#333; border:none;border-radius:5px;color:#999;}




header .nav li .nav_li:before {
  content: '';
  width: 5000px;
  height: 100%;
  position: absolute;
  left: -2500px;
  top: 0;
  background: #d1d1d1;
  z-index: -1;
}

header .nav li .nav_li a{color:#333; float:left;}

header .nav li .nav_li a:hover:before,
header .nav li .nav_li a.on:before {
  width: 100px;
  background: none;
}


header .nav li .nav_li {padding:0 60px; padding-bottom:13%;}

.pico1 {width:33%;height:auto;border:0px solid #f30; float:left; margin-top:30px; }
.pico1 a{ float:left; width:30%;text-align:center; background:#fff; margin-right:3%; color:#333; }
.pico1 a:hover{background:#999;}
.pico1 a:before{border:none;}
.pico1 a img{max-height:90%; }
.pico1 a p{line-height:20px;margin-top:-15px; font-size:0.85rem; margin-bottom:10px;}

.pico1 a.pbg{width:96%;  background:none;  color:#333; margin-top:10%;}
.pico1 a.pbg img{width:100%; margin-top:-5%;}
.pico1 a.pbg h5{margin-top:-38%;color:#fff; font-size:1.65rem;z-index:99;}
.pico1 a.pbg:hover h5{color:#fa911c;transform: scale(1);}
.pico1 a.pbg:hover img{opacity:0.95;}

.pico2 {width:48%;height:auto;border:0px solid #f30; float:left; margin-top:30px; margin-right:2%;}
.pico3 {width:31.2%;height:auto;border:0px solid #f30; float:left; margin-top:120px; margin-right:2%;}

.pico2 a h5{margin-top:-18%;color:#fff; font-size:1.35rem;z-index:99;text-align:center;}
.pico2 a:hover h5{color:#fa911c;transform: scale(1);}
.pico2 a:hover img{opacity:0.95;}

.pico3 a h5{margin-top:-28%;color:#fff; font-size:1.35rem;z-index:99; text-align:center;}
.pico3 a:hover h5{color:#fa911c;transform: scale(1);}
.pico3 a:hover img{opacity:0.95;}


/*  title-About ----  Tomist.com  2023-12-15  */

.pro_index {
    padding: 5.21vw 0 1vw;
}

.title-about{height:42px;margin-bottom:50px;}
.title-about img{height:100%; margin-right:10px; float:left;}
.title-about .line{width:0px;height:21px;border:1px solid #666; margin:12px 15px 12px 8px;float:left;}
.title-about h3 {color:#fff; line-height:44px;font-size:24px; font-weight:200; }


.pro_s .swiper-slide a {border:0; padding:0;padding:0 1rem;}
.pro_s .swiper-slide a:hover {background:#333;}



.pro_s .swiper-slide a .art {
    height: 3vw;
    min-height: 40px;
    width: 100%;
	
}



.art h4, .h4 {
    font-size: 18px;      
    line-height:36px;
    margin:0 auto;
	color:#fff;
	text-align:right;
	 
}

.art .fa{color:#fff; background:#2f2f2f;width:20px; height:30px; line-height:30px; text-align:left; float:left;}

.art h4,.h4 a {
      color: #fff;font-size:18px;font-weight:200; border-bottom:1px solid #999;
}

.art h4 span {
   float:left;   
} 


/* footprint_index ----  Tomist.com  2023-12-15  */


.footprint_index {
    padding: 4.25vw 0;
    background: none;
}

.index_title { color: #fff;	text-align:center; margin-bottom:20px;}

.index_title .title {
   
    font-weight: 200;
    font-size: 32px;
    line-height: 56px;

}

.index_title .title-subhny {
    color: #fff;
    font-weight: 200;
    font-size: 18px;
	text-align:center;
}


.banner .swiper-pagination span {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: none;
    min-width: 0rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;background: #f2f2f2; opacity:0.6;
}

 


.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {

    background: #333;opacity:1;

}



.dzico {z-index:1999; position:absolute; margin-top:-49%; margin-left:5%; }
.dzico img{ max-width:50px;}
.dzico img:hover{ max-width:50px;}

 

.dzico .dzform { width:420px;min-height:330px;height:auto; overflow:hidden;margin-top:20px; background:rgba(255,255,255,0.5); padding:26px; color:#000; padding-bottom:45px;display:none; }
.dzico .dzform h3{font-size:1.65rem;text-align:center;color:#000;font-weight:600; border-bottom:2px solid #333; line-height:3.5rem; margin-bottom:20px;padding-bottom:15px;}
.dzico .dzform p{font-size:1rem;line-height:2.85rem;font-weight:400; padding-left:8px;}
.dzico .dzform p::before {
  content: "";
  display: inline-block;
  width: 12px; 
  height: 12px; border-radius:50%;
  background-color:#57664d;
  margin-right: 8px; /* 可以根据需要调整小圆点与文字之间的间距 */
}

.dzico .dzsubtxt{ margin-top:20px; width:280px; border:2px solid #999; background:#222; height:46px;border-radius:22px; color:#fff;line-height:43px;font-size:1.15rem; font-weight:600; padding-left:1.5rem; float:left;}

.dzico .dzsub{margin-top:20px;border:0; width:60px; border:2px solid #999; background:#fff; height:46px;border-radius:22px; color:#222;line-height:46px;font-size:1.15rem; font-weight:600; text-align:center; float:left; margin-left:-45px; font-family:Helvetica;}
.dzico .dzsub:hover{ background:#ccc;}

/* brand ----  Tomist.com  2023-12-15  */

 
#stats {height:auto;overflow:hidden;}

.brand {height:auto;overflow:hidden; min-height:600px; }

.brand img {max-width:100%; height:auto;display: block; float:none;margin: 0 auto;}

.brandtext {z-index:999; position:relative; left:10%; margin-top:-40%;}
.brandtext .textlogo{ position:relative;  margin-bottom:30px; margin-left:-10px;}
.brandtext p{ color:#fff;font-size:16px; line-height:46px;text-align:left;}
.brandtext li{float:left;background:#fff;width:56px;height:56px; border-radius:5px;text-align:center; margin-top:50px; margin-right:30px;}
.brandtext li img{height:42px; margin-top:8px;}
.brandtext li:hover{background:#b4b6c2;}


.brandtext form {width:100%; padding-top:160px;}
.brandtext form input{border:0; width:240px; border:2px solid #999; background:none; height:46px;border-radius:5px; color:#fff;padding-left:1rem;}
 

.brandtext form .iconfont{font-size:1.6rem; font-weight:600;position:absolute;margin-left:-2rem; margin-top:0.35rem; color:#555;}
.brandtext form .iconfont:hover {color:#fff;}


/* pro ----  Tomist.com  2023-12-26  */

.pro {height:auto;overflow:hidden; min-height:200px; margin-top:70px;  height:auto;}
.brand img {max-width:100%; height:auto;display: block; float:none;margin: 0 auto;}
.pro .brandtext{z-index:999; position:relative; left:10%; margin-top:-36%;display:none;}
.pro .brandtext h2{ font-size:3rem; color:#333;}


.plist { padding-bottom:13%;background:#fff;height: auto;
    overflow: hidden;}
.plist .pro_title {width:100%; min-width:1360px; height:48px; margin:50px 0; text-align:center; background:#58664d; line-height:48px; font-size:1.45rem; color:#fff;  text-transform: uppercase;}
.plist .pro_s .swiper-slide a {border:1px solid #8b9086;}
.plist .pro_s .swiper-slide a:hover {background:#ccc;}

.plist_art {padding-bottom:20px;text-align:center;}
.plist_art h4{color:#333;font-size:1.85rem;line-height:2;text-align:center;font-weight:bold; font-family:Calibri;}
.plist_art h5{color:#333;font-size:1.35rem;}
.plist_art span{color:#333;font-size:0.85rem; line-height:3;}

.plist .pro-list {width:100%; height:auto; overflow:hidden; background:#fff;}
.plist .pro-list li{width:32%; float:left; margin-right:2%;border:1px solid #8b9086; margin-bottom:28px;text-align:center;}
.plist .pro-list li:nth-child(3n){float:right; margin-right:0;}
.plist .pro-list li:hover{background:#f0f0f0;}

 
.plist .imgbox img {
    transition: transform 0.3s ease;
}

.plist .imgbox:hover img {
    transform: scale(1.1); /* 鼠标滑过时放大 1.1 倍 */
}
.plist .imgbox {
    overflow: hidden;
}

/* about ----  Tomist.com  2023-12-26  */


.abo {height:auto;overflow:hidden; min-height:200px; margin-top:70px;  height:auto;background-color: transparent;}
.abo .abologo img {z-index:-1; max-width:100%; height:auto;display: block; float:none;margin: 0 auto;}

.abo .abotop{z-index:99; position:absolute; top:200px; text-align:center; width:100%;color:#fff;}
.abo .abotoptext{ margin:0 auto; max-width:1000px;}

.abo .abotoptext .abotoptitle{ margin:30px 0;  height:auto; overflow:hidden;display: flex;
  justify-content: center;
  align-items: center; }
.abo .abotoptext img{float:left; max-width:256px; }
.abo .abotoptext h3{font-size:1.85rem;float:left;}
.abo .abotoptext .line{width:0px;height:1.85rem;border:1px solid #666; margin:12px 15px 12px 8px;float:left;}
.abo .abotoptext p{font-size:1rem; line-height:2rem; padding:0 25px;}


/* abomain ----  Tomist.com  2023-12-15  */



.abomain{position: relative;z-index:99;  margin-top:-46%; min-height:1200px; height:auto; overflow:hidden; padding:60px 0; color:#fff; border:0px solid #f50; }

.abomain .abotoptitle{ text-align:center;} 
.abomain .abotoptitle h3{ font-size:2.1rem; letter-spacing:2px;} 
.abomain .abotoptitle p{font-size:1rem;letter-spacing:2px; line-height:2rem;}
.abomain .abomainlist{ margin:0 auto; margin-top:10%;max-width:80%; padding:0 60px; height:800px; border:0px solid #fff; }



.abomainlist .maintitle { width:240px;  background:rgba(31,31,31,0.5); padding:20px 30px; margin-bottom:30px; } 
.abomainlist .maintitle a{ color:#fff;} 

.abomainlist .maintitle h3{ font-size:2.8rem; letter-spacing:5px;} 
.abomainlist .maintitle img{ max-height:36px; position: relative; margin:15px 15px 0 0; float:left;} 
.abomainlist .maintitle .tit {height:auto;overflow:hidden;}
.abomainlist .maintitle p{ width:100%;font-size:0.85rem;letter-spacing:2px; line-height:1.25rem; text-align:left;}

.abomainlist .maintitle:hover{ background:rgba(46,46,46,0.5);} 


.selector {
  cursor: pointer;
}

.abomain .abomainleft{ float:left; } 
.abomain .abomainright{ width:70%; float:right;border:1px solid #fff; min-height:960px;} 

 .contright {
      display: none;
    }

.abomainright .mui-player {
	
	position:relative;   margin-bottom:12%; margin-top:10%; margin-right:-10%;text-align:right;
   
}

.abomainright .mui-player  video{
	
	width:80%; background:#000; height:420px;
   
}

.newsimgs .player_img {width:80%; margin:0 auto;text-align:center;}

.newsimgs .player_img img:hover {opacity:0.65;}

.abomainright p{ padding:0 15%;font-size:1rem; line-height:3rem; margin-top:10%;}
	


/* aboimgs ----  Tomist.com  2023-12-15  */

.aboimgs{position: relative;z-index:999;  margin-top:10%; min-height:700px; height:auto; overflow:hidden; padding-top:10%; color:#fff; border:0px solid #f50; border-top:1px solid #333; }

.aboimgs .toptitle{ text-align:center;} 
.aboimgs .toptitle h3{ font-size:2.1rem; letter-spacing:2px;} 
.aboimgs .toptitle p{font-size:1rem;letter-spacing:2px; line-height:2rem;}

.aboimgs .toptitle .desc{font-size:1rem; line-height:2rem; padding:0 20%; margin:6% 0;}

.aboimgs .toptitle2{ border-top:1px solid #333;margin-top:6%; padding-top:10%; margin-bottom: -6px;	 } 

.toptitle  .map{border-top:1px solid #333;margin-top:6%;padding-top:6%;}



/* suppost ----  Tomist.com  2023-12-28  */


.suppost {height:auto;overflow:hidden; min-height:600px; padding:80px 0;}

.suppost .toptext { color:#fff; margin:0 auto;margin-top:10%;max-width:960px; text-align:center; height:auto;overflow:hidden;}
.suppost .toptext h3{ color:#fff; font-size:2.1rem;letter-spacing:2px; line-height:3rem;   }
.suppost .toptext p{font-size:1rem; margin-top:5%;}
.suppost .toptext li{margin-top:5%; width:28%; border:1px solid #999; height:320px; padding:20px; float:left; margin-left:4%;}
.suppost .toptext li img{margin-top:35%;}
.suppost .toptext li p{font-size:1rem;color:#fff;margin-top:35%;text-align:center;}
.suppost .toptext li:hover, .suppost .toptext li.curr{background:#393939;}

.suppost .subtext { color:#fff; margin:0 auto;margin-top:10%;padding:30px 0; border-top:1px solid #444;  min-height:600px; text-align:center; display:none; }
.suppost .subtext .atitle {margin:10% auto;color:#999;max-width:1200px; text-align:left; padding:15px;}

.subtext li{ margin:0 auto;max-width:1200px; height:56px;  text-align:left; border:0px solid #f66;}

.subtext li span{font-size:1.25rem; color:#ccc;letter-spacing:4px; }
.subtext li input{height:36px; width:88%;font-size:1.1rem; border-bottom:1px solid #666; color:#ccc; text-indent:0.5rem;}

.subtext .sub{ margin:0 auto; margin-top:3%;color:#ccc;font-size:1.25rem; height:52px; width:160px; border:1px solid #ccc; line-height:52px; border-radius:3px;text-align: center;}
.subtext .sub:hover{background:#393939; color:#fff;}

	
	
/* contact ----  Tomist.com  2023-12-15  */	
	
	

.contact {height:auto;overflow:hidden; min-height:600px; padding:80px 0 0 0; background:url(/assets/images/conbg.jpg); background-size:100% auto;}	
	
	
.contact .toptext { color:#fff; margin:0 auto;margin-top:10%;max-width:1200px; text-align:center; height:auto;overflow:hidden; padding-left:3%;}
.contact .toptext h3{ color:#fff; font-size:2.1rem;letter-spacing:2px; line-height:3rem;   }

.contact .toptext li{margin-top:12%; width:20%; border:1px solid #999; height:260px; padding:20px; float:left; margin-right:9%;}
.contact .toptext li img{margin-top:1%; max-width:85%;}
.contact .toptext li p{font-size:1rem;color:#fff;margin-top:12%;text-align:center;}
.contact .toptext li:hover, .suppost .toptext li.curr{background:#393939;}	


.contact .ctitle {margin:0 auto;color:#fff;max-width:1200px; padding-top:40px; text-align:center; padding-bottom:60px;}
.contact .ctitle  img{max-height:45px;}
.contact .ctitle  p{font-size:1rem; line-height:2rem;}
.contact .ctitle  p.botp{margin-top:5%;}
.contact .ctitle  p.botp span{margin-right:10%;}
	
.contact .subtext2 { color:#fff; margin:0 auto;padding:50px 0; border-top:1px solid #999;  min-height:600px; text-align:center; display:none; }
.contact .subtext2 .atitle {margin:6% auto;color:#ccc;max-width:1200px; text-align:center;}

.subtext2 li{ margin:0 auto;max-width:960px; height:56px;  text-align:left; border:0px solid #f66;}

.subtext2 li span{font-size:1.25rem; color:#ccc;letter-spacing:4px; }
.subtext2 li input{height:36px; width:88%;font-size:1.1rem; border-bottom:1px solid #999; color:#ccc; text-indent:0.5rem;}

.subtext2 .sub{ margin:0 auto; margin-top:3%;color:#ccc;font-size:1.25rem; height:52px; width:160px; border:1px solid #ccc; line-height:52px; border-radius:3px;}
.subtext2 .sub:hover{background:#393939; color:#fff;}	
	
	
	
	
/* news ----  Tomist.com  2023-12-28  */	
	
.news {height:auto;overflow:hidden; min-height:600px; padding:80px 0;}	
.news .toptext {padding:30px 60px;}	
.news .swiper-slide a {color:#ccc;}	
.news .swiper-slide a:hover {color:#fff; background:none;}	
.news .toph3 { width:10%;float:left;   margin-top:10px;}
.news  .swiper	{width:90%; overflow:hidden; float:right;}
	
.news .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    color: #999;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .1;
}

.newsimgs {margin:70px auto;}
.newsimgs  img{width:100%;margin-top: -6px;}

.newsimgs .mui-player{margin:0 auto; text-align:center;}
.newsimgs .mui-player video{width:1200px;margin-top: 0;}
.newsimgs .mui-player img{margin-top: 0;}

.newsimgs .address {margin:70px auto;max-width:1200px; border:1px solid #666; padding:20px;}
.newsimgs .address h3{font-size:1.25rem;letter-spacing:2px; line-height:3rem;   }
.newsimgs .address p{font-size:0.85rem; line-height:1rem;   }
.newsimgs .address span{float:right; margin-top:-40px; margin-right:3%;font-size:1.05rem;letter-spacing:2px; }
.newsimgs .address span a{color:#ccc;}
.newsimgs .address span a:hover{color:#fa911c;}

 .newsub .atitle {margin:6% auto;color:#999; max-width:1200px;  padding:15px;}
 .newsub .atitle h3{font-size:2.25rem;letter-spacing:2px; line-height:3rem; text-align:center; margin-bottom:60px; }


/* case ----  Tomist.com  2023-12-15  */

.case .swiper-slide h3 img {max-height:20px; float:left; margin-right:6px;}

.casesub { border-top:1px solid #666;  margin-top:-60px;}


.quan { padding-top:0;}


/* product ----  Tomist.com  2023-12-15  */

.product {height:auto;overflow:hidden; min-height:900px; }
	
.product .protop {margin:0 auto;margin-top:42%; margin-bottom:6%;height:auto;overflow:hidden; min-height:600px; padding-bottom:4%; max-width:80%;border:0px solid #ccc; border-radius:50px;background-image: linear-gradient(to bottom, #e8e8e8, #fff); }

.alitpic  {margin-top:60px;}
.alitpic img {max-height:360px;}

.pros {width:360px;height:380px; overflow:hidden; margin:0 2%; border:0px solid #f66; float:left;}

.pros  .swiper-slide .img{display: flex;
  justify-content: center;
  align-items: center;  }
 .pros  .swiper-slide .img img{ max-height:320px;} 
.pros .swiper-pagination {
    border:0px solid #f66; position:relative;  top:95%; 
   
}

/* new productView ----  Tomist.com  2024-8-7  */
.protop{ text-align:center;} 
.protop h3{ font-size:1.5rem;color:#333;font-weight:bold;line-height:3;} 
.protop .pro_title { width:80%; height:38px; margin:50px auto; text-align:left; background:#58664d; line-height:38px; font-size:1.25rem; color:#fff; font-weight:400;  text-transform: uppercase; padding-left:10px;}

.bread {width:90%; margin:20px auto;border-bottom:2px solid #58664d; }
.bread p{line-height:48px;font-size:1.55rem; color:#333;font-weight:400; text-align:left;text-transform: uppercase;}


.prostext {color:#333;height:auto;overflow:hidden; padding-top:15px;} 
 
.prostext li{  width:80%; min-height:38px; height:auto; overflow:hidden; margin:0px auto; padding:0 10px;}  
.prostext li p{ font-size:1rem;font-weight:400; line-height:38px; float:left; text-align:right;} 
.prostext li p:last-child{float:right;}

.prostext li:nth-child(2n) {
    background: #f2f2f2;
}

.product .proimgs {
    text-align:center;
	background: #020202;
	height:auto;
	overflow:hidden;
	margin-bottom:80px;
}


.product .proimgs img {
    width: 90%;
    margin:0 auto;
}



.onlineshop {height:100vh; background-position:center center;}




.onlineshop .shoptop { color:#333; margin:0 auto;margin-top:8%;max-width:800px; overflow:hidden;  background:#fff; padding-bottom:50px; }

.onlineshop .shoptop h3{ color:#333; font-size:1.35rem;letter-spacing:2px; line-height:3.6rem; border-bottom:1px solid #ccc; text-indent:2rem; }

.onlineshop .shoptop li{width:36%;margin:3% 6%;  border:1px solid #ccc; height:128px; float:left; background:#fff;}

.onlineshop .shoptop li img{margin-top:1%; max-width:100%;}
.onlineshop .shoptop li p{font-size:1rem;color:#333;line-height:3rem;text-align:center;}
.onlineshop .shoptop li:hover, .onlineshop .suppost .toptext li.curr{ border:1px solid #fa911c;}	
.onlineshop .shoptop li:hover p {color:#fa911c;}	




/* article ----  Tomist.com  2023-12-26  */

.article {position:relative;  margin-top:70px;  height:auto;  overflow:hidden;}
.article-view {max-height:360px;}


.article img {max-width:100%; height:auto;  }
.article .articletext{position:absolute; left:10%; top:33%;}
.article .articletext h2{ font-size:2rem; color:#fff;}


.artlist { padding:3%; height:auto;  overflow:hidden; }

.artlist .title-about h3 {
    color: #fff;
    line-height: 44px;
    font-size: 24px;
    font-weight: 200;
    float: right;
}


.artlist li { color:#fff;} .artlist li:hover{ color:#fa911c;}
.artlist li:hover{ border-bottom:1px solid #fa911c;}
.artlist li img{width:100%;} .artlist li:hover img{opacity:0.85;}
.artlist li{ width:40%; border-bottom:1px solid #fff; padding-bottom:20px;float:left; margin:5%;}
.artlist li .arttext{padding-left:0rem;}
.artlist li h4{font-size:1.15rem;text-align:left; line-height:2rem; margin-bottom:1rem;}
.artlist li p{font-size:0.85rem;}
.artlist li span{font-size:1rem; float:right; margin-top:-1.5rem;}

.artview {background:#fff; padding:60px 30px; border-radius:10px;}
.artview  h3{color:#333;font-size:1.85rem;text-align:center; line-height:4.5rem; margin-bottom:1rem;}
.join_content_data {float:right; font-size:0.85rem;}
.join_content {margin-top:5%;}
.back {
    margin: 0 auto;
    text-align: center;
    margin-top: 6%;
}

.back:hover {color:#fa911c;}



/* manual ----  Tomist.com  2023-12-26  */

.manual {height:auto;  overflow:hidden; padding-bottom:10%;}


.manual .search-text {
    width: 60%;
    height: 53px;
    background: #333;
    border: none;
    border-radius: 5px;
    color: #999;
	margin:20px auto; padding-left:20px;
}

.manual .iconfont{
     font-size:24px;   position:absolute; margin-top:30px;margin-left:-40px;
}

.manual .icon-search:before {
    content: "\e60c"; color:#fff;
}

.manual .icon-search:hover:before {
    content: "\e60c"; color:#fa911c;
}



.manual .toptext li {
    margin-top: 6%;
    width: 20%;
    border: 1px solid #999;
    height: auto;
    padding: 0px;
	padding-bottom:10px;
    float: left;
    margin-right: 9%;
}

.manual .toptext li  em{ color: #fff;font-size:0.75rem; font-family:Palatino; font-weight:600;}

.manual .toptext li h4 {
    font-size: 1rem;
    color: #fff;
    margin-top: 6%;
    text-align: center;
}

.manual .toptext li img {
    margin-top: 4%; padding:12%;
    
}


.manual .toptext li h4.bot {
    font-size: 1rem;
    color: #fff;
    margin-top: 6%;
    text-align: center;
	border-top:1px solid #ccc; padding-top:10px;
}






.endorse h2 { font-size: 2.3rem; letter-spacing:2px; color: #fff;}

.endorse .title-about {height:auto;margin-bottom:3%;}

.endorse  .newsimgs {border-bottom: 1px solid #444;}

.endorsemore {
    margin: 70px auto;
    
    border: 0px solid #666;
    padding: 20px 0;
	text-align:center;
}

.endorsemore h2 { font-size: 2.3rem; letter-spacing:2px; color: #fff; margin-bottom: 6%;}

 .endorsemore img{
    margin-top: 0px;

}

	
/* video_list ----  Tomist.com  2023-12-15  */

.video_list { margin:60px auto;height:auto;overflow:hidden; background:none;}
.video_list li{float:left; width:31%; margin-right:3%; color:#fff; border:1px #fff solid; height:90px;padding: 0 30px ; margin-bottom:20px;}
.video_list li:hover{border:1px #fa911c solid;}
.video_list li a{color:#fff;}
.video_list li:hover a{color:#fa911c;}
.video_list li h5{height:60px; margin-top:20px;}
.video_list li:nth-child(3n){margin-right:0%; float:right;}

.title-video {margin:60px auto; height:auto;overflow:hidden;}
.title-video h3 {line-height: 44px;
    font-size: 24px;
    font-weight: 400; width:50%; float:left;}

.title-video h4 { float:right;line-height: 44px; font-size: 18px;}



	
/* footer ----  Tomist.com  2023-12-15  */

footer {
    background: #f2f2f2;
    padding: 0;
}
footer .w1600 .left {
 width:70%;   
}
footer .w1600 .left p{
   line-height:80px; 
}

footer .w1600 .left a{
   margin-left:6px;
}


footer .w1600 .right {width:120px; height:80px;display: block;float:right;}
footer .w1600 .right .gotop { background:#333;height:80px; text-align:center;  }
footer .w1600 .right .gotop a{  color:#f2f2f2; font-size:0.75rem;}
footer .w1600 .right .gotop a:hover{ color:#fa911c; }
footer .w1600 .right .gotop .iconfont{ display: block;font-size:3em; float:none;margin: 0 auto;}
.c-right-pop {display:none;}




/* Mobile screen ----  Tomist.com  2023-12-15  */

@media only screen and (max-width: 1760px){
	
.subtext li{ max-width:1000px; }

}

@media only screen and (max-width: 760px){
	

.title-about img {
    height: 70%;
    margin-right: 10px;
    float: left;margin-left: 16px;
}

.title-about .line {
    width: 0px;
    height: 1rem;
    border: 1px solid #666;
    margin: 8px 8px 12px 0px;
    float: left;
}


.title-about h3 {
    color: #fff;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 200;
}


.index_title .title {
    font-weight: 200;
    font-size: 1.25rem;
    line-height: 3rem;
}
.index_title .title-subhny {
    color: #fff;
    font-weight: 200;
    font-size: 0.85rem;
    text-align: center;
}



.banner .swiper-pagination span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: none;
    min-width: 0rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}


.brandtext {
    z-index: 999;
    position: relative;
    left: 10%;
    margin-top: -15%;
	
}

.brandtext .textlogo {
    position: relative;
    margin-bottom: 10px;
    margin-left: -10px;
	max-width:60%;
}

 


.brandtext li {
    float: left;
    background: #fff;
    width: 56px;
    height: 56px;
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    margin-right: 30px;
}



.brandtext form {
    width: 100%;
    padding-top: 120px;
}




footer .w1600 .left {
 width:70%;   
}

footer .w1600 .left p{
   line-height:30px; 
}

footer .w1600 .right {width:80px; height:60px;display: block;float:right; position:absolute; right:10px;}

footer .w1600 .right .gotop { background:#333;height:60px; text-align:center;  }
footer .w1600 .right .gotop .iconfont{ display: block;font-size:2em; float:none;margin: 0 auto;}	


.abo {

    min-height: 200px;
    margin-top: 0px;

}
.abo .abotop {
    z-index: 999;
    position: absolute;
    top: 100px;
    text-align: center;
    width: 100%;
    color: #fff;
}


.abo .abotoptext .abotoptitle{ margin:30px auto;  height:auto; overflow:hidden;display: block; margin-left:15%; }

.abomain {
    position: relative;
    z-index: 999;
    margin-top: 0;
}


	.abomain .abomainlist {
		margin: 0 auto;
		margin-top: 10%;
		max-width: 100%;
		padding: 0 10px;
		height: auto;
		border: 0px solid #fff;
	}
	.abomain .abomainright {
		width: 100%;
		float: right;
		border: 1px solid #fff;
		min-height: 760px;
	}
	.abomainright .mui-player {
		position: relative;
		margin-bottom: 12%;
		margin-top: 10%;
		margin-right: 0%;
		text-align: right;
	}
	
	.abomainright .mui-player video {
	width: 100%;
	background: #000;
	height: auto;
	}
	.abomainright p {
	padding: 0 15px;
	font-size: 1rem;
	line-height: 3rem;
	margin-top: 10%;
	}
	
	
	.suppost .toptext h3 {
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 2px;
	line-height: 3rem;
	}
	.suppost .toptext p {
	font-size: 0.85rem;
	margin-top: 5%; padding:0 20px;
	}


.suppost .toptext li {
    margin-top: 5%;
    width: 28%;
    border: 1px solid #999;
    height: 190px;
    padding: 20px;
    float: left;
    margin-left: 4%;
}
.suppost .toptext li p {
    font-size: 1rem;
    color: #fff;
    margin-top: 25%;
    text-align: center; padding:0;
}



.contact .toptext li {
    margin-top: 5%;
    width: 28%;
    border: 1px solid #999;
    height: 190px;
    padding: 6px;
    float: left;
    margin-left: 3%; margin-right:0;
}

.contact .toptext li img {
    margin-top: 12%;
    max-width: 96%;
}


.contact .subtext2 .atitle {
    margin: 6% auto;
    color: #ccc;
    max-width: 1200px;
    text-align: center;
	padding:0 15px;
}


.subtext li, .subtext2 li {
    height: 76px;
    text-align: left;
    padding: 15px;
}

.subtext2 li span {
    font-size: 1.25rem;
    color: #ccc;
    letter-spacing: 4px;
	 width:80px; 
}

.subtext li input , .subtext2 li input {
    height: 36px;
    width: 100%;
    font-size: 1.1rem;
    border-bottom: 1px solid #999;
    color: #ccc;
    text-indent: 0.5rem;
}



.subtext .sub, .subtext2 .sub {
    margin: 0 auto;
    margin-top: 13%;
}

.news {
    height: auto;
    overflow: hidden;
    min-height: 600px;
    padding: 0px 0 50px;
}

.newsimgs .mui-player video {
    width: 100%;
    margin-top: 0;
}

.news .toph3 {
    width: 100%;
    float: left;
    margin-top: 0px;
    text-align: center;
}

.news .swiper {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-bottom: 50px;
}

.news .swiper h3{font-size: 1.2rem;
	
line-height: 3rem;}


.news .swiper .swiper-button-next,  .news .swiper .swiper-button-prev{display:none;}

.newsimgs .address {
    margin: 70px auto;
    max-width: 1200px;
    border: 1px solid #666;
    padding: 10px 0 38px 20px;
}
.newsimgs .address span {
    float: right;
    margin-top: 10px;
    margin-right: 3%;
    font-size: 0.85rem;
    letter-spacing: 1px;
}


.case .swiper-slide h3 img {
    max-height: 32px;
    float: left;
    margin-right: 6px;
	margin-top:6px;
}


.product .protop {padding-bottom:0px; max-width:98%;}

	
.pros {width:100%;}



.prostext {width:100%; padding:60px 10px 20px 10px;}

.prostext li {
    margin-top: 16%;
    float: left; width:47%;
    margin-right: 0px;
    border-right: 1px solid #666;
    padding-right: 0px;padding-left: 20px; overflow:hidden;
}	
	
.prostext li:nth-child(2n-1) {
    margin-top: 16%;
    float: right;
    margin-right: 0px;
    border-right: 0px solid #666;
    padding-right: 0px;padding-left: 20px;
}	

.onlineshop .shoptop {
    color: #333;
    margin: 0 auto;
    margin-top: 8%;
    max-width: 80%;
    overflow: hidden;
    background: #fff;
    padding-bottom: 50px;
}
		
.onlineshop .shoptop li {
    width: 56%;
    margin: 10% 16%;
    border: 1px solid #ccc;
    height: 78px;
    float: left;
    background: #fff;
}	
	
.article {
	margin-bottom:3%;margin-top:0px;
}

.artlist .title-about h3 {
    color: #fff;
    line-height: 42px;
    font-size: 16px;
    font-weight: 200;
    float: right;
	margin-top:30px;
}
.artlist li h4 {
    font-size: 1rem;
    text-align: left;
    line-height: 1.2rem;
    margin-bottom: 1rem;
}
	
.article .articletext h2 {
    font-size: 1.2rem;
    color: #fff;
}

.artlist li span{font-size:0.85rem; float:right; margin-top:1rem;}	

.artlist-view { margin-top:-36px;}	

.artview {
    background: #fff;
    padding: 60px 30px;
    border-radius: 0px;
}

.artview h3 {
    color: #333;
    font-size: 1.65rem;
    text-align: center;
    line-height: 2.5rem;
    margin: 3rem 0;
}

.title-about-wap {
    height: 42px;
    margin: 10px 0;
}	

.title-about-wap h3{
text-align: right;
    margin-right: 2rem;
}	

.endorsemore {
    margin: -60px auto;
    border: 0px solid #666;
    padding: 20px 0;
    text-align: center;
	height:auto;
	overflow:hidden; margin-bottom:10px;
}

.endorse h2 {
    font-size: 1.5rem;
}
.endorsemore h2 {
    font-size: 1.5rem; padding:0 20%;

}


.video_list li{width:100%;}



	
}


.picoTen {width:100%;}

.picoTen a {width:9%; margin-right:0.8%;}	
.picoTen a:last-child {margin-right:0; }	


.picoTen a p {
    line-height: 25px;
    margin-top: -15px;
    font-size: 0.75rem;
    margin-bottom: 10px;
}

.pico11 {margin-top:-20px;}