@charset "UTF-8";
.contactMain { width: 100%; height: 100%; position: relative; margin: 60px auto 0; max-width: 1180px; } 
  
.contactAjax { max-width: 1180px; position: relative; overflow: hidden; width: 98%; margin: auto; }  
.contactAjaxTop { width: 105%; position: relative; overflow: hidden; }  
.contactAjaxTop input { width: 22.3%; height: 48px; border: 1px solid #ddd; padding: 0 20px; line-height: 48px; float: left; outline: none; margin-right: 20px; }  
.textarea { width: 100%; height: 178px; border: 1px solid #ddd; padding: 10px 20px; margin-top: 10px; outline: none; resize: none; }  
.contactBottom { width: 100%; margin-top: 20px; position: relative; }  
.code { width: 128px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #ddd; float: left; color: #333 !important; }  
.codeNum { width: 128px; height: 48px; line-height: 48px; float: left; margin-left: 160px; text-align: center; }  
.codeNum img { width: 100%; height: 100%; }  .btns { width: 200px; height: 50px; text-align: center; line-height: 50px; position: absolute; right: 0; background: #023793; color: #fff; font-size: 16px; cursor: pointer; }  
.information { position: absolute; left: 0; bottom: 40px; color: #bbb; font-size: 12px; }  
.code { position: absolute; top: 0; left: 0; text-align: center; color: #fff; font-size: 14px; }  
.code p { margin-top: 20px; }  .call { position: absolute; bottom: 40px; right: 0; }  
.callRight { width: 100%; height: 60px; border-bottom: 1px solid #525252; }  
.callRightPhone { float: left; height: 100%; width: 50%; }  
.callRightPhone p:first-child { font-size: 14px; color: #bbb; }  
.callRightPhone p:last-child { font-size: 20px; color: #fff; }  
.callRightAddress { font-size: 14px; color: #fff; margin-top: 10px; }  
.indexM { display: none; } 


 /*-----------首页关于我们 START---------------*/
#index .about { max-width: 1180px; position: relative; margin: auto; padding: 65px 0 100px; }  
#index .about .about-main { width: 100%; overflow: hidden; margin-top: 60px; display: flex; align-items: center; }  
#index .about .about-main .left { width: 680px; height: 426px; background-image: url(../images/index/aboutLeft.png); background-position: center center; background-size: cover; }  
#index .about .about-main .right { width: 640px; max-width: 690px; /*height: 438px;*/ position: relative; margin-left: 60px; }  
#index .about .about-main .right .name { font-size: 30px; color: #fff; text-align:center; }  
#index .about .about-main .right .desc { font-size: 14px; line-height: 28px; margin-top: 30px; /*height: 280px;*/ color:#fff;}  
#index .about .about-main .right .numbers { width: 100%; display: flex; /*position: absolute;*/ bottom: 0; left: 0; justify-content: space-between; flex-wrap: wrap; }  
#index .about .about-main .right .numbers .item { /*width: 23%;*/ margin-top: 35px; }  
#index .about .about-main .right .numbers .item .num { font-size: 64px; line-height: 50px; font-family: 'DINCondensed'; color: #fff; }  
#index .about .about-main .right .numbers .item .text { width: 100%; font-size: 14px; color: #333; margin-top: 15px; }  
#index .about .about-main .right .readmore { margin-top: 50px; } 
#index .about .cn{color:#fff;}
#index .about .en{color:black;font-size:18px;font-weight:none;}


 /*-----------首页产品展示 START---------------*/
#index .product { width: 100%; padding: 50px 0 80px; background-color: #f7f7f7; }  
/* #index .product .swiper { width: 1180px; margin: 40px auto 0; position: relative; }   */
/* #index .product .swiper .swiper-wrapper { width: 50%; float: left; margin-bottom: 20px; }   */
/* #index .product .swiper .swiper-slide { width: 98%; border: 1px solid #e6e6e6; position: relative; margin-right: 20px; }   */
/* #index .product .swiper .swiper-slide .img { width: 100%; background-color: #fff; }   */
/* #index .product .swiper .swiper-slide .img img { width: 100%; height: auto; }   */
/* #index .product .swiper .swiper-slide .bot-text { width: 100%; padding: 30px 10px 36px; text-align: center; background: #fff; }  */
/* #index .product .swiper .swiper-slide .bot-text .name { font-size: 24px; line-height: 24px; font-weight: bold; }   */
/* #index .product .swiper .swiper-slide .bot-text .desc { font-size: 14px; line-height: 14px; color: #666; margin: 12px auto 0; }   */
/* #index .product .swiper .swiper-slide .masklayer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; transition: all 0.6s; }   */
/* #index .product .swiper .swiper-slide .masklayer .texts { width: 100%; height: auto; position: absolute; top: 50%; left: 0; z-index: 4; transform: translateY(-50%); border:1px solid black; overflow:hidden; }   */
/* #index .product .swiper .swiper-slide .masklayer .texts .name { width: 75%; text-align: center; font-size: 24px; color: #fff; margin: 0 auto; position: relative; overflow: hidden; }   */
/* #index .product .swiper .swiper-slide .masklayer .texts .name p { display: none; animation-duration: 0.5s; }   */
/* #index .product .swiper .swiper-slide .masklayer .texts .desc { width: 85%; text-align: center; font-size: 14px; line-height: 32px; color: #fff; margin: 30px auto 0; overflow: hidden; }   */
/* #index .product .swiper .swiper-slide .masklayer .texts .desc p { display: none; animation-duration: 0.5s; animation-delay: 0.2s; }   */
/* #index .product .swiper .swiper-slide .masklayer .texts .icon { display: block; width: 40px; height: 40px; margin: 60px auto 0; overflow: hidden; }   */
/* #index .product .swiper .swiper-slide .masklayer .texts .icon img { width: 98%; height: 98%; display: none; animation-duration: 0.5s; animation-delay: 0.4s; }   */
/* #index .product .swiper .swiper-slide .masklayer i { position: absolute; width: 200%; height: 100%; top: 0; left: -250%; background-color: #023793; -moz-transform: skewX(30deg); -o-transform: skewX(30deg); -ms-transform: skewX(30deg); -webkit-transform: skewX(30deg); transform: skewX(30deg); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }   */
/* #index .product .swiper .swiper-slide:hover .masklayer .texts .name p,  */
/* #index .product .swiper .swiper-slide:hover .masklayer .texts .desc p,  */
/* #index .product .swiper .swiper-slide:hover .masklayer .texts .icon img { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }   */
/* #index .product .swiper .swiper-slide:hover .masklayer i { left: -50%; }   */
/* #index .product .swiper .prod-btn { position: absolute; z-index: 3; color: #fff; top: 50%; cursor: pointer; outline: none; width: 18px; height: 32px; background-size: 18px 32px; background-repeat: no-repeat; }   */
/* #index .product .swiper .prod-prev { left: -30px; background-image: url(../images/09.png); }   */
/* #index .product .swiper .prod-next { right: -30px; background-image: url(../images/10.png); }   */


#index .product .tab {  text-align: center;  margin-top: .2rem;  width:20%;  /*margin-left:1%;  border:1px dashed #337ab7;*/  float:left;  padding:2% 0;  /*border-radius:30px;  /* background:#fff; */ } 
#index .product .tab .pro_title{width:100%;margin:auto;font-size:28px;background:#154a98; color:#fff;text-align:center; padding:9%; margin-bottom:2%;/*border-bottom:1px dashed black;*/} 
#index .product .tab .pro_title span{border-left:3px solid #fff;padding-left:5%; color:#fff;} 
#index .product .bd{width:77%; margin-top:.2rem;} 
#index .product .bd .hot_title{ padding: 3px;
    border-bottom: 1px solid #ccc;} 
#index .product .bd .hot_title span:first-child{font-size: 20px;
    color: #1159c1;
    border-bottom: 3px solid #1159c1;
    padding: 5px;} 
#index .product .bd .hot_title span:last-child{float:right;font-size:14px; color:#1159c1;}
#index .product .tab  a { width: 100%; height: 0.48rem; line-height: 0.48rem; display: inline-block;  background: url(../images/cplist.png) no-repeat 10% center #fff; color: #242f35 ; text-overflow: ellipsis; white-space: nowrap; font-size:16px; text-align:left; padding-left: 15%; margin: 1% 0; } 
#index .product .tab a:first-child{margin-top:5px;} 
#index .product .tab a:hover  { color:#fff; background:#023793 } 
#index .product .tab .ej{ margin: 10px 0; } 
#index .product .tab .ej a{ padding-left: 25px; display: block; line-height: 30px; color: #888; } 
#index .product .tab .ej a:hover{ color: #bb0404; } 
#index .product .tab .ej a span{ font-family: "̎ͥ"; display: inline-block; padding-right: 15px; } 

#index .product .readmore2 { /*margin: 70px auto 0;*/ display:none; }
#index .product .readmore2{width:120px ;height:40px; line-height:40px; margin:auto; border:1px solid #337ab7; border-radius:25px;}

/* 列表commom css */
.app-list .list { width: 100%; /* margin-top: 50px; */ overflow: hidden; display: flex; flex-wrap: wrap; }  
.app-list .item { width: 32%; position: relative;  float: left; /* padding:5px; */  margin:5px; /* margin-left: 2.87%; */ }  
.app-list .item .tops { width: 100%; position: relative; }  
.app-list .item .tops .img { width: 100%; background-color: #fff; }  
.app-list .item .tops .img img { width: 100%; height: auto; }  
.app-list .item .tops .masklayer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; transition: all 0.6s; }  

.app-list .item .tops .masklayer .texts { display:none;width: 100%; height: 100%; background:red;/*padding:80px 30px ;*/ background:url(../images/search.png) center center no-repeat ; background-size:25% 25%; position: relative; z-index: 2; }  
.app-list .item .tops .masklayer .texts .name { width: 100%; font-size: 24px; color: #fff; margin: 0 auto; position: relative; overflow: hidden; text-align:center; }  
.app-list .item .tops .masklayer .texts .name p { display: none; animation-duration: 0.5s; }  
.app-list .item .tops .masklayer .texts .desc { width: 100%; font-size: 16px; color: #fff; position: relative; overflow: hidden; margin-top: 10px; text-align:center; }  
.app-list .item .tops .masklayer .texts .desc p { display: none; animation-duration: 0.5s; }  
.app-list .item .tops .masklayer .texts .text { width: 100%; font-size: 14px; line-height: 30px; color: #fff; margin: auto; overflow: hidden; text-align:center; }  
.app-list .item .tops .masklayer .texts .text p { display: none; animation-duration: 0.5s; animation-delay: 0.2s; }  
.app-list .item .tops .masklayer .texts .icon { display: block; width: 32px; height: 9px; position: absolute; left: 40px; bottom: 40px; overflow: hidden; }  
.app-list .item .tops .masklayer .texts .icon img { width: 100%; height: 100%; display: none; animation-duration: 0.5s; animation-delay: 0.4s; }  
.app-list .item .tops .masklayer i { position: absolute; width: 200%; height: 100%; top: 0; left: -250%; background-color: rgba(28,91,190,0.8);    -moz-transform: skewX(30deg); -o-transform: skewX(30deg); -ms-transform: skewX(30deg); -webkit-transform: skewX(30deg); transform: skewX(30deg); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }  
.app-list .item .bots { width: 100%; padding: 20px 0 0; }  
.app-list .item .bots .name { font-size: 18px; line-height: 18px; text-align: center; margin-top: 8px; /*font-weight: bold;*/ color:#333; padding: 10px 0;background: #f5f5f5;}  
.app-list .item .bots .desc { font-size: 14px; line-height: 14px; text-align: center; color: #333; margin: 12px 0 0; }  
/* .app-list .item:nth-child(3n + 1) { margin-left: 0; }   */
.app-list .item:hover .tops .masklayer .texts{display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

.app-list .item:hover .tops .masklayer .texts .name p, 
.app-list .item:hover .tops .masklayer .texts .desc p, 
.app-list .item:hover .tops .masklayer .texts .text p, 
.app-list .item:hover .tops .masklayer .texts .icon img { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;  }  
.app-list .item:hover .tops .masklayer i { left: -50%; }
 
#app  .tab {  text-align: center; border:1px solid black;   width:85%; margin:auto; margin-top: 3%;  margin-bottom: 3%;  background:#fff; text-align:center;} 
#app  .tab li{width:auto}
#app  .tab li  a { padding:1% 2%; margin:10px 0;  display: inline-block; background:#fff;  color: #242f35 ; text-overflow: ellipsis; white-space: nowrap; font-size:16px; text-align:center;  } 
#app  .tab li  a.active{background:#337ab7; color:#fff;}

/* #app  .tab a:first-child{margin-top:5px;}  */
/* #app  .tab a:hover  { color:#337ab7; }  */
.inner_main_fl{ text-align: center;   width:85%; margin:auto; margin-top: 3%;  /*margin-bottom: 3%;*/  background:#fff; text-align:center;  }  
.inner_fl_title{  width:100%;  margin-bottom:12px;  padding-bottom:15px;  border-bottom:1px solid #e1e1e1;  }  
.inner_fl_title h3{  color:#000;  font-size:24px;  font-weight:bold;  }  
.inner_fl_con{  width:100%;  /*margin-bottom:30px;*/  }  
.inner_fl_con span{  /*line-height:45px;*/  margin-bottom:5px;  }  
.inner_fl_con span a{ padding:1% 2%; margin:10px 0;  display: inline-block; background:#fff;  color: #242f35 ; text-overflow: ellipsis; white-space: nowrap; font-size:16px; text-align:center;  }  
.inner_fl_con span a:hover{  color:#fff;  background:#04449b;   }  
.inner_fl_con span .current{  color:#fff;  background:#04449b   }  
.level2{ padding: 10px 0; overflow: hidden; display:none; } 
.level2 li{ line-height:30px; border:none; } 
.level2 li a{ display:block; background: url(../images/fl_liul.jpg) no-repeat 30px center; color:#6c6c6c; font-size:14px; padding-left:40px; } 
.level2 li a:hover{ display:block; background: url(../images/fl_liulhover.jpg) no-repeat 30px center; color:#04449b; font-size:14px; padding-left:40px; } 
.level2 li .current{ display:block; background: url(../images/fl_liulhover.jpg) no-repeat 30px center; color:#04449b; font-size:12px; padding-left:40px; } 




 /*-----------我们优势 START---------------*/
#index .youshi{ padding: 52px 0px 28px; } 
#index .youshi .index_title{ text-align: center; margin-bottom: 60px; } 
#index .youshi .index_title h3{ font-size: 36px; line-height: 36px; padding-bottom: 14px; font-weight: bold; background: url(../images/h3.png) no-repeat center bottom; } 
#index .youshi .index_title p{ font-size: 14px; color: #666666; padding-top: 4px; } 
#index .youshi .about_nr{ box-shadow: 2px 4px 4px 1px #e0e0e0; margin-bottom: 30px;   } 
#index .youshi .about_nr a{ display: block; } 
#index .youshi .about_img{ overflow: hidden; } 
#index .youshi .about_img img{ display: block; width: 100%; transition: all 0.5s; -webkit-animation: all 0.5s; -moz-animation: all 0.5s; -o-animation: all 0.5s; } 
#index .youshi .about_img:hover img{ transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } 
#index .youshi .about_ms{ background: #FFFFFF; text-align: center; padding: 25px 22px 26px 26px; overflow: hidden; min-height: 128px; } 
#index .youshi .about_ms h4{ font-size: 18px; color: #000000; margin-bottom: 10px; font-weight: bold; } 
#index .youshi .about_nr a:hover .about_ms h4{ color: #1d2088; } 
#index .youshi .about_txte{ /*height: 48px;*/ overflow: hidden; font-size: 14px; color: #333333; } 

 /*-----------首页案例 START---------------*/
.case_show{padding:1% 0;}
.index2{overflow: hidden; position: relative; margin:3% 0;}
.index2_btn{position: absolute; top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0,-50%); z-index: 2; cursor: pointer;}
.index2_l{left: 0;}
.index2_r{right: 0;}
.index2 ul li{width: 25%; float: left; position: relative;overflow:hidden;}
.index2 ul li a{display: block;}
.index2 ul li a > img{width: 100%; height:350px; overflow:hidden; }
.index2 ul li:hover img{transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.index2_wrap{position: absolute;left: 0; bottom: 0px; padding: 30px 10px;  }
.index2_wrap span{display: block; width: 34px; height: 1px; background: #337ab7; margin-bottom: 40px;}
.index2_wrap p{color: #fff; line-height: 24px; height: 24px;padding:0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background:rgb(255,255,255,0.4)   }
/*.index2 ul li:nth-child(3) .index2_wrap span{background: #fff;}
.index2 ul li:nth-child(3) .index2_wrap p{color: #fff;}*/
/* .index2 ul li:last-child .index2_wrap span{background: red; width: auto; height: auto; margin-bottom: 23px;} */
/* .index2 ul li:last-child a{ background: #f6f5f1; height: 0; padding-bottom: 100%;} */


 /*-----------新闻资讯 START---------------*/
#index .index1{ width: 94%; margin: auto; overflow: hidden; padding: 5% 0;}
#index .index1_tabs{text-align: center; margin-bottom: 80px;}
#index .index1_tabs_con{display: inline-block; padding: 0 50px; border-bottom: #d0d0d0 solid 1px;}
#index .index1_tabs span{color: #777777; cursor: pointer; display: inline-block; padding: 0 5px; margin: 0 10px; position: relative; bottom: -1px;}
#index .index1_tabs span.on{color: #337ab7; border-bottom: #337ab7 solid 3px;}

#index .index1_wrap{overflow: hidden;}
#index .index1_item{display: none;}
#index .index1_item.on{display: block;}
#index .index1_item ul{margin: 0 -2.7%;}
#index .index1_item ul li{width: 33.333333%; float: left; padding: 0 2.7%;}
#index .index1_item ul li .index1_img{display: block; margin-bottom: 30px; position: relative;width:100%;height:auto; overflow:hidden;  }
#index .index1_item ul li .index1_img img{width:100%;height:300px;}
#index .index1_item ul li .index1_img:hover img{transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
#index .index1_item ul li .index1_time{color: #c3c3c3; margin-bottom: 15px;}
#index .index1_item ul li h2{ overflow: hidden; font-size: 16px;}
#index .index1_item ul li h2 a{color: #000; }
#index .index1_item ul li p{color: #9b9b9b; line-height: 20px; margin-bottom: 15px; max-height: 80px; overflow: hidden;}




/* 内页新闻css */
#news { width: 100%; }  
#news .big-title { width: 100%; padding: 0 3%; text-align: center; margin-top: 70px; }  
#news .big-title .big { font-size: 34px; line-height: 34px; font-weight: bold; }  
#news .big-title .small { font-size: 16px; line-height: 16px; color: #666; margin-top: 14px; }  
#news .news-list { width: 100%; margin-top: 50px; }  
#news .news-list .item { position: relative; width: 100%; padding: 20px 0; }  
#news .news-list .dates { position: absolute; right: 60px; top: 30px; }  
#news .news-list .dates span { display: block; color: #333; text-align: center; }  
#news .news-list .dates span:first-child { font-size: 60px; font-weight: 900; }  
#news .news-list .dates span:last-child { font-size: 20px; }  
#news .news-list  .readmore { width:150px; color: #fff; background: #023793; border-radius:30px; float:right; }  
#news .news-list  .readmore span{color:#fff;}

#news .news-list .item a { overflow: hidden; display: flex; } 
#news .news-list .item:hover { background:rgb(225,225,225,0.6); } 
#news .news-list .item a:hover .img img { transform: scale(1.1); }  
/* #news .news-list .item a:hover .right .title {}   */
/* #news .news-list .item a:hover .readmore { color:#fff; }   */
#news .news-list .item .img { width: 280px; height: 180px; float: left; overflow: hidden; flex-shrink: 0; flex-grow: 0; margin-left:1%; }  
#news .news-list .item .img img { width: 100%; height: 100%; transition: all 0.3s; }  
#news .news-list .item .right { width: calc(100% - 524px); margin-left: 38px; float: left; position: relative; }  
#news .news-list .item .right .title { font-size: 20px; line-height: 20px; transition: color 0.3s; margin-top: 15px; }  
#news .news-list .item .right .date { font-size: 14px; line-height: 14px; color: #999; display: none; margin-top: 20px; }  
#news .news-list .item .right .desc { font-size: 14px; line-height: 30px; color: #666; margin-top: 20px; }  
#news .news-list .item .right .readmore { position: absolute; left: 0; bottom: 0; }  
#news .news-detail { margin-top: 3%; }  
#news .news-detail .tops { width: 100%; border-bottom: 1px solid #ddd; padding: 25px 30px 30px; text-align: center; }  
#news .news-detail .tops h1 { font-size: 24px; }  
#news .news-detail .tops .date { font-size: 14px; line-height: 14px; color: #666; margin-top: 14px; }  
#news .news-detail .news-content { width: 100%; padding: 50px 100px; font-size: 14px; line-height: 30px; color: #333; }  
#news .news-detail .news-content img { max-width: 100%; }  
#news .news-detail .prev-next { position: relative; width: 100%; padding: 30px 0; border-top: 1px solid #e6e6e6; }  
#news .news-detail .prev-next a { margin-bottom: 16px; display: block; transition: all 0.3s; }  
#news .news-detail .prev-next a:hover { color: #ffdb60; }  
#news .news-detail .back { width: 200px; height: 50px; display: block; font-size: 16px; position: absolute; right: 0; top: 38px; background: #023793; color: #fff; transition: all 0.3s; text-align: center; line-height: 50px; }  

/* #news .news-detail .prev-next a.back:hover { color: #fff; } */


/* 内页列表 css */
#app .app-list .top-title { font-size: 32px; /*font-weight: bold;*/ line-height: 33px; text-align: center; margin-top: 60px; }  
#app .app-list .pages { margin: 50px auto 100px; }  



 
/*内页联系我们*/
#contact .main-tops { display: flex; justify-content: space-between; margin-top: 70px; margin-bottom: 70px; }  


.contact { width: 92%; /* height: 440px; */ margin:auto; } 
.contactLeft { width: 40%; float: left; } 
.contactRight { width: 60%; margin-left: 0%;float: right;  } 
/*.contactRight img {width:720px;height:440px;} */ 
.contactLeftTitle { font-size: 24px; color: #023793; font-weight: 900; } 
.hr { width: 200px; height: 1px; background: #333; margin: 52px 0 46px 0; } 
.contactLeft01 { position: relative; padding-left: 40px; margin-bottom: 40px; } 
.contactLeft01:before { content: ''; width: 24px; height: 24px; position: absolute; top: 2px; left: 0; background-size: 24px 24px; background-repeat: no-repeat; } 
#allmap {width:100%; height: 400px;  } 
.show01:before { background-image: url("../images/contact/contactIcon01.png"); } 
.show02:before { background-image: url("../images/contact/contactIcon02.png"); } 
.show03:before { background-image: url("../images/contact/contactIcon03.png"); } 
.contactLeft01 p:first-child { font-size: 14px; } 
.contactLeft01 p:last-child { font-size: 18px; margin-top: 12px; } 
 
 
 /*内页关于我们*/
#about .section1 { width: 100%; padding: 70px 0 90px; }  
#about .section1 .main .name { text-align: center; font-size: 30px; color: #333; font-family: '黑体'; }  
#about .section1 .main .desc { width: 85%; position: relative; margin: 20px auto 0; line-height: 40px; text-align: justify; }  
#about .section1 .main .desc img { max-width: 100%; }  
#about .section1 .main .desc p { margin-bottom: 20px; }  
#about .section1 .main .slogan-cn { width: 100%; text-align: center; font-size: 24px; margin-top: 15px; } 
 #about .section1 .main .slogan-en { width: 100%; text-align: center; font-size: 14px; line-height: 29px; color: #999; text-transform: uppercase; }  
 #product .section1 .main .name { text-align: center; font-size: 30px; color: #333; margin-top: 60px; }  
 #product .section1 .main .productImg { margin: 25px 0 60px 0; }  
 #about .section1 .main .numbers { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; }  
 #about .section1 .main .numbers .item { width: 23%; margin-top: 35px; text-align: center; }  
 #about .section1 .main .numbers .item .num { font-size: 60px; line-height: 50px; font-family: 'DINCondensed'; color: #023793; }  
 #about .section1 .main .numbers .item .text { width: 100%; font-size: 14px; color: #333; margin-top: 15px; }  
 #about .section1 .main .numbers i { display: block; width: 1px; height: 34px; background-color: #eaeaea; flex-shrink: 0; margin: 50px 50px 0; }  
 #about .section1 .main .swiper { width: 100%; margin-top: 60px; position: relative; } 
 #about .section1 .main .swiper .swiper-slide { width: 23.85%; overflow: hidden; }  
 #about .section1 .main .swiper .swiper-slide img { width: 100%; height: auto; transition: all 0.3s; }  
 #about .section1 .main .swiper .swiper-slide:hover img { transform: scale(1.1); }  
 #about .section1 .main .swiper .btn { width: 40px; height: 40px; border: 1px solid #e6e6e6; background-position: center; background-repeat: no-repeat; transition: all 0.3s; background-color: #fff; outline: none; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; z-index: 2; }  
 #about .section1 .main .swiper .btn:hover { border-color: #023793; background-color: #023793; }  
 #about .section1 .main .swiper .prev { left: -60px; background-image: url(../images/96.png); }  
 #about .section1 .main .swiper .prev:hover { background-image: url(../images/98.png); }  
 #about .section1 .main .swiper .next { right: -60px; background-image: url(../images/97.png); }  
 #about .section1 .main .swiper .next:hover { background-image: url(../images/99.png); }  
 
 
 #about .section2 { width: 100%; padding: 60px 0; /*background-image: url(../images/128.png);*/ background: #f2f4f5; }  
 #about .section2 .swiper { width: 100%; margin-top: 45px; position: relative; }  
 #about .section2 .swiper .swiper-slide { width: 23.85%; overflow: hidden; }  
 #about .section2 .swiper .swiper-slide .img { width: 100%; height: auto; overflow: hidden; }  
 #about .section2 .swiper .swiper-slide .img img { width: 100%; transition: all 0.3s; }  
 #about .section2 .swiper .swiper-slide .bots { width: 100%; height: 106px; padding: 10px 18px; /*margin-top: 10px;*/ background: #fff; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s; }  
 #about .section2 .swiper .swiper-slide .bots .left { width: 100%; padding-right: 10px; }  
 #about .section2 .swiper .swiper-slide .bots .left .big { font-size: 20px; line-height: 24px; }  
 #about .section2 .swiper .swiper-slide .bots .left .small { font-size: 14px; color: #666; margin-top: 10px; transition: all 0.3s; }  
 #about .section2 .swiper .swiper-slide .bots i { display: block; width: 36px; height: 36px; background-size: 100% 100%; flex-shrink: 0; transition: all 0.3s; }  
 #about .section2 .swiper .swiper-slide .bots i.icon1 { background-image: url(../images/110.png); }  
 #about .section2 .swiper .swiper-slide .bots i.icon2 { background-image: url(../images/111.png); }  
 #about .section2 .swiper .swiper-slide .bots i.icon3 { background-image: url(../images/112.png); }  
 #about .section2 .swiper .swiper-slide .bots i.icon4 { background-image: url(../images/113.png); }  
 #about .section2 .swiper .swiper-slide .bots i.icon5 { background-image: url(../images/114.png); }  
 #about .section2 .swiper .swiper-slide .bots i.icon6 { background-image: url(../images/115.png); }  
 #about .section2 .swiper .swiper-slide .bots i.icon7 { background-image: url(../images/116.png); }  
 #about .section2 .swiper .swiper-slide .bots i.icon8 { background-image: url(../images/117.png); }  
 #about .section2 .swiper .swiper-slide .bots i.icon9 { background-image: url(../images/118.png); }  
 #about .section2 .swiper .swiper-slide:hover .img img { transform: scale(1.1); }  
 #about .section2 .swiper .swiper-slide:hover .bots { background-color: #023793; border-color: #023793; color: #fff; }  
 #about .section2 .swiper .swiper-slide:hover .bots .left .small { color: #fff; }  
 #about .section2 .swiper .swiper-slide:hover .bots i.icon1 { background-image: url(../images/119.png); }  
 #about .section2 .swiper .swiper-slide:hover .bots i.icon2 { background-image: url(../images/120.png); }  
 #about .section2 .swiper .swiper-slide:hover .bots i.icon3 { background-image: url(../images/121.png); }  
 #about .section2 .swiper .swiper-slide:hover .bots i.icon4 { background-image: url(../images/122.png); }  
 #about .section2 .swiper .swiper-slide:hover .bots i.icon5 { background-image: url(../images/123.png); }  
 #about .section2 .swiper .swiper-slide:hover .bots i.icon6 { background-image: url(../images/124.png); }  
 #about .section2 .swiper .swiper-slide:hover .bots i.icon7 { background-image: url(../images/125.png); }  
 #about .section2 .swiper .swiper-slide:hover .bots i.icon8 { background-image: url(../images/126.png); }  
 #about .section2 .swiper .swiper-slide:hover .bots i.icon9 { background-image: url(../images/127.png); }  
 #about .section2 .swiper .btn { width: 40px; height: 40px; border: 1px solid #e6e6e6; background-position: center; background-repeat: no-repeat; transition: all 0.3s; background-color: #fff; outline: none; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; z-index: 2; }  
 #about .section2 .swiper .btn:hover { border-color: #023793; background-color: #023793; }  
 #about .section2 .swiper .prev { left: -60px; background-image: url(../images/96.png); }  
 #about .section2 .swiper .prev:hover { background-image: url(../images/98.png); }  
 #about .section2 .swiper .next { right: -60px; background-image: url(../images/97.png); }  
 #about .section2 .swiper .next:hover { background-image: url(../images/99.png); }  
 
 
 #about .section4 { width: 100%; padding: 60px 0; background-color: #fff; }  
 #about .section4 .honor-list { width: 100%; margin-top: 50px; overflow: hidden; }  
 #about .section4 .honor-list .item { width: 23.85%; float: left; }  
 #about .section4 .honor-list .item .img { border: 1px solid #e6e6e6; padding: 10px; }  
 #about .section4 .honor-list .item .img img { width: 100%; /*height:500px;*/ }  
 #about .section4 .honor-list .item .text { width: 100%; height: 50px; text-align: center; background-color: #023793; color: #fff; font-size: 16px; margin-top: 10px; line-height: 50px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }  
 #about .section4 .honor-list .item:nth-child(1) { margin-left: 0; }  
 #about .section4 .pages { margin: 45px auto 0; }  
 #about .section4 .swiper .btn { width: 40px; height: 40px; border: 1px solid #e6e6e6; background-position: center; background-repeat: no-repeat; transition: all 0.3s; background-color: #fff; outline: none; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; z-index: 2; }  
 #about .section4 .swiper .btn:hover { border-color: #023793; background-color: #023793; }  
 #about .section4 .swiper .prev { left: -60px; background-image: url(../images/96.png); }  
 #about .section4 .swiper .prev:hover { background-image: url(../images/98.png); } 
 #about .section4 .swiper .next { right: -60px; background-image: url(../images/97.png); }  
 #about .section4 .swiper .next:hover { background-image: url(../images/99.png); } 

 
 /*内页产品详情*/
 #product { width: 100%; }  
#product .sub-cate { margin-top: 50px; display: none; }  
#product .product-list .top-title { font-size: 34px; font-weight: bold; line-height: 34px; margin-top: 70px; }  
#product .product-list .bots { width: 100%; margin-top: 40px; margin-bottom: 100px; overflow: hidden; }  
#product .product-list .bots .subs { width: 280px; margin-right: 50px; border: 1px solid #e6e6e6; float: left; }  
#product .product-list .bots .subs a { display: block; width: 100%; height: 60px; line-height: 60px; padding: 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; transition: all 0.3s; border-top: 1px solid #e6e6e6; }  
#product .product-list .bots .subs a:first-child { border-top: none; }  
#product .product-list .bots .subs a:hover, #product .product-list .bots .subs a.active { background-color: #f19716; color: #fff; }  
#product .product-list .bots .right-list { float: right; width: calc(100% - 330px); }  
#product .product-list .bots .right-list .list { width: 100%; overflow: hidden; }  
#product .product-list .bots .right-list .list .item { width: 48.6%; float: left; margin-left: 2.8%; margin-bottom: 20px; }  
#product .product-list .bots .right-list .list .item .img { width: 100%; height: auto; overflow: hidden; border: 1px solid #e6e6e6; }  
#product .product-list .bots .right-list .list .item .img img { width: 100%; height: auto; transition: all 0.3s; }  
#product .product-list .bots .right-list .list .item .text { width: 100%; height: 24px; margin-top: 20px; line-height: 24px; transition: all 0.3s; overflow: hidden; }  
#product .product-list .bots .right-list .list .item .text span { display: block; float: left; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; }  
#product .product-list .bots .right-list .list .item .text i { display: block; width: 32px; height: 9px; float: right; margin-top: 7px; background-image: url(../images/65.png); background-repeat: no-repeat; background-position: -48px 0; transition: all 0.3s; }  
#product .product-list .bots .right-list .list .item:nth-child(2n + 1) { margin-left: 0; }  
#product .product-list .bots .right-list .list .item:hover .img img { transform: scale(1.1); } 
 #product .product-list .bots .right-list .list .item:hover .text { color: #00aeb9; }  
 #product .product-list .bots .right-list .list .item:hover .text i { background-position: 0 0; }  
 #product .product-list .bots .right-list .pages { margin: 50px auto 100px; }  
 #product .prod-detail { width: 100%; margin-top: 70px; }  
 #product .prod-detail .pd-top { width: 100%; display: flex; }  
 #product .prod-detail .pd-top .gallery { width: 615px; /*height: 366px;*/ border: 1px solid #e6e6e6; flex-shrink: 0; overflow: hidden; }  
 #product .prod-detail .pd-top .gallery img { width: 100%; height: 100%; transition: all 0.3s; }  
 #product .prod-detail .pd-top .gallery:hover img { transform: scale(1.1); }  
 #product .prod-detail .pd-top .right { width: auto; padding-left: 60px; }  
 #product .prod-detail .pd-top .right .text1 { font-size: 36px; color: #00aeb9; font-weight: bold; }  
 #product .prod-detail .pd-top .right .text2 { font-size: 32px; }  
 #product .prod-detail .pd-top .right .text3 { width: 100%; border-top: 1px solid #e6e6e6; padding-top: 20px; margin-top: 30px; line-height: 30px; color: #666; }  
 #product .prod-detail .pd-top .right .thumb { width: 100%; overflow: hidden; margin-top: 30px; display: flex; overflow: hidden; }  
 #product .prod-detail .pd-top .right .thumb .item { width: 180px; height: 126px; border: 1px solid #e6e6e6; float: left; margin-right: 20px; cursor: pointer; transition: all 0.3s; }  
 #product .prod-detail .pd-top .right .thumb .item img { width: 100%; height: 100%; }  
 #product .prod-detail .pd-top .right .thumb .item.active, #product .prod-detail .pd-top .right .thumb .item:hover { border-color: #00aeb9; }  
 #product .prod-detail .pd-top .right .thumb.thumb1 { display: none; }  
 #product .prod-detail .pd-bot { margin-top: 70px; width: 100%; background-color: #fff; }  
 #product .prod-detail .pd-bot .tab { width: 100%; overflow: hidden; }  
 #product .prod-detail .pd-bot .tab .item { display: block; float: left; min-width: 136px; height: 40px; padding: 0 15px; white-space: nowrap; text-align: center; line-height: 40px; background-color: #f5f5f5; border-radius: 4px 4px 0 0; font-size: 18px; transition: all 0.3s; margin-right: 10px; }  
 #product .prod-detail .pd-bot .tab .item:hover, #product .prod-detail .pd-bot .tab .item.active { background-color: #023793; color: #fff; }  
 #product .prod-detail .pd-bot .details { width: 100%; border: 1px solid #e6e6e6; padding: 40px; font-size: 16px; line-height: 36px; }  
 #product .prod-detail .pd-bot .details .content { display: none; }  
 #product .prod-detail .pd-bot .details .content img { max-width: 100%; }  
 #product .prod-detail .back { width: 170px; height: 50px; border-radius: 25px; border: 1px solid #e6e6e6; display: block; font-size: 18px; color: #999; transition: all 0.3s; text-align: center; line-height: 50px; margin: 70px auto 0; }  
 #product .prod-detail .back:hover { background-color: #00aeb9; border-color: #00aeb9; color: #fff; }  
 #product .prod-detail .recom { width: 100%; margin-top: 50px; margin-bottom: 100px; }  
 #product .prod-detail .recom .tops { width: 100%; height: 64px; line-height: 64px; border-bottom: 2px solid #00aeb9; font-size: 22px; }  
 #product .prod-detail .recom .swiper { margin-top: 50px; width: 100%; }  
 #product .prod-detail .recom .swiper .swiper-slide { width: 32%; }  
 #product .prod-detail .recom .swiper .swiper-slide .img { width: 100%; height: auto; overflow: hidden; border: 1px solid #e6e6e6; }  
 #product .prod-detail .recom .swiper .swiper-slide .img img { width: 100%; height: auto; transition: all 0.3s; } 
 #product .prod-detail .recom .swiper .swiper-slide .text { width: 100%; height: 24px; margin-top: 20px; line-height: 24px; transition: all 0.3s; overflow: hidden; }  
 #product .prod-detail .recom .swiper .swiper-slide .text span { display: block; float: left; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; }  
 #product .prod-detail .recom .swiper .swiper-slide .text i { display: block; width: 32px; height: 9px; float: right; margin-top: 7px; background-image: url(../images/65.png); background-repeat: no-repeat; background-position: -48px 0; transition: all 0.3s; }  
 #product .prod-detail .recom .swiper .swiper-slide:hover .img img { transform: scale(1.1); }  
 #product .prod-detail .recom .swiper .swiper-slide:hover .text { color: #00aeb9; }  
 #product .prod-detail .recom .swiper .swiper-slide:hover .text i { background-position: 0 0; } 

 


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

#index .banner .swiper-slide .main { left: 13.33%; }
#index .banner .swiper-slide .main2{left:50%}  
#index .banner .swiper-slide .texts .text1 { font-size: 40px; line-height: 42px;  } 
#index .banner .swiper-slide .texts .text1 i { height: 40px; } 
#index .banner .swiper-slide .texts .text2 { font-size: 18px; line-height: 20px;  } 
#index .banner .swiper-slide .texts .text2 i { height: 18px; } 
#index .banner .swiper-slide .texts .text3{font-size: 28px; line-height: 30px;  }
#index .banner .swiper-slide .texts .text3 i { height:28px; } 
#index .banner .swiper-pagination-bullet { border-radius: 4px; } 
#index .banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; } 
#index .banner .banner-btn { top: 50%; } 
#index .banner .banner-btn i { width: 32px; height: 20px; background-size: 32px 9px; } 
#index .banner .banner-btn span { font-size: 16px; line-height: 16px; } 
#index .banner .banner-prev { left: 3%; } 
#index .banner .banner-prev i { background-position: left 4px; }
 #index .banner .banner-prev span { margin-left: 16px; } 
 #index .banner .banner-next { right: 3%; } 
 #index .banner .banner-next i { background-position: right 4px; } 
 #index .banner .banner-next span { margin-right: 16px; } 
 
 .app-list .item .tops .masklayer .texts {
    width: 100%;
    height: 100%;
    padding: 70px 30px;
    position: relative;
    z-index: 2;
}


 }

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


#index .banner .swiper-slide .texts .text1 { font-size: 25px; line-height: 27px;  } 
#index .banner .swiper-slide .texts .text1 i { height: 35px; } 
#index .banner .swiper-slide .texts .text2 { font-size: 18px; line-height: 20px;  } 
#index .banner .swiper-slide .texts .text2 i { height: 20px; } 
#index .banner .swiper-slide .texts .text3{font-size: 18px; line-height: 20px;  }
#index .banner .swiper-slide .texts .text1 i { height: 18px; } 

#index .index1_item ul li .index1_img img{width:100%;height:260px;}

#news .news-detail { margin-top: 60px; } 
#news .news-detail .tops { padding: 25px 30px 30px; } 
#news .news-detail .tops h1 { font-size: 24px; } 
#news .news-detail .tops .date { font-size: 14px; line-height: 14px; margin-top: 14px; } 
#news .news-detail .news-content { padding: 50px 50px; font-size: 14px; line-height: 30px; } 
#news .news-detail .prev-next { padding: 30px 0; } 
#news .news-detail .prev-next a { width: 35%; } 
#news .news-detail .back { width: 170px; height: 50px; border-radius: 25px; font-size: 18px; line-height: 50px; margin: 50px auto 70px; }   


#contact .main-tops { margin-top: 60px; margin-bottom: 60px; } 
#contact .main-tops .item { width: 46%; } 
#contact .main-tops .item .b-title { height: 32px; line-height: 32px; padding: 0 16px; font-size: 20px; } 
#contact .main-tops .texts .cn { font-size: 22px; margin-top: 40px; } 
#contact .main-tops .texts .en { font-size: 14px; } 
#contact .main-tops .texts .line { margin-top: 14px; line-height: 21px; font-size: 14px; } 
#contact .main-tops .texts .line .label { padding-left: 30px; } 
#contact .main-tops .form form { margin-top: 40px; } 
#contact .main-tops .form .line { margin-top: 20px; } 
#contact .main-tops .form .line .input input { height: 50px; padding: 0 20px; } 
#contact .main-tops .form .line .textarea { height: 150px; } 
#contact .main-tops .form .line .textarea textarea { height: 150px; padding: 16px 20px; } 
#contact .main-tops .form .line.hasyzm { height: 50px; } 
#contact .main-tops .form .line.hasyzm .input { width: 36.36%; } 
#contact .main-tops .form .line.hasyzm .img { width: 22.72%; } 
#contact .main-tops .form .line.hasyzm .img img { height: 50px; } 
#contact .main-tops .form .line.hasyzm .button { width: 34.84%; height: 50px; font-size: 16px; } 
#contact .main-tops .form .line.hasyzm .button i { width: 16px; height: 16px; margin-left: 10px; }   

 
#about .section1 { padding: 60px 0 60px; } 
#about .section1 .main .name { font-size: 26px; } 
#about .section1 .main .desc { margin-top: 20px; line-height: 30px; } 
#about .section1 .main .slogan-cn { font-size: 20px; margin-top: 15px; } 
#about .section1 .main .slogan-en { font-size: 14px; line-height: 29px; } 
#about .section1 .main .numbers .item { margin-top: 35px; }
 #about .section1 .main .numbers .item .num { font-size: 64px; line-height: 50px; } 
 #about .section1 .main .numbers .item .text { font-size: 14px; margin-top: 15px; } 
 #about .section1 .main .numbers i { height: 34px; margin: 50px 30px 0; }
 #about .section1 .main .swiper { margin-top: 50px; } 
 #about .section1 .main .swiper .swiper-slide { width: 23.85%; } #about .section1 .main .swiper .btn { width: 40px; height: 40px; top: 50%; margin-top: -20px; } 
 #about .section1 .main .swiper .prev { display: none; left: -20px; } 
 #about .section1 .main .swiper .next { display: none; right: -20px; } 
 #about .section2 { padding: 70px 0 70px; } 
 #about .section2 .swiper { margin-top: 50px; } 
 #about .section2 .swiper .swiper-slide { width: 23.85%; } 
 #about .section2 .swiper .swiper-slide .bots { height: 106px; padding: 10px 18px; margin-top: 10px; } 
 #about .section2 .swiper .swiper-slide .bots .left { padding-right: 10px; } 
 #about .section2 .swiper .swiper-slide .bots .left .big { font-size: 20px; line-height: 24px; } 
 #about .section2 .swiper .swiper-slide .bots .left .small { font-size: 14px; margin-top: 10px; } 
 #about .section2 .swiper .swiper-slide .bots i { width: 36px; height: 36px; } 
 #about .section2 .swiper .btn { width: 40px; height: 40px; margin-top: -20px; } 
 #about .section2 .swiper .prev { display: none; left: -20px; } 
 #about .section2 .swiper .next { display: none; right: -20px; } 
 #about .section4 .swiper .prev { display: none; left: -20px; } 
 #about .section4 .swiper .next { display: none; right: -20px; } 

 
 #product .prod-detail { margin-top: 60px; } 
 #product .prod-detail .pd-top .gallery { width: 460px; height: 324px; } 
 #product .prod-detail .pd-top .right { padding-left: 40px; } 
 #product .prod-detail .pd-top .right .text1 { font-size: 32px; } 
 #product .prod-detail .pd-top .right .text2 { font-size: 24px; } 
 #product .prod-detail .pd-top .right .text3 { padding-top: 20px; margin-top: 20px; line-height: 30px; } 
 #product .prod-detail .pd-top .right .thumb { margin-top: 20px; } 
 #product .prod-detail .pd-top .right .thumb .item { width: 120px; height: 85px; margin-right: 10px; } 
 
 
 .app-list .list { /* margin-top: 50px; */ } 
 .app-list .item { width: 30.42%; /* margin-bottom: 40px; */ /*margin-left: 2.87%;*/ } 
 .app-list .item .tops .masklayer .texts { padding: 30px  20px; } 
 .app-list .item .tops .masklayer .texts .name { font-size: 20px; } 
 .app-list .item .tops .masklayer .texts .desc { font-size: 16px; margin-top: 10px; } 
 .app-list .item .tops .masklayer .texts .text { font-size: 14px; line-height: 26px;  } 
 .app-list .item .tops .masklayer .texts .icon { width: 32px; height: 9px; left: 30px; bottom: 30px; } 
 .app-list .item .tops .masklayer i { width: 200%; height: 100%; top: 0; left: -250%; } 
 .app-list .item .bots { padding: 20px 0 0; } 
 .app-list .item .bots .name { font-size: 18px; line-height: 18px; }   /* .app-list .item .bots .desc { */

}

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


#index .banner .swiper-slide .main { left: 13.33%; } 
#index .banner .swiper-slide .main2{left:46%} 
 #index .banner .swiper-slide .texts .text1 { font-size: 32px; line-height: 34px;  } 
 #index .banner .swiper-slide .texts .text1 i { height: 34px; } 
 #index .banner .swiper-slide .texts .text2 { font-size: 18px; line-height: 20px;  } 
 #index .banner .swiper-slide .texts .text2 i { height: 20px; } 
  #index .banner .swiper-slide .texts .text3 { font-size: 22px; line-height: 24px;  } 
 #index .banner .swiper-slide .texts .text3 i { height: 22px; } 
 #index .banner .swiper-pagination-bullet { border-radius: 4px; } 
 #index .banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; } 
 #index .banner .banner-btn { top: 50%; } 
 #index .banner .banner-btn i { width: 32px; height: 20px; background-size: 32px 9px; } 
 #index .banner .banner-btn span { font-size: 16px; line-height: 16px; } 
 #index .banner .banner-prev { left: 3%; } 
 #index .banner .banner-prev i { background-position: left 4px; } 
 #index .banner .banner-prev span { margin-left: 16px; } 
 #index .banner .banner-next { right: 3%; } 
 #index .banner .banner-next i { background-position: right 4px; } 
 #index .banner .banner-next span { margin-right: 16px; }

 #index .about { padding: 50px 0 50px; } 
 #index .about .about-main { margin-top: 50px; } 
 #index .about .about-main .left { width: 50%; height: 540px; } 
 #index .about .about-main .right { width: 50%; max-width: 690px; padding: 0 2.6%; } 
 #index .about .about-main .right .name { font-size: 24px; } 
 #index .about .about-main .right .desc { font-size: 14px; line-height: 28px; margin-top: 20px; text-align: justify; /*color: #333;*/ } 
 #index .about .about-main .right .numbers { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } 
 #index .about .about-main .right .numbers .item { width: 26%; margin-top: 25px; } 
 #index .about .about-main .right .numbers .item .num { font-size: 45px; line-height: 50px; font-family: 'DINCondensed'; /*color: #337ab7;*/ } 
 #index .about .about-main .right .numbers .item .text { width: 100%; font-size: 14px; /*color: #999;*/ margin-top: 10px; } 
 /* #index .about .about-main .right .readmore { margin-top: 40px; }  */
 
 #index .product .tab {  width:90%;  margin:auto;  float:none;  margin-top:3%;  overflow: auto;   zoom: 1;   border:none; text-align:center; background:none; } 
#index .product .tab .pro_title{display:none;} 
#index .product .tab  a { width: 30%; height: 0.4rem; line-height: 0.4rem; display: inline-block; background:#337ab7; float:none; /* overflow: hidden; */ font-size:18px; text-align:center; padding-left:0; color:#fff; /* border:1px solid #337ab7; */ margin:.1rem 0; } 
#index .product .tab  a:hover{color:#fff;} 
#index .product .bd{width:100%; margin-top:.2rem;} 
#index .product .bd .hot_title{ border-bottom:1px solid #fff;} 
#index .product .bd .hot_title span:first-child{font-size:20px; color:#1159c1; border-bottom:2px solid #1159c1;} 
#index .product .bd .hot_title span:last-child{float:right;font-size:14px; color:#1159c1;} 
 
 #index .index1_item ul li .index1_img img{width:100%;height:220px;}
 
 #news .news-list { margin-top: 50px; } 
 #news .news-list .item { padding: 30px 0; } 
 #news .news-list .item .img { width: 280px; height: 197px; } 
 #news .news-list .item .right { /* width: calc(100% - 310px); */ margin-left: 30px; } 
 #news .news-list .item .right .title { font-size: 18px; line-height: 18px; margin-top: 8px; } 
 #news .news-list .item .right .date { font-size: 14px; line-height: 14px; margin-top: 14px; } 
 #news .news-list .item .right .desc { font-size: 14px; line-height: 24px; margin-top: 14px; } 
 #news .pages { margin: 50px auto; } 
 #news .news-detail { margin-top: 50px; } 
 #news .news-detail .tops { padding: 20px 20px 20px; } 
 #news .news-detail .tops h1 { font-size: 20px; } 
 #news .news-detail .tops .date { font-size: 14px; line-height: 14px; margin-top: 14px; } 
 #news .news-detail .news-content { padding: 30px 30px; font-size: 14px; line-height: 30px; } 
 #news .news-detail .prev-next { padding: 20px 0; } 
 #news .news-detail .prev-next a { width: 40%; } 
 #news .news-detail .back { width: 200px; height: 50px; font-size: 14px; line-height: 40px; margin: 50px auto 50px; } 
 #news .news-detail .prev-next a.back { width: 200px; height: 50px; font-size: 14px; line-height: 50px; position: relative; margin: 0 auto 60px; border-radius: 0; } 
 
 
 
#product .sub-cate { display: block; } 
#product .product-list .top-title { font-size: 26px; line-height: 26px; margin-top: 50px; } 
#product .product-list .bots { margin-top: 40px; } 
#product .product-list .bots .subs { display: none; } 
#product .product-list .bots .right-list { width: 100%; } 
#product .product-list .bots .right-list .list .item { width: 48.6%; margin-left: 2.8%; margin-bottom: 20px; } 
#product .product-list .bots .right-list .list .item .text { height: 24px; margin-top: 20px; line-height: 24px; } 
#product .product-list .bots .right-list .list .item .text i { width: 32px; height: 9px; margin-top: 7px; background-position: -48px 0; } 
#product .product-list .bots .right-list .pages { margin: 30px auto 50px; } 
#product .prod-detail { margin-top: 50px; } 
#product .prod-detail .pd-top { display: block; } 
#product .prod-detail .pd-top .gallery { width: 100%; height: auto; } 
#product .prod-detail .pd-top .right { width: 100%; padding-left: 0; } 
#product .prod-detail .pd-top .right .text1 { font-size: 26px; margin-top: 20px; } 
#product .prod-detail .pd-top .right .text2 { font-size: 20px; } 
#product .prod-detail .pd-top .right .text3 { padding-top: 10px; margin-top: 10px; line-height: 24px; } 
#product .prod-detail .pd-top .right .thumb { margin-top: 20px; } 
#product .prod-detail .pd-top .right .thumb .item { width: 120px; height: 85px; margin-right: 10px; } 
#product .prod-detail .pd-top .right .thumb.thumb1 { width: 100%; display: flex; justify-content: space-between; margin-top: 20px; } 
#product .prod-detail .pd-top .right .thumb.thumb1 .item { width: 32%; height: auto; margin-left: 0; margin-right: 0; } 
#product .prod-detail .pd-top .right .thumb.thumb1 .item img { width: 100%; height: auto; } 
#product .prod-detail .pd-top .right .thumb.thumb2 { display: none; } 
#product .prod-detail .pd-bot { margin-top: 50px; } 
#product .prod-detail .pd-bot .tab .item { min-width: 136px; height: 40px; padding: 0 15px; line-height: 40px; font-size: 16px; margin-right: 10px; }
#product .prod-detail .pd-bot .details { padding: 30px; font-size: 14px; line-height: 28px; } 
#product .prod-detail .back { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; line-height: 40px; margin: 50px auto 50px; } 
#product .prod-detail .recom { margin-top: 50px; margin-bottom: 60px; } 
#product .prod-detail .recom .tops { height: 64px; line-height: 64px; font-size: 18px; } 
#product .prod-detail .recom .swiper { margin-top: 30px; } 
#product .prod-detail .recom .swiper .swiper-slide { width: 32%; } 
#product .prod-detail .recom .swiper .swiper-slide .text { height: 24px; margin-top: 20px; line-height: 24px; } 
#product .prod-detail .recom .swiper .swiper-slide .text i { width: 32px; height: 9px; margin-top: 7px; background-image: url(../images/65.png); background-position: -48px 0; } 
#about .section1 .main .numbers .item .num { font-size: 64px; line-height: 50px; } 
#about .section1 .main .numbers .item .text { font-size: 14px; }  

 #app .app-list .top-title { font-size: 26px; line-height: 26px; margin-top: 50px; } 
 #app .app-list .pages { margin: 30px auto 50px; }
 

 .app-list .list { /* margin-top: 50px; */ } 
 .app-list .item { width: 30%; /* margin-bottom: 40px; */ /* margin-left: 4%; */ } 
 .app-list .item .tops .masklayer .texts { padding: 40px  30px; } 
 .app-list .item .tops .masklayer .texts .name { font-size: 20px; } 
 .app-list .item .tops .masklayer .texts .desc { font-size: 16px; margin-top: 10px; } 
 .app-list .item .tops .masklayer .texts .text { font-size: 14px; line-height: 26px;  } 
 .app-list .item .tops .masklayer .texts .icon { width: 32px; height: 9px; left: 30px; bottom: 30px; } 
 .app-list .item .tops .masklayer i { width: 200%; height: 100%; top: 0; left: -250%; } 
 .app-list .item .bots { padding: 20px 0 0; } 
 .app-list .item .bots .name { font-size: 18px; line-height: 18px; } 
 .app-list .item .bots .desc { font-size: 14px; line-height: 14px; margin: 10px 0 0; } 
 /* .app-list .item:nth-child(3n + 1) { */ /* margin-left: 4%; */ /* } 
 */ /* .app-list .item:nth-child(2n + 1) { */ /* margin-left: 0; */ /* } 
 */ 


 } 



/* .search { position: relative; margin: 48px 0; height: 50px; }  */
/* .search input { width: 300px; height: 50px; position: relative; border-top-left-radius: 30px; border-bottom-left-radius: 30px; background: #f2f4f5; outline: none; border: none; padding-left: 75px; font-size: 14px; color: #333; padding-right: 10px; }  */
/* .search img { position: absolute; top: 50%; left: 45px; margin-top: -9px; width: 18px; height: 18px; z-index: 1; }  */
/* .search div { position: absolute; top: 0; left: 300px; width: 100px; height: 50px; background: #023793; font-size: 16px; color: #fff; border-top-right-radius: 30px; border-bottom-right-radius: 30px; text-align: center; line-height: 50px; cursor: pointer; }  */
/* .botsLeft { width: 45%; float: left; }  */
/* .botsRight { width: 45%; margin-left: 55%; }  */
/* .botsRight img { width: 100%; height: auto; }  */
/* .botsLeft01, .botsLeft02 { font-size: 32px; font-weight: 600; color: #023793; }  */
/* .botsLeft03 { font-size: 14px; color: #333; text-align: justify; margin: 28px 0 90px 0; line-height: 28px; }  */
/* .botsLeft04 { margin-bottom: 48px; }  */
/* .botsLeft05 { position: relative; float: left; }  */
/* .botsLeft05 span { display: block; font-size: 48px; color: #121fab; position: absolute; top: 4px; left: 0; width: 80px; text-align: center; }  */
/* .botsLeft06 { margin-left: 90px; }  */
/* .botsLeft06 div:first-child { font-size: 20px; color: #333; font-weight: 600; }  */
/* .botsLeft06 div:last-child { font-size: 14px; color: #333; text-align: justify; line-height: 28px; }  */
/* .ta_c { text-align: center; margin-top: 100px; }  */
/* @-webkit-keyframes rotation {  */
/* from { -webkit-transform: rotate(0deg); }  */
/* to { -webkit-transform: rotate(360deg); }  */
/* }  */
/* .rotation { width: 80px; height: 80px; -webkit-transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite; -o-animation: rotation 3s linear infinite; -webkit-animation-delay: 2s; }  */
/* .Mobile, #product .product-list .bots .productTops { display: none; }  */
 
@media screen and (max-width: 768px) {

.main{width:94%;}
#index .index1{margin-bottom: 0px;} 
#index .index1_tabs{margin-bottom: 20px;} 
#index .index1_tabs span{font-size:18px !important;} 
#index .index1_tabs_con{padding: 0 5px;} 
#index .index1_item ul li{width: 100%; margin-bottom: 15px;} 
#index .index1_item ul li .index1_img{margin-bottom: 20px;} 
#index .index1_item ul li .index1_time{margin-bottom: 10px;} 
#index .index1_item ul li h2{margin-bottom: 10px;} 



#index .index_news{width:94%;} 
#index  .news_left{ 	width: 100%; 	float: none; 	padding: 0; 	margin-bottom: 25px; } 
#index  .news_right{ 	width: 100%; 	float: none; 	padding: 0; } 




.app-list .item .tops .img img { width: 100%; height: 230px; } 
.PC { display: none; } 
.Mobile { display: block; } 
.Mobile .ooo1 { width: 100%; } 
.search { height: 30px; } 
.search input { height: 30px; line-height: 30px; width: 250px; margin-left: 10px; } 
.search div { height: 30px; line-height: 30px; width: 80px; left: 260px; } 
.contactLeft { float: inherit; } 
.contactRight { margin-left: 0; } 
.contactLeftTitle { font-size: 16px; } 
.contactLeft01 p:last-child { font-size: 12px; } 
.contactMain { width: 94%; } 
.contactAjaxTop { width: 100%; } 
.contactAjaxTop input { width: 100%; margin-bottom: 20px; } 
.footer .foot-top { height: 267px; } 
.footer .foot-top .tops .nav { display: none; } 
.footer .foot-top .tops .ewm { position: absolute; right: 0; } 
.call { left: 0; width: 70%; top: 60px; } 
.callRightAddress { font-size: 24px; } 
.information { bottom: -125px; font-size: 16px; } 
.indexM { display: block; } 
.indexPC { display: none; } 

#index .banner .swiper-slide .main { left: 6%; }
#index .banner .swiper-slide .main2{left:40%} 
#index .banner .swiper-slide .texts .text1 { font-size: 30px; line-height: 32px;  } 
#index .banner .swiper-slide .texts .text1 i { height: 32px; } 
#index .banner .swiper-slide .texts .text2 { font-size: 16px; line-height: 18px;  } 
#index .banner .swiper-slide .texts .text2 i { height: 16px; } 	
#index .banner .swiper-slide .texts .text3{font-size: 18px; line-height: 20px;  }
#index .banner .swiper-slide .texts .text3 i { height: 18px; } 
#index .banner .swiper-pagination-bullet { border-radius: 4px; } 
#index .banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; } 
#index .banner .banner-btn { top: 50%; } 
#index .banner .banner-btn i { width: 16px; height: 14px; background-size: 16px 4px; } 
#index .banner .banner-btn span { font-size: 14px; line-height: 14px; } 
#index .banner .banner-prev { left: 2%; } 
#index .banner .banner-prev i { background-position: left center; } 
#index .banner .banner-prev span { margin-left: 10px; } 
#index .banner .banner-next { right: 2%; } 
#index .banner .banner-next i { background-position: right center; } 
#index .banner .banner-next span { margin-right: 10px; }
 
#index .about { padding: 40px 0 40px; } 
#index .about .about-main { display: block; margin-top: 40px; } 
#index .about .about-main .left { width: 94%; height: 330px; margin: 0 auto; } 
#index .about .about-main .right { width: 100%; max-width: none; padding: 30px 2.6% 0; margin-left: 0; } 
#index .about .about-main .right .name { font-size: 18px; } 
#index .about .about-main .right .desc { font-size: 14px; /*line-height: 23px;*/ margin-top: 10px; } 
#index .about .about-main .right .numbers .item { width: 30%; text-align: center; margin-top: 15px; } 
#index .about .about-main .right .numbers .item .num { font-size: 50px; line-height: 40px; } 
#index .about .about-main .right .numbers .item .text { font-size: 14px; /*color: #999;*/ margin-top: 10px; } 
#index .about .about-main .right .readmore { margin-top: 30px; } 


#news .news-list { margin-top: 40px; } 
#news .news-list .item { padding: 20px 0; } 
#news .news-list .item .img { width: 200px; height: 141px; } 
#news .news-list .item .right { width: calc(75% - 220px); margin-left: 20px; } 
#news .news-list .item .right .title { font-size: 16px; line-height: 16px; margin-top: 0px; } 
#news .news-list .item .right .date { font-size: 14px; line-height: 14px; margin-top: 8px; } 
#news .news-list .item .right .desc { font-size: 14px; line-height: 24px; margin-top: 8px; } 
#news .pages { margin: 40px auto; } 

 #index .index1_item ul li .index1_img img{width:100%;height:350px;}

#app .app-list .top-title { font-size: 20px; line-height: 20px; margin-top: 40px; } 
#app .app-list .pages { margin: 20px auto 40px; } 


#product .sub-cate { margin-top: 40px; } 
#product .product-list .top-title { font-size: 20px; line-height: 20px; margin-top: 40px; } 
#product .product-list .bots .right-list .pages { margin: 20px auto 40px; } 
#product .prod-detail { margin-top: 40px; } 
#product .prod-detail .pd-bot { margin-top: 40px; } 
#product .prod-detail .pd-bot .tab .item { min-width: 136px; height: 40px; padding: 0 15px; line-height: 40px; font-size: 16px; margin-right: 10px; } 
#product .prod-detail .pd-bot .details { padding: 20px; font-size: 14px; line-height: 24px; } 
#product .prod-detail .back { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; line-height: 40px; margin: 30px auto 30px; } 
#product .prod-detail .recom { margin-top: 40px; margin-bottom: 40px; } 
#product .prod-detail .recom .tops { height: 50px; line-height: 50px; font-size: 18px; } 
#product .prod-detail .recom .swiper { margin-top: 30px; } 
#product .prod-detail .recom .swiper .swiper-slide { width: 48%; } 
#product .prod-detail .recom .swiper .swiper-slide .text { height: 24px; margin-top: 20px; line-height: 24px; } 
#product .prod-detail .recom .swiper .swiper-slide .text i { width: 16px; height: 5px; margin-top: 9px; background-position: -24px 0; background-size: 40px 5px; } 
#contact .main-tops { overflow: hidden; margin-top: 40px; margin-bottom: 40px; display: block; } 
#contact .main-tops .item { width: 100%; margin-top: 50px; } 
#contact .main-tops .item .b-title { height: 32px; line-height: 32px; padding: 0 16px; font-size: 18px; } 
#contact .main-tops .texts .cn { font-size: 18px; margin-top: 20px; } 
#contact .main-tops .texts .en { font-size: 14px; } 
#contact .main-tops .texts .line { margin-top: 14px; line-height: 21px; font-size: 14px; } 
#contact .main-tops .texts .line .label { padding-left: 30px; } 
#contact .main-tops .form form { margin-top: 20px; } 
#contact .main-tops .form .line { margin-top: 14px; } 
#contact .main-tops .form .line .input input { height: 50px; padding: 0 14px; } 
#contact .main-tops .form .line .textarea { height: 150px; } 
#contact .main-tops .form .line .textarea textarea { height: 150px; padding: 10px 14px; } 
#contact .main-tops .form .line.hasyzm { height: 50px; } 
#contact .main-tops .form .line.hasyzm .input { width: 36.36%; } 
#contact .main-tops .form .line.hasyzm .img { width: 22.72%; } 
#contact .main-tops .form .line.hasyzm .img img { height: 50px; } 
#contact .main-tops .form .line.hasyzm .button { width: 34.84%; height: 50px; font-size: 16px; } 
#contact .main-tops .form .line.hasyzm .button i { width: 16px; height: 16px; margin-left: 10px; } 


#about .section1 { padding: 40px 0 40px; } 
#about .section1 .main .name { font-size: 15px; } 
#about .section1 .main .desc { width: 94%; font-size: 12px; margin-top: 14px; line-height: 30px; } 
#about .section1 .main .slogan-cn { font-size: 18px; margin-top: 14px; } 
#about .section1 .main .slogan-en { font-size: 14px; line-height: 24px; } 
#about .section1 .main .numbers .item { width: 32%; margin-top: 35px; } 
#about .section1 .main .numbers .item .num { font-size: 50px; line-height: 40px; } 
#about .section1 .main .numbers .item .text { font-size: 14px; margin-top: 10px; } 
#about .section1 .main .numbers i { height: 34px; margin: 50px 30px 0; } 
#about .section1 .main .numbers i:nth-of-type(2) { display: none; } 
#about .section1 .main .swiper { margin-top: 50px; } 
#about .section1 .main .swiper .swiper-slide { width: 49.23%; } 
#about .section1 .main .swiper .btn { width: 30px; height: 30px; top: 50%; margin-top: -15px; } 
#about .section1 .main .swiper .prev { left: -10px; } 
#about .section1 .main .swiper .next { right: -10px; } 


#about .section2 { padding: 40px 0 40px; } 
#about .section2 .swiper { margin-top: 30px; } 
#about .section2 .swiper .swiper-slide { width: 45.23%; } 
#about .section2 .swiper.cultures .swiper-slide .img { height: 140px; } 
#about .section2 .swiper.cultures .swiper-slide .img img { height: 140px; } 
#about .section2 .swiper .swiper-slide .bots { height: 106px; padding: 10px 10px; margin-top: 10px; } 
#about .section2 .swiper .swiper-slide .bots .left { padding-right: 10px; } 
#about .section2 .swiper .swiper-slide .bots .left .big { font-size: 18px; line-height: 22px; } 
#about .section2 .swiper .swiper-slide .bots .left .small { font-size: 14px; margin-top: 10px; } 
#about .section2 .swiper .swiper-slide .bots i { width: 36px; height: 36px; } 
#about .section2 .swiper .btn { width: 30px; height: 30px; top: 50%; margin-top: -15px; } 
#about .section2 .swiper .prev { left: -10px; } 
#about .section2 .swiper .next { right: -10px; } 




/* #about .section3 { padding: 40px 0 40px; }  */
/* #about .section3 .hr { top: 95px; }  */
/* #about .section3 .swiper { margin-top: 30px; }  */
/* #about .section3 .swiper .swiper-slide { width: 220px; height: 220px; padding-top: 50px; }  */
/* #about .section3 .swiper .swiper-slide .year { height: 30px; line-height: 30px; font-size: 22px; }  */
/* #about .section3 .swiper .swiper-slide .dot { width: 10px; height: 10px; margin: 10px auto; }  */
/* #about .section3 .swiper .swiper-slide .col { top: 95px; }  */
/* #about .section3 .swiper .swiper-slide .line { height: 38px; margin: 10px auto; }  */
/* #about .section3 .swiper .swiper-slide .desc { padding: 0 40px; font-size: 14px; line-height: 30px; height: 60px; }  */
/* #about .section3 .swiper .swiper-slide:hover .year, #about .section3 .swiper .swiper-slide.active .year { font-size: 30px; }  */
/* #about .section3 .swiper .btn { width: 30px; height: 30px; margin-top: -15px; top: 95px; }  */
/* #about .section3 .swiper .prev { left: -10px; }  */
/* #about .section3 .swiper .next { right: -10px; }  */
#about .section4 { padding: 40px 0 40px; } 
#about .section4 .honor-list { margin-top: 30px; } 
#about .section4 .honor-list .item { width: 49%; margin-left: 2%; margin-bottom: 30px; } 
#about .section4 .honor-list .item .img { border: 1px solid #e6e6e6; padding: 10px; } 
#about .section4 .honor-list .item .img img { width: 100%; /*height:300px;*/ } 
#about .section4 .honor-list .item .label { height: 40px; font-size: 14px; margin-top: 10px; line-height: 40px; } 
#about .section4 .honor-list .item:nth-child(2n + 1) { margin-left: 0; } 
#about .section4 .pages { margin: 20px auto 0; } 
/*#about .section1 .main .swiper .swiper-slide img {width:190px;} 
*/ 
.app-list .list { /* margin-top: 40px; */ } 
.app-list .item { width: 47%; /* margin-bottom: 40px; */ /* margin-left: 4%; */ } 

/* .app-list .item .tops .masklayer .texts { */
    /* padding: 90px 40px; */
/* } */
.app-list .item .tops .masklayer .texts .name { font-size: 30px; margin-top: 19%; } 
.app-list .item .tops .masklayer .texts .desc { font-size: 14px; margin-top: 10px; } 
.app-list .item .tops .masklayer .texts .text { font-size: 14px; line-height: 24px;  } 
.app-list .item .tops .masklayer .texts .icon { width: 32px; height: 9px; left: 20px; bottom: 20px; } 
.app-list .item .tops .masklayer i { width: 200%; height: 100%; top: 0; left: -250%; } 
.app-list .item .bots { padding: 20px 0 0; } 
.app-list .item .bots .name { font-size: 18px; line-height: 18px; } 
.app-list .item .bots .desc { font-size: 14px; line-height: 14px; margin: 10px 0 0; } 
/* .app-list .item:nth-child(3n + 1) { */ /* margin-left: 4%; */ /* } 
*/ /* .app-list .item:nth-child(2n + 1) { */ /* margin-left: 0; */ /* } 
*/

 } 


@media screen and (max-width: 480px) {
	
#index .news_right ul li a .date{ 	display: none; } 
#index .news_list{ 	width: 100%; } 
#index .news_list h5{ 	display: block; 	height: 14px; 	margin: 5px 0px; }
 
#index .product .prod-main{text-align:center;} 
#index .product .bd .hot_title{display:none;} 
#index .product .readmore2{display:block;} 


 
.app-list .item .tops .img img { width: 100%; height: 120px; } 
.footer .foot-top { height: 235px; } 
.contactRight { width: 345px; height: 220px; } 
.footer .foot-top .tops .ewm { padding-top: 30px; } 
.information { font-size: 10px; bottom: -110px; } 
.call { top: 30px; } 
.m-header .main .right .m-nav-btn img { width: 20px; height: 17px; } 

.about .mod-title { display: none; } 
/* #index .product .readmore { border-radius: inherit; }  */







#index .banner .swiper-slide .main { left: 5%; }
#index .banner .swiper-slide .main2{left:27%} 
#index .banner .swiper-slide .texts .text1 { font-size: 0.28rem;line-height: 0.28rem;  } 
#index .banner .swiper-slide .texts .text1 i { height: 18px; } 
#index .banner .swiper-slide .texts .text2 { font-size: 0.18rem;line-height: 0.18rem;  } 
#index .banner .swiper-slide .texts .text2 i { height: 17px; } 	
#index .banner .swiper-slide .texts .text3{    font-size: 0.15rem;line-height: 0.25rem;  }
#index .banner .swiper-slide .texts .text3 i { height: 16px; } 

/* #index .banner .swiper-slide .texts .text1  {  font-size: 0.2rem;   line-height: 0.2rem; margin-top: 0px; }  */
/* #index .banner .swiper-slide .texts .text1  i { height: 0.2rem; }  */
/* #index .banner .swiper-slide .texts .text2  { font-size: 0.2rem; line-height: 0.2rem; margin-top: 0px; }  */
/* #index .banner .swiper-slide .texts .text2  i { height: 0.2rem; } 	 */
/* #index .banner .swiper-slide .texts .text3  {font-size: 0.2rem; line-height: 0.2rem; margin-top: 0px; } */
/* #index .banner .swiper-slide .texts .text3  i { height: 0.2rem; }  */




#index .about .about-main { overflow: inherit; } 
#index .about .about-main .right { height: auto; } 
#index .about .about-main .right .desc { height: auto; } 
#index .about .about-main .right .numbers { bottom: 0; position: static; } 



#index .banner .swiper-pagination-bullet { width: 6px; height: 6px; border-radius: 3px; } 
#index .banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; } 
#index .banner .banner-btn { top: 50%; } 
#index .banner .banner-btn i { width: 16px; height: 14px; background-size: 16px 4px; } 
#index .banner .banner-btn span { font-size: 14px; line-height: 14px; display: none; } 
#index .banner .banner-prev { left: 2%; } 
#index .banner .banner-prev i { background-position: left center; } 
#index .banner .banner-prev span { margin-left: 10px; } 
#index .banner .banner-next { right: 2%; } 
#index .banner .banner-next i { background-position: right center; } 
#index .banner .banner-next span { margin-right: 10px; } 


#index .about { padding: 30px 0 30px; } 
#index .about .about-main { display: block; margin-top: 20px; } 
#index .about .about-main .left { /* display: none; */ width: 94%; height: 170px; margin: 0 auto; } 
#index .about .about-main .right { width: 100%; max-width: none; padding: 20px 2.6% 0; } 
#index .about .about-main .right .name { text-align: center; font-size: 16px; } 
#index .about .about-main .right .desc { font-size: 14px; line-height: 24px; margin-top: 10px; } 
#index .about .about-main .right .numbers .item { width: 33%; margin-top: 20px; } 
#index .about .about-main .right .numbers .item .num { font-size: 50px; line-height: 40px; } 
#index .about .about-main .right .numbers .item .text { font-size: 14px; color: #fff; margin-top: 10px; } 
#index .about .about-main .right .readmore { margin-top: 20px; } 


#index .product { padding: 30px 0 30px; } 
#index .product .swiper { margin: 20px auto 0; } 
#index .product .swiper .swiper-slide { width: 99.6%; } 
#index .product .swiper .swiper-slide .bot-text { padding: 16px 10px 16px; } 
#index .product .swiper .swiper-slide .bot-text .name { font-size: 16px; line-height: 16px; } 
#index .product .swiper .swiper-slide .bot-text .desc { display: none; margin: 6px auto 0; } 
#index .product .swiper .swiper-slide .masklayer .texts { top: 50%; left: 0; } 
#index .product .swiper .swiper-slide .masklayer .texts .name { width: 75%; font-size: 16px; } 
#index .product .swiper .swiper-slide .masklayer .texts .desc { width: 75%; font-size: 14px; line-height: 20px; margin: 15px auto 0; } 
#index .product .swiper .swiper-slide .masklayer .texts .icon { width: 20px; height: 20px; margin: 15px auto 0; } 
#index .product .swiper .swiper-slide .masklayer i { position: absolute; width: 200%; height: 100%; top: 0; left: -250%; } 


 #index .index1_item ul li .index1_img img{width:100%;height:250px;}

/* #news .big-title { margin-top: 30px; }  */
/* .contactAjax { overflow: inherit; }  */
/* .btns { position: relative; margin-bottom: 20px; bottom: -30px; width: 100%; display: grid; text-align: center; }  */
.callRightPhone p:last-child { font-size: 0.14rem; } 
.callRightAddress { font-size: 12px; } 
.call { width: 60%; } 
/* #news .big-title .big { font-size: 20px; line-height: 20px; }  */
/* #news .big-title .small { font-size: 14px; line-height: 14px; margin-top: 10px; }  */
#news .news-list { margin-top: 0; } 
#news .news-list .item { padding: 20px 0; } 
#news .news-list .item a { display: block; } 
#news .news-list .item .img { width: 120px; float: left; height: 84px; } 
#news .news-list .dates { display: none; } 
#news .news-list .item .img img { height: auto; } 
#news .news-list .item .right { width: 58%; height: 84px; position: relative; margin-left: 5%; } 
#news .news-list .item .right .title { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; white-space: inherit; line-height: 28px; -webkit-line-clamp: 2; margin-top: 0px; } 
#news .news-list .item .right .date { font-size: 14px; display: block; position: absolute; bottom: 0; left: 0; line-height: 14px; margin-top: 12px; } 
#news .news-list .item .right .desc { font-size: 14px; display: none; line-height: 24px; margin-top: 12px; } 
#news .news-list .item .right .readmore { position: static; margin-top: 12px; } 


#contact .contact { height: inherit; } 
#contact .contactRight .main { margin-left: 0; margin-right: 0; width: 100%; } 
#contact .contactLeft{width:100%;}
#contact .contactLeft .hr{margin: 21px 0 19px 0;}

#news .pages { /* display: none; */ margin: 30px auto; } 
#news .news-detail { margin-top: 30px; } 
#news .news-detail .tops { padding: 14px; } 
#news .news-detail .tops h1 { font-size: 16px; } 
#news .news-detail .tops .date { font-size: 12px; line-height: 12px; margin-top: 10px; } 
#news .news-detail .news-content { padding: 20px 0; font-size: 14px; line-height: 24px; } 
#news .news-detail .prev-next { padding: 15px 0; display: block; } 
#news .news-detail .prev-next a { width: 100%; } 
#news .news-detail .prev-next .next { text-align: left; margin-top: 10px; } 
#news .news-detail .back { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; line-height: 40px; margin: 30px auto 30px; } 


#app .app-list .top-title { font-size: 18px; text-align: left; line-height: 18px; margin-top: 30px; } 
#app .app-list .pages { margin: 10px auto 30px; /* display: none; */ } 
#app .app-list



#product .product-list .bots .productTop { display: none; } 
#product .product-list .bots .productTops { display: block; } 
#product .sub-cate { margin-top: 30px; }
#product .product-list .top-title { font-size: 18px; line-height: 18px; margin-top: 30px; } 
#product .product-list .bots { margin-top: 30px; } 
#product .product-list .bots .right-list .list .item { width: 48.6%; margin-left: 2.8%; margin-bottom: 20px; } 
#product .product-list .bots .right-list .list .item .text { height: 24px; margin-top: 10px; line-height: 24px; } 
#product .product-list .bots .right-list .list .item .text span { font-size: 14px; } 
#product .product-list .bots .right-list .list .item .text i { width: 16px; height: 5px; margin-top: 9px; background-position: -24px 0; background-size: 40px 5px; } 
#product .product-list .bots .right-list .pages { margin: 10px auto 30px; } 
#product .prod-detail { margin-top: 30px; } 

#product .prod-detail .pd-top { display: block; } 
#product .prod-detail .pd-top .gallery { width: 100%; height: auto; } 
#product .prod-detail .pd-top .right { width: 100%; padding-left: 0; } 
#product .prod-detail .pd-top .right .text1 { font-size: 20px; margin-top: 20px; } 
#product .prod-detail .pd-top .right .text2 { font-size: 16px; } 
#product .prod-detail .pd-top .right .text3 { padding-top: 10px; margin-top: 10px; line-height: 24px; } 
#product .prod-detail .pd-top .right .tab{
	   background:red;
}
#product .prod-detail .pd-top .right .return a{color:#fff;text-align:center;}
#product .prod-detail .pd-top .right .thumb { margin-top: 20px; } 
#product .prod-detail .pd-top .right .thumb .item { width: 120px; height: 85px; margin-right: 10px; } 
#product .prod-detail .pd-top .right .thumb.thumb1 { width: 100%; display: flex; justify-content: space-between; margin-top: 20px; } 
#product .prod-detail .pd-top .right .thumb.thumb1 .item { width: 32%; height: auto; margin-left: 0; margin-right: 0; } 
#product .prod-detail .pd-top .right .thumb.thumb1 .item img { width: 100%; height: auto; } 
#product .prod-detail .pd-top .right .thumb.thumb2 { display: none; } 

#product .prod-detail .recom .swiper .swiper-slide .text { height: 24px; margin-top: 10px; line-height: 24px; } 
#product .prod-detail .recom .swiper .swiper-slide .text span { font-size: 14px; } 
#product .prod-detail .recom .swiper .swiper-slide .text i { width: 16px; height: 5px; margin-top: 9px; background-position: -24px 0; background-size: 40px 5px; } 




.botsLeft01, .botsLeft02 { font-size: 16px; } 
.botsLeft03 { font-size: 12px; } 
.rotation { width: 40px; height: 40px; } 
.botsLeft05 span { width: 40px; font-size: 22px; } 
.botsLeft06 { margin-left: 45px; } 
.botsLeft06 div:first-child { font-size: 14px; } 
.botsLeft06 div:last-child { font-size: 12px; } 
.botsLeft04 { margin-bottom: 24px; } 
/* #product .section1 .main .name { font-size: 16px; }  */

#about .section2 { padding: 30px 0 30px; } 
#about .section2 .swiper { margin-top: 20px; } 
#about .section2 .swiper .swiper-slide { width: 100%; } 
#about .section2 .swiper .swiper-slide .img { height: auto !important; } 
#about .section2 .swiper .swiper-slide .img img { height: auto !important; } 
#about .section2 .swiper .swiper-slide .bots { height: 65px; margin-bottom: 20px; padding: 0 10px; margin-top: 0; } 
#about .section2 .swiper .swiper-slide .bots .left { padding-right: 10px; } 
#about .section2 .swiper .swiper-slide .bots .left .big { font-size: 18px; line-height: 22px; } 
#about .section2 .swiper .swiper-slide .bots .left .small { font-size: 14px; margin-top: 10px; } 
#about .section2 .swiper .swiper-slide .bots i { width: 36px; height: 36px; } 

/* #about .section3 { padding: 30px 0 30px; }  */
/* #about .section3 .hr { top: 95px; }  */
/* #about .section3 .swiper { margin-top: 20px; }  */
/* #about .section3 .swiper .swiper-slide { width: 220px; height: 220px; padding-top: 50px; }  */
/* #about .section3 .swiper .swiper-slide .year { height: 30px; line-height: 30px; font-size: 22px; }  */
/* #about .section3 .swiper .swiper-slide .dot { width: 10px; height: 10px; margin: 10px auto; }  */
/* #about .section3 .swiper .swiper-slide .col { top: 95px; }  */
/* #about .section3 .swiper .swiper-slide .line { height: 38px; margin: 10px auto; }  */
/* #about .section3 .swiper .swiper-slide .desc { padding: 0 40px; font-size: 14px; line-height: 30px; height: 60px; }  */
/* #about .section3 .swiper .swiper-slide:hover, #about .section3 .swiper .swiper-slide.active, #about .section3 .swiper .swiper-slide.swiper-slide-active { background-color: #00aeb9; }  */
/* #about .section3 .swiper .swiper-slide:hover .year, #about .section3 .swiper .swiper-slide.active .year, #about .section3 .swiper .swiper-slide.swiper-slide-active .year { color: #fff; font-size: 30px; }  */
/* #about .section3 .swiper .swiper-slide:hover .dot, #about .section3 .swiper .swiper-slide.active .dot, #about .section3 .swiper .swiper-slide.swiper-slide-active .dot { background-color: #00aeb9; border-color: #fff; }  */
/* #about .section3 .swiper .swiper-slide:hover .col, #about .section3 .swiper .swiper-slide.active .col, #about .section3 .swiper .swiper-slide.swiper-slide-active .col { background-color: #fff; }  */
/* #about .section3 .swiper .swiper-slide:hover .line, #about .section3 .swiper .swiper-slide.active .line, #about .section3 .swiper .swiper-slide.swiper-slide-active .line { height: 38px; }  */
/* #about .section3 .swiper .swiper-slide:hover .desc, #about .section3 .swiper .swiper-slide.active .desc, #about .section3 .swiper .swiper-slide.swiper-slide-active .desc { color: #fff; }  */
/* #about .section3 .swiper .btn { width: 30px; height: 30px; margin-top: -15px; top: 95px; }  */
/* #about .section3 .swiper .prev { left: -10px; }  */
/* #about .section3 .swiper .next { right: -10px; }  */

.app-list .list { /*margin-top: 30px; */} 
.app-list .item { width: 100%; /*margin-bottom: 30px;*/ margin-left: 0; width: 48%; } 
.app-list .item .tops .masklayer .texts { padding: 20px; } 
.app-list .item .tops .masklayer .texts p{margin:0;}
.app-list .item .tops .masklayer .texts .name { font-size: 18px; margin-top:1px; } 
.app-list .item .tops .masklayer .texts .desc { font-size: 14px; margin-top: 10px; } 
.app-list .item .tops .masklayer .texts .text { font-size: 14px; line-height: 24px;  } 
.app-list .item .tops .masklayer .texts .icon { width: 32px; height: 9px; left: 20px; bottom: 20px; } 
.app-list .item .tops .masklayer i { width: 200%; height: 100%; top: 0; left: -250%; } 
.app-list .item .bots { padding: 20px 0 0; } 
.app-list .item .bots .name { font-size: 12px; line-height: 12px; } 
.app-list .item .bots .desc { font-size: 14px; line-height: 14px; margin: 10px 0 0; } 
.app-list .item:nth-child(3n + 1) { margin-left: 0; } 
.app-list .item:nth-child(2n + 1) { margin-right: 2%; } 

 
 }