* {
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
/*****！！页面通用css样式定义开始******/
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body {
  font-family: "微软雅黑";
  /*文字字体定义 */
  font-size: 14px;
  /*文字大小定义 */
}
/* 网站超链接css通用设置 */
a {
  text-decoration: none;
}
/* 链接无下划线,有为underline */
a:link {
  color: #333333;
}
/* 未访问的链接 */
a:visited {
  color: #333333;
}
/* 已访问的链接 */
a:hover {
  color: #eb1315;
  text-decoration: none;
}
/* 鼠标在链接上 */
a:active {
  color: #333333;
}
/* 点击激活链接 */
a {
  transition: all .3s linear  ;
}
img {
  border: none;
  /*display: block;*/
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.clear::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*清除浮动*/
ul,
li,
dl,
dt,
dd,
table,
h1,
h2,
h3,
h4,
h5 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.backcolor {
  background: #00ADF1;
}

.ells {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.span01 .bdshare{position: relative;bottom:-10px;}
@media screen and (min-width: 1200px) {
  .wrap {
    width: 1140px;
    margin: 0 auto;
  }
  .banner {
  position: relative;
}
.banner .flexslider {
  width: 100%;
}
.banner .slides {
  position: relative;
  z-index: 1;
}
.banner .slides > li {
  height: 100%;
}
.banner .slides > li img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.banner .slides > li > ul {
  position: absolute;
  top: 35%;
  left: 50%;
  margin-left: -309px;
  z-index: 200;
}
.banner .slides > li > ul h1 {
  font-size: 38px; line-height:55px;
  color: #fff;
}
.banner .slides > li > ul h1 span {
  font-size: 50px; font-weight:bold;line-height:55px;
}
.banner .slides > li > ul h1 span span {
  color: #0894CB; font-weight:bold;line-height:55px;
}
.banner .slides > li > ul h2 {
  text-align: center; font-weight:bold;
  font-size: 26px;
  color: #C4C7AF;
  margin-top:15px;
}
.banner .slides > li > ul > li {
  float: left;
  width: 100px;
  height: 35px;
  font-size: 16px;
  text-align: center;
  line-height: 33px;
  margin: 25px  10px 0;
}
.banner .slides > li > ul > li a {
  color: #fff;
}
.banner .slides > li > ul > li.cases {
  border: 1px solid #fff;
  margin-left: 200px;
}
.banner .slides > li > ul > li.indexs {
  /*background: #0da056;*/ border: 1px solid #fff;
}
.banner .flex-control-nav {
  display: none;
}
.banner .flex-direction-nav {
  display: none;
}
  .phone-nav {
    display: none;
  }
  .header {
    position: absolute;
    left: 50%;
    margin-left: -570px;
    top: 30px;
    z-index: 100;
  }

  .banner .swiper-container{
    display: none;
  }
  .navs {
    background: #014385; height:80px;
  }
  .navs .wrap{ width:1140px; height:80px; margin:0 auto; position:relative}
  .navs .logo {
    margin-top: 13px;
  }
  .navs .logo img{ max-width:75%}
  .navs .nav_list {
    width: 60%;
    display: block; float:left; margin-left:150px
  }
  .navs .nav_list li {
    width: 12.5%;
    text-align: center;
    height: 80px;
    line-height: 80px;
    float: left;
  }
  .navs .nav_list li a {
    color: #fff;
    display: inline-block;
    width: 100%;
  }
  
.change{}

.ss1{ position:absolute; right:50px; top:0; width:20px; height:150px; display:block;position:absolute;top:30px;z-index:10000000;}
.ss1 img{ width:20px; height:20px}
.ss1 div{ width:261px; height:100px; position:absolute; top:-10px; left:-230px; display:none; z-index:10000000;}
.ss1:hover div{ display:block;z-index:10000000;}

.search-box {
    position: relative;z-index:10000000;
  }
.ss1:hover div .txt{
    width: 260px;
    height: 40px;
    border-radius: 20px;
    background: #fff;
    line-height: 40px;
    font-size: 16px;
    color: #a9a9a9;
    border: none;
    outline: none;
    text-indent: 10px;
  }
.ss1:hover div  #submit {
    width: 26px;
    height: 25px;
    background: url(../images/search1.png) no-repeat center center;
    position: absolute;
    right: 15px;
    cursor: pointer;
    top: 8px;
    border: none;
    outline: none;
  }
.changea{ position:absolute; right:0; top:0;font-family:Arial, Helvetica, sans-serif; text-decoration:none;color:#fff}
.changea a{font-size:18px; color:#fff; line-height:80px; margin-left:20px; color:#fff}
  
  
  
  
 
  .product {
    text-align: center;
    padding-top: 60px;
  }
  .product .prod-title {
    text-align: center;
  }
  .product .prod-title h1 {
    font-size: 35px; line-height:45px;
    color: #333;
  }
   .product .prod-title h1 span {
    font-size: 35px;line-height:45px;
    color: #1d66cf;
  }
  .product .prod-title > img {
    display: inline-block; text-align:center; width:100%;
    margin: 0.2rem auto;
  }
  .product .prod-title h3 {
    font-size: 15px; line-height:40px;
    font-weight: normal;
    color: #A1ADB5;
  }
  .product .prod-content {
    margin-top:32px;
  }
  .product .prod-content li {
    float: left;
    width: 20% ;
  }
  .product .prod-content li img {
    display: block;
    margin: 0 auto;transition: all 0.3s linear 0s;
  }
  .product .prod-content li:hover img {
    transform: scale(1.2);
  }
  .product .prod-content li h2 {
    font-size: 16px;
    color: #444444;
    margin: 20px 0 5px;
  }
  .product .prod-content li p {
    font-size: 14px;
    color: #79797A;
    line-height: 22px;
  }
  .about { padding-top:60px
  }
  .about .about-text {
    width: 640px;
  }
  .about .about-text .about-title {
    padding: 0 20px 0 0;
  }
  .about .about-text .about-title h1 {
    font-size: 35px; line-height:45px;
    color: #333;
    font-weight: normal;
  }
  .about .about-text .about-title h1 span {
    color: #1d66cf; line-height:45px; font-size:35px; 
  }
   .about .about-text .about-title h1 em{ font-style:normal; font-size:15px; color:#9aa7af; margin-left:10px
  }
  .about .about-text p {height:175px; display:block; overflow:hidden;
    font-size: 15px;
    color: #333;
    line-height: 28px;
  }
 .about .about-text a{
    font-size: 15px;
    color: #1d66cf;
    line-height: 28px;
  } 
  
  
  .about .about-text .more{ margin-top:25px}
  .about .about-text .more ul li{ float:left; margin-right:22px}
  .about .about-text .more ul li .lia{ width:92px; height:40px; border:2px solid #1d66cf; display:block; text-align:center; line-height:36px; font-size:14px; color:#1d66cf}
  .about .about-text .more ul li .lia:hover{ width:92px; height:40px; border:2px solid #1d66cf; display:block; text-align:center; line-height:36px; font-size:14px; color:#fff; background:#1d66cf}
  .about .about-text .more ul li .lib{ width:96px; height:40px; display:block; text-align:center; line-height:40px; font-size:14px; color:#fff; background:#0da056}
  .about .about-text .more ul li .lib:hover{ width:96px; height:40px; display:block; text-align:center; line-height:40px; font-size:14px; color:#fff; background:#1d66cf}

  
  
  
  .about .about-text p a span {
    color: #00ADF1;
  }
  .about > div > div.right {
    width: 640px;
    padding: 0;
  }
  .video {
    /*margin-top: 80px;*/
  }
  .video #my-video {
    width: 800px;
    height:455px; margin:0 auto
  }
  .application {
    text-align: center;
    padding-top: 60px;
  }
  .application .application-title h1 {
    font-size: 35px; line-height:45px;
    color: #333;
  }
  .application .application-title h1 span{
   font-size: 35px;line-height:45px;
    color: #1d66cf;
  }
  .application .application-title > img {
   display: inline-block; text-align:center; width:100%;
    margin: 10px auto;
  }
  .application .application-title h3 {
   font-size: 15px; line-height:40px;
    font-weight: normal;
    color: #A1ADB5;
  }
  .application .application-content {
    margin-top: 50px;
    height: 280px;
    position: relative;
  }
  .application .application-content ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    position: relative;
  }
  .application .application-content ul li {
    margin-bottom: 10px;
    width: 20%;
  }
  .application .application-content ul.app3 {
    width: 77%;
    position: absolute;
    top: 83px;
    left: 120px;
  }
  .application .application-content ul.app3 li {
    padding: 0;
    margin: 0  ;
    width: 33.33%;
  }
  .application .application-content ul.app3 li img {
    display: block;
    margin: 0 auto;
  }
 
  .honer{
    text-align: center;
	padding-top:60px;
    display: block;
  }
  .honer .honer-title h1 {
   font-size:35px;line-height:45px;
    color: #363636;
  }
  .honer .honer-title h1 span{
    font-size: 35px;line-height:45px;
    color: #1d66cf;
  }
  .honer .honer-title h3 {
   font-size:15px; line-height:40px;
    font-weight: normal;
    color: #A1ADB5;
  }

  .honer .honer-title > img {
    display: inline-block; text-align:center; max-width:100%;
    margin: 10px auto;
  }
  .honer .honer-s-content {
    display: none;
  }
  .honer .honer-content {
   margin-top:60px;
  }
  .honer .honer-content .more{width:187PX; height:41px; margin:0 auto; border:2px solid #d9d9d9; display:block; text-align: center; line-height:41px; font-size:18px; color:#a9a9a9; margin-top:40px}
  .honer .honer-content .more:hover{width:187PX; height:41px; margin:0 auto; border:2px solid #2065cc; display:block; text-align: center; line-height:41px; font-size:18px; color:#fff; background:#2065cc;margin-top:40px}

  
  
  .honer .honer-content .picScroll-left {width:1140px; height:auto; margin:0 auto; display:block; overflow:hidden; position:relative;
   /* overflow: hidden;
    position: relative;*/
  }
  .honer .honer-content .picScroll-left .bd ul { 
   /* overflow: hidden;
    zoom: 1;*/
  }
  .honer .honer-content .picScroll-left .bd ul li {float: left; margin:0 8px;
   /* 
    _display: inline;
    overflow: hidden;*/
  }
  .honer .honer-content .picScroll-left .bd ul li .pic { width:271px;height:240px; display:block; text-align:center; line-height:40px; font-size:16px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; padding:2px; border:1px solid #ccc;
   /*width:252px; height:auto; display:block; text-align:center; padding:2px; border:1px solid #ccc*/
  }
  .honer .honer-content .picScroll-left .bd ul li .pic img { max-width:98%;height: 200px;
/*    width: 252px;
    
    display: block;
    padding: 2px;
    border: 1px solid #ccc;*/
  }
  .honer .honer-content .picScroll-left .bd ul li .pic a:hover img {
   /* border-color: #999;*/
  }
  .honer .honer-content .picScroll-left .bd ul li .title {line-height: 40px;font-size: 16px;
    /*
    width: 252px;*/
  }
  
 .cooperate {
    text-align: center;
    padding: 60px 0 0;
    display: block;
  }
  .cooperate .cooperate-title h1 {
     font-size: 35px; line-height:45px;
    color: #333;
  }
   .cooperate .cooperate-title h1 span {
   font-size: 35px;line-height:45px;
    color: #1d66cf;
  }
  .cooperate .cooperate-title > img {
    display: inline-block; text-align:center; width:100%;
    margin: 10px auto;
  }
  .cooperate .cooperate-title h3 {
   font-size: 15px; line-height:40px;
    font-weight: normal;
    color: #A1ADB5;
  }
  .cooperate .cooperate-s-content {
    display: none;
  }
  .cooperate .cooperate-content {
    margin-top: 40px;
  }

.mr_frbox2e {HEIGHT:70px; width:1140px;  margin:30px auto 0; position:relative; }
.mr_frbox2e .leftprole{ position:absolute; left:0; top:15px;CURSOR: pointer}
.mr_frbox2e .rightprore{ position:absolute; right:0; top:15px;CURSOR: pointer}

   
.imgboxcpe{ width:1080px; height:70px; margin:0 auto; overflow:hidden}
.imgboxcpe ul li{ width:203px; height:64px; margin:0 15px 0 0px; display: inline; float:left; overflow:hidden;}
.imgboxcpe ul li a{ display:block; width:203px; height:64x; }
.imgboxcpe ul li a img{ width:201px; height:62px; border:1px solid #c2c2c2}
.imgboxcpe ul li:hover{ border:1px solid #666;}

  .adv {
    background: url(../images/adv.jpg) no-repeat center top;
    background-size: cover;
    height: 395px;
    padding-top: 70px;
    text-align: center; 
  }
  .adv .adv-title h1 {
    font-size: 35px;
    color: #fff;
    font-weight: normal;
  }
  .adv .adv-title span {
    display: block;
    margin: 20px auto;
    width: 550px;
    height: 22px;
    color: #fff;
    line-height: 22px;
    background: url(../images/adv-more.png) no-repeat center top;
  }
  .adv .adv-title h3 {
    font-size: 15px;
    color: #95A2AA;
    margin: 0 100px;
    line-height: 26px;
  }
  
  
  
  .adv11 {
    background: url(../images/adv111.jpg) no-repeat center top;
    background-size: cover;
    height: 155px;
    padding-top: 70px;
    text-align: center;
  }
 
  
  
  
  
  .adv2 { background:#e9e9eb; padding-top:30px; padding-bottom:50px;
  }
  .adv2 .adv2-title {
    text-align: center;
    margin-bottom: 40px;
  }
  .adv2 .adv2-title h1 {
    font-size: 35px; line-height:45px;
    color: #363636;
  }
   .adv2 .adv2-title h1 span {
    font-size: 35px; line-height:45px;
    color: #2067d3;
  }
  .adv2 .adv2-title h3 {
  font-size: 15px; line-height:40px;
    font-weight: normal;
    color: #A1ADB5;
  }
  .adv2 .adv2-title img {
   display: inline-block; text-align:center; width:100%;
    margin: 10px auto;
  }
  .adv2 .adv2-content .adv2-left {
    width: 567px;
  }
  .adv2 .adv2-content .adv2-left img {
    width: 100%;
  }
  .adv2 .adv2-content .adv2-right {
    width: 540px; 
    padding: 0;
  }
  .adv2 .adv2-content .adv2-right dl {
    padding: 20px;border:1px solid #cfcfcf;
    background: #fff;
    margin-top: 28px;
  }
  .adv2 .adv2-content .adv2-right dl dt {
    float: left;
    width: 93px;
    height: 93px;
    text-align: center;
   
  }
  .adv2 .adv2-content .adv2-right dl dd {
    float: right;
    width: 400px;
    text-align: left;
  }
  .adv2 .adv2-content .adv2-right dl dd.title {
    font-size: 20px;
    color: #000;
  }
  .adv2 .adv2-content .adv2-right dl dd.text {
    font-size: 14px;
    color: #28262B;
    line-height: 24px;
  }
  .prod {
    background: #00ADF1;
    padding: 40px  0;
  }
  .prod ul li {
    float: left;
    width: 14.28%;
    text-align: center;
  }
  .prod ul li img {
    display: block;
    margin: 0 auto;
  }
  .prod ul li p {
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
  }
  
  
  
  
.newsframe{ width:100%; height:auto; margin:0 auto; background:url(../images/bgb.jpg) center top no-repeat; margin-top:30px}
.newsframe .title{display:block; text-align:center;}
.newsframe .title p{font-size: 35px; line-height:45px;color: #333;}
.newsframe .title span{ font-size: 35px; line-height:45px;color: #1d66cf;}
.newsframe .title em{font-size: 15px; line-height:40px;font-weight: normal;color: #A1ADB5; font-style:normal}
.newsframe .title img{display: inline-block; text-align:center; width:100%;margin: 10px auto;}
.newsframe .content{margin-top:55px}

.col-xs-a .col-sm-b{ padding:0; margin:0}

.leftnews{ display:block; float:left; width:535px; height:382px; margin-right:55px; background:#1d66cf; position:relative}
.leftnews img{ position:absolute; left:0; top:0; width:535px; height:382px}
.leftnews .txt{ position:absolute; left:0; bottom:0; width:535px;height:100px; display:block; background: url(../images/bgpp.png) repeat;}
.leftnews .txt p{ background:url(../images/dec.jpg) no-repeat left bottom; height:47px; line-height:45px; font-size:20px; color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; margin-left:15px; margin-right:15px; }
.leftnews .txt p a{line-height:45px; font-size:20px; color:#fff}
.leftnews .txt span{ margin-left:15px; margin-right:15px;margin-top:10px;font-size:12px; line-height:25px; color:#fff; height:25px; display:block; overflow:hidden}

.centernews{ display:block; float:right; width:550px; height:auto; }

.framebb{ width:550px; height:70px; display:block;border-bottom:1px solid #cfcfcf; margin-top:20px} 
.framebb ul li.numa{ float:left; width:62px; height:45px; display:block; border-right:1px solid #cfcfcf; line-height:45px; font-size:48px; color:#9b9b9b; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.framebb ul li.txta{ float:right; width:475px; height:45px; }
.framebb ul li.txta p{ width:475px; height:25px; line-height:25px; font-size:16px; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.framebb ul li.txta p a{line-height:25px; font-size:16px; color:#333;}
.framebb ul li.txta span{height:20px;line-height:20px; font-size:12px; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif}

.framebb:hover ul li.numa{ float:left; width:62px; height:45px; display:block; border-right:1px solid #cfcfcf; line-height:45px; font-size:48px; color:#1d66cf; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.framebb:hover ul li.txta p a{ width:475px; height:25px; line-height:25px; font-size:16px; color:#1d66cf;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}


  .news {
    padding-top: 60px;
  }
  .news div {
    margin: 0;
    padding: 0;
  }
  .news .news-title {
    text-align: center;
  }
  .news .news-title h1 {
    font-size: 35px;
    color: #333;
	line-height:45px;
  }
   .news .news-title h1 span {
    font-size: 35px;
    color:#1d66cf;;
	line-height:45px;
  }
   .news .news-title h3 {
    font-size: 15px;
	line-height:40px;
    font-weight: normal;
    color: #A1ADB5;
  }

  .news .news-title > img {
    display: block; text-align:center;
    margin: 10px auto;
  }
  .news .news-content {
    margin-top: 50px;
    height: 600px;
  }
  .news .news-content .news-left,
  .news .news-content .news-mid {
   
  }
  .news .news-content .news-left .news-top,
  .news .news-content .news-mid .news-top {
    
  }
  .news .news-content .news-left .news-top a,
  .news .news-content .news-mid .news-top a {
   
  }
  .news .news-content .news-left .news-list dl,
  .news .news-content .news-mid .news-list dl {
  
  }
  .news .news-content .news-left .news-list dl:first-child,
  .news .news-content .news-mid .news-list dl:first-child {
    border-top: none;
  }
  .news .news-content .news-left .news-list dt,
  .news .news-content .news-mid .news-list dt {
    width: 70px;
    height: 70px;
    background: #00ADF1;
    text-align: center;
    color: #fff;
    float: left;
    padding: 0 10px;
    padding-top: 10px;
  }
  .news .news-content .news-left .news-list dt .m,
  .news .news-content .news-mid .news-list dt .m {
    font-size: 15px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .news .news-content .news-left .news-list dt .y,
  .news .news-content .news-mid .news-list dt .y {
    font-size: 20px;
  }
  .news .news-content .news-left .news-list dd,
  .news .news-content .news-mid .news-list dd {
    float: right;
    width: 280px;
  }
  .news .news-content .news-left .news-list dd.title,
  .news .news-content .news-mid .news-list dd.title {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .news .news-content .news-left .news-list dd.title a,
  .news .news-content .news-mid .news-list dd.title a {
    color: #000;
  }
  .news .news-content .news-left .news-list dd.text,
  .news .news-content .news-mid .news-list dd.text {
    font-size: 12px;
    line-height: 22px;
  }
  .news .news-content .news-left .news-list dd.text a,
  .news .news-content .news-mid .news-list dd.text a {
    color: #707070;
  }
  .news .news-content .news-right {
    width: 280px;
    border: 1px solid #D4E2E7;
  }
  .news .news-content .news-right .news-top {
    background: #ED2E5A;
    padding: 10px ;
  }
  .news .news-content .news-right .news-top a {
    margin-top: 6px;
  }
  .news .news-content .news-right .news-list {
    background: #00ADF1;
  }
  .news .news-content .news-right .news-list li {
    padding: 17px 10px 17px 35px;
    background: url(../images/news-arr3.png) no-repeat 20px center;
    border-bottom: 1px solid #2CC0FB;
    color:#fff;
  }
  .news .news-content .news-right .news-list li a {
    color: #fff;
  }
  .contacts {
    margin-top: 70px;
    padding: 50px 0;
    background: #E9E9EB;
  }
  .contacts .contacts-title {
    text-align: center;
    margin-bottom: 60px;
  }
  .contacts .contacts-title h1 {
    font-size: 35px;line-height:45px;
    color: #333;
  }
   .contacts .contacts-title h1 span {
    font-size: 35px;line-height:45px;
    color: #1d66cf;
  }
  .contacts .contacts-title > img {
    display: block;
    margin: 10px auto; width:100%;
  }
  .contacts .contacts-title h3 {
    font-size: 15px; line-height:40px;
    font-weight: normal;
    color: #A1ADB5;
  }
  .contacts .contacts-content ul li {
    float: left;
    text-align: center;
    width: 25%;
  }
  .contacts .contacts-content ul li img {
    display: inline-block;
  }
  .contacts .contacts-content ul li h1 {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    margin: 15px 0 5px 0;
  }
  .contacts .contacts-content ul li p {
    font-size: 14px;
    color: #8B8B8C;
    line-height: 22px;
  }
  .contacts .contacts-content ul li p a{
    font-size: 14px;
    color: #8B8B8C;
    line-height: 22px;
  }
  .footer { 
    background:#014385;
    padding:50px 0;
  }
  .footer .footer-left {
    width: 65%;
  }
  .footer .footer-left .footer-nav {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #285C97;
    margin-bottom: 20px;
  }
  .footer .footer-left .footer-nav li {
    float: left;
    width: 12.28%;
    text-align: center;
    font-size: 16px;
  }
  .footer .footer-left .footer-nav li a {
    color: #fff;
  }
  .footer .footer-left .footer-prod {
    padding-bottom: 20px;
    border-bottom: 1px solid #285C97;
    margin-bottom: 20px;
  }
  .footer .footer-left .footer-prod p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
  }
  .footer .footer-left .footer-prod ul li {
    float: left;
    margin-right: 10px;
  }
  .footer .footer-left .footer-prod ul li a {
    color: #fff; font-size:15px
  }
  .footer .footer-left .footer-last {
    color: #fff; font-size:15px
  }
  .footer .footer-left .footer-last a {
    color: #fff; font-size:15px
  }
  .footer .phone-last {
    display: none;
  }
  .footer .footer-right {
    width: 35% ;
    padding-left: 32px;
  }
  .footer .footer-right li {
    margin-bottom: 10px;
  }
  .footer .footer-right li img {
    display: inline-block;
  }
  .footer .footer-right li span {
    margin-left: 5px;
    font-size: 16px;
    color: #fff;
  }
    /*position*/
.position_wrap {
  border-bottom: 1px solid #ccc;
  margin: 0 auto 20px;
}
.position {
  height: 40px;
  line-height: 40px;
}
.position .span01 {
  display: block;
  padding-left: 20px;
  background: url(../images/span01.png) no-repeat left 14px;
}
#firstpane{
  width: 285px;
}
  /*ny_left menu_list*/
  .ny_left {
    width: 285px;
  }
  .menu_list .list_title {
    border-bottom: 1px solid #d1d1d1;
    height: 80px;
    font-size: 16px;
    line-height: 18px;
    color: #FFF;
    padding: 20px 0;
  }
  .menu_list .list_title span {
    display: block;
    text-indent: 2em;
    font-size: 18px;
  }
  .menu_list .list_title .sp01 {
    color: #d1d1d1;
    font-weight: 100;
  }
  .menu_list .m_1 {
    border: 1px solid #d1d1d1;
    border-top: none;
    border-bottom: none;
  }
  .menu_list .m_1 > li {
    line-height: 48px;
    font-size: 14px;
    background: #f8f8f8 ;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    border-top: 2px solid #fff;
    position: relative;
  }
  .menu_list .m_1 > li > a {
    border-left: 6px solid #f1f1f1;
    height: 48px;
    color: #525252;
    font-weight: bold;
    padding-left: 32px;
    display: block;
  }
  .menu_list .m_1 > li > a.active,
  .menu_list .m_1 > li:hover > a {
    border-left: 6px solid #00ADF1;
    color: #00ADF1;
  }
  .menu_list .m_1 > li .menu_btn {
    position: absolute;
    width: 50px;
    height: 48px;
    background: url(../images/ny_left_ico.png) no-repeat center;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .menu_list .m_1 > li .menu_btn_active {
    background: url(../images/ny_left_ico_active.png) no-repeat center;
  }
  .menu_list .m_1 > li .menu_btn:hover {
    background-color: #f9f9f9;
  }
  .menu_list .m_2 {
    display: none;
  }
  .menu_list .m_2 > li {
    line-height: 36px;
    background: #fff;
    border-bottom: 1px dashed #ccc;
  }
  .menu_list .m_2 > li:last-child {
    border-bottom: none;
  }
  .menu_list .m_2 > li:first-child {
    border-top: 1px solid #ccc;
  }
  .menu_list .m_2 > li a {
    display: block;
    padding-left: 38px;
    font-size: 12px;
  }
  .menu_list .m_2 > li a.active,
  .menu_list .m_2 > li a:hover {
    color: #00ADF1;
  }
  /*ny_left slider_contact*/
  .slider_contact {
    width: 100%;
    color: #333333;
    margin-top: 20px;
  }
  .slider_contact .list_title {
    font-size: 18px;
    line-height: 50px;
    color: #FFF;
    text-indent: 2em;
  }
  .slider_contact .list_title strong {
    font-weight: normal;
    color: #d1d1d1;
    font-size: 14px;
    padding-left: 5px;
  }
  .slider_contact .contact {
    padding: 90px 20px 20px;
    border: 1px solid #d1d1d1;
    line-height: 26px;
    position: relative;
    background: #f8f8f8 url(../images/contactbg.jpg) no-repeat 20px 20px;
  }
  .slider_contact .contact .telsp {
    position: absolute;
    top: 12px;
    left: 73px;
    height: 48px;
    color: #5b5b5b;
    line-height: 24px;
    font-size: 16px;
  }
  .slider_contact .contact .telsp em {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    display: block;
  }
  /*right top_share*/
  .ny_right {
    width: 100%;
    padding: 0; min-height:600px
  }
  .ny_right .top_share {
    width: 100%;
    line-height: 36px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding-bottom: 10px;
  }
  .ny_right .top_share dt {
    width: 300px;
  }
  .ny_right .top_share dt a {
    padding: 0 5px;
  }
  .ny_right .top_share dd {
    /*width: 242px;*/
  }
  .ny_right .top_share .bdshare {
    display: inline-block;
  }
  /*prodouct_list*/
  .pord_list {
    overflow: hidden;
  }
  .pord_list li {
    float: left;
    position: relative;
    width: 25%;
    margin-bottom:30px; display: block; text-align:center;
  }
  .pord_list li img {
    /*width: 100%;*/
    height: 180px; max-width:100%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
  }
  .pord_list li span {
    display: block;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .pord_list li .pro_cover {
    display: none;
    width: 282px;
    height:191px;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 9999;
    /*background: url(../images/probgh.png) center top repeat;*/
  }
  .pord_list li:hover .pro_cover {
    display: block;
    font-size: 0;
  }
  
  
  
  
    /*prodouct_list*/
  .pord_lista {
    overflow: hidden;
  }
  .pord_lista li {
    float: left; text-align:center; display:block;
    position: relative;
    width: 23%; margin:10px;
    margin-bottom: 30px; padding:2px; border:1px solid #cfcfcf;
  }
  .pord_lista li img {
    height:180px; max-width:100%;
    margin-bottom: 10px;
  }
  .pord_lista li span {
    display: block;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .pord_lista li .pro_cover {
    display: none;
    width: 282px;
    height: 210px;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 9999;
   /* background: url(../images/probgh.png) center top repeat;*/
  }
  .pord_lista li:hover .pro_cover {
    display: block;
    font-size: 0;
  }

  
  
  
  
  
  
  
  
  
  
  
  /*prodouct_listA*/
  .proA {
    border: 1px solid #d1d1d1;
    padding: 10px 5px 10px;
    overflow: hidden;
    margin-top: 10px;
  }
  .proA .top {
    border: 1px solid #cccccc;
    line-height: 34px;
    height: 34px;
    width: 97%;
    margin: 0 auto;
    font-size: 16px;
    position: relative;
    background: url(../images/topbg.jpg) repeat-x scroll 0 0;
  }
  .proA .top span {
    background: url(../images/topico.png) no-repeat 10px center #00ADF1;
    padding: 0 10px;
    text-indent: 30px;
    display: block;
    color: #FFF;
    height: 34px;
    float: left ;
    line-height: 34px;
  }
  .proA .top .more {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px;
  }
  .proAul li {
    width: 276px;
    float: left;
    margin: 10px;
    text-align: center;
    line-height: 25px;
  }
  .proAul li a img {
    width: 253px;
    height: 180px;
    margin: 0 auto;
    border: 1px solid #d1d1d1;
    padding: 5px;
  }
  .proAul li a span {
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    overflow: hidden;
  }
  /*prodouct_listB*/
  .proB {
    border: 1px solid #d1d1d1;
    padding: 10px 5px 10px;
    overflow: hidden;
    margin-top: 10px;
  }
  .proB ul li {
    border-bottom: 1px dashed #cccccc;
    margin: 10px 10px;
    min-height: 205px;
  }
  .proB ul li a {
    display: block;
    float: left;
  }
  .proB ul li a img {
    width: 300px;
    height: 178px;
    padding: 5px;
    border: 1px solid #CCC;
  }
  .proB ul li span {
    float: left;
    display: block;
    width: 534px;
    color: #FFF;
    font-size: 14px;
    margin-left: 20px;
  }
  .proB ul li span.title {
    border: 1px solid #cccccc;
    line-height: 34px;
    height: 34px;
    font-size: 16px;
    position: relative;
    background: url(../images/topbg.jpg) repeat-x scroll 0 0;
  }
  .proB ul li span.title i {
    background: url(../images/ibg.jpg) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    width: 174px;
    line-height: 34px;
    display: block;
    font-style: normal;
  }
  .proB ul li span.text {
    padding: 20px 0;
    line-height: 25px;
    color: #494949;
    height: 75px;
    overflow: hidden;
  }
  .proB ul li a.more {
    display: block;
    margin-left: 20px;
    line-height: 30px;
    border: 1px solid #00ADF1;
    border-radius: 10px;
    padding: 0 10px;
  }
  /*list page*/
  .page {
    width: 100%;
    margin: 10px auto;
    line-height: 30px;
    text-align: right;
  }
  .page span {
    display: inline-block;
    padding: 0 10px 0 0;
  }
  .page a.num.select {
    padding: 3px 10px;
    color: #fff;
    background: #00ADF1;
  }
  .page a.num {
    background: #fff;
    padding: 0 10px;
  }
  .page a.num:hover {
    padding: 3px 10px;
    color: #fff;
    background: #00ADF1;
  }
  /*recommended*/
  .recommended {
    overflow: hidden;
    background: #fafafa;
    padding: 20px;
    border: 1px solid #d1d1d1;
  }
  .recommended h4 {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
  }
  .recommended ul li {
    width: 50%;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
  }
  .recommended ul li span {
    width: 86px;
    color: #a8a8a8;
    display: block;
    float: left;
  }
  .recommended ul li a {
    width: 70%;
    padding: 0 0 0 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /*related product*/
  .related {
    position: relative;
    margin: 20px auto;
    background: #fafafa;
    padding: 15px;
    border: 1px solid #d1d1d1;
    overflow: hidden;
  }
  .related h4 {
    font-size: 24px;
    font-weight: normal;
    padding: 10px 0 20px 12px;
  }
  .related .hd2 {
    overflow: hidden;
    height: 30px;
    text-align: center;
  }
  .related .hd2 ul {
    overflow: hidden;
    margin-top: 5px;
    zoom: 1;
  }
  .related .hd2 ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8px;
    height: 8px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../images/prd_off.jpg) no-repeat;
  }
  .related .hd2 ul li.on {
    background-position: 0 0;
    background: url(../images/prd_on.jpg);
  }
  .related .bd2 ul {
    overflow: hidden;
    zoom: 1;
  }
  .related .bd2 ul .prdtitle {
    width: 203px !important;
    height: 210px;
    display: inline;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 6px;
    float: left;
  }
  .related .bd2 ul .prdtitle-large {
    margin: 0 8px;
  }
  .related .bd2 ul .prdtitle img {
    width: 201px;
    height: 200px;
    border: 1px solid #ccc;
  }
  .related .bd2 ul .prdtitle span {
    display: block;
    line-height: 30px;
  }
  /*show_page*/
  .show_page {
    margin: 20px auto;
    overflow: hidden;
    text-align: center;
  }
  .show_page li {
    width: 50%;
    float: left;
  }
  /*prodouct_showA*/
  .product_showA h1 {
    font-size: 18px;
    line-height: 40px;
    margin: 20px auto;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  .prodA_content {
    margin: 0 auto 30px;
    text-align: center;
  }
  .prodA_content img {
    margin: 0 auto;
  }
  .prodA_content .showA {
    width: 100%;
    margin: 20px 0;
    text-align: left;
    text-indent: 2em;
  }
  .case_info {
    font-weight: normal;
    font-size: 14px;
  }
  .case_info span {
    padding: 0 10px;
  }
  /*prodouct_showB*/
  .product_showB .showB h1 {
    font-size: 18px;
    line-height: 40px;
    text-align: left;
  }
  .product_showB .showB p {
    line-height: 26px;
  }
  .prodB_content {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 20px;
  }
  .prodB_content h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
  }
  .prodB_content .text_showB p {
    text-indent: 2em;
  }
  .top {
    height: 34px;
    line-height: 34px;
    margin-bottom: 0;
    color: #04891d;
    background: url(../images/topbg.jpg) repeat-x;
  }
  .showB_intro {
    padding: 15px 15px 0 0;
    margin-bottom: 20px;
    position: relative;
  }
  .showB_intro .showB_left {
    float: left;
  }
  .showB_intro .showB_right {
    width: 490px;
    padding: 0 10px 10px 20px;
    float: left;
  }
  .showB_intro .showB_right .showB_title {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
  }
  .showB_intro .showB_right .showB_text {
    line-height: 25px;
  }
  .showB_intro .showB_right .rex {
    font-size: 16px;
  }
  .showB_intro .showB_right .rex span {
    font-size: 22px;
    color: #03F;
  }
  /*jqzoom*/
  .jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
  }
  .jqzoom img {
    width: 363px;
    height: 280px;
    margin: 0 auto;
    vertical-align: middle;
  }
  .zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 350px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
  }
  .jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
  }
  /*图片小图预览列表*/
  .showB_preview {
    width: 360px;
    height: 270px;
    border: 1px solid #DFDFDF;
    display: table;
  }
  .showB_scroll {
    clear: both;
    margin-top: 5px;
    width: 507px;
    position: absolute;
    bottom: 0px;
    right: 10px;
  }
  .showB_scroll .prev {
    float: left;
    margin-right: 4px;
  }
  .showB_scroll .next {
    float: right;
  }
  .showB_scroll .prev,
  .showB_scroll .next {
    display: block;
    font-family: "宋体";
    text-align: center;
    width: 12px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #CCC;
    margin-top: 14px;
    background: #EBEBEB;
    cursor: pointer;
    text-decoration: none;
  }
  .showB_scroll .items {
    float: left;
    position: relative;
    width: 470px;
    height: 71px;
    overflow: hidden;
  }
  .showB_scroll .items ul {
    position: absolute;
    width: 999999px;
  }
  .showB_scroll .items ul li {
    float: left;
    width: 118px;
    text-align: center;
  }
  .showB_scroll .items ul li img {
    border: 1px solid #CCC;
    padding: 2px;
    width: 105px;
    height: 65px;
  }
  .showB_scroll .items ul li img:hover {
    border: 2px solid #00ADF1;
    padding: 1px;
  }
  /*news_list*/
  .news_list dl {
    width: 100%;
    padding-top: 20px;
    overflow: hidden;
  }
 .news_list dl dd {
    width: 100%;
    height: auto
  }
  .news_list dl dd h2 {
    padding:0 0 5px 0; margin-bottom:5px;border-bottom: 1px dotted #cfcfcf; 
  }
  .news_list dl dd h2 a{ width:70%; height:35px; line-height:35px; font-size:18px;}
  .news_list dl dd span { color:#888; font-size:13px; line-height:35px; float: right}
  .news_list dl dd p{ height:44px; line-height:22px; font-size:13px; color:#888; display:block; overflow:hidden}
  
  
  
  
  /*news_show*/
  .news_content h1 {
    font-size: 18px;
    line-height: 40px;
    margin: 20px auto;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  .news_content .toptime {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .news_content .news_show {
    width: 100%; font-size:15px; line-height:30px;
    margin: 20px 0;
  }
    .news_content .news_show p{ margin-bottom:10px; font-size:15px; line-height:30px;
  }
  .news_content .news_show img{ display:block; text-align:center; max-width:100%}
  .news_page {
    margin: 20px auto;
    overflow: hidden;
  }
  .news_page li {
    width: 50%;
    float: left;
    padding: 0 10px 0 30px;
    background: #f5f5f5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news_page .pagepre {
    background: #f5f5f5 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext {
    text-align: right;
    padding-right: 30px;
    background: #f5f5f5 url(../images/pagenext.png) no-repeat 98% center;
  }
  .news_page .pagepre:hover {
    background: #d8d8d8 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext:hover {
    background: #d8d8d8 url(../images/pagenext.png) no-repeat 98% center;
  }
  /*page_show*/
  .list_page {
    font-size: 16px;
  }
  .page_show {
    padding-top: 10px; font-size:18px; line-height:32px; min-height:600px
  }
  .page_show p { margin-bottom:10px
  }
  /*guestbook*/
  .guestbook_show {
    margin: 20px auto 0;
  }
  .guestbook_top {
    height: 40px;
    background: #eee;
    line-height: 40px;
    padding: 0 10px 0 17px;
  }
  .guestbook_top .mustwrt {
    display: block;
    float: right;
  }
  .guestbook_show em {
    color: #f00;
    font-style: normal;
  }
  .guestbook_form .inp_one {
    width: 180px;
    height: 25px;
    outline: none;
    border: 1px solid #ccc;
    padding-left: 4px;
  }
  .guestbook_form .inp_one:focus {
    border: 1px solid #00ADF1;
  }
  .guestbook_form {
    padding: 20px 20px 0;
  }
  .guestbook_form dl {
    width: 100%;
    overflow: hidden;
    line-height: 20px;
    height: 45px;
    padding: 10px 0;
  }
  .guestbook_form dt {
    width: 80px;
    float: left;
  }
  .guestbook_form dd {
    width: 510px;
    float: left;
  }
  .guestbook_form dd span {
    padding-left: 20px;
  }
  .guestbook_form dd span i {
    color: #F00;
    padding: 0 5px;
  }
  .guestbook_form dd span.quetion {
    display: block;
  }
  .guestbook_form .bookdl {
    height: 180px;
    overflow: hidden;
    line-height: 20px;
    padding-bottom: 0;
  }
  .guestbook_form .button {
    width: 150px;
    height: 32px;
    background: #b8b8b8;
    border: none;
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
  }
  .guestbook_form .button:hover {
    background: #f1f1f1;
    color: #555;
  }
  .guestbook_form .form_b {
    width: 693px;
    margin: 0 auto;
    padding: 20px 0 0 0;
  }
  .guestbook_title {
    padding: 20px 20px 0;
    color: #2a6cd4;
  }
  .guestbook_title strong {
    color: #f00;
  }
  .guestbook_title b {
    padding: 0 10px;
    font-weight: normal;
  }
  .guestbook_cnt {
    padding: 5px 20px 20px;
    border-bottom: 1px dashed #ccc;
  }
  .guestbook_reply {
    color: #f00;
    background: #f6f6f6;
    line-height: 40px;
  }
  .bookpage {
    line-height: 40px;
    text-align: right;
  }
  .search_x {
    border: 1px solid #d1d1d1;
    margin-bottom: 20px;
  }
  .search_x .top {
    padding: 0 20px;
  }
  .search_x .xbox {
    padding: 0 20px;
  }
  .search_x .guestbook_top {
    text-indent: 25px;
  }
  .current2 {
    width: 17px;
    height: 17px;
    background: #3ab250;
    border: 2px solid #FFF;
    color: #FFF;
  }
  .num {
    width: 17px;
    height: 17px;
    background: #aaaaaa;
    border: 2px solid #FFF;
    color: #FFF;
  }
  /*download_list*/
  .download_list dl {
    width: 33.3%;
    float: left;
    margin-top: 20px;
  }
  .download_list dl dt {
    text-align: center;
  }
  .download_list dl dt img {
    width: 80%;
    height: 240px;
    margin: 0 auto;
  }
  .download_list dl dd {
    text-align: center;
  }
  .download_list dl dd h2 {
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  /*search*/
  .search_title {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    font-weight: bold;
    padding: 0 10px;
  }
  .search_info {
    float: left;
    font-size: 16px;
    line-height: 30px;
  }
  .search_list {
    font-size: 14px;
    color: #333;
  }
  .search_list li {
    line-height: 40px;
    border-bottom: 1px dashed #ccc;
    padding: 0 10px;
  }
  .search_list li:last-child {
    border-bottom: none;
  }
  .search_list li span {
    float: right;
  }
  .search_cnt {
    overflow: hidden;
    margin: 10px 0;
  }
  .search_cnt form {
    display: block;
    position: relative;
    overflow: hidden;
    float: right;
  }
  .search_cnt input.txt {
    width: 120px;
    height: 28px;
    line-height: 28px;
    color: #a1a1a1;
    padding: 0 30px 0 5px;
    border: 1px solid #ccc;
    background: none;
  }
  .search_cnt input.btn {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 9999;
    background: url(../images/search.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
  }
  .content {
    margin-bottom: 30px;
  }
  
.mainframea{ width:1110px; height:auto; margin:0 auto; background:url(../images/lineaa.jpg) 201px top repeat-y}
.blocka{ width:100%; height:auto; margin:0 auto;}
.blocka .time{ display:block; float:left; width:20%; height:60px; background:url(../images/case.png) 10px 10px no-repeat}
.blocka .time p{ color:#fff; font-size:25px; line-height:30px; font-weight:bold; margin-left:48px; margin-top:18px}
.blocka .righttxt{ display:block; float:right; width:78%; height:auto; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #dfdfdf}
.blocka .righttxt .leftpic{display:block; float:left; border:1px solid #cfcfcf}
.blocka .righttxt .leftpic img{}
.blocka .righttxt .rigthtxta{ display:block; float:right; line-height:30px; font-size:15px; color:#555; width:72%; height:auto}
.blocka .righttxt .rigthtxta p{ font-size:20px; color:#222; line-height:30px; font-weight:100}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
 .header { display:none
  }
/*  .header {
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 0;
  }*/
  .header .search-box {
    display: none;
  }
  .banner .flexslider {
    display: none;
  }
  .banner .swiper-container {
    display: block;
  }
  .banner .swiper-container img {
    width: 100%;
  }
  .banner .swiper-container .swiper-slide ul {
    position: absolute;
    top:21%;
    left: 0;
    width: 100%; display:block; text-align:center;
    z-index: 200;
  }
  .banner .swiper-container .swiper-slide ul h1 {
    font-size: 0.30rem;
    color: #fff;
  }
  .banner .swiper-container .swiper-slide ul h1 span {
    font-size: 0.35rem; font-weight:bold
  }
  .banner .swiper-container .swiper-slide ul h1 span span {
    color: #0894CB; font-weight: bold
  }
  .banner .swiper-container .swiper-slide ul h2 { text-align:center;
    font-size: 0.32rem;
    color: #C4C7AF;
    margin-top: 0.18rem;
  }
  .banner .swiper-container .swiper-slide ul > li {
    float: left;
    width: 20%;
    height: 0.4rem;
    font-size:0.20rem;
    text-align: center;
    line-height:0.4rem;
    margin: 0.38rem 0.1rem;
  }
  .banner .swiper-container .swiper-slide ul > li a {
    color: #fff;
  }
  .banner .swiper-container .swiper-slide ul > li.cases {
    border: 1px solid #fff;
    margin-left: 29%;
  }
  .banner .swiper-container .swiper-slide ul > li.indexs {
    /*background: #00ADF1;*/border: 1px solid #fff;
  }
  .phone-nav {
    margin-top: 0.11rem;
  }
  .navs {
    background: #014385;
    position: relative;
    padding:0.1rem; height:0.7rem
  }
  .navs .logo{}
  .navs .logo img{ max-width:70%; margin-top:0.05rem} 
  
  .navs .phone-nav {
    float: right;
    cursor: pointer;
  }
  .navs .nav_list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width:20%;
    z-index: 100;
  }
  .navs .nav_list li {
    text-align: center;
    font-size:0.17rem;
    line-height: 0.4rem;
    background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #fff;
  }
  .navs .nav_list li:hover {
    background: #00ADF1;
  }
  .navs .nav_list li a {
    display: inline-block;
    width: 100%;
    color: #fff;
  }
  
  
.change{float:right;  margin-right:0.2rem}

.ss1{ width:0.26rem; height:0.5rem; display:block;position:absolute;top:0.26rem;z-index:10000000;}
.ss1 img{ max-width:80%}
.ss1 div{ width:2rem; height:0.28rem; position:absolute; top:-0.05rem; left:-1.79rem; display:none; z-index:10000000;}
.ss1:hover div{ display:block;z-index:10000000;}

.search-box {
    position: relative;z-index:10000000;
  }
.ss1:hover div .txt{
    width:2.1rem;
    height:0.28rem;
    border-radius: 0.4rem;
    background: #fff; 
    line-height: 0.28rem;
    font-size:0.15rem;
    color: #9A9A9A;
    border: none;
    outline: none;
    text-indent: 0.1rem;
  }
.ss1:hover div  #submit {
    width: 0.25rem;
    height: 0.28rem;
    background: url(../images/search1.png) no-repeat center center;
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 0;
    border: none;
    outline: none;
  }
.changea{font-family:Arial, Helvetica, sans-serif; text-decoration:none; float:right; margin-left:0.2rem; color:#fff}
.changea a{font-size:0.22rem; color:#fff; line-height:0.5rem; margin-left:0.2rem; color:#fff}
  
 
  .product {
    text-align: center;
    padding-top: 0.3rem;
  }
  .product .prod-title h1 {
    font-size: 0.28rem; line-height:0.38rem;
    color: #363636;
  }
   .product .prod-title h1 span {
    font-size: 0.28rem;
    color: #1d66cf;
  }
  .product .prod-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin:0.15rem auto;
  }
  .product .prod-title h3 {
    font-size: 0.15rem;
    line-height: 0.22rem;
    font-weight: normal;
    color: #A1ADB5;
    margin: 0 0.1rem;
  }
  .product .prod-content {
    margin-top:0.25rem;
  }
  
/*  .col-xs-a{ width:33%; float:left; display:block; text-align:center}*/
  
  .product .prod-content li {
    margin-bottom:0.2rem; float:left; width:20%;
  }
  .product .prod-content img {
    display: block;
    margin: 0 auto;transition: all 0.3s linear 0s;
  }
  
  .product .prod-content:hover img {
    transform: scale(1.2);
  }
  
  
  
  
  
  
  
  
  
  .product .prod-content h2 {
    font-size: 0.15rem;
    margin: 0.2rem 0 0.2rem 0;
    color: #444; font-weight:300;
  }
  .product .prod-content p {
    margin: 0 1rem;
    line-height: 0.5rem;
    color: #7D7D7D;
  }
	.ells {
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

  .about { padding-top:0.3rem;}
  
  .about div.left { float:left; width:40%; height:2.5rem;
  }
  .about div.left img {
    display: block; height:2rem; width:100%
  }

  
  .about div.about-text{ float:right; width:58%}
  .about div.about-text .about-title {
    text-align: left;
    padding: 0;/* padding-top:0.1rem;*/
  }
  .about div.about-text .about-title h1 {
    font-size: 0.28rem; line-height:0.38rem;
    color: #363636;
  }
  .about div.about-text .about-title h1 span {
    color:#1d66cf; 
  }
  .about div.about-text .about-title h1 em{
   font-style:normal; font-size:0.18rem; color:#9aa7af; margin-left:0.1rem
  }
  .about div.about-text p {
    font-size: 0.13rem; height:1.3rem; display:block; overflow:hidden;
    color: #3E3E3E;
    line-height: 0.22rem;
    margin-top: 0;
  }
  
  
  .about .about-text a{ color:#1d66cf; line-height:0.22rem; font-size:0.13rem}
  
  .about .about-text .more{ margin-top:0.15rem; margin-left:0}
  .about .about-text .more ul li{ float:left; margin-right:0.15rem; display:block; text-align:center}
  .about .about-text .more ul li .lia{ width:0.8rem; height:0.3rem; border:2px solid #1d66cf; display:block; text-align:center; line-height:0.3rem; font-size:0.15rem; color:#1d66cf}
  .about .about-text .more ul li .lia:hover{ width:0.8rem; height:0.3rem; border:2px solid #1d66cf; display:block; text-align:center; line-height:0.3rem; font-size:0.15rem; color:#fff; background:#1d66cf}
  .about .about-text .more ul li .lib{ width:0.8rem; height:0.3rem; display:block; text-align:center; line-height:0.3rem; font-size:0.15rem; color:#fff; background:#0da056}
  .about .about-text .more ul li .lib:hover{ width:0.8rem; height:0.3rem; display:block; text-align:center; line-height:0.3rem; font-size:0.15rem; color:#fff; background:#1d66cf}

   .video {
    /*margin-top: 80px;*/
  }
  .video #my-video {
    width: 700px;
    height:394px; margin:0 auto
  }
   .col-xs-bb{ width:50%; float:left; display:block; text-align:center;}
  
  .application {
    text-align: center;
    padding-top:0;
  }
  .application .application-title h1 {
    font-size: 0.28rem; line-height:0.38rem;
    color: #363636;
  }
   .application .application-title h1 span{
    color: #1d66cf;
  }

   .application .application-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 0.2rem auto;
  }
 
  .application .application-title h3 {
    font-size: 0.15rem;
    line-height: 0.22rem;
    font-weight: normal;
    margin: 0 0.1rem;
    color: #A1ADB5;
  }
  .application .application-content {
    /*margin-top:0.3rem;*/
    position: relative;
  }
  .application .application-content ul {
/*    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    position: relative;*/
  }
  .application .application-content ul li {
    margin:0 0.06rem 0; float:left; width:18.2%
  }
  .application .application-content ul li img {
   display: block; max-width:100%;
    margin: 0 auto;
  }
  
  .cooperate {
    text-align: center; padding-top:0.45rem;
    display: block;
  }
  .cooperate .cooperate-title h1 {
     font-size:0.28rem; line-height:0.38rem;
    color: #363636;
  }
   .cooperate .cooperate-title h1 span {
  color: #1d66cf;;
  }
  .cooperate .cooperate-title > img {
   display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 0.2rem auto;
  }
  .cooperate .cooperate-title h3 {
   font-size:0.15rem; line-height:0.22rem;
    font-weight: normal;
    color: #A1ADB5; margin:0 auto
  }
  .cooperate .cooperate-s-content {
  }
  .cooperate .cooperate-content {
  display: none;
  } 
  
   .cooperate .cooperate-s-content div {
    padding: 0;
    margin: 0 ; height:1rem; display:block; overflow:hidden
  }
  .cooperate .cooperate-s-content div div {
   float:left; width:22%; display:block; overflow: hidden; margin:0.1rem;
  }
  .cooperate .cooperate-s-content img {
    display: block;
    margin: 0 auto; padding:2px; border:1px solid #e4e4e4; width:100%; height:0.5rem;
  }



   .honer {
    text-align: center; padding-top:0.2rem ;
    display: block;
  }
  .honer .honer-title h1 {
    font-size: 0.28rem; line-height:0.38rem;color: #363636;
  }
   .honer .honer-title h1 span {
   color: #1d66cf;;
  }
  .honer .honer-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 0.2rem auto;
  }
  .honer .honer-title h3 {
    font-size: 0.15rem;
    line-height: 0.22rem;
    font-weight: normal;
    color: #A1ADB5;
    margin: 0 0.1rem;
  }
  .honer .honer-content { display:none
  }
  .honer .honer-s-content div {
    padding: 0;
    margin: 0 ; max-height:1.28rem; display:block; overflow:hidden
  }
  .honer .honer-s-content div div {
    float:left; margin:0 0.06rem; 
  }
  .honer .honer-s-content img {
    display: block;padding:2px; border:1px solid #cfcfcf; height:1.28rem;
  }
  .honer .honer-content {
    display: none;
  } 
   .adv2 {
    background: #E9E9EB;
    padding: 0.38rem 0 0.38rem; margin-top:0.5rem;
  }
  .adv2 .adv2-title {
    text-align: center;
    margin-bottom:0.2rem;
  }
  .adv2 .adv2-title h1 {
    font-size: 0.28rem; line-height:0.38rem;
    color: #363636;
  }
  .adv2 .adv2-title h1 span {
    font-size: 0.28rem; line-height:0.38rem;
    color: #1d66cf;
  }
  .adv2 .adv2-title h3 {
     font-size: 0.15rem;
    line-height: 0.22rem;
    font-weight: normal;
    margin: 0 0.1rem;
    color: #A1ADB5;
  }
  .adv2 .adv2-title img {
   display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 0.15rem auto;
  }
  .adv2 .adv2-content {
    margin: 0; margin-top:0.3rem;
  }
  .adv2 .adv2-content .adv2-left{ width:40%; height:1rem; display:block; float:left}
  .adv2 .adv2-content .adv2-left img {
    width:100%;
  }
  .adv2 .adv2-content .adv2-right { width:60%; height: auto; display:block; float:right
  }
  .adv2 .adv2-content .adv2-right dl {
    padding:0.12rem; border:1px solid #cfcfcf;
    background: #fff; margin:0 auto;margin-bottom:0.25rem;
  }
  .adv2 .adv2-content .adv2-right dl dt {
    float: left; 
  }
  .adv2 .adv2-content .adv2-right dl dt img { width:90%
  }
  .adv2 .adv2-content .adv2-right dl dd {
    float: right;
    width: 80%;
    text-align: left;
  }
  .adv2 .adv2-content .adv2-right dl dd.title {
    font-size: 0.16rem;
    color: #333;
  }
  .adv2 .adv2-content .adv2-right dl dd.text {
    font-size: 0.12rem;
    color: #28262B;
    line-height: 0.22rem;
  }




  .adv {
    background: url(../images/adv.jpg) no-repeat center top;
    background-size: cover;
    padding: 0.4rem 0;
    text-align: center;
  }
  .adv .adv-title h1 {
    font-size: 0.28rem;
    color: #fff;
    font-weight: normal;
  }
  .adv .adv-title span {
    display: block;
    margin: 0.12rem auto;
    width: 100%;
    height: 0.25rem;
    color: #fff;
    background: url(../images/adv-more.png) no-repeat center top;
  }
    .adv .adv-title span a {
    color: #fff;
    line-height:0.25rem;
  }
  .adv .adv-title h3 {
    font-size: 0.14rem;
    color: #95A2AA;
    margin: 0 0.5rem;
    line-height: 0.25rem; font-weight:300
  }


.col-sm-5{ float:none}
.col-sm-6{ float:none}
.newsframe{ width:100%; height:auto; margin:0 auto; padding-top:0.2rem}
.newsframe .title{display:block; text-align:center;}
.newsframe .title p{font-size: 0.28rem; line-height:0.385rem;color: #363636;}
.newsframe .title span{ font-size: 0.28rem; line-height:0.38rem;color: #1d66cf;}
.newsframe .title em{font-style:normal;font-size: 0.15rem;line-height: 0.22rem;font-weight: normal;color: #A1ADB5;margin: 0 auto;}
.newsframe .title img{display: inline-block; text-align:center; max-width:100%; height:5px;margin: 0.15rem auto;}
.newsframe .content{margin-top:0.2rem;padding-right: 0.3rem;padding-left:0.3rem;}



.leftnews{ width:45%; display:block; overflow:hidden; float:left;background:#1d66cf}
.leftnews img{ width:100%; height:1.8rem}
.leftnews .txt{padding:0 0.2rem 0.2rem}
.leftnews .txt p{ background:url(../images/dec.jpg) no-repeat left bottom; height:0.5rem; line-height:0.55rem; font-size:0.17rem; color:#fff}
.leftnews .txt p a{line-height:0.55rem; font-size:0.17rem; color:#fff}
.leftnews .txt span{ margin-top:0.1rem;font-size:0.15rem; line-height:0.25rem; color:#fff; height:0.5rem; display:block; overflow:hidden}

.centernews{ display:block;width:52%; overflow:hidden; float:right}

.framebb{ width:100%; height:0.65rem; display:block;border-bottom:1px solid #cfcfcf; margin-top:0.12rem} 
.framebb ul li.numa{ float:left; width:20%; height:0.6rem; display:block; text-align:center; border-right:1px solid #cfcfcf; line-height:0.6rem; font-size:0.4rem; color:#9b9b9b; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.framebb ul li.txta{ float:right; width:75%; height:0.6rem; }
.framebb ul li.txta p{height:0.3rem; line-height:0.3rem; font-size:0.17rem; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.framebb ul li.txta p a{line-height:0.3rem; font-size:0.17rem; color:#333;}
.framebb ul li.txta span{height:0.3rem;line-height:0.3rem; font-size:0.14rem; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif}
.framebb:hover ul li.numa{ float:left; width:18%; height:0.5rem; display:block; text-align:center; border-right:1px solid #cfcfcf; line-height:0.5rem; font-size:0.38rem; color:#1d66cf; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.framebb:hover ul li.txta p a{line-height:0.3rem; font-size:0.17rem; color:#1d66cf;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}

.rightnews{width:100%; height:auto; margin:0 auto; margin-top:3.5rem}
.rightnews .head{ height:0.6rem; background: url(../images/pencile.png) 0.4rem center no-repeat #1d66cf}
.rightnews .head p{ float:left; text-indent:0.8rem; line-height:0.6rem; font-size:0.20rem; color:#fff}
.rightnews .head a{ float:right; margin-right:0.25rem}
.rightnews .contenta{min-height:1rem; border:1px solid #cfcfcf; border-top:none; border-bottom:none}
.rightnews .contenta ul li{ background:url(../images/icon.png) 0.20rem center no-repeat; text-indent:0.45rem; height:0.45rem; border-bottom:1px solid #cfcfcf}
.rightnews .contenta ul li a{width:7rem; height:0.45rem; line-height:0.45rem; font-size:0.15rem; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.rightnews .contenta ul li a:hover{ background:url(../images/icon.png) 0.20rem center no-repeat #f5f5f5;border-bottom:1px solid #cfcfcf}

  .contacts {
    padding: 0.4rem 0;
    background: #E9E9EB; margin-top:0.3rem;
  }
  .contacts .contacts-title {
    text-align: center;
    margin-bottom: 0.2rem;
  }
  .contacts .contacts-title h1 {
    font-size: 0.28rem; line-height:0.38rem;
    color: #363636;
  }
  .contacts .contacts-title h1 span {
    color: #1d66cf;
  }
  .contacts .contacts-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;margin:0.15rem auto;
  }
  .contacts .contacts-title h3 {
    font-size: 0.15rem;
    line-height: 0.22rem;
    font-weight: normal;
    color: #A1ADB5;
    margin: 0 0.1rem;
  }
  .contacts .contacts-content ul li {
    float: left; width:25%;
    text-align: center;
    margin-bottom: 0.3rem;
  }
  .contacts .contacts-content ul li img {
    display: inline-block;
  }
  .contacts .contacts-content ul li h1 {
    font-size: 0.18rem;
    color: #000;
    font-weight: normal;
    margin: 15px 0 5px 0;
  }
  .contacts .contacts-content ul li p {
    font-size: 0.15rem;
    color: #8B8B8C;
    line-height: 0.25rem; margin-top:0.2rem;
  }
    .contacts .contacts-content ul li p a {
    font-size: 0.15rem;
    color: #8B8B8C;
    line-height: 0.45rem;
  }
  .footer {
    background: #014385;
    padding: 0.2rem 0 0;
  }
  .footer .footer-left {
    width: 100%;
    margin-bottom: 0.2rem;
    padding: 0;
  }
  .footer .footer-left .footer-nav {
    width: 100%;
    padding-bottom:0;
    border-bottom: 1px solid #285C97;
    margin: 0;
    margin-bottom: 0.15rem;
  }
  .footer .footer-left .footer-nav li {
    float: left;
    text-align: center;
    font-size: 0.16rem;
    margin-bottom: 0.2rem;
  }
  .footer .footer-left .footer-nav li a {
    color: #fff;
  }
  .footer .footer-left .footer-prod {
    padding: 0 0 0.3rem 0.4rem;
    border-bottom: 1px solid #285C97;
  }
  .footer .footer-left .footer-prod p {
    font-size: 0.18rem;
    color: #fff;
    margin-bottom: 0.1rem;
  }
  .footer .footer-left .footer-prod ul li {
    float: left;
    margin-right:0.25rem;
    font-size: 0.15rem;
  }
  .footer .footer-left .footer-prod ul li a {
    color: #fff;
  }
  .footer .footer-left .footer-last {
    display: none;
    color: #fff;
    padding-left: 50px;
  }
  .footer .footer-left .footer-last a {
    color: #fff;
  }
  .footer .footer-right {
    width: 100% ;
    padding-left: 0.4rem;
    border-bottom: 1px solid #285C97;
  }
  .footer .footer-right li {
    margin-bottom: 10px;
  }
  .footer .footer-right li img {
    display: inline-block;
  }
  .footer .footer-right li span {
    margin-left: 10px;
    font-size: 0.15rem;
    color: #fff;
  }
  .footer .footer-right li span a{
    font-size: 0.15rem;
    color: #fff;
  }
  .footer .phone-last {
    display: block;
    color: #80a1c2;
/*    padding-left: 0.4rem;*/
    margin-top: 0.2rem; padding-bottom:0.2rem;
    text-align: center;
    font-size: 0.15rem; line-height:0.25rem;
  }
  .footer .phone-last a {
    color: #80a1c2;
  }
  /*position*/
  .position_wrap {
    border-bottom: 1px solid #ccc;
    margin: 0 auto; margin-bottom:0.25rem;
  }
  .position {
    height: 40px;
    line-height: 40px;
    margin-left: 0.3rem;
  }
  .position .span01 {
    display: block;
    padding-left: 20px;
    background: url(../images/span01.png) no-repeat left center; font-size:0.13rem; color:#555
  }
    .position .span01 a {
    font-size:0.13rem; color:#555
  }
  .position .span01 dd{
    display: none;
  }
  #firstpane{
    width: 285px;
  }
  /*ny_left menu_list*/
  .ny_left {
    width: 285px;
  }
  .menu_list .list_title {
    border-bottom: 1px solid #d1d1d1;
    height: 80px;
    font-size: 16px;
    line-height: 18px;
    color: #FFF;
    padding: 20px 0;
  }
  .menu_list .list_title span {
    display: block;
    text-indent: 2em;
    font-size: 18px;
  }
  .menu_list .list_title .sp01 {
    color: #d1d1d1;
    font-weight: 100;
  }
  .menu_list .m_1 {
    border: 1px solid #d1d1d1;
    border-top: none;
    border-bottom: none;
  }
  .menu_list .m_1 > li {
    line-height: 48px;
    font-size: 14px;
    background: #f8f8f8 ;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    border-top: 2px solid #fff;
    position: relative;
  }
  .menu_list .m_1 > li > a {
    border-left: 6px solid #f1f1f1;
    height: 48px;
    color: #525252;
    font-weight: bold;
    padding-left: 32px;
    display: block;
  }
  .menu_list .m_1 > li > a.active,
  .menu_list .m_1 > li:hover > a {
    border-left: 6px solid #00ADF1;
    color: #00ADF1;
  }
  .menu_list .m_1 > li .menu_btn {
    position: absolute;
    width: 50px;
    height: 48px;
    background: url(../images/ny_left_ico.png) no-repeat center;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .menu_list .m_1 > li .menu_btn_active {
    background: url(../images/ny_left_ico_active.png) no-repeat 

center;
  }
  .menu_list .m_1 > li .menu_btn:hover {
    background-color: #f9f9f9;
  }
  .menu_list .m_2 {
    display: none;
  }
  .menu_list .m_2 > li {
    line-height: 36px;
    background: #fff;
    border-bottom: 1px dashed #ccc;
  }
  .menu_list .m_2 > li:last-child {
    border-bottom: none;
  }
  .menu_list .m_2 > li:first-child {
    border-top: 1px solid #ccc;
  }
  .menu_list .m_2 > li a {
    display: block;
    padding-left: 38px;
    font-size: 12px;
  }
  .menu_list .m_2 > li a.active,
  .menu_list .m_2 > li a:hover {
    color: #00ADF1;
  }
  /*ny_left slider_contact*/
  .slider_contact {
    width: 100%;
    color: #333333;
    margin-top: 20px;
  }
  .slider_contact .list_title {
    font-size: 18px;
    line-height: 50px;
    color: #FFF;
    text-indent: 2em;
  }
  .slider_contact .list_title strong {
    font-weight: normal;
    color: #d1d1d1;
    font-size: 14px;
    padding-left: 5px;
  }
  .slider_contact .contact {
    padding: 90px 20px 20px;
    border: 1px solid #d1d1d1;
    line-height: 26px;
    position: relative;
    background: #f8f8f8 url(../images/contactbg.jpg) no-repeat 

20px 20px;
  }
  .slider_contact .contact .telsp {
    position: absolute;
    top: 12px;
    left: 73px;
    height: 48px;
    color: #5b5b5b;
    line-height: 24px;
    font-size: 16px;
  }
  .slider_contact .contact .telsp em {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    display: block;
  }
  /*right top_share*/
  .ny_right {

  }
  .ny_right .top_share {
    width: 100%;
    line-height: 36px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding-bottom: 10px;
  }
  .ny_right .top_share dt {
    width: 300px;
  }
  .ny_right .top_share dt a {
    padding: 0 5px;
  }
  .ny_right .top_share dd {
    /*width: 242px;*/
  }
  .ny_right .top_share .bdshare {
    display: inline-block;
  }
  /*prodouct_list*/
  .pord_list {
    overflow: hidden;
  }
  .pord_list li {
    float: left;
    position: relative;
    margin-bottom:10px; width:25%; display:block; text-align:center
  }
  .pord_list li img {
    /*width: 100%;*/
    height: 1.1rem; max-width:100%;
    border: 1px solid #ccc;
  }
  .pord_list li span {
    display: block;
    line-height:0.3rem;
    height:0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .pord_list li .pro_cover {
    display: none;
    height: 3rem;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 9999;
    /*background: url(../images/probgh.png) no-repeat center top;*/
  }
  .pord_list li:hover .pro_cover {
    display: block;
    font-size: 0;
  }
  
  
  /*prodouct_list*/
  .pord_lista {
    overflow: hidden;
  }
  .pord_lista li {
    float: left; width:23%; height:auto; display:block; text-align:center;position: relative; margin-bottom:0.21rem; padding:2px; border:1px solid #cfcfcf; margin:0.04rem;
/*    margin-bottom:0.21rem;*/
  }
  .pord_lista li img {
   /* width: 100%;*/
    height:1.0rem; max-width:100%;
  }
  .pord_lista li span {
    display: block;
    line-height:0.3rem;
    height: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .pord_lista li .pro_cover {
    display: none;
    height:1.3rem;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 9999;
    /*background: url(../images/probgh.png) center top repeat;*/
  }
  .pord_lista li:hover .pro_cover {
    display: block;
    font-size: 0;
  }
  
  
  
  /*prodouct_listA*/
  .proA {
    border: 1px solid #d1d1d1;
    padding: 10px 5px 10px;
    overflow: hidden;
    margin-top: 10px;
  }
  .proA .top {
    border: 1px solid #cccccc;
    line-height: 34px;
    height: 34px;
    width: 97%;
    margin: 0 auto;
    font-size: 16px;
    position: relative;
    background: url(../images/topbg.jpg) repeat-x scroll 0 0;
  }
  .proA .top span {
    background: url(../images/topico.png) no-repeat 10px center #00ADF1;
    padding: 0 10px;
    text-indent: 30px;
    display: block;
    color: #FFF;
    height: 34px;
    float: left ;
    line-height: 34px;
  }
  .proA .top .more {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px;
  }
  .proAul li {
    width: 276px;
    float: left;
    margin: 10px;
    text-align: center;
    line-height: 25px;
  }
  .proAul li a img {
    width: 253px;
    height: 180px;
    margin: 0 auto;
    border: 1px solid #d1d1d1;
    padding: 5px;
  }
  .proAul li a span {
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    overflow: hidden;
  }
  /*prodouct_listB*/
  .proB {
    border: 1px solid #d1d1d1;
    padding: 10px 5px 10px;
    overflow: hidden;
    margin-top: 10px;
  }
  .proB ul li {
    border-bottom: 1px dashed #cccccc;
    margin: 10px 10px;
    min-height: 205px;
  }
  .proB ul li a {
    display: block;
    float: left;
  }
  .proB ul li a img {
    width: 300px;
    height: 178px;
    padding: 5px;
    border: 1px solid #CCC;
  }
  .proB ul li span {
    float: left;
    display: block;
    width: 534px;
    color: #FFF;
    font-size: 14px;
    margin-left: 20px;
  }
  .proB ul li span.title {
    border: 1px solid #cccccc;
    line-height: 34px;
    height: 34px;
    font-size: 16px;
    position: relative;
    background: url(../images/topbg.jpg) repeat-x scroll 0 0;
  }
  .proB ul li span.title i {
    background: url(../images/ibg.jpg) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    width: 174px;
    line-height: 34px;
    display: block;
    font-style: normal;
  }
  .proB ul li span.text {
    padding: 20px 0;
    line-height: 25px;
    color: #494949;
    height: 75px;
    overflow: hidden;
  }
  .proB ul li a.more {
    display: block;
    margin-left: 20px;
    line-height: 30px;
    border: 1px solid #00ADF1;
    border-radius: 10px;
    padding: 0 10px;
  }
  /*list page*/
  .page {
    width: 100%;
    margin: 0.2rem auto;
    line-height:0.2rem;
    text-align: center;
    font-size: 0.13rem;
  }
  .page span {
    display: none;
    padding: 0 0.5rem 0 0;
  }
  .page a.num.select {
    padding:0.05rem 0.1rem;
    color: #fff;
    background: #00ADF1;
  }
  .page a.num {
    background: #fff;
    padding: 0 0.1rem;
  }
  .page a.num:hover {
    padding:0.1rem;
    color: #fff;
    background: #00ADF1;
  }
  /*recommended*/
  .recommended {
    overflow: hidden;
    background: #fafafa;
    padding: 20px;
    border: 1px solid #d1d1d1;
  }
  .recommended h4 {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
  }
  .recommended ul li {
    width: 50%;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
  }
  .recommended ul li span {
    width: 86px;
    color: #a8a8a8;
    display: block;
    float: left;
  }
  .recommended ul li a {
    width: 70%;
    padding: 0 0 0 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /*related product*/
  .related {
    position: relative;
    margin: 20px auto;
    background: #fafafa;
    padding: 15px;
    border: 1px solid #d1d1d1;
    overflow: hidden;
  }
  .related h4 {
    font-size: 24px;
    font-weight: normal;
    padding: 10px 0 20px 12px;
  }
  .related .hd2 {
    overflow: hidden;
    height: 30px;
    text-align: center;
  }
  .related .hd2 ul {
    overflow: hidden;
    margin-top: 5px;
    zoom: 1;
  }
  .related .hd2 ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8px;
    height: 8px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../images/prd_off.jpg) no-repeat;
  }
  .related .hd2 ul li.on {
    background-position: 0 0;
    background: url(../images/prd_on.jpg);
  }
  .related .bd2 ul {
    overflow: hidden;
    zoom: 1;
  }
  .related .bd2 ul .prdtitle {
    width: 203px !important;
    height: 210px;
    display: inline;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 6px;
    float: left;
  }
  .related .bd2 ul .prdtitle-large {
    margin: 0 8px;
  }
  .related .bd2 ul .prdtitle img {
    width: 201px;
    height: 200px;
    border: 1px solid #ccc;
  }
  .related .bd2 ul .prdtitle span {
    display: block;
    line-height: 30px;
  }
  /*show_page*/
  .show_page {
    margin: 0.1rem auto;
    overflow: hidden;
    text-align: center;
  }
  .show_page li {
    width: 50%;
    float: left; color:#aaa; font-size:0.13rem;
  }
    .show_page li a {
    color:#aaa; font-size:0.13rem;
  }
  /*prodouct_showA*/
  .product_showA h1 {
    font-size:0.22rem;
    line-height:0.4rem;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  .prodA_content {
    margin:0.2rem auto;
    text-align: center;
  }
  .prodA_content img {
    margin: 0 auto; max-width:80%
  }
  .prodA_content .showA {
    width: 100%;
    margin:0.2rem auto;
  }
  .prodA_content .showA p{
    margin: 0 0.5rem;
  }
  .case_info {
    font-weight: normal;
    font-size: 1rem;
  }
  .case_info span {
    padding: 0 10px;
  }
  
  .news_page .pagepre {
    background: #f5f5f5 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext {
    text-align: right;
    padding-right: 30px;
    background: #f5f5f5 url(../images/pagenext.png) no-repeat 98% center;
  }
  .news_page .pagepre:hover {
    background: #d8d8d8 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext:hover {
    background: #d8d8d8 url(../images/pagenext.png) no-repeat 98% center;
  }
  /*prodouct_showB*/
  .product_showB .showB h1 {
    font-size: 18px;
    line-height: 40px;
    text-align: left;
  }
  .product_showB .showB p {
    line-height: 26px;
  }
  .prodB_content {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 20px;
  }
  .prodB_content h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
  }
  .prodB_content .text_showB p {
    text-indent: 2em;
  }
  .top {
    height: 34px;
    line-height: 34px;
    margin-bottom: 0;
    color: #04891d;
    background: url(../images/topbg.jpg) repeat-x;
  }
  .showB_intro {
    padding: 15px 15px 0 0;
    margin-bottom: 20px;
    position: relative;
  }
  .showB_intro .showB_left {
    float: left;
  }
  .showB_intro .showB_right {
    width: 490px;
    padding: 0 10px 10px 20px;
    float: left;
  }
  .showB_intro .showB_right .showB_title {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
  }
  .showB_intro .showB_right .showB_text {
    line-height: 25px;
  }
  .showB_intro .showB_right .rex {
    font-size: 16px;
  }
  .showB_intro .showB_right .rex span {
    font-size: 22px;
    color: #03F;
  }
  /*jqzoom*/
  .jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
  }
  .jqzoom img {
    width: 363px;
    height: 280px;
    margin: 0 auto;
    vertical-align: middle;
  }
  .zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 350px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
  }
  .jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff /*url(../images/zoom.png) 50% center no-

repeat*/;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
  }
  /*图片小图预览列表*/
  .showB_preview {
    width: 360px;
    height: 270px;
    border: 1px solid #DFDFDF;
    display: table;
  }
  .showB_scroll {
    clear: both;
    margin-top: 5px;
    width: 507px;
    position: absolute;
    bottom: 0px;
    right: 10px;
  }
  .showB_scroll .prev {
    float: left;
    margin-right: 4px;
  }
  .showB_scroll .next {
    float: right;
  }
  .showB_scroll .prev,
  .showB_scroll .next {
    display: block;
    font-family: "宋体";
    text-align: center;
    width: 12px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #CCC;
    margin-top: 14px;
    background: #EBEBEB;
    cursor: pointer;
    text-decoration: none;
  }
  .showB_scroll .items {
    float: left;
    position: relative;
    width: 470px;
    height: 71px;
    overflow: hidden;
  }
  .showB_scroll .items ul {
    position: absolute;
    width: 999999px;
  }
  .showB_scroll .items ul li {
    float: left;
    width: 118px;
    text-align: center;
  }
  .showB_scroll .items ul li img {
    border: 1px solid #CCC;
    padding: 2px;
    width: 105px;
    height: 65px;
  }
  .showB_scroll .items ul li img:hover {
    border: 2px solid #00ADF1;
    padding: 1px;
  }
  /*news_list*/
  .news_list dl {
    width: 100%;
    overflow: hidden; margin-bottom:0.1rem;
  }
/*  .news_list dl dt {
    width: 225px;
    height: 165px;
    float: left;
  }
  .news_list dl dt img {
    width: 220px;
    height: 160px;
    border: 1px solid #ccc;
    display: block;
  }
*/  .news_list dl dd {
    width: 100%;
    height:auto;
  }
  .news_list dl dd h2 { padding-bottom:0; border-bottom:1px dotted #cfcfcf; margin-bottom:0.05rem}
  .news_list dl dd h2 a { width:70%; height:0.4rem; line-height:0.4rem; font-size:0.16rem;
  }
  .news_list dl dd span {
    color: #888; font-size:0.12rem; line-height:0.4rem; float:right;
  }
  .news_list dl dd p{ height:0.44rem; display:block; overflow:hidden;color:#888; font-size:0.13rem; line-height:0.22rem;}
  /*news_show*/
  .news_content h1 {
    font-size: 0.22rem;
    line-height:0.4rem;
    text-align: center;
    border-bottom: 1px solid #cfcfcf;
  }
  .news_content .toptime {
    display: block;
    margin: 0 auto;
    text-align: center; font-size:0.14rem; color:#888; line-height:0.35rem;
  }
  .news_content .news_show { font-size:0.14rem; line-height:0.25rem;width: 100%;margin:0 auto; margin-bottom:0.1rem;
  }
   .news_content .news_show p {margin-bottom:0.1rem; font-size:0.14rem; line-height:0.25rem;
  }
  .news_page {
    margin:0 auto;
    overflow: hidden;
  }
  .news_page li {
    width: 50%;
    float: left;
    padding: 0 10px 0 30px;
    background: #f5f5f5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news_page .pagepre {
    background: #f5f5f5 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext {
    text-align: right;
    padding-right: 30px;
    background: #f5f5f5 url(../images/pagenext.png) no-repeat 98% center;
  }
  .news_page .pagepre:hover {
    background: #d8d8d8 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext:hover {
    background: #d8d8d8 url(../images/pagenext.png) no-repeat 98% center;
  }
  /*page_show*/
  .list_page {
    font-size:0.15rem;
  }
  .page_show {
  font-size:0.15rem; line-height:0.25rem
  }
  .page_show img { max-width:100%;
  }
  .page_show p {font-size:0.15rem; line-height:0.25rem; margin-bottom:0.05rem
  }
  /*guestbook*/
  .guestbook_show {
    margin: 20px auto 0;
  }
  .guestbook_top {
    height: 40px;
    background: #eee;
    line-height: 40px;
    padding: 0 10px 0 17px;
  }
  .guestbook_top .mustwrt {
    display: block;
    float: right;
  }
  .guestbook_show em {
    color: #f00;
    font-style: normal;
  }
  .guestbook_form .inp_one {
    width: 180px;
    height: 25px;
    outline: none;
    border: 1px solid #ccc;
    padding-left: 4px;
  }
  .guestbook_form .inp_one:focus {
    border: 1px solid #00ADF1;
  }
  .guestbook_form {
    padding: 20px 20px 0;
  }
  .guestbook_form dl {
    width: 100%;
    overflow: hidden;
    line-height: 20px;
    height: 45px;
    padding: 10px 0;
  }
  .guestbook_form dt {
    width: 80px;
    float: left;
  }
  .guestbook_form dd {
    width: 510px;
    float: left;
  }
  .guestbook_form dd span {
    padding-left: 20px;
  }
  .guestbook_form dd span i {
    color: #F00;
    padding: 0 5px;
  }
  .guestbook_form dd span.quetion {
    display: block;
  }
  .guestbook_form .bookdl {
    height: 180px;
    overflow: hidden;
    line-height: 20px;
    padding-bottom: 0;
  }
  .guestbook_form .button {
    width: 150px;
    height: 32px;
    background: #b8b8b8;
    border: none;
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
  }
  .guestbook_form .button:hover {
    background: #f1f1f1;
    color: #555;
  }
  .guestbook_form .form_b {
    width: 693px;
    margin: 0 auto;
    padding: 20px 0 0 0;
  }
  .guestbook_title {
    padding: 20px 20px 0;
    color: #2a6cd4;
  }
  .guestbook_title strong {
    color: #f00;
  }
  .guestbook_title b {
    padding: 0 10px;
    font-weight: normal;
  }
  .guestbook_cnt {
    padding: 5px 20px 20px;
    border-bottom: 1px dashed #ccc;
  }
  .guestbook_reply {
    color: #f00;
    background: #f6f6f6;
    line-height: 40px;
  }
  .bookpage {
    line-height: 40px;
    text-align: right;
  }
  .search_x {
    border: 1px solid #d1d1d1;
    margin-bottom: 20px;
  }
  .search_x .top {
    padding: 0 20px;
  }
  .search_x .xbox {
    padding: 0 20px;
  }
  .search_x .guestbook_top {
    text-indent: 25px;
  }
  .current2 {
    width: 17px;
    height: 17px;
    background: #3ab250;
    border: 2px solid #FFF;
    color: #FFF;
  }
  .num {
    width: 17px;
    height: 17px;
    background: #aaaaaa;
    border: 2px solid #FFF;
    color: #FFF;
  }
  /*download_list*/
  .download_list dl {
    width: 33.3%;
    float: left;
    margin-top: 20px;
  }
  .download_list dl dt {
    text-align: center;
  }
  .download_list dl dt img {
    width: 80%;
    height: 240px;
    margin: 0 auto;
  }
  .download_list dl dd {
    text-align: center;
  }
  .download_list dl dd h2 {
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  /*search*/
  .search_title {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    font-weight: bold;
    padding: 0 10px;
  }
  .search_info {
    float: left;
    font-size: 16px;
    line-height: 30px;
  }
  .search_list {
    font-size: 14px;
    color: #333;
  }
  .search_list li {
    line-height: 40px;
    border-bottom: 1px dashed #ccc;
    padding: 0 10px;
  }
  .search_list li:last-child {
    border-bottom: none;
  }
  .search_list li span {
    float: right;
  }
  .search_cnt {
    overflow: hidden;
    margin: 10px 0;
  }
  .search_cnt form {
    display: block;
    position: relative;
    overflow: hidden;
    float: right;
  }
  .search_cnt input.txt {
    width: 120px;
    height: 28px;
    line-height: 28px;
    color: #a1a1a1;
    padding: 0 30px 0 5px;
    border: 1px solid #ccc;
    background: none;
  }
  .search_cnt input.btn {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 9999;
    background: url(../images/search.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
  }
  .content {
    margin-bottom: 30px;
  }



.news .news-content .news-right .news-list li {padding: 0.3rem 0.2rem 0.3rem 0.7rem;background: url(../images/news-arr3.png) no-repeat 0.4rem center;border-bottom: 1px solid #2CC0FB;font-size: 0.3rem;color:#fff;}
.news .news-content .news-right .news-list li a {color: #fff;}
  .news .news-list dt {
    padding-top: 0.1rem!important;
  }
  .news .news-list dt .m {
    font-size: 0.2rem!important;
  }
  .news .news-list dt .y {
    font-size: 0.25rem!important;
  }
  .news .news-list dd {
    width: 80% !important;
  }
  .news .news-list dd.title {
    font-size: 0.25rem !important;
  }
  .news .news-list dd.text {
    font-size: 0.2rem !important;
  }
  
.mainframea{ width:100%; height:auto; margin:0 auto; background:url(../images/lineaa.jpg) 18.9% top repeat-y}
.blocka{ width:100%; height:auto; margin:0 auto;}
.blocka .time{ display:block; float:left; width:20%; height:1rem; background:url(../images/case.png) 0 0 no-repeat;background-size:100%}
.blocka .time p{ color:#fff; font-size:0.2rem; line-height:0.2rem; font-weight:100; margin-left:0.2rem; margin-top:0.08rem}
.blocka .righttxt{ display:block; float:right; width:78%; height:auto; margin-bottom:0.2rem; padding-bottom:0.2rem; border-bottom:1px dotted #dfdfdf}
.blocka .righttxt .leftpic{display:block; float:left; width:27%}
.blocka .righttxt .leftpic img{border:1px solid #cfcfcf; max-width:100%}
.blocka .righttxt .rigthtxta{ display:block; float:right; line-height:0.20rem; font-size:0.12rem; color:#555; width:70%; height:auto}
.blocka .righttxt .rigthtxta p{ font-size:0.14rem; color:#222; line-height:0.18rem; font-weight:100}

}
@media screen and (max-width: 500px) {
  .header { display:none
  }
/*  .header {
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 0;
  }*/
  .header .search-box {
    display: none;
  }
  .banner .flexslider {
    display: none;
  }
  .banner .swiper-container {
    display: block; 
  }
  .banner .swiper-container img {
    width: 100%; 
  }
  .banner .swiper-container .swiper-slide ul {
    position: absolute;
    top:15%;
    left: 0;
    width: 100%; text-align:center;
    z-index: 200;
  }
  .banner .swiper-container .swiper-slide ul h1 {
    font-size: 0.4rem;
    color: #fff;
  }
  .banner .swiper-container .swiper-slide ul h1 span {
    font-size: 0.5rem; font-weight:bold;
  }
  .banner .swiper-container .swiper-slide ul h1 span span {
    color: #0894CB; font-weight:bold
  }
  .banner .swiper-container .swiper-slide ul h2 { text-align:center;
    font-size: 0.45rem;
    color: #C4C7AF;
    margin-top: 0.2rem;
  }
  .banner .swiper-container .swiper-slide ul > li {
    float: left;
    width: 22%;
    height: 32px;
    font-size: 16px;
    text-align: center;
    line-height: 32px;
    margin: 20px auto;
  }
  .banner .swiper-container .swiper-slide ul > li a {
    color: #fff;
  }
  .banner .swiper-container .swiper-slide ul > li.cases {
    border: 1px solid #fff;
    margin-left: 25%;
  }
  .banner .swiper-container .swiper-slide ul > li.indexs {
    /*background: #00ADF1;*/border: 1px solid #fff; margin-left:3%
  }
  .phone-nav {
    margin-top: 0.24rem;
  }
  .navs {
    background: #014385;
    position: relative;
    padding:0.1rem; height:1.3rem;
  }
  .navs .logo{}
  .navs .logo img{ max-width:70%; margin-top:0.13rem} 
  
  .navs .phone-nav {
    float: right;
    cursor: pointer;
  }
  .navs .nav_list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width:28%;
    z-index: 100;
  }
  .navs .nav_list li {
    text-align: center;
    font-size:0.30rem;
    line-height: 0.75rem;
    background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #fff;
  }
  .navs .nav_list li:hover {
    background: #00ADF1;
  }
  .navs .nav_list li a {
    display: inline-block;
    width: 100%;
    color: #fff;
  }
.change{}

.ss1{ position:absolute; left:65%; top:0.45rem; width:0.55rem; height:0.5rem; display:block;z-index:10000000;}
.ss1 img{ max-width:80%}
.ss1 div{ width:3.3rem; height:0.58rem; position:absolute; top:-0.1rem; left:-2.7rem; display:none; z-index:10000000;}
.ss1:hover div{ display:block;z-index:10000000;}

.search-box {
    position: relative;z-index:10000000;
  }
.ss1:hover div .txt{
    width:3.3rem;
    height:0.58rem;
    border-radius: 0.4rem;
    background: #fff; 
    line-height: 0.58rem;
    font-size:0.26rem;
    color: #9A9A9A;
    border: none;
    outline: none;
    text-indent: 0.2rem;
  }
.ss1:hover div  #submit {
    width: 0.3rem;
    height: 0.58rem;
    background: url(../images/search1.png) no-repeat center center;background-size: 75%;
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 0;
    border: none;
    outline: none;
  }
.changea{font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; position:absolute; left:75%; top:0.3rem;}
.changea a{font-size:0.42rem; color:#fff; line-height:0.75rem; color:#fff}
  .product {
    text-align: center;
    padding-top: 0.5rem;
  }
  .product .prod-title h1 {
    font-size: 0.5rem; line-height:1rem;
    color: #363636;
  }
   .product .prod-title h1 span {
    font-size: 0.5rem;
    color: #1d66cf;
  }
  .product .prod-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 5px auto;
  }
  .product .prod-title h3 {
    font-size: 0.3rem;
    line-height: 0.44rem;
    font-weight: normal;
    color: #A1ADB5;
    margin: 0 0.2rem;
  }
  .product .prod-content {
    margin-top:0.6rem;
  }
  .col-xs-a{ width:50%; float:left; display:block; text-align:center}
  .product .prod-content li {
    margin-bottom:0.5rem; width:33%;
  }
  .product .prod-content img {
    display: block;
    margin: 0 auto; max-width:80%;transition: all 0.3s linear 0s;
  }
  .product .prod-content:hover img{transform: scale(1.2);}
  
  
  
  .product .prod-content h2 {
    font-size: 0.3rem;
    margin: 10px 0 10px 0;
    color: #444; font-family:Arial, Helvetica, sans-serif;
  }
  .product .prod-content p {
    margin: 0 1rem;
    line-height: 0.5rem;
    color: #7D7D7D;
  }
  
  
  
  .about {
    margin-top:0; padding-top:0.2rem;
  }
  .about div.about-text .about-title {
    text-align: left;
    padding: 0; padding-top:0.3rem;
  }
  .about div.about-text .about-title h1 {
    font-size: 0.48rem;
    color: #363636;
  }
  .about div.about-text .about-title h1 span {
    color:#1d66cf;
  }
  .about div.about-text .about-title h1 em{
   font-size:0.35rem; color:#9aa7af; margin-left:10px;font-weight: normal; font-style:normal
  }
  .about div.about-text p {
    font-size: 0.25rem;
    color: #3E3E3E;
    line-height: 0.4rem; height:2rem; display:block; overflow:hidden;
    margin-top: 0.3rem;
  }
  .about .about-text a{ color:#1d66cf; line-height:0.5rem; font-size:0.25rem}
  .about .about-text .more{ margin-top:0.25rem; margin-left:18%}
  .about .about-text .more ul li{ float:left; margin-right:0.35rem; display:block; text-align:center}
  .about .about-text .more ul li .lia{ width:92px; height:40px; border:2px solid #1d66cf; display:block; text-align:center; line-height:36px; font-size:14px; color:#1d66cf}
  .about .about-text .more ul li .lia:hover{ width:92px; height:40px; border:2px solid #1d66cf; display:block; text-align:center; line-height:36px; font-size:14px; color:#fff; background:#1d66cf}
  .about .about-text .more ul li .lib{ width:96px; height:40px; display:block; text-align:center; line-height:40px; font-size:14px; color:#fff; background:#0da056}
  .about .about-text .more ul li .lib:hover{ width:96px; height:40px; display:block; text-align:center; line-height:40px; font-size:14px; color:#fff; background:#1d66cf}

  .about div.left {
  }
  .about div.left img {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .video {
    display: none;
  }
  .application {
    text-align: center;
    padding-top:0.5rem;
  }
  .application .application-title h1 {
    font-size: 0.5rem; line-height:1rem;
    color: #363636;
  }
   .application .application-title h1 span{
    color: #1d66cf
  }

   .application .application-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 5px auto;
  }
  

  .application .application-title h3 {
    font-size: 0.3rem;
    line-height: 0.44rem;
    font-weight: normal;
    margin: 0 0.2rem;
    color: #A1ADB5;
  }
  .application .application-content {
    margin-top:0.3rem;
    position: relative;
  }
  .application .application-content ul {
/*    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    position: relative;*/
  }
  .application .application-content ul li { float:left; width:30%; margin:0 0.1rem 0.4rem;
  }
  .application .application-content ul li img {
    display: block; max-width:100%;
    margin: 0 auto;
  }
  
  
  
  
  .cooperate {
    text-align: center; padding-top:0.2rem ;
    display: block;
  }
  .cooperate .cooperate-title h1 {
    font-size: 0.5rem; line-height:1rem;color: #363636;
  }
   .cooperate .cooperate-title h1 span {
    font-size: 0.5rem; line-height:1rem;color: #1d66cf;
  }
  .cooperate .cooperate-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 5px auto;
  }
  .cooperate .cooperate-title h3 {
    font-size: 0.3rem;
    line-height: 0.44rem;
    font-weight: normal;
    color: #A1ADB5;
    margin: 0 0.2rem;
  }
  .cooperate .cooperate-content {
    margin-top:0.6rem;
  }
  .cooperate-s-content{ height:2.7rem; display:block; overflow:hidden}
  .cooperate .cooperate-s-content div {
    padding: 0;
    margin: 0 ; 
  }
  .cooperate .cooperate-s-content div div {
   float:left; width:46%; margin:0.1rem
  }
  .cooperate .cooperate-s-content img {
    display: block;
    margin: 0 auto;border:1px solid #e4e4e4; max-width:100%; 
  }
  .cooperate .cooperate-content {
    display: none;
  }

  
  
  
 
  .honer {
    text-align: center; padding-top:0.5rem ;
    display: block;
  }
  .honer .honer-title h1 {
    font-size: 0.5rem; line-height:1rem;color: #363636
  }
   .honer .honer-title h1 span {
    font-size: 0.5rem; line-height:1rem;color: #1d66cf;
  }
  .honer .honer-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 5px auto;
  }
  .honer .honer-title h3 {
    font-size: 0.3rem;
    line-height: 0.44rem;
    font-weight: normal;
    color: #A1ADB5;
    margin: 0 0.2rem;
  }
  .honer .honer-content {
    margin-top:0.6rem;
  }
  .honer .honer-s-content{ /*margin-top:0.3rem;*/ height:5.20rem; display:block; overflow:hidden}
  .honer .honer-s-content div {
    padding: 0;
    margin: 0 ;
  }
  .honer .honer-s-content div div {
   float:left; width:48%; display:block; text-align:center; margin:0.05rem; padding:1px; border:1px solid #cfcfcf;
  }
  .honer .honer-s-content img {height:2.42rem;
  }
  
  .honer .honer-content {
    display: none;
  }
   
  .adv {
    background: url(../images/adv.jpg) no-repeat center top;
    background-size: cover;
    padding: 0.5rem 0;
    text-align: center;
  }
  .adv .adv-title h1 {
    font-size: 0.5rem;
    color: #fff;
    font-weight: normal;
  }
  .adv .adv-title span {
    display: block;
    margin: 0.3rem auto;
    width: 100%;
    height: 22px;
    color: #fff;
    line-height: 22px;
    background: url(../images/adv-more.png) no-repeat center top;
  }
  .adv .adv-title span a{
    color: #fff;
    line-height: 22px;
  }

  .adv .adv-title h3 {
    font-size: 0.28rem;
    color: #95A2AA;
    margin: 0 0.2rem;
    line-height: 0.4rem; font-weight:500
  }
  .adv2 {
    background: #E9E9EB;
    padding: 0.6rem 0 0.8rem; margin-top:0.6rem;
  }
  .adv2 .adv2-title {
    text-align: center;
    margin-bottom:0.3rem;
  }
  .adv2 .adv2-title h1 {
    font-size: 0.5rem; line-height:1rem;
    color: #363636;
  }
  .adv2 .adv2-title h1 span {
    font-size: 0.5rem; line-height:1rem;
    color: #1d66cf;
  }
  .adv2 .adv2-title h3 {
    font-size: 0.3rem; line-height:0.44rem;
    color: #a1adb5; margin:0 0.2rem;font-weight: normal;
  }
  .adv2 .adv2-title img {
   display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 5px auto;
  }
  .adv2 .adv2-content {
    margin: 0; margin-top:0.3rem;
  }
  .adv2 .adv2-content .adv2-left img {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .adv2 .adv2-content .adv2-right {
    padding: 0;
  }
  .adv2 .adv2-content .adv2-right dl {
    padding:0.25rem;
    background: #fff;
    margin-top:0.5rem; border:1px solid #cfcfcf;
  }
  .adv2 .adv2-content .adv2-right dl dt {
    float: left; 
  }
  .adv2 .adv2-content .adv2-right dl dd {
    float: right;
    width: 67%;
    text-align: left;
  }
  .adv2 .adv2-content .adv2-right dl dd.title {
    font-size: 0.35rem; line-height:0.5rem;
    color: #333;
  }
  .adv2 .adv2-content .adv2-right dl dd.text {
    font-size: 0.25rem;
    color: #28262B;
    line-height: 0.4rem;
  }
  .prod {
    background: #00ADF1;
    padding: 0.4rem  0;
  }
  .prod ul li {
    float: left;
    text-align: center;
  }
  .prod ul li img {
    display: block;
    margin: 0 auto;
  }
  .prod ul li p {
    margin-top: 15px;
    color: #fff;
    font-size: 0.35rem;
  }
  
  
  
.newsframe{ width:100%; height:auto; margin:0 auto; padding-top:0.6rem}
.newsframe .title{display:block; text-align:center;}
.newsframe .title p{font-size: 0.5rem; line-height:1rem;color: #363636; font-weight:bold}
.newsframe .title span{ font-size: 0.5rem; line-height:1rem;color: #1d66cf; font-weight:bold}
.newsframe .title em{font-style:normal;font-size: 0.3rem;line-height: 0.44rem;font-weight: normal;color: #A1ADB5;margin: 0 auto;}
.newsframe .title img{display: inline-block; text-align:center; max-width:100%; height:5px;margin: 5px auto;}
.newsframe .content{margin-top:0.6rem;}

.leftnews{ width:85%; height:auto; margin:0 auto;background:#1d66cf}
.leftnews img{ width:100%; height:3.8rem}
.leftnews .txt{padding:0 0.3rem 0.3rem}
.leftnews .txt p{ background:url(../images/dec.jpg) no-repeat left bottom; height:1rem; line-height:1rem; font-size:0.32rem; color:#fff}
.leftnews .txt p a{line-height:1rem; font-size:0.32rem; color:#fff}
.leftnews .txt span{ margin-top:0.1rem;font-size:0.25rem; line-height:0.5rem; color:#fff; height:1rem; display:block; overflow:hidden}

.centernews{ display:block;width:85%; height:auto; margin:0 auto; margin-top:0.5rem}

.framebb{ width:100%; height:1.2rem; display:block;border-bottom:1px solid #cfcfcf; margin-top:0.25rem} 
.framebb ul li.numa{ float:left; width:20%; height:1rem; display:block; text-align:center; border-right:1px solid #cfcfcf; line-height:1rem; font-size:0.65rem; color:#9b9b9b; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.framebb ul li.txta{ float:right; width:74%; height:1rem; }
.framebb ul li.txta p{height:0.5rem; line-height:0.5rem; font-size:0.32rem; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.framebb ul li.txta p a{line-height:0.5rem; font-size:0.32rem; color:#333;}
.framebb ul li.txta span{height:1rem;line-height:0.5rem; font-size:0.2rem; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif}

.framebb:hover ul li.numa{ float:left; width:20%; height:1rem; display:block; text-align:center; border-right:1px solid #cfcfcf; line-height:1rem; font-size:0.65rem; color:#1d66cf; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.framebb:hover ul li.txta p a{line-height:0.5rem; font-size:0.38rem; color:#1d66cf;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}

.rightnews{width:85%; height:auto; margin:0 auto; margin-top:0.5rem}
.rightnews .head{ height:1rem; background: url(../images/pencile.png) 0.5rem center no-repeat #1d66cf}
.rightnews .head p{ float:left; text-indent:1.5rem; line-height:1rem; font-size:0.4rem; color:#fff; font-weight:bold}
.rightnews .head a{ float:right; margin-right:0.25rem}
.rightnews .contenta{min-height:1rem; border:1px solid #cfcfcf; border-top:none; border-bottom:none}
.rightnews .contenta ul li{ background:url(../images/icon.png) 0.25rem center no-repeat; text-indent:0.65rem; height:1rem; border-bottom:1px solid #cfcfcf}
.rightnews .contenta ul li a{width:7rem; height:1rem; line-height:1rem; font-size:0.3rem; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.rightnews .contenta ul li a:hover{ background:url(../images/icon.png) 1rem center no-repeat #f5f5f5;border-bottom:1px solid #cfcfcf}

  .news .news-content .news-right .news-list li {
    padding: 0.3rem 0.2rem 0.3rem 0.7rem;
    background: url(../images/news-arr3.png) no-repeat 0.4rem center;
    border-bottom: 1px solid #2CC0FB;
    font-size: 0.3rem;
    color:#fff;    
  }
  .news .news-content .news-right .news-list li a {
    color: #fff;
  }
  .contacts {
    padding: 0.6rem 0;
    background: #E9E9EB;
  }
  .contacts .contacts-title {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .contacts .contacts-title h1 {
    font-size: 0.5rem;
    color: #363636;
  }
  .contacts .contacts-title h1 span {
    font-size: 0.5rem;
    color: #1d66cf;
  }
/*  .contacts .contacts-title > a {
    display: block;
    margin: 10px auto;
  }
*/  .contacts .contacts-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 5px auto;
  }
  .contacts .contacts-title h3 {
    font-size: 0.3rem;
    line-height: 0.44rem;
    font-weight: normal;
    color: #A1ADB5;
    margin: 0 0.2rem;
  }
  .contacts .contacts-content ul li {
    float: left;
    text-align: center;
    margin-bottom: 0.3rem;
  }
  .contacts .contacts-content ul li img {
    display: inline-block; max-width:60%;
  }
  .contacts .contacts-content ul li h1 {
    font-size: 0.33rem;
    color: #000;
    font-weight: normal;
    margin: 15px 0 5px 0;
  }
  .contacts .contacts-content ul li p {
    font-size: 0.3rem;
    color: #8B8B8C;
    line-height: 0.45rem;
  }
    .contacts .contacts-content ul li p a{
    font-size: 0.3rem;
    color: #8B8B8C;
    line-height: 0.45rem;
  }
  .footer {
    background: #014385;
    padding: 0.2rem 0 0;
  }
  .footer .footer-left {
    width: 100%;
    margin-bottom: 0.2rem;
    padding: 0;
  }
  .footer .footer-left .footer-nav {
    width: 100%;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #285C97;
    margin: 0;
    margin-bottom: 0.2rem;
  }
  .footer .footer-left .footer-nav li {
    float: left;
    text-align: center;
    font-size: 0.32rem;
    margin-bottom: 0.2rem;
  }
  .footer .footer-left .footer-nav li a {
    color: #fff;
  }
  .footer .footer-left .footer-prod {
    padding: 0 0 0.3rem 0.4rem;
    border-bottom: 1px solid #285C97;
  }
  .footer .footer-left .footer-prod p {
    font-size: 0.32rem;
    color: #fff;
    margin-bottom: 0.2rem;
  }
  .footer .footer-left .footer-prod ul li {
    float: left;
    margin-right: 10px;
    font-size: 0.3rem;
  }
  .footer .footer-left .footer-prod ul li a {
    color: #fff;
  }
  .footer .footer-left .footer-last {
    display: none;
    color: #fff;
    padding-left: 50px;
  }
  .footer .footer-left .footer-last a {
    color: #fff;
  }
  .footer .footer-right {
    width: 100% ;
    padding-left: 0.4rem;
    border-bottom: 1px solid #285C97;
  }
  .footer .footer-right li {
    margin-bottom: 10px;
  }
  .footer .footer-right li img {
    display: inline-block;
  }
  .footer .footer-right li span {
    margin-left: 10px;
    font-size: 0.3rem;
    color: #fff;
  }
    .footer .footer-right li span a{
    font-size: 0.3rem;
    color: #fff;
  }
  .footer .phone-last {
    display: block;
    color: #80a1c2;
/*    padding-left: 0.4rem;*/
    margin-top: 0.3rem; padding-bottom:0.3rem;
    text-align: center;
    font-size: 0.28rem; line-height:0.5rem;
  }
  .footer .phone-last a {
    color: #80a1c2;
  }
  /*position*/
  .position_wrap {
    border-bottom: 1px solid #ccc;
    margin: 0 auto; margin-bottom:0.25rem;
  }
  .position {
    height: 40px;
    line-height: 40px;
    margin-left: 0.3rem;
  }
  .position .span01 {
    display: block;
    padding-left: 20px;
    background: url(../images/span01.png) no-repeat left center;
  }
  .position .span01 dd{
    display: none;
  }
  #firstpane{
    width: 285px;
  }
  /*ny_left menu_list*/
  .ny_left {
    width: 285px;
  }
  .menu_list .list_title {
    border-bottom: 1px solid #d1d1d1;
    height: 80px;
    font-size: 16px;
    line-height: 18px;
    color: #FFF;
    padding: 20px 0;
  }
  .menu_list .list_title span {
    display: block;
    text-indent: 2em;
    font-size: 18px;
  }
  .menu_list .list_title .sp01 {
    color: #d1d1d1;
    font-weight: 100;
  }
  .menu_list .m_1 {
    border: 1px solid #d1d1d1;
    border-top: none;
    border-bottom: none;
  }
  .menu_list .m_1 > li {
    line-height: 48px;
    font-size: 14px;
    background: #f8f8f8 ;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    border-top: 2px solid #fff;
    position: relative;
  }
  .menu_list .m_1 > li > a {
    border-left: 6px solid #f1f1f1;
    height: 48px;
    color: #525252;
    font-weight: bold;
    padding-left: 32px;
    display: block;
  }
  .menu_list .m_1 > li > a.active,
  .menu_list .m_1 > li:hover > a {
    border-left: 6px solid #00ADF1;
    color: #00ADF1;
  }
  .menu_list .m_1 > li .menu_btn {
    position: absolute;
    width: 50px;
    height: 48px;
    background: url(../images/ny_left_ico.png) no-repeat center;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .menu_list .m_1 > li .menu_btn_active {
    background: url(../images/ny_left_ico_active.png) no-repeat center;
  }
  .menu_list .m_1 > li .menu_btn:hover {
    background-color: #f9f9f9;
  }
  .menu_list .m_2 {
    display: none;
  }
  .menu_list .m_2 > li {
    line-height: 36px;
    background: #fff;
    border-bottom: 1px dashed #ccc;
  }
  .menu_list .m_2 > li:last-child {
    border-bottom: none;
  }
  .menu_list .m_2 > li:first-child {
    border-top: 1px solid #ccc;
  }
  .menu_list .m_2 > li a {
    display: block;
    padding-left: 38px;
    font-size: 12px;
  }
  .menu_list .m_2 > li a.active,
  .menu_list .m_2 > li a:hover {
    color: #00ADF1;
  }
  /*ny_left slider_contact*/
  .slider_contact {
    width: 100%;
    color: #333333;
    margin-top: 20px;
  }
  .slider_contact .list_title {
    font-size: 18px;
    line-height: 50px;
    color: #FFF;
    text-indent: 2em;
  }
  .slider_contact .list_title strong {
    font-weight: normal;
    color: #d1d1d1;
    font-size: 14px;
    padding-left: 5px;
  }
  .slider_contact .contact {
    padding: 90px 20px 20px;
    border: 1px solid #d1d1d1;
    line-height: 26px;
    position: relative;
    background: #f8f8f8 url(../images/contactbg.jpg) no-repeat 20px 20px;
  }
  .slider_contact .contact .telsp {
    position: absolute;
    top: 12px;
    left: 73px;
    height: 48px;
    color: #5b5b5b;
    line-height: 24px;
    font-size: 16px;
  }
  .slider_contact .contact .telsp em {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    display: block;
  }
  /*right top_share*/
  .ny_right {

  }
  .ny_right .top_share {
    width: 100%;
    line-height: 36px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding-bottom: 10px;
  }
  .ny_right .top_share dt {
    width: 300px;
  }
  .ny_right .top_share dt a {
    padding: 0 5px;
  }
  .ny_right .top_share dd {
    /*width: 242px;*/
  }
  .ny_right .top_share .bdshare {
    display: inline-block;
  }
  /*prodouct_list*/
  .pord_list {
    overflow: hidden;
  }
  .pord_list li {
    float: left; width:50%; height:auto; display:block; text-align:center; 
    position: relative;
    margin-bottom:0.21rem;
  }
  .pord_list li img {
    /*width: 100%;*/
    height: 2.3rem; max-width:100%;
    border: 1px solid #ccc;
  }
  .pord_list li span {
    display: block;
    line-height:0.6rem;
    height:0.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .pord_list li .pro_cover {
    display: none;
    height: 3rem;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 9999;
    /*background: url(../images/probgh.png) no-repeat center top;*/
  }
  .pord_list li:hover .pro_cover {
    display: block;
    font-size: 0;
  }
  
  
  /*prodouct_list*/
  .pord_lista {
    overflow: hidden;
  }
  .pord_lista li {
    float: left; width:48%; height:auto; display:block; text-align:center;
    position: relative;
    margin-bottom:0.21rem; padding:2px; border:1px solid #cfcfcf; margin:0.05rem
  }
  .pord_lista li img {
   /* width: 100%;*/
    height: 2.0rem;max-width:100%;
  }
  .pord_lista li span {
    display: block;
    line-height:0.7rem;
    height: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .pord_lista li .pro_cover {
    display: none;
    height:3rem;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 9999;
    /*background: url(../images/probgh.png) center top repeat;*/
  }
  .pord_lista li:hover .pro_cover {
    display: block;
    font-size: 0;
  }
  
  
  
  /*prodouct_listA*/
  .proA {
    border: 1px solid #d1d1d1;
    padding: 10px 5px 10px;
    overflow: hidden;
    margin-top: 10px;
  }
  .proA .top {
    border: 1px solid #cccccc;
    line-height: 34px;
    height: 34px;
    width: 97%;
    margin: 0 auto;
    font-size: 16px;
    position: relative;
    background: url(../images/topbg.jpg) repeat-x scroll 0 0;
  }
  .proA .top span {
    background: url(../images/topico.png) no-repeat 10px center #00ADF1;
    padding: 0 10px;
    text-indent: 30px;
    display: block;
    color: #FFF;
    height: 34px;
    float: left ;
    line-height: 34px;
  }
  .proA .top .more {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px;
  }
  .proAul li {
    width: 276px;
    float: left;
    margin: 10px;
    text-align: center;
    line-height: 25px;
  }
  .proAul li a img {
    width: 253px;
    height: 180px;
    margin: 0 auto;
    border: 1px solid #d1d1d1;
    padding: 5px;
  }
  .proAul li a span {
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    overflow: hidden;
  }
  /*prodouct_listB*/
  .proB {
    border: 1px solid #d1d1d1;
    padding: 10px 5px 10px;
    overflow: hidden;
    margin-top: 10px;
  }
  .proB ul li {
    border-bottom: 1px dashed #cccccc;
    margin: 10px 10px;
    min-height: 205px;
  }
  .proB ul li a {
    display: block;
    float: left;
  }
  .proB ul li a img {
    width: 300px;
    height: 178px;
    padding: 5px;
    border: 1px solid #CCC;
  }
  .proB ul li span {
    float: left;
    display: block;
    width: 534px;
    color: #FFF;
    font-size: 14px;
    margin-left: 20px;
  }
  .proB ul li span.title {
    border: 1px solid #cccccc;
    line-height: 34px;
    height: 34px;
    font-size: 16px;
    position: relative;
    background: url(../images/topbg.jpg) repeat-x scroll 0 0;
  }
  .proB ul li span.title i {
    background: url(../images/ibg.jpg) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    width: 174px;
    line-height: 34px;
    display: block;
    font-style: normal;
  }
  .proB ul li span.text {
    padding: 20px 0;
    line-height: 25px;
    color: #494949;
    height: 75px;
    overflow: hidden;
  }
  .proB ul li a.more {
    display: block;
    margin-left: 20px;
    line-height: 30px;
    border: 1px solid #00ADF1;
    border-radius: 10px;
    padding: 0 10px;
  }
  /*list page*/
  .page {
    width: 100%;
    margin: 10px auto;
    line-height: 30px;
    text-align: center;
    font-size: 0.28rem;
  }
  .page span {
    display: none;
    padding: 0 10px 0 0;
  }
  .page a.num.select {
    padding: 3px 10px;
    color: #fff;
    background: #00ADF1;
  }
  .page a.num {
    background: #fff;
    padding: 0 10px;
  }
  .page a.num:hover {
    padding: 3px 10px;
    color: #fff;
    background: #00ADF1;
  }
  /*recommended*/
  .recommended {
    overflow: hidden;
    background: #fafafa;
    padding: 20px;
    border: 1px solid #d1d1d1;
  }
  .recommended h4 {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
  }
  .recommended ul li {
    width: 50%;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
  }
  .recommended ul li span {
    width: 86px;
    color: #a8a8a8;
    display: block;
    float: left;
  }
  .recommended ul li a {
    width: 70%;
    padding: 0 0 0 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /*related product*/
  .related {
    position: relative;
    margin: 20px auto;
    background: #fafafa;
    padding: 15px;
    border: 1px solid #d1d1d1;
    overflow: hidden;
  }
  .related h4 {
    font-size: 24px;
    font-weight: normal;
    padding: 10px 0 20px 12px;
  }
  .related .hd2 {
    overflow: hidden;
    height: 30px;
    text-align: center;
  }
  .related .hd2 ul {
    overflow: hidden;
    margin-top: 5px;
    zoom: 1;
  }
  .related .hd2 ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8px;
    height: 8px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../images/prd_off.jpg) no-repeat;
  }
  .related .hd2 ul li.on {
    background-position: 0 0;
    background: url(../images/prd_on.jpg);
  }
  .related .bd2 ul {
    overflow: hidden;
    zoom: 1;
  }
  .related .bd2 ul .prdtitle {
    width: 203px !important;
    height: 210px;
    display: inline;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 6px;
    float: left;
  }
  .related .bd2 ul .prdtitle-large {
    margin: 0 8px;
  }
  .related .bd2 ul .prdtitle img {
    width: 201px;
    height: 200px;
    border: 1px solid #ccc;
  }
  .related .bd2 ul .prdtitle span {
    display: block;
    line-height: 30px;
  }
  /*show_page*/
  .show_page {
    margin: 20px auto;
    overflow: hidden;
    text-align: center;
  }
  .show_page li {
    width: 50%;
    float: left;
  }
  /*prodouct_showA*/
  .product_showA h1 {
    font-size:0.38rem;
    line-height:0.5rem;
    margin: 0.2rem auto;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  .prodA_content {
    margin: 0 auto 1rem;
    text-align: center;
  }
  .prodA_content img {
    margin: 0 auto; max-width:80%
  }
  .prodA_content .showA {
    width: 100%;
    margin:1rem auto;
  }
  .prodA_content .showA p{
    margin: 0 0.5rem;
  }
  .case_info {
    font-weight: normal;
    font-size: 1rem;
  }
  .case_info span {
    padding: 0 10px;
  }
  
    .news_page .pagepre {
    background: #f5f5f5 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext {
    text-align: right;
    padding-right: 30px;
    background: #f5f5f5 url(../images/pagenext.png) no-repeat 98% center;
  }
  .news_page .pagepre:hover {
    background: #d8d8d8 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext:hover {
    background: #d8d8d8 url(../images/pagenext.png) no-repeat 98% center;
  }
  /*prodouct_showB*/
  .product_showB .showB h1 {
    font-size: 18px;
    line-height: 40px;
    text-align: left;
  }
  .product_showB .showB p {
    line-height: 26px;
  }
  .prodB_content {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 20px;
  }
  .prodB_content h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
  }
  .prodB_content .text_showB p {
    text-indent: 2em;
  }
  .top {
    height: 34px;
    line-height: 34px;
    margin-bottom: 0;
    color: #04891d;
    background: url(../images/topbg.jpg) repeat-x;
  }
  .showB_intro {
    padding: 15px 15px 0 0;
    margin-bottom: 20px;
    position: relative;
  }
  .showB_intro .showB_left {
    float: left;
  }
  .showB_intro .showB_right {
    width: 490px;
    padding: 0 10px 10px 20px;
    float: left;
  }
  .showB_intro .showB_right .showB_title {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
  }
  .showB_intro .showB_right .showB_text {
    line-height: 25px;
  }
  .showB_intro .showB_right .rex {
    font-size: 16px;
  }
  .showB_intro .showB_right .rex span {
    font-size: 22px;
    color: #03F;
  }
  /*jqzoom*/
  .jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
  }
  .jqzoom img {
    width: 363px;
    height: 280px;
    margin: 0 auto;
    vertical-align: middle;
  }
  .zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 350px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
  }
  .jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
  }
  /*图片小图预览列表*/
  .showB_preview {
    width: 360px;
    height: 270px;
    border: 1px solid #DFDFDF;
    display: table;
  }
  .showB_scroll {
    clear: both;
    margin-top: 5px;
    width: 507px;
    position: absolute;
    bottom: 0px;
    right: 10px;
  }
  .showB_scroll .prev {
    float: left;
    margin-right: 4px;
  }
  .showB_scroll .next {
    float: right;
  }
  .showB_scroll .prev,
  .showB_scroll .next {
    display: block;
    font-family: "宋体";
    text-align: center;
    width: 12px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #CCC;
    margin-top: 14px;
    background: #EBEBEB;
    cursor: pointer;
    text-decoration: none;
  }
  .showB_scroll .items {
    float: left;
    position: relative;
    width: 470px;
    height: 71px;
    overflow: hidden;
  }
  .showB_scroll .items ul {
    position: absolute;
    width: 999999px;
  }
  .showB_scroll .items ul li {
    float: left;
    width: 118px;
    text-align: center;
  }
  .showB_scroll .items ul li img {
    border: 1px solid #CCC;
    padding: 2px;
    width: 105px;
    height: 65px;
  }
  .showB_scroll .items ul li img:hover {
    border: 2px solid #00ADF1;
    padding: 1px;
  }
  /*news_list*/
  .news_list dl {
    width: 100%;
    padding-top: 0.3rem;
    overflow: hidden;
  }
/*  .news_list dl dt {
    width: 225px;
    height: 165px;
    float: left;
  }
  .news_list dl dt img {
    width: 220px;
    height: 160px;
    border: 1px solid #ccc;
    display: block;
  }
*/  .news_list dl dd {
    width: 100%;
    height:auto;
  }
  .news_list dl dd h2 { padding-bottom:0.1rem; border-bottom:1px dotted #cfcfcf; margin-bottom:0.1rem;font-weight: normal; 
  }
  .news_list dl dd h2 a { width:70%; height:0.45rem; line-height:0.45rem; font-size:0.32rem;font-weight: normal; 
  }
  .news_list dl dd span {
    color: #888; font-size:0.22rem; line-height:0.45rem; float:right;
  }
  .news_list dl dd p{ height:0.85rem; display:block; overflow:hidden;color:#888; font-size:0.28rem; line-height:0.42rem;}
  /*news_show*/
  .news_content h1 {
    font-size: 0.38rem;
    line-height:1rem;
    text-align: center;
    border-bottom: 1px solid #cfcfcf;
  }
  .news_content .toptime {
    display: block;
    margin: 0 auto;
    text-align: center; font-size:0.28rem; color:#888; line-height:0.5rem;
  }
  .news_content .news_show { font-size:0.28rem; line-height:0.38rem;
    width: 100%;
    margin: 0.25rem 0;
  }
   .news_content .news_show p {margin-bottom:0.25rem; font-size:0.28rem; line-height:0.38rem;
  }
  .news_page {
    margin:0.5rem auto;
    overflow: hidden;
  }
  .news_page li {
    width: 50%;
    float: left;
    padding: 0 10px 0 30px;
    background: #f5f5f5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news_page .pagepre {
    background: #f5f5f5 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext {
    text-align: right;
    padding-right: 30px;
    background: #f5f5f5 url(../images/pagenext.png) no-repeat 98% center;
  }
  .news_page .pagepre:hover {
    background: #d8d8d8 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext:hover {
    background: #d8d8d8 url(../images/pagenext.png) no-repeat 98% center;
  }
  /*page_show*/
  .list_page {
    font-size: 16px;
  }
  .page_show {
    padding-top: 10px;
  }
  .page_show img { max-width:90%
  }
  .page_show p { margin-bottom:10px
    /*text-indent: 2em;*/
  }
  /*guestbook*/
  .guestbook_show {
    margin: 20px auto 0;
  }
  .guestbook_top {
    height: 40px;
    background: #eee;
    line-height: 40px;
    padding: 0 10px 0 17px;
  }
  .guestbook_top .mustwrt {
    display: block;
    float: right;
  }
  .guestbook_show em {
    color: #f00;
    font-style: normal;
  }
  .guestbook_form .inp_one {
    width: 180px;
    height: 25px;
    outline: none;
    border: 1px solid #ccc;
    padding-left: 4px;
  }
  .guestbook_form .inp_one:focus {
    border: 1px solid #00ADF1;
  }
  .guestbook_form {
    padding: 20px 20px 0;
  }
  .guestbook_form dl {
    width: 100%;
    overflow: hidden;
    line-height: 20px;
    height: 45px;
    padding: 10px 0;
  }
  .guestbook_form dt {
    width: 80px;
    float: left;
  }
  .guestbook_form dd {
    width: 510px;
    float: left;
  }
  .guestbook_form dd span {
    padding-left: 20px;
  }
  .guestbook_form dd span i {
    color: #F00;
    padding: 0 5px;
  }
  .guestbook_form dd span.quetion {
    display: block;
  }
  .guestbook_form .bookdl {
    height: 180px;
    overflow: hidden;
    line-height: 20px;
    padding-bottom: 0;
  }
  .guestbook_form .button {
    width: 150px;
    height: 32px;
    background: #b8b8b8;
    border: none;
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
  }
  .guestbook_form .button:hover {
    background: #f1f1f1;
    color: #555;
  }
  .guestbook_form .form_b {
    width: 693px;
    margin: 0 auto;
    padding: 20px 0 0 0;
  }
  .guestbook_title {
    padding: 20px 20px 0;
    color: #2a6cd4;
  }
  .guestbook_title strong {
    color: #f00;
  }
  .guestbook_title b {
    padding: 0 10px;
    font-weight: normal;
  }
  .guestbook_cnt {
    padding: 5px 20px 20px;
    border-bottom: 1px dashed #ccc;
  }
  .guestbook_reply {
    color: #f00;
    background: #f6f6f6;
    line-height: 40px;
  }
  .bookpage {
    line-height: 40px;
    text-align: right;
  }
  .search_x {
    border: 1px solid #d1d1d1;
    margin-bottom: 20px;
  }
  .search_x .top {
    padding: 0 20px;
  }
  .search_x .xbox {
    padding: 0 20px;
  }
  .search_x .guestbook_top {
    text-indent: 25px;
  }
  .current2 {
    width: 17px;
    height: 17px;
    background: #3ab250;
    border: 2px solid #FFF;
    color: #FFF;
  }
  .num {
    width: 17px;
    height: 17px;
    background: #aaaaaa;
    border: 2px solid #FFF;
    color: #FFF;
  }
  /*download_list*/
  .download_list dl {
    width: 33.3%;
    float: left;
    margin-top: 20px;
  }
  .download_list dl dt {
    text-align: center;
  }
  .download_list dl dt img {
    width: 80%;
    height: 240px;
    margin: 0 auto;
  }
  .download_list dl dd {
    text-align: center;
  }
  .download_list dl dd h2 {
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  /*search*/
  .search_title {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    font-weight: bold;
    padding: 0 10px;
  }
  .search_info {
    float: left;
    font-size: 16px;
    line-height: 30px;
  }
  .search_list {
    font-size: 14px;
    color: #333;
  }
  .search_list li {
    line-height: 40px;
    border-bottom: 1px dashed #ccc;
    padding: 0 10px;
  }
  .search_list li:last-child {
    border-bottom: none;
  }
  .search_list li span {
    float: right;
  }
  .search_cnt {
    overflow: hidden;
    margin: 10px 0;
  }
  .search_cnt form {
    display: block;
    position: relative;
    overflow: hidden;
    float: right;
  }
  .search_cnt input.txt {
    width: 120px;
    height: 28px;
    line-height: 28px;
    color: #a1a1a1;
    padding: 0 30px 0 5px;
    border: 1px solid #ccc;
    background: none;
  }
  .search_cnt input.btn {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 9999;
    background: url(../images/search.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
  }
  .content {
    margin-bottom: 30px;
  }
.mainframea{ width:100%; height:auto; margin:0 auto; background:url(../images/lineaa.jpg) 31.3% top repeat-y}
.blocka{ width:100%; height:auto; margin:0 auto;}
.blocka .time{ display:block; float:left; width:33%; height:1rem; background:url(../images/case.png) 0 0 no-repeat;background-size:100%}
.blocka .time p{ color:#fff; font-size:0.35rem; line-height:0.2rem; font-weight:bold; margin-left:0.35rem; margin-top:0.23rem; margin-bottom:0 !important}
.blocka .righttxt{ display:block; float:right; width:60%; height:auto; margin-bottom:0.2rem; padding-bottom:0.2rem; border-bottom:1px dotted #dfdfdf}
.blocka .righttxt .leftpic{display:block; width:50%; margin-bottom:0.1rem;}
.blocka .righttxt .leftpic img{border:1px solid #cfcfcf; max-width:100%}
.blocka .righttxt .rigthtxta{ line-height:0.4rem; font-size:0.3rem; color:#555; width:100%; height:auto}
.blocka .righttxt .rigthtxta p{ font-size:0.3rem; color:#222; line-height:0.4rem; }
}
@media screen and (max-width: 768px) and (min-width: 500px) {
	 .header { display:none
  }
/*  .header {
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 0;
  }*/
  .header .search-box {
    display: none;
  }
  .banner .flexslider {
    display: none;
  }
  .banner .swiper-container {
    display: block;
  }
  .banner .swiper-container img {
    width: 100%;
  }
  .banner .swiper-container .swiper-slide ul {
    position: absolute;
    top:21%;
    left: 0;
    width: 100%; display:block; text-align:center;
    z-index: 200;
  }
  .banner .swiper-container .swiper-slide ul h1 {
    font-size: 0.38rem;
    color: #fff;
  }
  .banner .swiper-container .swiper-slide ul h1 span {
    font-size: 0.42rem; font-weight:bold
  }
  .banner .swiper-container .swiper-slide ul h1 span span {
    color: #0894CB; font-weight: bold
  }
  .banner .swiper-container .swiper-slide ul h2 { text-align:center;
    font-size: 0.35rem;
    color: #C4C7AF;
    margin-top: 0.18rem;
  }
  .banner .swiper-container .swiper-slide ul > li {
    float: left;
    width: 20%;
    height: 0.5rem;
    font-size:0.25rem;
    text-align: center;
    line-height:0.5rem;
    margin: 0.38rem 0.1rem;
  }
  .banner .swiper-container .swiper-slide ul > li a {
    color: #fff;
  }
  .banner .swiper-container .swiper-slide ul > li.cases {
    border: 1px solid #fff;
    margin-left: 29%;
  }
  .banner .swiper-container .swiper-slide ul > li.indexs {
    /*background: #00ADF1;*/border: 1px solid #fff;
  }
  .phone-nav {
    margin-top: 0.15rem;
  }
  .navs {
    background: #014385;
    position: relative;
    padding:0.1rem; height:0.83rem
  }
  .navs .logo{}
  .navs .logo img{ max-width:70%; margin-top:0.05rem;} 
  
  .navs .phone-nav {
    float: right;
    cursor: pointer;
  }
  .navs .nav_list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width:28%;
    z-index: 100;
  }
  .navs .nav_list li {
    text-align: center;
    font-size:0.25rem;
    line-height: 0.58rem;
    background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #fff;
  }
  .navs .nav_list li:hover {
    background: #00ADF1;
  }
  .navs .nav_list li a {
    display: inline-block;
    width: 100%;
    color: #fff;
  }
  
.change{}

.ss1{ position:absolute; left:75%; top:0.32rem; width:0.36rem; height:0.5rem; display:block;z-index:10000000;}
.ss1 img{ max-width:80%}
.ss1 div{ width:2.5rem; height:0.38rem; position:absolute; top:0.57rem; left:-1rem; display:none; z-index:10000000;}
.ss1:hover div{ display:block;z-index:10000000;}

.search-box {
    position: relative;z-index:10000000;
  }
.ss1:hover div .txt{
    width:2.6rem;
    height:0.38rem;
    border-radius: 0.4rem;
    background: #f5f5f5; 
	border:1px solid #a9a9a9;
    line-height: 0.38rem;
    font-size:0.18rem;
    color: #9A9A9A;
    border: none;
    outline: none;
    text-indent: 0.2rem;
  }
.ss1:hover div  #submit {
    width: 0.3rem;
    height: 0.28rem;
    background: url(../images/search1.png) no-repeat center center;
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 0.05rem;
    border: none;
    outline: none;
  }
.changea{font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; position:absolute; left:82%; top:0.1rem;}
.changea a{font-size:0.3rem; color:#fff; line-height:0.75rem; color:#fff}
  
  .product {
    text-align: center;
    padding-top: 0.3rem;
  }
  .product .prod-title h1 {
    font-size: 0.3rem; line-height:0.5rem;
    color: #363636;
  }
   .product .prod-title h1 span {
    font-size: 0.3rem;
    color: #1d66cf;
  }
  .product .prod-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin:0.2rem auto;
  }
  .product .prod-title h3 {
    font-size: 0.2rem;
    line-height: 0.25rem;
    font-weight: normal;
    color: #A1ADB5;
    margin: 0 1rem;
  }
  .product .prod-content {
    margin-top:0.4rem;
  }
  
  .col-xs-a{ width:33%; float:left; display:block; text-align:center}
  
  .product .prod-content li {
    margin-bottom:0.5rem;
  }
  .product .prod-content img {
    display: block;
    margin: 0 auto;transition: all 0.3s linear 0s;
  }
  .product .prod-content:hover img {
    transform: scale(1.2);
  }
  
  .product .prod-content h2 {
    font-size: 0.21rem;
    margin: 10px 0 10px 0;
    color: #444;
  }
  .product .prod-content p {
    margin: 0 1rem;
    line-height: 0.5rem;
    color: #7D7D7D;
  }
	.ells {
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

  .about {
    margin-top:0; padding-top:0.3rem;
  }
  .about div.about-text .about-title {
    text-align: left;
    padding: 0; padding-top:0.1rem;
  }
  .about div.about-text .about-title h1 {
    font-size: 0.3rem; line-height:0.5rem;
    color: #363636;
  }
  .about div.about-text .about-title h1 span {
    color:#1d66cf; 
  }
  .about div.about-text .about-title h1 em{
   font-style:normal; font-size:0.2rem; color:#9aa7af; margin-left:10px; font-weight:300
  }
  .about div.about-text p {
    font-size: 0.18rem;
    color: #3E3E3E;
    line-height: 0.29rem;
    margin-top: 0;
  }
  .about .about-text a{ color:#1d66cf; font-size:0.18rem; line-height:0.29rem}
  .about .about-text .more{ margin-top:0.25rem; margin-left:30%}
  .about .about-text .more ul li{ float:left; margin-right:0.35rem; display:block; text-align:center}
  .about .about-text .more ul li .lia{ width:1.2rem; height:0.5rem; border:2px solid #1d66cf; display:block; text-align:center; line-height:0.5rem; font-size:0.2rem; color:#1d66cf}
  .about .about-text .more ul li .lia:hover{ width:1.2rem; height:0.5rem; border:2px solid #1d66cf; display:block; text-align:center; line-height:0.5rem; font-size:0.2rem; color:#fff; background:#1d66cf}
  .about .about-text .more ul li .lib{ width:1.2rem; height:0.5rem; display:block; text-align:center; line-height:0.5rem; font-size:0.2rem; color:#fff; background:#0da056}
  .about .about-text .more ul li .lib:hover{ width:1.2rem; height:0.5rem; display:block; text-align:center; line-height:0.5rem; font-size:0.2rem; color:#fff; background:#1d66cf}

  .about div.left {
  }
  .about div.left img {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
   .video {
    /*margin-top: 80px;*/
  }
  .video #my-video {
    width: 440px;
    height:248px; margin:0 auto
  }
/*   .col-xs-b{ width:50%; float:left; display:block; text-align:center}*/
  
  .application {
    text-align: center;
    padding-top:0.5rem;
  }
  .application .application-title h1 {
    font-size: 0.3rem; line-height:0.5rem;
    color: #363636;
  }
   .application .application-title h1 span{
    color: #1d66cf;
  }

   .application .application-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 0.2rem auto;
  }
  

  .application .application-title h3 {
    font-size: 0.2rem;
    line-height: 0.25rem;
    font-weight: normal;
    margin: 0 1rem;
    color: #A1ADB5;
  }
  .application .application-content {
    margin-top:0.15rem;
    position: relative;
  }
  .application .application-content ul {
/*    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    position: relative;*/
  }
  .application .application-content ul li {
    margin:0 0.06rem 0; float:left; width:18.3%
	}
  .application .application-content ul li img {
    display: block; max-width:100%;
    margin: 0 auto;transition: all 0.3s linear 0s;
  }
  
  .cooperate {
    text-align: center; padding-top:0.2rem;
    display: block;
  }
  .cooperate .cooperate-title h1 {
     font-size:0.3rem; line-height:0.5rem;
    color: #363636;
  }
   .cooperate .cooperate-title h1 span {
  color: #1d66cf;;
  }
  .cooperate .cooperate-title > img {
   display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 0.2rem auto;
  }
  .cooperate .cooperate-title h3 {
   font-size:0.2rem; line-height:0.25rem;
    font-weight: normal;
    color: #A1ADB5; margin:0 1rem;
  }
  .cooperate .cooperate-s-content {
  }
  .cooperate .cooperate-content {
  display: none;
  } 
  
   .cooperate .cooperate-s-content div {
    padding: 0;
    margin: 0 ;
  }
  .cooperate .cooperate-s-content div div {
    margin-bottom:0.1rem; margin-top:0.1rem;float:left; width:33.3%;
  }
  .cooperate .cooperate-s-content img {
    display: block;
    margin: 0 auto; padding:2px; border:1px solid #e4e4e4; 
  }



   .honer {
    text-align: center; padding-top:0.2rem ;
    display: block;
  }
  .honer .honer-title h1 {
    font-size: 0.3rem; line-height:0.5rem;color: #363636;
  }
   .honer .honer-title h1 span {
   color: #1d66cf;;
  }
  .honer .honer-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 0.2rem auto;
  }
  .honer .honer-title h3 {
    font-size: 0.2rem;
    line-height: 0.25rem;
    font-weight: normal;
    color: #A1ADB5;
    margin: 0 1rem;
  }
  .honer .honer-content { display:none
  }
  .honer .honer-s-content div {
    padding: 0;
    margin: 0 ; height:1.8rem; display:block; overflow:hidden
  }
  .honer .honer-s-content div div {
  float:left; width:33%;/* margin:0.05rem; */display:block; text-align:center;
  }
  .honer .honer-s-content img {
    display: block;
    margin: 0 auto;padding:1px; border:1px solid #cfcfcf; /*width:100%;*/ height:1.7rem;
  }
  .honer .honer-content {
    display: none;
  } 

   .adv2 {
    background: #E9E9EB;
    padding: 0.38rem 0 0.38rem; margin-top:0.5rem;
  }
  .adv2 .adv2-title {
    text-align: center;
    margin-bottom:0.2rem;
  }
  .adv2 .adv2-title h1 {
    font-size: 0.28rem; line-height:0.38rem;
    color: #363636;
  }
  .adv2 .adv2-title h1 span {
    font-size: 0.28rem; line-height:0.38rem;
    color: #1d66cf;
  }
  .adv2 .adv2-title h3 {
     font-size: 0.15rem;
    line-height: 0.22rem;
    font-weight: normal;
    margin: 0 0.1rem;
    color: #A1ADB5;
  }
  .adv2 .adv2-title img {
   display: inline-block; text-align:center; max-width:100%; height:5px;
    margin: 0.15rem auto;
  }
  .adv2 .adv2-content {
    margin: 0; margin-top:0.3rem;
  }
  .adv2 .adv2-content .adv2-left{ width:40%; height:1rem; display:block; float:left}
  .adv2 .adv2-content .adv2-left img {
    width:100%;
  }
  .adv2 .adv2-content .adv2-right { width:60%; height: auto; display:block; float:right
  }
  .adv2 .adv2-content .adv2-right dl {
    padding:0.12rem; border:1px solid #cfcfcf;
    background: #fff; margin:0 auto;margin-bottom:0.25rem;
  }
  .adv2 .adv2-content .adv2-right dl dt {
    float: left; 
  }
  .adv2 .adv2-content .adv2-right dl dt img { width:90%
  }
  .adv2 .adv2-content .adv2-right dl dd {
    float: right;
    width: 71%;
    text-align: left;
  }
  .adv2 .adv2-content .adv2-right dl dd.title {
    font-size: 0.16rem;
    color: #333;
  }
  .adv2 .adv2-content .adv2-right dl dd.text {
    font-size: 0.12rem;
    color: #28262B;
    line-height: 0.22rem;
  }



  .adv {
    background: url(../images/adv.jpg) no-repeat center top;
    background-size: cover;
    padding: 0.5rem 0;
    text-align: center;
  }
  .adv .adv-title h1 {
    font-size: 0.28rem;
    color: #fff;
    font-weight: normal;
  }
  .adv .adv-title span {
    display: block;
    margin: 0.15rem auto;
    width: 100%;
    height: 0.28rem;
    color: #fff;
    line-height:0.26rem;
    background: url(../images/adv-more.png) no-repeat center top;
  }
    .adv .adv-title span a{
    height: 0.28rem;
    color: #fff;
    line-height:0.28rem;
  }
  .adv .adv-title h3 {
    font-size: 0.18rem;
    color: #95A2AA;
    margin: 0 0.2rem;
    line-height: 0.3rem; font-weight:300
  }

.newsframe{ width:100%; height:auto; margin:0 auto; padding-top:0.2rem}
.newsframe .title{display:block; text-align:center;}
.newsframe .title p{font-size: 0.28rem; line-height:0.385rem;color: #363636;}
.newsframe .title span{ font-size: 0.28rem; line-height:0.38rem;color: #1d66cf;}
.newsframe .title em{font-style:normal;font-size: 0.15rem;line-height: 0.22rem;font-weight: normal;color: #A1ADB5;margin: 0 auto;}
.newsframe .title img{display: inline-block; text-align:center; max-width:100%; height:5px;margin: 0.15rem auto;}
.newsframe .content{margin-top:0.2rem;padding-right: 0.3rem;padding-left:0.3rem;}



.leftnews{ width:45%; display:block; overflow:hidden; float:left;background:#1d66cf}
.leftnews img{ width:100%; height:1.8rem}
.leftnews .txt{padding:0 0.2rem 0.2rem}
.leftnews .txt p{ background:url(../images/dec.jpg) no-repeat left bottom; height:0.5rem; line-height:0.55rem; font-size:0.17rem; color:#fff}
.leftnews .txt p a{line-height:0.55rem; font-size:0.17rem; color:#fff}
.leftnews .txt span{ margin-top:0.1rem;font-size:0.15rem; line-height:0.25rem; color:#fff; height:0.5rem; display:block; overflow:hidden}

.centernews{ display:block;width:52%; overflow:hidden; float:right}

.framebb{ width:100%; height:0.65rem; display:block;border-bottom:1px solid #cfcfcf; margin-top:0.12rem} 
.framebb ul li.numa{ float:left; width:20%; height:0.6rem; display:block; text-align:center; border-right:1px solid #cfcfcf; line-height:0.6rem; font-size:0.4rem; color:#9b9b9b; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.framebb ul li.txta{ float:right; width:75%; height:0.6rem; }
.framebb ul li.txta p{height:0.3rem; line-height:0.3rem; font-size:0.17rem; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.framebb ul li.txta p a{line-height:0.3rem; font-size:0.17rem; color:#333;}
.framebb ul li.txta span{height:0.3rem;line-height:0.3rem; font-size:0.14rem; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif}
.framebb:hover ul li.numa{ float:left; width:18%; height:0.5rem; display:block; text-align:center; border-right:1px solid #cfcfcf; line-height:0.5rem; font-size:0.38rem; color:#1d66cf; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.framebb:hover ul li.txta p a{line-height:0.3rem; font-size:0.17rem; color:#1d66cf;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}

.rightnews{width:100%; height:auto; margin:0 auto; margin-top:3.5rem}
.rightnews .head{ height:0.6rem; background: url(../images/pencile.png) 0.4rem center no-repeat #1d66cf}
.rightnews .head p{ float:left; text-indent:0.8rem; line-height:0.6rem; font-size:0.20rem; color:#fff}
.rightnews .head a{ float:right; margin-right:0.25rem}
.rightnews .contenta{min-height:1rem; border:1px solid #cfcfcf; border-top:none; border-bottom:none}
.rightnews .contenta ul li{ background:url(../images/icon.png) 0.20rem center no-repeat; text-indent:0.45rem; height:0.45rem; border-bottom:1px solid #cfcfcf}
.rightnews .contenta ul li a{width:7rem; height:0.45rem; line-height:0.45rem; font-size:0.15rem; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.rightnews .contenta ul li a:hover{ background:url(../images/icon.png) 0.20rem center no-repeat #f5f5f5;border-bottom:1px solid #cfcfcf}

  .contacts {
    padding: 0.4rem 0;
    background: #E9E9EB; margin-top:0.3rem;
  }
  .contacts .contacts-title {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .contacts .contacts-title h1 {
    font-size: 0.3rem; line-height:0.5rem;
    color: #363636;
  }
  .contacts .contacts-title h1 span {
    color: #1d66cf;
  }
/*  .contacts .contacts-title > a {
    display: block;
    margin: 10px auto;
  }
*/  .contacts .contacts-title > img {
    display: inline-block; text-align:center; max-width:100%; height:5px;margin:0.25rem auto;
  }
  .contacts .contacts-title h3 {
    font-size: 0.2rem;
    line-height: 0.25rem;
    font-weight: normal;
    color: #A1ADB5;
    margin: 0 1rem;
  }
  .contacts .contacts-content ul li {
    float: left; width:50%;
    text-align: center;
    margin-bottom: 0.3rem;
  }
  .contacts .contacts-content ul li img {
    display: inline-block;
  }
  .contacts .contacts-content ul li h1 {
    font-size: 0.28rem;
    color: #000;
    font-weight: normal;
    margin: 15px 0 5px 0;
  }
  .contacts .contacts-content ul li p {
    font-size: 0.22rem;
    color: #8B8B8C;
    line-height: 0.45rem;
  }
    .contacts .contacts-content ul li p a{
    font-size: 0.22rem;
    color: #8B8B8C;
    line-height: 0.45rem;
  }
  .footer {
    background: #014385;
    padding: 0.2rem 0 0;
  }
  .footer .footer-left {
    width: 100%;
    margin-bottom: 0.2rem;
    padding: 0;
  }
  .footer .footer-left .footer-nav {
    width: 100%;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #285C97;
    margin: 0;
    margin-bottom: 0.2rem;
  }
  .footer .footer-left .footer-nav li {
    float: left;
    text-align: center;
    font-size: 0.25rem;
    margin-bottom: 0.2rem;
  }
  .footer .footer-left .footer-nav li a {
    color: #fff;
  }
  .footer .footer-left .footer-prod {
    padding: 0 0 0.3rem 0.4rem;
    border-bottom: 1px solid #285C97;
  }
  .footer .footer-left .footer-prod p {
    font-size: 0.25rem;
    color: #fff;
    margin-bottom: 0.2rem;
  }
  .footer .footer-left .footer-prod ul li {
    float: left;
    margin-right: 25px;
    font-size: 0.21rem;
  }
  .footer .footer-left .footer-prod ul li a {
    color: #fff;
  }
  .footer .footer-left .footer-last {
    display: none;
    color: #fff;
    padding-left: 50px;
  }
  .footer .footer-left .footer-last a {
    color: #fff;
  }
  .footer .footer-right {
    width: 100% ;
    padding-left: 0.4rem;
    border-bottom: 1px solid #285C97;
  }
  .footer .footer-right li {
    margin-bottom: 10px;
  }
  .footer .footer-right li img {
    display: inline-block;
  }
  .footer .footer-right li span {
    margin-left: 10px;
    font-size: 0.21rem;
    color: #fff;
  }
    .footer .footer-right li span a {
    font-size: 0.21rem;
    color: #fff;
  }
  .footer .phone-last {
    display: block;
    color: #80a1c2;
/*    padding-left: 0.4rem;*/
    margin-top: 0.2rem; padding-bottom:0.2rem;
    text-align: center;
    font-size: 0.21rem; line-height:0.38rem;
  }
  .footer .phone-last a {
    color: #80a1c2;
  }
  /*position*/
  .position_wrap {
    border-bottom: 1px solid #ccc;
    margin: 0 auto; margin-bottom:0.25rem;
  }
  .position {
    height: 40px;
    line-height: 40px;
    margin-left: 0.3rem;
  }
  .position .span01 {
    display: block;
    padding-left: 20px;
    background: url(../images/span01.png) no-repeat left center;font-size:0.13rem; color:#555
  }
  .position .span01 dd{
    display: none;
  }
  #firstpane{
    width: 285px;
  }
  /*ny_left menu_list*/
  .ny_left {
    width: 285px;
  }
  .menu_list .list_title {
    border-bottom: 1px solid #d1d1d1;
    height: 80px;
    font-size: 16px;
    line-height: 18px;
    color: #FFF;
    padding: 20px 0;
  }
  .menu_list .list_title span {
    display: block;
    text-indent: 2em;
    font-size: 18px;
  }
  .menu_list .list_title .sp01 {
    color: #d1d1d1;
    font-weight: 100;
  }
  .menu_list .m_1 {
    border: 1px solid #d1d1d1;
    border-top: none;
    border-bottom: none;
  }
  .menu_list .m_1 > li {
    line-height: 48px;
    font-size: 14px;
    background: #f8f8f8 ;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    border-top: 2px solid #fff;
    position: relative;
  }
  .menu_list .m_1 > li > a {
    border-left: 6px solid #f1f1f1;
    height: 48px;
    color: #525252;
    font-weight: bold;
    padding-left: 32px;
    display: block;
  }
  .menu_list .m_1 > li > a.active,
  .menu_list .m_1 > li:hover > a {
    border-left: 6px solid #00ADF1;
    color: #00ADF1;
  }
  .menu_list .m_1 > li .menu_btn {
    position: absolute;
    width: 50px;
    height: 48px;
    background: url(../images/ny_left_ico.png) no-repeat center;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .menu_list .m_1 > li .menu_btn_active {
    background: url(../images/ny_left_ico_active.png) no-repeat 

center;
  }
  .menu_list .m_1 > li .menu_btn:hover {
    background-color: #f9f9f9;
  }
  .menu_list .m_2 {
    display: none;
  }
  .menu_list .m_2 > li {
    line-height: 36px;
    background: #fff;
    border-bottom: 1px dashed #ccc;
  }
  .menu_list .m_2 > li:last-child {
    border-bottom: none;
  }
  .menu_list .m_2 > li:first-child {
    border-top: 1px solid #ccc;
  }
  .menu_list .m_2 > li a {
    display: block;
    padding-left: 38px;
    font-size: 12px;
  }
  .menu_list .m_2 > li a.active,
  .menu_list .m_2 > li a:hover {
    color: #00ADF1;
  }
  /*ny_left slider_contact*/
  .slider_contact {
    width: 100%;
    color: #333333;
    margin-top: 20px;
  }
  .slider_contact .list_title {
    font-size: 18px;
    line-height: 50px;
    color: #FFF;
    text-indent: 2em;
  }
  .slider_contact .list_title strong {
    font-weight: normal;
    color: #d1d1d1;
    font-size: 14px;
    padding-left: 5px;
  }
  .slider_contact .contact {
    padding: 90px 20px 20px;
    border: 1px solid #d1d1d1;
    line-height: 26px;
    position: relative;
    background: #f8f8f8 url(../images/contactbg.jpg) no-repeat 

20px 20px;
  }
  .slider_contact .contact .telsp {
    position: absolute;
    top: 12px;
    left: 73px;
    height: 48px;
    color: #5b5b5b;
    line-height: 24px;
    font-size: 16px;
  }
  .slider_contact .contact .telsp em {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    display: block;
  }
  /*right top_share*/
  .ny_right {

  }
  .ny_right .top_share {
    width: 100%;
    line-height: 36px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding-bottom: 10px;
  }
  .ny_right .top_share dt {
    width: 300px;
  }
  .ny_right .top_share dt a {
    padding: 0 5px;
  }
  .ny_right .top_share dd {
    /*width: 242px;*/
  }
  .ny_right .top_share .bdshare {
    display: inline-block;
  }
  /*prodouct_list*/
  .pord_list {
    overflow: hidden;
  }
  .pord_list li {
    float: left;
    position: relative;
    margin-bottom:0.12rem; display:block; text-align:center
  }
  .pord_list li img {
   /* width: 100%;*/
    height:1.5rem; max-width:100%;
    border: 1px solid #ccc;
  }
  .pord_list li span {
    display: block;
    line-height:0.4rem;
    height:0.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .pord_list li .pro_cover {
    display: none;
    height: 3rem;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 9999;
    /*background: url(../images/probgh.png) no-repeat center top;*/
  }
  .pord_list li:hover .pro_cover {
    display: block;
    font-size: 0;
  }
  
  
  /*prodouct_list*/
  .pord_lista {
    overflow: hidden;
  }
  .pord_lista li {
    float: left; width:31%; height:auto; display:block; text-align:center;
    position: relative;
    margin-bottom:0.21rem; padding:2px; border:1px solid #cfcfcf; margin:0.05rem
  }
  .pord_lista li img {
   /* width: 100%;*/
    height: 1.5rem;max-width:100%;
  }
  .pord_lista li span {
    display: block;
    line-height:0.4rem;
    height: 0.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .pord_lista li .pro_cover {
    display: none;
    height:2rem;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 9999;
    /*background: url(../images/probgh.png) center top repeat;*/
  }
  .pord_lista li:hover .pro_cover {
    display: block;
    font-size: 0;
  }
  
  
  
  /*prodouct_listA*/
  .proA {
    border: 1px solid #d1d1d1;
    padding: 10px 5px 10px;
    overflow: hidden;
    margin-top: 10px;
  }
  .proA .top {
    border: 1px solid #cccccc;
    line-height: 34px;
    height: 34px;
    width: 97%;
    margin: 0 auto;
    font-size: 16px;
    position: relative;
    background: url(../images/topbg.jpg) repeat-x scroll 0 0;
  }
  .proA .top span {
    background: url(../images/topico.png) no-repeat 10px center #00ADF1;
    padding: 0 10px;
    text-indent: 30px;
    display: block;
    color: #FFF;
    height: 34px;
    float: left ;
    line-height: 34px;
  }
  .proA .top .more {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px;
  }
  .proAul li {
    width: 276px;
    float: left;
    margin: 10px;
    text-align: center;
    line-height: 25px;
  }
  .proAul li a img {
    width: 253px;
    height: 180px;
    margin: 0 auto;
    border: 1px solid #d1d1d1;
    padding: 5px;
  }
  .proAul li a span {
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    overflow: hidden;
  }
  /*prodouct_listB*/
  .proB {
    border: 1px solid #d1d1d1;
    padding: 10px 5px 10px;
    overflow: hidden;
    margin-top: 10px;
  }
  .proB ul li {
    border-bottom: 1px dashed #cccccc;
    margin: 10px 10px;
    min-height: 205px;
  }
  .proB ul li a {
    display: block;
    float: left;
  }
  .proB ul li a img {
    width: 300px;
    height: 178px;
    padding: 5px;
    border: 1px solid #CCC;
  }
  .proB ul li span {
    float: left;
    display: block;
    width: 534px;
    color: #FFF;
    font-size: 14px;
    margin-left: 20px;
  }
  .proB ul li span.title {
    border: 1px solid #cccccc;
    line-height: 34px;
    height: 34px;
    font-size: 16px;
    position: relative;
    background: url(../images/topbg.jpg) repeat-x scroll 0 0;
  }
  .proB ul li span.title i {
    background: url(../images/ibg.jpg) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    width: 174px;
    line-height: 34px;
    display: block;
    font-style: normal;
  }
  .proB ul li span.text {
    padding: 20px 0;
    line-height: 25px;
    color: #494949;
    height: 75px;
    overflow: hidden;
  }
  .proB ul li a.more {
    display: block;
    margin-left: 20px;
    line-height: 30px;
    border: 1px solid #00ADF1;
    border-radius: 10px;
    padding: 0 10px;
  }
  /*list page*/
  .page {
    width: 100%;
    margin: 0.2rem auto;
    line-height:0.2rem;
    text-align: center;
    font-size: 0.18rem;
  }
  .page span {
    display: none;
    padding: 0 0.5rem 0 0;
  }
  .page a.num.select {
    padding:0.05rem 0.1rem;
    color: #fff;
    background: #00ADF1;
  }
  .page a.num {
    background: #fff;
    padding: 0 0.1rem;
  }
  .page a.num:hover {
    padding:0.1rem;
    color: #fff;
    background: #00ADF1;
  }
  /*recommended*/
  .recommended {
    overflow: hidden;
    background: #fafafa;
    padding: 20px;
    border: 1px solid #d1d1d1;
  }
  .recommended h4 {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
  }
  .recommended ul li {
    width: 50%;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
  }
  .recommended ul li span {
    width: 86px;
    color: #a8a8a8;
    display: block;
    float: left;
  }
  .recommended ul li a {
    width: 70%;
    padding: 0 0 0 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /*related product*/
  .related {
    position: relative;
    margin: 20px auto;
    background: #fafafa;
    padding: 15px;
    border: 1px solid #d1d1d1;
    overflow: hidden;
  }
  .related h4 {
    font-size: 24px;
    font-weight: normal;
    padding: 10px 0 20px 12px;
  }
  .related .hd2 {
    overflow: hidden;
    height: 30px;
    text-align: center;
  }
  .related .hd2 ul {
    overflow: hidden;
    margin-top: 5px;
    zoom: 1;
  }
  .related .hd2 ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8px;
    height: 8px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../images/prd_off.jpg) no-repeat;
  }
  .related .hd2 ul li.on {
    background-position: 0 0;
    background: url(../images/prd_on.jpg);
  }
  .related .bd2 ul {
    overflow: hidden;
    zoom: 1;
  }
  .related .bd2 ul .prdtitle {
    width: 203px !important;
    height: 210px;
    display: inline;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 6px;
    float: left;
  }
  .related .bd2 ul .prdtitle-large {
    margin: 0 8px;
  }
  .related .bd2 ul .prdtitle img {
    width: 201px;
    height: 200px;
    border: 1px solid #ccc;
  }
  .related .bd2 ul .prdtitle span {
    display: block;
    line-height: 30px;
  }
  /*show_page*/
  .show_page {
    margin: 0.1rem auto;
    overflow: hidden;
    text-align: center;
  }
  .show_page li {
    width: 50%;
    float: left;
  }
  /*prodouct_showA*/
  .product_showA h1 {
    font-size:0.28rem;
    line-height:0.7rem;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  .prodA_content {
    margin:0.2rem auto;
    text-align: center;
  }
  .prodA_content img {
    margin: 0 auto; max-width:80%
  }
  .prodA_content .showA {
    width: 100%;
    margin:0.2rem auto;
  }
  .prodA_content .showA p{
    margin: 0 0.5rem;
  }
  .case_info {
    font-weight: normal;
    font-size: 1rem;
  }
  .case_info span {
    padding: 0 10px;
  }
  
  .news_page .pagepre {
    background: #f5f5f5 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext {
    text-align: right;
    padding-right: 30px;
    background: #f5f5f5 url(../images/pagenext.png) no-repeat 98% center;
  }
  .news_page .pagepre:hover {
    background: #d8d8d8 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext:hover {
    background: #d8d8d8 url(../images/pagenext.png) no-repeat 98% center;
  }
  /*prodouct_showB*/
  .product_showB .showB h1 {
    font-size: 18px;
    line-height: 40px;
    text-align: left;
  }
  .product_showB .showB p {
    line-height: 26px;
  }
  .prodB_content {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 20px;
  }
  .prodB_content h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
  }
  .prodB_content .text_showB p {
    text-indent: 2em;
  }
  .top {
    height: 34px;
    line-height: 34px;
    margin-bottom: 0;
    color: #04891d;
    background: url(../images/topbg.jpg) repeat-x;
  }
  .showB_intro {
    padding: 15px 15px 0 0;
    margin-bottom: 20px;
    position: relative;
  }
  .showB_intro .showB_left {
    float: left;
  }
  .showB_intro .showB_right {
    width: 490px;
    padding: 0 10px 10px 20px;
    float: left;
  }
  .showB_intro .showB_right .showB_title {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
  }
  .showB_intro .showB_right .showB_text {
    line-height: 25px;
  }
  .showB_intro .showB_right .rex {
    font-size: 16px;
  }
  .showB_intro .showB_right .rex span {
    font-size: 22px;
    color: #03F;
  }
  /*jqzoom*/
  .jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
  }
  .jqzoom img {
    width: 363px;
    height: 280px;
    margin: 0 auto;
    vertical-align: middle;
  }
  .zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 350px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
  }
  .jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff /*url(../images/zoom.png) 50% center no-

repeat*/;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
  }
  /*图片小图预览列表*/
  .showB_preview {
    width: 360px;
    height: 270px;
    border: 1px solid #DFDFDF;
    display: table;
  }
  .showB_scroll {
    clear: both;
    margin-top: 5px;
    width: 507px;
    position: absolute;
    bottom: 0px;
    right: 10px;
  }
  .showB_scroll .prev {
    float: left;
    margin-right: 4px;
  }
  .showB_scroll .next {
    float: right;
  }
  .showB_scroll .prev,
  .showB_scroll .next {
    display: block;
    font-family: "宋体";
    text-align: center;
    width: 12px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #CCC;
    margin-top: 14px;
    background: #EBEBEB;
    cursor: pointer;
    text-decoration: none;
  }
  .showB_scroll .items {
    float: left;
    position: relative;
    width: 470px;
    height: 71px;
    overflow: hidden;
  }
  .showB_scroll .items ul {
    position: absolute;
    width: 999999px;
  }
  .showB_scroll .items ul li {
    float: left;
    width: 118px;
    text-align: center;
  }
  .showB_scroll .items ul li img {
    border: 1px solid #CCC;
    padding: 2px;
    width: 105px;
    height: 65px;
  }
  .showB_scroll .items ul li img:hover {
    border: 2px solid #00ADF1;
    padding: 1px;
  }
  /*news_list*/
  .news_list dl {
    width: 100%;
    padding-top: 0.05rem;
    overflow: hidden; margin-bottom:0.1rem;
  }
/*  .news_list dl dt {
    width: 225px;
    height: 165px;
    float: left;
  }
  .news_list dl dt img {
    width: 220px;
    height: 160px;
    border: 1px solid #ccc;
    display: block;
  }
*/  .news_list dl dd {
    width: 100%;
    height:auto;
  }
  .news_list dl dd h2 { padding-bottom:0.05rem; border-bottom:1px dotted #cfcfcf; margin-bottom:0.05rem}
  .news_list dl dd h2 a { width:70%; height:0.45rem; line-height:0.45rem; font-size:0.2rem;
  }
  .news_list dl dd span {
    color: #888; font-size:0.16rem; line-height:0.45rem; float:right;
  }
  .news_list dl dd p{ height:0.5rem; display:block; overflow:hidden;color:#888; font-size:0.17rem; line-height:0.25rem;}
  /*news_show*/
  .news_content h1 {
    font-size: 0.28rem;
    line-height:0.7rem;
    text-align: center;
    border-bottom: 1px solid #cfcfcf;
  }
  .news_content .toptime {
    display: block;
    margin: 0 auto;
    text-align: center; font-size:0.2rem; color:#888; line-height:0.5rem;
  }
  .news_content .news_show { font-size:0.18rem; line-height:0.35rem;
    width: 100%;
    margin:0 auto; margin-bottom:0.1rem;
  }
   .news_content .news_show p {margin-bottom:0.1rem; font-size:0.18rem; line-height:0.35rem;
  }
  .news_page {
    margin:0 auto;
    overflow: hidden;
  }
  .news_page li {
    width: 50%;
    float: left;
    padding: 0 10px 0 30px;
    background: #f5f5f5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news_page .pagepre {
    background: #f5f5f5 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext {
    text-align: right;
    padding-right: 30px;
    background: #f5f5f5 url(../images/pagenext.png) no-repeat 98% center;
  }
  .news_page .pagepre:hover {
    background: #d8d8d8 url(../images/pagepre.png) no-repeat 10px center;
  }
  .news_page .pagenext:hover {
    background: #d8d8d8 url(../images/pagenext.png) no-repeat 98% center;
  }
  /*page_show*/
  .list_page {
    font-size: 16px;
  }
  .page_show {
    padding-top:0.1rem; font-size:0.18rem; line-height:0.35rem
  }
  .page_show img { max-width:100%;
  }
  .page_show p {font-size:0.18rem; line-height:0.35rem; margin-bottom:0.11rem
  }
  /*guestbook*/
  .guestbook_show {
    margin: 20px auto 0;
  }
  .guestbook_top {
    height: 40px;
    background: #eee;
    line-height: 40px;
    padding: 0 10px 0 17px;
  }
  .guestbook_top .mustwrt {
    display: block;
    float: right;
  }
  .guestbook_show em {
    color: #f00;
    font-style: normal;
  }
  .guestbook_form .inp_one {
    width: 180px;
    height: 25px;
    outline: none;
    border: 1px solid #ccc;
    padding-left: 4px;
  }
  .guestbook_form .inp_one:focus {
    border: 1px solid #00ADF1;
  }
  .guestbook_form {
    padding: 20px 20px 0;
  }
  .guestbook_form dl {
    width: 100%;
    overflow: hidden;
    line-height: 20px;
    height: 45px;
    padding: 10px 0;
  }
  .guestbook_form dt {
    width: 80px;
    float: left;
  }
  .guestbook_form dd {
    width: 510px;
    float: left;
  }
  .guestbook_form dd span {
    padding-left: 20px;
  }
  .guestbook_form dd span i {
    color: #F00;
    padding: 0 5px;
  }
  .guestbook_form dd span.quetion {
    display: block;
  }
  .guestbook_form .bookdl {
    height: 180px;
    overflow: hidden;
    line-height: 20px;
    padding-bottom: 0;
  }
  .guestbook_form .button {
    width: 150px;
    height: 32px;
    background: #b8b8b8;
    border: none;
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
  }
  .guestbook_form .button:hover {
    background: #f1f1f1;
    color: #555;
  }
  .guestbook_form .form_b {
    width: 693px;
    margin: 0 auto;
    padding: 20px 0 0 0;
  }
  .guestbook_title {
    padding: 20px 20px 0;
    color: #2a6cd4;
  }
  .guestbook_title strong {
    color: #f00;
  }
  .guestbook_title b {
    padding: 0 10px;
    font-weight: normal;
  }
  .guestbook_cnt {
    padding: 5px 20px 20px;
    border-bottom: 1px dashed #ccc;
  }
  .guestbook_reply {
    color: #f00;
    background: #f6f6f6;
    line-height: 40px;
  }
  .bookpage {
    line-height: 40px;
    text-align: right;
  }
  .search_x {
    border: 1px solid #d1d1d1;
    margin-bottom: 20px;
  }
  .search_x .top {
    padding: 0 20px;
  }
  .search_x .xbox {
    padding: 0 20px;
  }
  .search_x .guestbook_top {
    text-indent: 25px;
  }
  .current2 {
    width: 17px;
    height: 17px;
    background: #3ab250;
    border: 2px solid #FFF;
    color: #FFF;
  }
  .num {
    width: 17px;
    height: 17px;
    background: #aaaaaa;
    border: 2px solid #FFF;
    color: #FFF;
  }
  /*download_list*/
  .download_list dl {
    width: 33.3%;
    float: left;
    margin-top: 20px;
  }
  .download_list dl dt {
    text-align: center;
  }
  .download_list dl dt img {
    width: 80%;
    height: 240px;
    margin: 0 auto;
  }
  .download_list dl dd {
    text-align: center;
  }
  .download_list dl dd h2 {
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  /*search*/
  .search_title {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    font-weight: bold;
    padding: 0 10px;
  }
  .search_info {
    float: left;
    font-size: 16px;
    line-height: 30px;
  }
  .search_list {
    font-size: 14px;
    color: #333;
  }
  .search_list li {
    line-height: 40px;
    border-bottom: 1px dashed #ccc;
    padding: 0 10px;
  }
  .search_list li:last-child {
    border-bottom: none;
  }
  .search_list li span {
    float: right;
  }
  .search_cnt {
    overflow: hidden;
    margin: 10px 0;
  }
  .search_cnt form {
    display: block;
    position: relative;
    overflow: hidden;
    float: right;
  }
  .search_cnt input.txt {
    width: 120px;
    height: 28px;
    line-height: 28px;
    color: #a1a1a1;
    padding: 0 30px 0 5px;
    border: 1px solid #ccc;
    background: none;
  }
  .search_cnt input.btn {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 9999;
    background: url(../images/search.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
  }
  .content {
    margin-bottom: 30px;
  }



.news .news-content .news-right .news-list li {padding: 0.3rem 0.2rem 0.3rem 0.7rem;background: url(../images/news-arr3.png) no-repeat 0.4rem center;border-bottom: 1px solid #2CC0FB;font-size: 0.3rem;color:#fff;}
.news .news-content .news-right .news-list li a {color: #fff;}
  .news .news-list dt {
    padding-top: 0.1rem!important;
  }
  .news .news-list dt .m {
    font-size: 0.2rem!important;
  }
  .news .news-list dt .y {
    font-size: 0.25rem!important;
  }
  .news .news-list dd {
    width: 80% !important;
  }
  .news .news-list dd.title {
    font-size: 0.25rem !important;
  }
  .news .news-list dd.text {
    font-size: 0.2rem !important;
  }
.mainframea{ width:100%; height:auto; margin:0 auto; background:url(../images/lineaa.jpg) 18.9% top repeat-y}
.blocka{ width:100%; height:auto; margin:0 auto;}
.blocka .time{ display:block; float:left; width:20%; height:1rem; background:url(../images/case.png) 0 0 no-repeat;background-size:100%}
.blocka .time p{ color:#fff; font-size:0.2rem; line-height:0.2rem; font-weight:bold; margin-left:0.2rem; margin-top:0.08rem}
.blocka .righttxt{ display:block; float:right; width:78%; height:auto; margin-bottom:0.2rem; padding-bottom:0.2rem; border-bottom:1px dotted #dfdfdf}
.blocka .righttxt .leftpic{display:block; float:left; width:30%}
.blocka .righttxt .leftpic img{ border:1px solid #cfcfcf; max-width:100%}
.blocka .righttxt .rigthtxta{ display:block; float:right; line-height:0.21rem; font-size:0.14rem; color:#555; width:68%; height:auto}
.blocka .righttxt .rigthtxta p{ font-size:0.18rem; color:#222; line-height:0.22rem; font-weight:100}
}
.cases{
  transition: all linear .4s;
  position: relative;
  z-index: 10;
}
.cases .before{
  position: absolute;
  top:0;
  left:0;
  z-index: 1;
  height: 33px;
  width: 0;
  transition: all linear .3s;
  background: #00ADF1;
}
.cases a{
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 10;
}
.cases:hover .before{
  width: 98px;
}
.indexs{
  transition: all linear .3s;
}
.indexs a{
  display: inline-block;
  width: 100%;
}
.indexs:hover{
  background: rgba(0,173,241,.7)!important;
}
.navs.fixed{
  position: fixed;
  top:0;
  width: 100%;
  left:0;
  z-index: 9999;
}
.nav_list li{
  position: relative;
}
.nav_list li::before{
  transition: all linear .2s;
  display: inline-block;
  content: "[";
  color:#fff;
  position: absolute;
  top:0px;
  left:15px;
  font-weight: bold;
  opacity: 0;
}
.nav_list li::after{
  transition: all linear .2s;
  display: inline-block;
  content: "]";
  color:#fff;
  position: absolute;
  top:0px;
  right:15px;
  font-weight: bold;
  opacity: 0;
}
.nav_list li:hover::before,.nav_list li.hover::before{
  display: inline-block;
  content: "[";
  color:#fff;
  position: absolute;
  top:0px;
  left:5px;
  font-weight: bold;
  opacity: 1;
}
.nav_list li:hover::after,.nav_list li.hover::after{
  display: inline-block;
  content: "]";
  color:#fff;
  position: absolute;
  top:0px;
  right:5px;
  font-weight: bold;
  opacity: 1;
}
.prod-content img{
  transition: all linear .5s;
}
.prod-content img:hover{
  /*transform: rotateY(360deg);*/
}
.prod img{
  transition: all linear .5s;
}
.prod img:hover{
  /*transform: rotateZ(360deg);*/
}
.honer-content .picScroll-left li{
  overflow: hidden;
}
.honer-content .picScroll-left li img{
  transition: all linear .4s;
}
.honer-content .picScroll-left li:hover img{
  transform: scale3d(1.1,1.1,1.1);
}
.news-right li{
  transition: all linear .4s;
}
.news-right li:hover{
  background: #fff!important;
}
.news-right li:hover a{
  color:#00ADF1!important;
}
.news-mid dl{
  transition: all linear .4s;
}
.news-mid dl:hover{
  background: #000!important;
}
.news-mid dl:hover a{
  color:#fff!important;
}
.news-left dl:hover{
  background: #000!important;
}
.news-left dl:hover a{
  color:#fff!important;
}
.application .application-content img{
  transition: all linear .6s;
}
.application .application-content img:hover{
 transform: rotateZ(360deg);transform: scale(1.2);
}