@charset "utf-8";

/****头部导航******/
.header { position: fixed;width: 100%;top: 0;left: 0;z-index: 33;height: 90px;width: 100%;background: repeating-linear-gradient(to right, #f2f3f5  0%,#f2f3f5 25%,#2d649f 25%,#2d649f 100%);}

/****banner******/
.index-banner {width: 100%; height: auto; overflow: hidden;}
.banner-list { position: relative;}
.banner-list  img{ width: 100%; height: 100%;}
.banner-list .txt1 { position:absolute;  top: 50%;left: 25%;transform: translate(-50%, -50%);}
.banner-list .txt1  h2 {color: #6cccf6; font-size: 45px; height:60px; line-height: 60px; font-weight: 500;}
.banner-list .txt1  p {color: #fff;font-size: 18px; height:auto; line-height:40px; font-weight: 500; padding-left:16%;}
.banner-list .txt2 { position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); }
.banner-list .txt2  h2 {color: #fff; font-size: 45px; height:60px; line-height: 60px; font-weight: 500; width: 100%; text-align: center;}
.banner-list .txt2  p {color: #fff;font-size: 35px; height:70px; line-height:70px; font-weight: 500;  text-align: center;}
.banner-list .txt2  p span {color:#f6182d;}
.banner-list .txt3 { position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); }
.banner-list .txt3  h2 { color: #00ea06; font-size: 45px; height:60px; line-height: 60px; font-weight: 500; width: 100%; text-align: center;}
.banner-list .txt3  p {color: #fff;font-size: 35px; height:70px; line-height:70px; font-weight: 500;text-align: center;}

/****首页口号******/
.index-slogan {color: #fff; width: 100%; height: 100px; background-color: #0d80db; padding:20px 0px;}
.index-slogan-list  {width: 100%; height: 60px; float: left; padding-left: 35px ;border-right: 1px solid #f2f3f5;  }
.index-slogan-list .img {  float: left; text-align: center; padding:5px 0px;width: 60px; height: 60px; background-color:#e6e6e6; border-radius: 30px;-webkit-border-radius:30px;  -ms-border-radius:30px;-o-border-radius:30px; -moz-border-radius:30px;}
.index-slogan-list .txt h3{padding-left: 15px; font-size: 18px; height:30px ; line-height: 30px; overflow: hidden;}
.index-slogan-list .txt h4{padding-left: 15px; font-size: 14px; height:30px ; line-height:30px; overflow: hidden;}
.swiper-index-slogan .swiper-button-prev ,.swiper-index-slogan .swiper-button-next{ color: #fff; font-size: 10px;  }
.swiper-index-slogan .swiper-button-prev::after , .swiper-index-slogan .swiper-button-next::after{  font-size: 18px;  }
.index-slogan-list-end {border-right: 0px solid #f2f3f5;}
.index-slogan-list:hover .img {background-color: #fff;}

/****首页产品******/
.index-pro { width: 100%; height: auto; padding: 80px 0px 80px 0px;  background-image: url('../images/index-pro-bg.jpg')  ; }
.index-pro-title { width: 200px ; float: left;}
.index-pro-title h2 { font-size: 25px;height: auto;line-height: 35px;}
.index-pro-title h3 { font-size: 14px;height: auto;line-height: 25px;}
.index-pro-button-next, .index-pro-button-prev{ text-align: center; color: #000; width: 90px; height:45px; background-color: #fff; border: 1px solid #2d649f;float: right; }
.index-pro-button-next i, .index-pro-button-prev i{ font-size: 30px;line-height: 45px;height: 45px;}
.index-pro-button-next:hover i, .index-pro-button-prev:hover i{ color: #6cccf6;}
.index-pro-button-next {  border-left: 0px;}
.swiper-index-pro {margin-top: 50px;}
.index-pro-list {width: 100%;background-color: #E9E7E8; }
.index-pro-list img {width: 100%; height: 100%; overflow: hidden;}
.index-pro-list .title  { width: 100%; height:40px ; background-color: #f2f3f5;  }
.index-pro-list .title h2 { width: 100%; height:40px ; font-size: 16px; line-height: 40px; text-align: center;}
.index-pro-list:hover .title  { background-color: #0e4278; color: #fff;}
.index-pro-list:hover .title  a{  color: #fff;} 

/****首页关于我们******/
.index-about { padding:150px 100px; text-align: center;color: #fff; width: 100%; height: 595px; overflow: hidden; background-image: url('../images/index-about-bg.jpg'); background-attachment: fixed ;background-size:cover; }
.index-about-txt h2 { font-size: 30px; height: 40px; line-height: 40px; }
.index-about-txt .txt { font-size: 14px; height: auto; line-height: 28px; width: 80%; margin: 50px auto;}
.index-about-txt .more { width: 150px; height: 40px; background-color: rgba(255, 255, 255, .7); margin: 0px auto;border-radius: 5px;-webkit-border-radius:5px;  -ms-border-radius:5px;-o-border-radius:5px; -moz-border-radius:5px;}
.index-about-txt .more a {color: #000; display: block;width: 100%; height: 100%; line-height: 40px;  }
.index-about-txt .more:hover {  background-color: rgba(255, 255, 255, 1.0);  }

/****首页新闻******/
.index-news {  padding: 100px 10px; width: 100%; height: 966px; background-image: url('../images/index-news-bg.jpg');background-size: cover;overflow: hidden;}
.index-title  {width: 100%; text-align: center;}
.index-title h2 { font-size: 25px;height: auto;line-height: 35px; }
.index-title h3 { font-size: 14px;height: auto;line-height: 25px;}
.index-news-list {margin-top:56px;width: 100%; display: flex;display:-webkit-flex;justify-content:flex-start;flex-wrap: wrap;align-content:flex-start;}
.news-list { width: 31.3%; margin-top: 85px;margin: 35px 1%;   } 
.news-img {position: relative; width: 100%;}
.news-img img {width: 100%;}
.news-title { position:absolute;left: 0; bottom: 0; height: 40px; width: 100%; background-color: rgba(0, 0, 0, .7); text-align: center;}
.news-title a { color: #fff; display: block; font-size: 14px; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
.news-txt { height: 280px; width: 100%; padding: 40px 15px; background-color: #fafbfc;}
.news-txt  .time{ font-size: 20px; font-weight: 600; height: 30px; line-height: 30px;}
.news-txt .txt { padding: 20px 0px; font-size: 12px; height: 96px;line-height: 24px; width: 100%; overflow: hidden;}
.news-txt .more { width: 140px; height: 35px; margin: 30px 0px; background-color: #00a2ea; text-align: center;}
.news-txt .more a {width: 100%; height: 35px;line-height: 35px;color: #fff; display: block;}

.news-list:hover   {
    box-shadow: 0px 0px 10px 2px rgba(100,100,100,0.75);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(100,100,100,0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(100,100,100,0.75);
}




/****首页优势******/
.index-advantages { padding: 100px 0px; width: 100%; height: auto; background-image: url('../images/index-advantages-bg.jpg'); background-size: cover; overflow: hidden;}
.index-advantages-txt { width: 100%; height: auto; margin-top: 50px;}
.index-advantages-txt   >ul >li{ border: 1px solid #fff; padding:60px 10px; color: #fff; float: left; width: 33.33%; height:285px; background-color:rgba(0, 0, 0, .7); text-align: center;}
.index-advantages-txt  h2 { width: 100%; font-size: 22px; height: 50px; line-height: 50px;}
.index-advantages-txt p { font-size: 14px;height: 30px; line-height: 30px;}
.index-advantages-txt   >ul >li:hover { background-color:#0d80db;}

/****首页应用******/
.index-application { width: 100%; height: auto;background-color: #f5f7fa; overflow: hidden;padding: 100px 0px 0px 0px;}
.index-application-list {margin: 60px auto 0px auto;position: relative;}
.index-application-list-title {  z-index: 3; position:absolute; left: 0; bottom: 0; width: 100%; height: 120px; background-color: rgba(51, 110, 174, .6);}
.container-fluid { padding: 0px 0px;}
.index-application-list-d {width:80%; margin: 0px auto;}
.index-application-list-d .txt {padding: 22px 0px;width: 100%; margin: 0px auto;  text-align: center; height: 100%;}
.index-application-list-d .txt h3 {color: #fff; font-size: 14px; line-height: 30px; height: 30px;}
.index-application-list-d .active {background-color: rgba(51, 110, 174, 1.6);}
.index-application-list-d .txt:hover {background-color: rgba(51, 110, 174, 1.6);}
.img-fluid1 {width: 100%;}

/****首页合作伙伴******/
.index-partner {width: 100%; height: auto;background-color: #fff; overflow: hidden;padding: 100px 0px 0px 0px;}
.index-partner-txt {margin: 50px auto;}
.index-partner-txt >ul >li { width: 20%; border: 1px solid #e6e6e6; float:left; }
.index-partner-txt >ul >li img {width: 100%;
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter:grayscale(1)
}

.index-partner-txt >ul >li:hover img {
    filter:grayscale(0%);
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    -webkit-filter:grayscale(0)
}

/****底部******/
.footer {width: 100%; height: auto; background-color: #3879bd; overflow: hidden;margin-top: 100px; color: #fff; padding: 60px 0px;}
.footer-list > ul >li {float: left; width: 25%;}
.footer-list > ul >li ul li {color: #fff; height: 30px;line-height: 30px; font-size: 16px; font-weight: 600;}
.footer-list > ul >li ul li a { color: #fff; font-size: 12px;display: block; width: 100%; font-weight: 500;}

.footer-contact h2 { font-size: 30px;font-weight: 600;color: #fff; height: 50px;line-height: 50px;}
.footer-contact h2 i {padding-right: 20px;}
.footer-contact hr {background-color: #fff; margin: 15px 0px;}
.footer-contact ul li { width: 100%;height: 30xp;line-height: 30px;font-size: 16px;}
.foonter-wx img {float: right; width: 100%;}
.foonter-wx h3 {font-size: 16px; font-weight: 600; text-align: center; height: 40px;line-height: 40px;}
.footer a:hover { color: #1e406f;}


/****NavList******/
.nav-list {position:absolute; position: fixed; bottom: 0px; left: 0px; color: #fff; width: 100%; height: 70px; background-color :rgba(26, 76, 122, .8);padding:0px 0px ; }
.nav-list ul{ width: 78%; margin: 0px auto; }
.nav-list ul li{ float: left; padding:20px 30px;height: 70px;}
.nav-list ul li:hover {background-color: #093361;}
.nav-list ul li a{ display: block; color: #fff;height: 30px;line-height: 30px; width: 100%;}


/****ABOUT******/
.about { width: 100%; overflow: hidden;padding: 100px 0px;}
.about h2 { color: #3879bd; font-size: 30px; font-weight: 600;height: auto; line-height: 35px;}
.about .txt { font-size: 14px; color: #121212; height: auto; line-height: 28px; padding: 30px 40px 30px 0px;  }

/****面包屑导航******/
.nav-crumbs { background-color: #f6f7fb; height: auto; width: 100%;}
.crumbs h3 {font-size:14px; height: auto; line-height: 40px;background-color: #f6f7fb;padding: 15px 0px; width: 100%;}
.crumbs h3 a:hover {color: #6cccf6;  font-size:14px; }


/****团队******/
.team { width: 100%; height: auto;  background-color: #f3f3f3; overflow: hidden; padding: 100px 0px 100px 0px; }
.team-list {width: 100%;}
.team-list img{width: 100%;}
.team-title { height: auto; background-color: #fff; width: 100%;  padding: 20px 15px; }
.team-title h2 { font-size: 16px; height: 40px; line-height: 40px; font-weight: 600;color: #fff;}
.team-title p {font-size: 14px; height: 40px; line-height: 40px; font-weight: 400;}
.team-title .more {font-size: 14px; height: 40px; line-height: 40px; font-weight: 400; }

.team-img {position: relative;}
.team-txt {color: #fff; font-size: 14px; line-height: 25px; padding: 25px 15px; opacity: 0.0;  position: absolute; left: 0px; bottom:0px; background-color: rgba(13,60,108, .7); width: 100%; height: 100%;overflow: hidden;}
.team-img:hover   .team-txt{opacity: 1.0;}
.about-titles {padding:30px 0px 30px 0px;}
.about-titles h2{color: #3879bd; font-size: 25px; font-weight: 400;height: 50px; line-height: 50px;}



/****文化******/
.culture { width: 100%;height: auto;overflow: hidden; padding: 60px 0px 100px 0px; }
.culture-txt > ul > li{float: left; width: 50%;}
.culture-txt ul > li .img { width: 100%; height: 480px;}
.culture-txt ul > li  .img img{width: 800px; height:530px; text-align: center;}
.culture-txt > ul > li .txt { width: 100%; height: 480px; background: #f3f3f3;padding:35px 25px; overflow: hidden;}
.culture-txt > ul > li .txt h2{ width: 100%;font-size: 16px; font-weight: 600;height: auto;line-height: 28px;}
.culture-txt > ul > li .txt p {width: 100%;font-size: 14px; font-weight: 400;height: auto;line-height: 25px;}

/****文化******/
.honor { width: 100%;height: auto; background-image: url('../images/about-honor.jpg'); background-size: cover;padding: 60px 0px 100px 0px; background-position: center;  background-attachment: fixed ;}
.honor .about-titles h2{color: #fff;}
.honor-list { width: 100%;height: 260px; background-color: #fff; padding: 15px 15px;}
.honor-img {width: 100%; height: 100%;}
.honor-img img{width: 100%; height: 100%;}
.team h2 , .culture h2{color: #000;}
.team h3 .culture h3{color: #1d1a1a; text-transform: uppercase; }
.honor h2{color: #fff;}
.honor h3{color: #fff; text-transform: uppercase; }

/****行业应用******/
.application-list >ul >li { width: 100%; height: 360px; padding: 40px 30px  ; overflow: hidden; margin: 50px auto;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px; 

    box-shadow: 0px 0px 18px -2px rgba(103,98,98,0.85);
    -webkit-box-shadow: 0px 0px 18px -2px rgba(103,98,98,0.85);
    -moz-box-shadow: 0px 0px 18px -2px rgba(103,98,98,0.85);

}
.application-list >ul >li ul li { width: 50%; float: left;}
.application-list >ul >li ul li img { width: 100%; height: 100%;     -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;  }
.application-list >ul >li:nth-child(2n) {background-color: #f3f3f3;}
.application-list >ul >li:nth-child(2n) ul li { width: 50%; float: right;}

.application-txt  h2 { font-size: 16px ;height: auto; line-height: 26px; font-weight: 600;}
.application-txt  .txt { font-size: 14px ; height: auto; line-height: 26px; margin-top: 20px;}
.application-list >ul >li  ul li .application-txt  { padding:20px 0px 0px 60px ;}
.application-list >ul >li:nth-child(2n) ul li .application-txt  { padding:30px 60px 0px 0px ;}
.application-list >ul >li:hover {background-color: #3b82bd;}
.application-list >ul >li:hover h2{color: #fff;}
.application-list >ul >li:hover .txt{color: #fff;}
.application-list >ul >li:hover a{color: #fff;}

/****新闻详情页******/
.news-show-txt>ul >li {float: left; width:73%;margin-right: 2%;}
.news-show-txt>ul >li:last-child { width: 25%;margin-right: 0%;}
.news-show {width: 100%; height: auto;min-height: 1500px;_height: 1500px;  overflow: hidden; padding: 50px 25px; font-size: 14px;line-height: 26px;    background-color: #e6e6e6;margin:55px auto;   }
.news-show h2 { font-size: 16px ;height: auto; line-height: 26px; font-weight: 600; text-align: center;}
.news-show h3 { font-size: 12px ;height: auto; line-height: 24px; font-weight: 400; text-align: center;}
.news-show  .txt{padding: 20px 0px; } 
.news-show-right { flex-direction:row;}
.news-show-right .news-list { width: 100%; margin: 0px 0px 20px 0px;   } 
.news-show-txt img{ width: 100%;}

/****联系我们******/
.contact-txt {width: 100%; overflow: hidden; margin: 50px auto;}
.contact-txt p {width: 100%;height: auto; line-height: 28px; font-size: 15px;}
.contact-p {color: #f71334;}

.contact-map {position: relative; overflow: hidden;}
.contact-map .map {width:100%;height:520px; }
.contact-map .txt  {position: absolute; bottom: 0px; right: 0px;;height:520px;width: 460px; background-color: rgba(18, 65, 116, .7);
padding: 100px 35px; color: #fff;}
.contact-map .txt  h2{font-size:22px;height: auto;line-height: 30px;}
.contact-map .txt  p{font-size:16px;height: auto;line-height: 30px;}
.contact-map .txt  hr{ margin:30px auto;}

.footer-contact a {color:#fff;}
    
/****产品导航******/
.pro-nav {width: 100%; display: flex;  flex-wrap: wrap;justify-content:space-between; ; }
.pro-nav-list {width:32%; height: 340px; background-color: #3879BD; overflow: hidden;  position: relative; margin-top: 50px;}
.par-nav-img {width: 100%; height: 340px; text-align: center; overflow: hidden;}
.par-nav-img img {height: 100%; }
.pro-nav-title {width: 100%; position: absolute; left: 0px;bottom: 0px; height: 40px; line-height: 40px; background-color: #D8D8D8; }
.pro-nav-title h2 {width: 100%;text-align: center;color: #000; font-size: 25px; font-weight: 400;height: 40px; line-height: 40px; font-size: 16px; font-weight: 500;}

.pro-nav-son { width: 100%;height: 340px;position: absolute; bottom: -400px; left: 0px;  background-color: rgba(246,247,251, .8); color: #000; padding: 40px 45px;}
.pro-nav-son dt a{width: 100%; font-size: 16px; height: 26px; line-height: 26px; font-weight:600;}
.pro-nav-son dd a {font-size: 14px;font-weight: 500;height: 26px; line-height: 26px;padding-left: 25px;  }
.pro-nav-son a:hover { color: #3879BD;}
.pro-nav-list:hover  .pro-nav-son{bottom:0px;transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s;  -o-transition: all 0.8s; }
.pro-nav-list:hover  .pro-nav-title { -khtml-opacity:0 ;filter:alpha(opacity=00);  -moz-opacity:0.0;  opacity: 0.0;}
.pro-nav-list:hover img { transform: scale(1.1);cursor: pointer; transition: all 0.6s;}
.pro-nav-son i {font-size: 14px;margin-right: 15px;height: 26px; line-height: 26px;}
/****产品内页******/
.pro-list {width: 100%; height: auto; }
.pro-title-show {margin:30px 0px 0px 0px;}
.pro-title-show .pro-search { float: right;}
.pro-title-show .pro-search input{ border: 1px solid #ccc;}
.pro-title-show button {width:120px; height:35px; background: #3879BD;color: #fff;float: left;margin-right: 20px;}
.pro-s-h {float:left; position:relative; z-index:3;height:100%;}
.showul  {list-style:none;display:none; position:absolute; left:30px; top:35px; background-color: rgba(255, 255, 255, .9);   border:1px solid #ccc; width:400px; height: auto; }
.showul  li {  height: 28px; line-height:28px; padding: 5px 20px; }
.showul li input {line-height:28px;height: 28px; margin-right: 10px; margin-top: -5px;}
.pro-list-img img {cursor: pointer; transition: all 0.6s; }
.pro-list-img img:hover{ transform: scale(4.5);}


.wt100 {position:relative;  height:100%;width: 100%; }
.wt100 { text-align: center;width: 100%;}
.wt100 table  thead { background-color: #2640a8; color: #fff; }
.wt100 table  thead  tr{ height: auto;font-size: 12px;font-weight:600 ;width:auto;}
.wt100 table  thead  tr span { width: 13px; height: 16px;margin:3px 8px;}
.wt100 table  thead  tr {border: 1px solid #F6F7FB;}
.wt100 table  thead  tr th{font-size: 12px; letter-spacing: 1px; width: auto;font-weight:600;border: 1px solid #F6F7FB;
     text-align: center; }
#example  tr td {width:auto; text-align: center;}






.addselect { border-radius:2px; display: inline-block;background-color: #ccc;height: 12px;width: 16px;text-align: center;color: #fff;font-size: 9px; font-family: Arial;  position: relative;   margin-left: 4px;  cursor: pointer; overflow: hidden;  vertical-align: top;   top: 1px;  }
.addselect select {  width: 44px;opacity:0;position:absolute;left:0;top:0;cursor:pointer;}
table.dataTable tbody th, table.dataTable th, table.dataTable tbody td {text-align: left;font-size: 12px;}
table.dataTable thead th {padding: 0 8px;}
.showslider { width: 80%; height: 100%; background-color: #fff; border: 1px solid #ccc; position: absolute; top: 9px;}
.addselect { border-radius: 2px; display: inline-block;  background-color: #ccc;  height: 12px;  width: 16px;  text-align: center; color: #fff;  font-size: 9px;  font-family: Arial; position: relative; margin-left: 4px; cursor: pointer; overflow: hidden;vertical-align: top;top: 1px;}
.addselect select {width: 44px; opacity: 0;position: absolute; left: 0; top: 0; cursor: pointer;}
table.dataTable tbody th, table.dataTable th, table.dataTable tbody td { font-size: 12px; text-align: left;}
table.dataTable thead th {  padding: 0 8px;}





@media (max-width: 575.98px) {

/****头部导航******/
.header { height:60px;}
.sina-nav { min-height: 60px;border: 1px solid #eee;}
.sina-nav .sina-brand { height: 60px; max-width: 200px;  padding: 0; margin: 0px 30px 0 0; }
.sina-nav .sina-brand > img {padding:8px 0;}
.sina-nav .navbar-toggle { margin: 15px 0 0 0;padding: 4px 10px;width: 38px; }

/****banner******/
.banner-list .txt1 { position:absolute;  top: 60%;left: 50%;transform: translate(-50%, -50%);}
.banner-list .txt1  h2 {width:100%;font-size: 18px; height:30px; line-height: 30px; }
.banner-list .txt1  p  {width:100%;font-size: 12px; height:20px; line-height:20px; padding-left:0px;}
.banner-list .txt2  h2 {  width: 100%;font-size: 20px; height:auto; line-height: 20px;margin-top:10px ; }
.banner-list .txt2  p {width: 100%;font-size: 14px; height:auto; line-height:20px; margin-top:10px ;}
.banner-list .txt3  h2 {  font-size: 20px; height:auto; line-height: 20px;margin-top:10px ; }
.banner-list .txt3  p {width: 100%;font-size: 14px; height:auto; line-height:20px; margin-top:10px ;}
.banner-list .txt2 {  top: 60%; width: 100%;}
.banner-list .txt3 {  top: 60%;}
/****口号******/
.index-slogan { height: auto;  padding:10px 20px;}
.index-slogan-list > ul >li {width: 100%; height: 80px;  padding-left: 5px ;  }
.index-slogan-list > ul >li:last-child {border-right: 1px solid #f2f3f5;}
.index-slogan-list >ul>li  .img { padding:5px 0px;width: 60px; height: 60px; }
.index-slogan-list >ul>li .txt h3{padding-left: 15px; font-size: 14px; height:30px ; line-height: 30px; overflow: hidden;}
.index-slogan-list >ul>li .txt h4{padding-left: 15px; font-size: 12px; height:30px ; line-height:30px; overflow: hidden;}

/****口号******/
.index-slogan-list  { height: 60px; padding-left: 45px ;border-right: 0px solid #f2f3f5;  }
.index-slogan-list .img {  float: left;  padding:5px 0px;width: 60px; height: 60px; }
.index-slogan-list .txt h3{padding-left: 15px; font-size: 18px; height:30px ; line-height: 30px; overflow: hidden;}
.index-slogan-list .txt h4{padding-left: 15px; font-size: 14px; height:30px ; line-height:30px; overflow: hidden;}

/****首页关于我们******/
.index-about { padding:60px 15px;  height: auto;   }
.index-about-txt h2 { font-size: 30px; height: 40px; line-height: 40px; }
.index-about-txt .txt { font-size: 14px; height: auto; line-height: 28px; width: 100%; margin: 30px auto;}
.index-about-txt .more { width: 150px; height: 40px;  margin: 0px auto;}
.index-about-txt .more a {color: #000; display: block;width: 100%; height: 100%; line-height: 40px;  }

/****首页新闻******/
.index-news { padding: 50px 10px; width: 100%; height: auto;background-size: cover;overflow: hidden; margin: 0px auto;}
.index-news-list {width: 100%; display: flex; justify-content:space-evenly;flex-flow: column;}
.news-list { width: 100%;margin: 15px 0px;   } 

/****首页优势******/
.index-advantages { padding: 60px 0px; width: 100%; height: auto; }
.index-advantages-txt { width: 100%; height: auto; margin-top: 50px;}
.index-advantages-txt   >ul >li{ padding:30px 5px; width: 50%; height:240px; }
.index-advantages-txt  h2 { width: 100%; font-size: 16px; height: 40px; line-height: 40px;}
.index-advantages-txt p { font-size: 12px;height: 25px; line-height: 25px;}

/****首页应用******/
.index-application {padding: 40px 0px 0px 0px; height: auto;}
.index-application-list {margin: 30px auto 0px auto;}
.index-application-list-title {  height: auto; background-color: rgba(51, 110, 174, .6);}
.index-application-list-d {width:100%;}
.index-application-list-d .txt {padding: 5px 0px;}
.index-application-list-d .txt h3 {color: #fff; font-size: 12px; line-height: 20px; height: 20px;}

/****首页合作客户******/
.index-partner {width: 100%; height: auto;background-color: #fff; overflow: hidden;padding: 60px 0px 0px 0px;}
.index-partner-txt {margin: 30px auto;}
.index-partner-txt >ul >li { width: 50%; border: 1px solid #e6e6e6; float:left; }
.index-partner-txt >ul >li img {width: 100%;}


/****底部******/
.footer { margin-top: 60px; color: #fff; padding: 50px 0px; }
.footer-list > ul >li {float: left; width: 25%;}
.footer-list {min-height: 220px;}
.footer-contact h2 { font-size: 25px;font-weight: 600;color: #fff; height: 50px;line-height: 50px;}
.footer-contact h2 i {padding-right: 5px;}
.footer-contact hr {background-color: #fff; margin: 15px 0px;}
.footer-contact ul li { width: 100%;height: 30xp;line-height: 30px;font-size: 14px;}
.foonter-wx img {float: right; width: 100%; margin-top: 20px;}
.foonter-wx h3 {font-size: 14px; height: 40px;line-height: 40px;}

/****Nav******/
.nav-list {position:relative;  width: 100%; min-height: 85px; padding:0px 0px ; }
.nav-list ul{ width: 100%; margin: 0px auto; }
.nav-list ul li{ float: left; padding:10px 0px 5px 0px;height: 40px; text-align: center; width: 33.33%;}
.nav-list ul li:hover {background-color: #093361;}
.nav-list ul li a{ display: block; color: #fff;height: 25px;line-height: 25px; width: 100%;}

/****ABOUT******/
.about { padding:40px 0px;}
.about h2 {  font-size: 30px; line-height: 30px; text-align: center;}
.about .txt {  height: auto; line-height: 26px; padding: 20px 0px ;  }

/****文化******/
.culture { padding: 40px 0px  }
.culture-txt > ul > li{width: 100%;}
.culture-txt > ul > li .txt { height: auto; padding: 25px 15px; }
.culture-txt ul > li .img { width: 100%; height: 100%;}
.culture-txt ul > li  .img img{width: 100%; height:100%; text-align: center;}

/****文化******/
.honor { padding: 40px 0px ; }
.honor-list { width: 100%;height: 260px;  padding: 15px 15px;}
.honor-img {width: 100%; height: 100%;}
.honor-img img{width: 100%; height: 100%;}


/****行业应用******/
.application-list >ul >li { width: 100%; height: 500px; padding: 20px 15px  ;  margin: 50px auto;}
.application-list >ul >li ul li { width: 100%; }
.application-list >ul >li ul li img { width: 100%; height: 100%;      }
.application-list >ul >li:nth-child(2n) ul li { width: 100%; }

.application-txt  .txt { font-size: 14px ; height: auto; line-height: 26px; margin-top: 20px;}
.application-list >ul >li  ul li .application-txt  { padding:20px 0px 0px  ;}
.application-list >ul >li:nth-child(2n) ul li .application-txt  { padding:20px 0px  ;}




/****新闻详情页******/
.news-show-txt>ul >li {float: left; width:100%;margin-right: 0%;}
.news-show-txt>ul >li:last-child { width: 100%;margin-right: 0%;}
.news-show {width: 100%; height: auto; min-height: 600px; padding: 50px 15px; font-size: 14px;  margin:25px auto;   }

.news-show  .txt{padding: 20px 0px; overflow: hidden; } 
.news-show-right .news-list { width:100%; margin: 10px 0px 10px 0px;   } 


/****联系我们******/
.contact-txt { margin: 30px auto;}

.contact-map {position: relative; overflow: hidden;}
.contact-map .map {width:100%;height:920px; }
.contact-map .txt  {position: absolute; bottom: 0px; right: 0px;height:420px;width: 100%; 
padding: 30px 15px; }
.contact-map .txt  h2{font-size:22px;height: auto;line-height: 30px;}
.contact-map .txt  p{font-size:16px;height: auto;line-height: 30px;}
.contact-map .txt  hr{ margin:30px auto;}

/****产品导航******/
.pro-nav-list {width:100%; height: 340px;  margin-top: 30px;}




}

@media (min-width: 576px) and (max-width: 767.98px) {


}

@media (min-width: 768px) and (max-width: 991.98px) {
 /****头部导航******/
.header { height:60px;}
.sina-nav { min-height: 60px;border: 1px solid #eee;}
.sina-nav .sina-brand { height: 60px; max-width: 200px;  padding: 0; margin: 0px 30px 0 0; }
.sina-nav .sina-brand > img {padding:8px 0;}
.sina-nav .navbar-toggle { margin: 14px 0 0 0;padding: 4px 10px;width: 38px; }

/****banner******/
.banner-list .txt1 { position:absolute;  top: 50%;left: 26%;transform: translate(-50%, -50%);}
.banner-list .txt1  h2 {width:100%;font-size: 20px; height:50px; line-height: 50px; }
.banner-list .txt1  p  {width:100%;font-size: 16px; height:20px; line-height:20px; padding-left:0px;}
.banner-list .txt2  h2 {  font-size: 22px; height:auto; line-height: 50px;margin-top:5px ; }
.banner-list .txt2  p {font-size: 16px; height:auto; line-height:20px; margin-top:5px ;}
.banner-list .txt3  h2 {  font-size: 22px; height:auto; line-height: 50px;margin-top:5px ; }
.banner-list .txt3  p {font-size: 16px; height:auto; line-height:20px; margin-top:5px ;}

/****首页关于我们******/
.index-about { padding:80px 45px;  height: auto;   }

/****ABOUT******/
.about { padding:50px 0px;}
.about h2 { text-align: center; font-size: 30px;  line-height: 30px;}
.about .txt { line-height: 28px; padding: 30px  0px;  }

/****文化******/
.culture { padding: 50px 0px  }
.culture-txt > ul > li{width: 100%;}
.culture-txt > ul > li .txt { height: auto; padding: 25px 15px; }
.culture-txt ul > li .img { width: 100%; height: 100%;}
.culture-txt ul > li  .img img{width: 100%; height:100%; text-align: center;}


/****行业应用******/
.application-list >ul >li { width: 100%; height: auto; padding: 20px 15px  ;  margin: 50px auto;}
.application-list >ul >li ul li { width: 100%; }
.application-list >ul >li ul li img { width: 100%; height: 100%;      }
.application-list >ul >li:nth-child(2n) ul li { width: 100%; }

.application-txt  .txt { font-size: 14px ; height: auto; line-height: 26px; margin-top: 20px;}
.application-list >ul >li  ul li .application-txt  { padding:20px 0px 0px  ;}
.application-list >ul >li:nth-child(2n) ul li .application-txt  { padding:20px 0px  ;}



/****首页新闻******/
.index-news {  padding: 80px 10px; width: 100%; height: 620px}
.index-news-list {margin-top:30px;justify-content:flex-start;flex-wrap: wrap;}
.news-list { width: 31.3%; margin-top: 85px;margin: 35px 1%;   } 
.news-img {position: relative; width: 100%;}
.news-img img {width: 100%;}
.news-title { position:absolute;left: 0; bottom: 0; height: 40px; width: 100%; background-color: rgba(0, 0, 0, .7); text-align: center;}
.news-title a { color: #fff; display: block; font-size: 14px; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
.news-txt { height: 240px; width: 100%; padding: 20px 15px; background-color: #fafbfc;}
.news-txt .txt { padding: 20px 0px; font-size: 12px; height: 96px;line-height: 24px; width: 100%; overflow: hidden;}



/****新闻详情页******/
.news-show-txt>ul >li {float: left; width:100%;margin-right: 0%;}
.news-show-txt>ul >li:last-child { width: 100%;margin-right: 0%;}
.news-show {width: 100%;  height: auto;min-height: 400px;  padding: 50px 15px; font-size: 14px; margin:25px auto;   }
.news-show .txt {width: 100%;  height: auto;    }
.news-show  .txt{padding: 20px 0px; overflow: hidden; } 
.news-show-right .news-list { width:48%; margin: 10px 1%;   } 

/****产品导航******/
.pro-nav-list {width:48%; height: 340px;  margin-top: 30px;}
}

@media (min-width : 992px) and (max-width: 1279.99px) {

/****头部导航******/
.header { height: 8px;}
.sina-nav { min-height: 80px;border: 1px solid #eee;}
.sina-nav .sina-brand { height: 80px; max-width: 200px;  padding: 0; margin: 0px 30px 0 0; }
.sina-nav .sina-brand > img {padding:10px 0;}
.sina-nav .navbar-toggle { margin: 20px 0 0 0;padding: 4px 10px;width: 38px; }
 /****banner******/
.banner-list .txt1 { position:absolute;  top: 50%;left: 26%;transform: translate(-50%, -50%);}
.banner-list .txt1  h2 {width:100%;font-size: 25px; height:50px; line-height: 50px; }
.banner-list .txt1  p  {width:100%;font-size: 16px; height:20px; line-height:20px; padding-left:0px;}
.banner-list .txt2  h2 {  font-size: 30px; height:auto; line-height: 50px;margin-top:5px ; }
.banner-list .txt2  p {font-size: 18px; height:auto; line-height:20px; margin-top:5px ;}
.banner-list .txt3  h2 {  font-size: 30px; height:auto; line-height: 50px;margin-top:5px ; }
.banner-list .txt3  p {font-size: 18px; height:auto; line-height:20px; margin-top:5px ;}

/****首页关于我们******/
.index-about { padding:100px 25px;  height: auto;   }
  
/****ABOUT******/
.about .txt {  padding: 20px  0px; line-height: 26px;  }
.about { padding: 50px 0px;}

/****文化******/
.culture { padding: 50px 0px  }
.culture-txt > ul > li{width: 100%;}
.culture-txt > ul > li .txt { height: auto; padding: 25px 15px; }
.culture-txt ul > li .img { width: 100%; height: 100%;}
.culture-txt ul > li  .img img{width: 100%; height:100%; text-align: center;}


/****行业应用******/
.application-list >ul >li { width: 100%; height: auto;  }
.application-txt  .txt { font-size: 14px ; height: auto; line-height: 26px; margin-top: 20px;}
.application-list >ul >li  ul li .application-txt  { padding:20px 0px 0px 50px ;}
.application-list >ul >li:nth-child(2n) ul li .application-txt  { padding:20px 50px 0px 0px ;}


/****首页新闻******/
.index-news {  padding: 80px 10px; width: 100%; height: 700px}
.index-news-list {margin-top:30px;justify-content:flex-start;flex-wrap: wrap;}
.news-list { width: 31.3%; margin-top: 85px;margin: 35px 1%;   } 
.news-img {position: relative; width: 100%;}
.news-img img {width: 100%;}
.news-title { position:absolute;left: 0; bottom: 0; height: 40px; width: 100%; background-color: rgba(0, 0, 0, .7); text-align: center;}
.news-title a { color: #fff; display: block; font-size: 14px; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
.news-txt { height: 240px; width: 100%; padding: 20px 15px; background-color: #fafbfc;}
.news-txt .txt { padding: 20px 0px; font-size: 12px; height: 96px;line-height: 24px; width: 100%; overflow: hidden;}



/****新闻详情页******/
.news-show-txt>ul >li {float: left; width: 70%;margin-right: 2%;}
.news-show-txt>ul >li:last-child { width: 28%;margin-right: 0%;}
.news-show-right .news-list { width:100%; margin: 25px 0px 0px  0px;   } 
.news-show {width: 100%;  height: auto;min-height: 1600px;   }



}


@media (min-width: 1280px) and (max-width: 1699.98px) {

/****头部导航******/
.header { height: 90px;width: 100%;background: repeating-linear-gradient(to right, #f2f3f5  0%,#f2f3f5 30%,#2d649f 30%,#2d649f 100%);}
.img-enlarge img {cursor: pointer; width: 100%; height:100%;transition: all 0.6s;}
/****ABOUT******/
.about { padding: 60px 0px;}
.about .txt { font-size: 14px;line-height: 26px; padding: 30px 0px 30px 0px;  }
.about-right-img { margin-top:70px;}

/****文化******/
.culture-txt ul > li .img { width: 100%; height: 530px;}
.culture-txt > ul > li .txt { width: 100%; height: 530px; background: #f3f3f3;padding: 15px 25px; overflow: hidden;}

/****行业应用******/
.application-list >ul >li { width: 100%; height: auto;  }
.application-txt  .txt { font-size: 14px ; height: auto; line-height: 26px; margin-top: 20px;}
.application-list >ul >li  ul li .application-txt  { padding:50px 0px 0px 50px ;}
.application-list >ul >li:nth-child(2n) ul li .application-txt  { padding:50px 50px 0px 0px ;}


/****首页新闻******/
.index-news {  padding: 80px 10px; width: 100%; height: 720px}
.index-news-list {margin-top:30px;justify-content:flex-start;flex-wrap: wrap;}
.news-list { width: 31.3%; margin-top: 85px;margin: 35px 1%;   } 
.news-img {position: relative; width: 100%;}
.news-img img {width: 100%;}
.news-title { position:absolute;left: 0; bottom: 0; height: 40px; width: 100%; background-color: rgba(0, 0, 0, .7); text-align: center;}
.news-title a { color: #fff; display: block; font-size: 14px; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
.news-txt { height: 240px; width: 100%; padding: 20px 15px; background-color: #fafbfc;}
.news-txt .txt { padding: 20px 0px; font-size: 12px; height: 96px;line-height: 24px; width: 100%; overflow: hidden;}



}

@media (min-width: 1700px) and (max-width: 1922.98px) {
.container{  min-width:1580px; width: 1580px;}
.swiper-index-slogan .swiper-button-prev , .swiper-button-next{ color: #fff; display: none;  }
.img-enlarge img {cursor: pointer; width: 100%; height:100%;transition: all 0.6s;}
           
/****文化******/
.culture-txt ul > li .img { width: 100%; height: 530px;}
.culture-txt > ul > li .txt { width: 100%; height: 530px; background: #f3f3f3; overflow: hidden;}




}

@media (min-width: 1923px) {
/****头部导航******/
.header { height: 90px;width: 100%;background: repeating-linear-gradient(to right, #f2f3f5  0%,#f2f3f5 38%,#2d649f 38%,#2d649f 100%);}
.container{  min-width:1680px; width: 1680px;}
.swiper-index-slogan .swiper-button-prev , .swiper-button-next{ color: #fff; display: none;  }

.img-enlarge img {cursor: pointer; width: 100%; height:100%;transition: all 0.6s;}


}