* {
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
/*****！！页面通用css样式定义开始******/
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body {
  font-family:  微软雅黑, Arial, Helvetica, sans-serif;
  /*文字字体定义 */
  font-size: 14px;
  /*文字大小定义 */
}
/* 网站超链接css通用设置 */
a {
  text-decoration: none;
}
/* 链接无下划线,有为underline */
a:link {
  color: #333333;text-decoration: none;
}
/* 未访问的链接 */
a:visited {
  color: #333333;text-decoration: none;
}
/* 已访问的链接 */
a:hover {
  color: #1a5dc2;
  text-decoration: none;
}
/* 鼠标在链接上 */
a:active {
  color: #333333;text-decoration: none;
}
/* 点击激活链接 */

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;
}

.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;
  color: #fff;
}
.banner .slides > li > ul h1 span {
  font-size: 50px;
}
.banner .slides > li > ul h1 span span {
  color: #0894CB;
}
.banner .slides > li > ul h2 {
  text-align: center;
  font-size: 26px;
  color: #C4C7AF;
  margin-top: 10px;
}
.banner .slides > li > ul > li {
  float: left;
  width: 100px;
  height: 35px;
  font-size: 16px;
  text-align: center;
  line-height: 33px;
  margin: 20px  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: #00ADF1;
}
.banner .flex-control-nav {
  display:  none;
}

.banner .flex-direction-nav {
  display:  block;
}

.banner .flex-direction-nav .flex-prev{ top:42%; position:absolute; left:5px;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; z-index:9999; display:block; width:32px; height:60px; background: url(../images/indexleft.png) no-repeat center center}
.banner .flex-direction-nav .flex-prev:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }

.banner .flex-direction-nav .flex-next{top:42%; position:absolute; right:5px;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; z-index:9999; display:block; width:32px; height:60px; background: url(../images/indexright.png) no-repeat center center}
.banner .flex-direction-nav .flex-next:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }



.span01 .bdshare{position: relative;bottom:-10px;}

  .product .prod-title .inline{ width:45px; height:2px; background: #acceda; margin:0.12rem auto 0}
  .listproin .prod-title .inline{ width:45px; height:2px; background: #1a5dc2; margin:0.12rem auto 0}
  .honer .prod-title .inline{ width:45px; height:2px; background: #1a5dc2; margin:0.12rem auto 0}
  .prod .prod-title .inline{ width:45px; height:2px; background: #1a5dc2; margin:0.12rem auto 0}
  


  .inysbox{ width:1200px; height: auto; margin:70px auto}
  .inysbox li{ width:25%; text-align:center; float:left; display:block}
  .inysbox li{ border-right:1px solid #eaeaea}
  .inysbox li:nth-child(4n){ border-right:none}
  .inysbox li div{ width:104px; height:104px; border:1px solid #39c2f0; overflow:hidden; border-radius:52px; margin:0 auto}
  .inysbox li div .bolyc,.inysbox li:hover div .bolzx{ display: none}
  .inysbox li:hover div .bolyc{ display: block}
  .inysbox li:hover div{ background:#39c2f0;transition:all .3s ease}
  .inysbox li div img{ width:100%;}
  .inysbox li h3{ font-size:16px; font-weight:bold; color:#42b3e5; line-height:50px}
  .inysbox li p{ line-height:25px; color:#666666; font-size:14px; width:70%; margin:0 auto}
  
  .page_banner img{ width:100%}
  
  .news_content .news_show .zsshoue{ max-width:80%; display:block; margin:0 auto}

@media screen and (min-width: 1200px) {
  .wrap {
    width: 1300px;
    margin: 0 auto;
  }
  .phone-nav {
    display: none;
  }
  .header {
    position: absolute;
    left: 50%;
    margin-left: -570px;
    top: 30px;
    z-index: 100;
  }
  .header .search-box {
    position: relative;
  }
  .header .search-box input[name=keyword] {
    width: 260px;
    height: 40px;
    border-radius: 20px;
    background: #fff;
    line-height: 40px;
    font-size: 16px;
    color: #9A9A9A;
    border: none;
    outline: none;
    text-indent: 10px;
  }
  .header .search-box #submit {
    width: 26px;
    height: 25px;
    background: url(../images/search1.png) no-repeat center center;
    position: absolute;
    right: 15px;
    cursor: pointer;
    top: 53px;
    border: none;
    outline: none;
  }
  .banner .swiper-container{
    display: none;
  }
  .navs {
    background: #0e3185;
  }
  .navs .logo {
    margin-top: 6px; margin-bottom:6px
  }
  .navs .nav_list {
    width: 61%;
    display: block;
    padding:10px;
    margin:2px;
  }
  .navs .nav_list li {
    text-align: center;
    float: left;
	width:12.5%
	
  }
  .navs .nav_list li a {
    color: #fff;
    display: block;
    width: 90%;
	margin:0 5%; line-height:80px
  }
  .navs .nav_list li.hover a,.navs .nav_list li.hover a:hover,.navs .nav_list li a:hover {
    color: #fff;
    display: block;
    width: 94%;
	margin:0 3%; line-height:80px;background:#d00031
  }
  
  
  
  .product {
    text-align: center;
    padding-top: 60px;
  }
  .product .prod-title {
    text-align: center;
  }
  
  .product .prod-title .entxti{ font-size:0.5rem; line-height:0.52rem; font-family:impact; color:#e7f0f4; text-align:center;text-transform:uppercase}
   .product .prod-title h1 {
    font-size: 0.23rem;
    color: #1a5dc2;
	font-weight:bold;
	line-height:0.25rem;
  }
  .product .prod-title h3 {
    font-size: 0.11rem;
    font-weight: normal;
    color: #A1ADB5;
	line-height:0.16rem;
	margin:10px auto 0;
	width:92%;
  }

  .product .prod-title > a > img {
    display: inline-block;
    margin: 10px auto;
  }
  
   
  .product .prod-content {
    margin-top: 30px;
  }
  .product .prod-content li {
    float: left;
    width: 20% ;
  }
  .product .prod-content li img {
    display: block;
    margin: 0 auto;
	width:138px
  }
  .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;
  }
  
  
  .listproin{ width:100%; height:auto; padding:50px 0 100px;background: url(../images/listprosy.jpg) no-repeat center top; margin-top:80px}
  .listproin .prod-title {text-align: center;}
  .listproin .prod-title .entxti{ font-size:0.5rem; line-height:0.52rem; font-family:impact; color:#8dacc8; text-align:center;text-transform:uppercase}
  .listproin .prod-title h1 {font-size: 0.23rem;color: #1a5dc2;font-weight:bold;line-height:0.25rem;}
  
  .center{ width:1200px; margin:0 auto}
  .listproin .center{ margin:25px auto 0}
  .listproin li{ width:20%; height:396px; float:left;}
  .listproin li a{ display:block; width:94%; margin:0 auto; position: relative}
  .listproin li a p{ display:block; width:100%; height:206px; overflow:hidden}
  .listproin li a p img{ width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
  .listproin li:hover  a p img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
  .listproin li a div{ width:100%; height:190px; text-align:center}
  .listproin li a div h1{ font-size:18px; line-height:40px; padding-top:20px;}
  .listproin li a div h3{ font-size:14px; line-height:25px; width:90%; margin:0px auto}
  
  .listproin li.lisblue p{ position:absolute; top:0; left:0}
  .listproin li.lisblue a div{ position:absolute; top:206px; left:0; z-index:1; background:#1a5dc2}
  .listproin li.lisblue a div,.listproin li.lisblue a div *{ color:#fff}
  .listproin li.lisblue a div span{ display:block; width:66px; height:22px; border:1px solid #fff; color:#fff; margin:20px auto; font-size:12px; line-height:18px}
  .listproin li.lisblue:hover a div span{ background:#d00031; border:1px solid #d00031; color:#fff;transition:all .3s ease}
  
  .listproin li.liswri p{ position:absolute; top:190px; left:0}
  .listproin li.liswri a div{ position:absolute; top:0px; left:0; z-index:1; background:#fff}
  .listproin li.liswri a div h1{ color:#1a5dc2}
  .listproin li.liswri a div h3{ color:#666666}
  .listproin li.liswri a div span{ display:block; width:66px; height:22px; border:1px solid #bebebe; color:#999; margin:20px auto 0; font-size:12px; line-height:18px}
  .listproin li.liswri:hover a div span{ background:#d00031; border:1px solid #d00031; color:#fff;transition:all .3s ease}
  
  
  .innewsyi{ width:100%; height:488px; background:#1a5dc2; overflow:hidden;position:relative}
  .innewsyi ul{ width:1920px; height:488px; position: absolute; left:50%; top:0; margin-left:-960px}
  .innewsyi ul li.innnic{position:absolute; left:0; right:0; }
  .innewsyi ul li.innnic img{width:980px; height:488px}
  .innewsyi .innebox{ width:1200px; height:auto; position:absolute; left:50%; top:0; margin-left:-600px; z-index:999}
  .innewsyi .innebox .inneliet{ width:44%; float:right; margin-top:35px}
  .innewsyi .innebox .inneliet h1{ color:#71a5f3; font-size:70px; font-family:impact; line-height:90px}
  .innewsyi .innebox .inneliet h2{ color:#fff; font-size:30px; line-height:40px}
  .innewsyi .innebox .inneliet div{ margin-top:20px;margin-bottom:20px}
  .innewsyi .innebox .inneliet div .title{ display:block; width:100%; height:44px; line-height:44px; font-size:16px; color:#fff; border-bottom:1px solid #487dce}
  .innewsyi .innebox .inneliet div .title:hover{ text-decoration:underline}
  
  
  

  
  
  .honer {width:100%; height:auto; padding:50px 0 80px;background: url(../images/zzbg.jpg) no-repeat center top #f3f3f3; margin-top:20px;
  }
  
  .honer .prod-title {text-align: center;}
  .honer .prod-title .entxti{ font-size:0.5rem; line-height:0.52rem; font-family:impact; color:#cfcfcf; text-align:center;text-transform:uppercase}
  .honer .prod-title .entxti2{ font-size:0.2rem; line-height:0.23rem;font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#999;;text-align:center;text-transform:uppercase}
  .honer .prod-title h1 {font-size: 0.23rem;color: #1a5dc2;font-weight:bold;line-height:0.25rem;}
  
  .honer .honer-s-content {
    display: none;
  }
  .honer .honer-content {
	width:1140px; margin:40px auto 0
  }
  .honer .honer-content .picScroll-left {
    overflow: hidden;
    position: relative;
  }
  .honer .honer-content .picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
  }
  .honer .honer-content .picScroll-left .bd ul li {
    margin: 0 16.5px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
  }
  .honer .honer-content .picScroll-left .bd ul li .pic {text-align: center;padding: 2px;border: 1px solid #ccc;overflow:hidden;width: 252px; height: 185px;
  }
  .honer .honer-content .picScroll-left .bd ul li .pic img {
    width:100%;
    height:100%;
    
  }
  .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;
  }
  
  .honer .morery{ display:block; height:46px; width:166px; border:1px solid #1a5dc2; color:#1a5dc2; font-size:16px; margin:30px auto 0;border-radius: 5px; text-align:center; line-height:46px}
  
  
  
  
  
  
  
  
  .adv {
    background: url(../images/adv.jpg) no-repeat center top;
    background-size: cover;
    height: 614px;
    padding-top: 50px;
    text-align: center;
  }
  
  .adv .adv-title{ width:870px; height:auto; margin:0 auto}
  .adv .adv-title h1 {
    font-size: 33px;
    color: #fff;
    font-weight: normal;
	line-height:60px
  }
  .adv .adv-title span {
    display: block;
    margin: 20px auto;
    width: 316px;
    height:39px;
    color: #0b3f88;
    line-height: 39px;
	font-size:16px;
    background: url(../images/adv-tel.png) no-repeat 15px 8px #fff;
	border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
	text-align:left; text-indent:42px
  }
  
  .adv .adv-title span a{color: #0b3f88;line-height: 39px;font-size:22px;}
  
  
  .adv .adv-title h3 {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
	margin-top:6px
  }
  
  
  .innews{ width:100%; height:772px; background:url(../images/zzbg.jpg) no-repeat  center 0 #f3f3f3}
  .innews ul{ width:1200px; padding-top:62px; margin:0 auto}
  .innews ul li{ width:25%; height:623px; float:left; position:relative}
  .innews ul li p{ display:block; width:132px; height:132px; position:absolute; left:50%; top:0; margin-left:-66px; z-index:10}
  .innews ul li p img{ width:100%;transition: all linear .5s;}
  .innews ul li p img:hover{transform: rotateY(360deg)}
  
  .innews ul li div{ width:92%; height:555px; border:1px solid #e9eaea;background:#fff; position:absolute; top:66px; left:4%; padding-top:66px}
  .innews ul li div,.innews ul li div *{ color:#333333}
  .innews ul li div a:hover{ color:#333333; text-decoration:underline}
  .innews ul li div h1{ font-size:30px; line-height:57px; text-align:center}
  .innews ul li div .title{ display:block; height:61px; line-height:61px; border-bottom:1px solid #f5f5f5; padding:0 15px}
  .innews  ul li div .nmore{ display:block; width:71px; height:40px; line-height:40px; background:#39c2f0; text-align:center; color:#fff; margin:10px auto 0}
  .innews  ul li div .nmore:hover{ color:#fff; text-decoration:none; background:#d00031}
  
  .innews ul li div.neblue{ background:#39c2f0}
  .innews ul li div.neblue .title{ border-bottom:1px solid #6ad5f8}
  .innews ul li div.neblue,.innews ul li div.neblue *{ color:#fff}
  .innews ul li div.neblue a:hover{ color:#fff; text-decoration:underline}
  .innews  ul li div.neblue .nmore{ background:#fff; color:#00adf1}
  .innews  ul li div.neblue .nmore:hover{ color:#fff; text-decoration:none; background:#d00031}

  


  .prod {width:100%; height:1272px; padding:50px 0 80px;background: url(../images/probg.jpg) no-repeat center top #f3f3f3;}
  
  .prod .prod-title {text-align: center;}
  .prod .prod-title .entxti{ font-size:0.5rem; line-height:0.52rem; font-family:impact; color:#8dacc8; text-align:center;text-transform:uppercase}
  .prod .prod-title h1 {font-size: 0.23rem;color: #1a5dc2;font-weight:bold;line-height:0.25rem;}
  
  .prod .pronyas{ width:1200px; height:auto; margin:30px auto 0}
  .prod .pronyas a{ width:25%; height:384px; float:left; overflow:hidden; margin-bottom:49px;display:block;position:relative}
  .prod .pronyas a div { width:92%; height:384px;text-align:center; overflow:hidden; background:#fff;margin:0 auto;}
  .prod .pronyas a div img{ width:100%; height:384px vertical-align: middle;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
  .prod .pronyas a div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
  .prod .pronyas a  span{ display:block; width:92%; height:50px; line-height:50px; position:absolute; bottom:0; left:4%; text-align:center; color:#fff; font-size:16px;background: url(../images/prolibg.png) repeat; margin:0; z-index:9;}
  
  .prod .morery{ display:block; height:46px; width:166px; border:1px solid #1a5dc2 !important; color:#1a5dc2; font-size:16px; margin:30px auto 0;border-radius: 5px; text-align:center; line-height:46px}
  
  
  
  
  
  
  .news {
    padding-top: 60px;
  }
  .news div {
    margin: 0;
    padding: 0;
  }
  .news .news-title {
    text-align: center;
  }
  .news .news-title h1 {
    font-size: 35px;
    color: #363636;
  }
  .news .news-title > a > img {
    display: block;
    margin: 10px auto;
  }
  .news .news-title h3 {
    font-size: 15px;
    font-weight: normal;
    color: #A1ADB5;
  }
  .news .news-content {
    margin-top: 50px;
    height: 600px;
  }
  .news .news-content .news-left,
  .news .news-content .news-mid {
    width: 400px;
    margin-right: 15px;
    border: 1px solid #D4E2E7;
  }
  .news .news-content .news-left .news-top,
  .news .news-content .news-mid .news-top {
    background: #00ADF1;
    padding: 10px ;
  }
  .news .news-content .news-left .news-top a,
  .news .news-content .news-mid .news-top a {
    margin-top: 6px;
  }
  .news .news-content .news-left .news-list dl,
  .news .news-content .news-mid .news-list dl {
    padding: 19.5px 15px;
    border-top: 1px solid #D4E2E7;
  }
  .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;
  }
  
  .inlxbox{ width:100%; height:522px; background:url(../images/inlxbg.jpg) no-repeat center 0; padding-top:50px}
  .inlxbox .prod-title .inline{ width:381px; height:3px; background:url(../images/inlxline.png) no-repeat center 0; margin:0.12rem auto 0}
  .inlxbox .prod-title {text-align: center;}
  .inlxbox .prod-title .entxti{ font-size:0.5rem; line-height:0.52rem; font-family:impact; color:rgba(207,207,207,0.3); text-align:center;text-transform:uppercase}
  .inlxbox .prod-title h1 {font-size: 0.23rem;color: #ffffff;font-weight:bold;line-height:0.25rem;}
  
  .inlxbox .inlx-contact{ width:355px; height:auto; margin:15px auto 0}
  .inlxbox .inlx-contact .conpxq{ float:left}
  .inlxbox .inlx-contact .conpxq p{ line-height:50px; color:#fff; font-size:18px; text-indent:63px; margin:0 !important}
  .inlxbox .inlx-contact .conpxq p a{color:#fff}
  .inlxbox .inlx-contact .conpxq p.add{background:url(../images/inlxtb1.png) no-repeat 0 center}
  .inlxbox .inlx-contact .conpxq p.hotl{background:url(../images/inlxtb2.png) no-repeat 0 center}
  .inlxbox .inlx-contact .conpxq p.tel{background:url(../images/inlxtb3.png) no-repeat 0 center}
  .inlxbox .inlx-contact .conpxq p.fax{background:url(../images/inlxtb4.png) no-repeat 0 center}
  .inlxbox .inlx-contact .conpxq p.emayx{background:url(../images/inlxtb5.png) no-repeat 0 center}
  
  .inlxbox .inlx-contact .inmessbox{ float: right; width:36.5%}
  .inlxbox .inlx-contact .inmessbox .inp_ban{ width:50%; height:27px; line-height:27px; border:1px solid #a9a9a9;  outline:none; padding:0 2%; margin-bottom:10px}
  .inlxbox .inlx-contact .inmessbox .inp_one{ width:96%; height:27px; line-height:27px; border:1px solid #a9a9a9;outline:none; padding:0 2%; margin-bottom:10px}
  .inlxbox .inlx-contact .inmessbox .inp_content{width:96%; height:75px; line-height:25px; border:1px solid #a9a9a9;outline:none; padding:0 2%; margin-bottom:10px}
  .inlxbox .inlx-contact .inmessbox .submit{ width:20%; height:32px; background:#196ac6; text-align:center; color:#fff; float:left; margin:0 3px 10px 0; border:none}
  .inlxbox .inlx-contact .inmessbox .subcz{width:20%; height:32px; background:#ff9900; text-align:center; color:#fff; float:left; margin:0 3px 10px 0; border:none}
  
  
  
  
  
  .footer{ width:100%; height:244px; background:#1a5dc2; margin-top:-20px}
	.fobox{ width:1200px; height:244px; margin:0 auto}
	.fologo{ width: auto; height:100px; padding:50px 0 0; float:left}
	.fologo img{ width:263px; display:block; margin-right:40px}
	.lxbot{ width:420px; height:100px;padding:58px 0 0; float:left}
	.lxbot,.lxbot *{ line-height:32px; color:#fff !important;}
	.lxbot b{ color:#fff}
	.foer{width:200px; height:100px; padding:53px 0 0; float:right}
	.foer img{width:128px; display:block; float:left; margin-right:10px}
	.foer p{ float:left; color:#ffffff; line-height:32px; padding-top:0px}
	.kslink{ width:240px; height:100px;padding:62px 0 0; float:right}
	.kslink li{ display:block; width:90px; height:128px; border-left:1px solid #316ec8; padding-left:20px; float:left}
	.kslink li a{ color:#fff; line-height:32px; display:block}
	.kslink li a:hover{ text-decoration:underline}
	
	.fotext{ height:54px; width:100%; line-height:54px; background:#002a6b}
	.fodbbox{ width:1200px; height:auto; margin:0 auto}
	.fotext,.fotext *{ line-height:54px; color:#fff}
	.fotext p{ float:left}
	.fotext h3{font-size:14px !important; float:right}
	.fotext a{line-height:54px; color:#fff; }
	.fotext a:hover{ text-decoration:underline}
	
	
	
	

	
	
	
	
	
    /*position*/
.position_wrap {
  border-bottom: 1px solid #ccc;
  margin: 0 auto 10px;
}
.position {
  height: 40px;
  line-height: 40px;
}
.position .span01 {
  display: block;
  padding-left: 20px;
  background: url(../images/span01.png) no-repeat left 14px;
}

  /*ny_left menu_list*/

	.menu_list{margin:10px 0 10px 0}
  .menu_list .m_1 > li {
	   float:left; width:15.6%; display:inline; margin-right:1.25%; margin-bottom:10px
  }
  .menu_list .m_1 > li:nth-child(6n) {margin-right: 0;}
  .menu_list .m_1 > li > a {
	border-radius: 5px; background:#e9e9e9; line-height:45px; display:block; width:100%; text-align:center; color:#333; font-size:20px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .menu_list .m_1 > li > a.active,
  .menu_list .m_1 > li:hover > a {
   border-radius: 5px; background:#0090db; line-height:45px; display:block; width:100%; text-align:center; color:#fff; font-size:20px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .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;
  }
  
  
  
  
  
  
  .menu_news{margin:10px 0 10px 0}
  .menu_news .m_1 > li {
	   float:left; width:23.8%; display:inline; margin-right:1.5%; margin-bottom:10px
  }
  .menu_news .m_1 > li:nth-child(4n) {margin-right: 0;}
  .menu_news .m_1 > li > a {
	border-radius: 5px; background:#e9e9e9; line-height:45px; display:block; width:100%; text-align:center; color:#333; font-size:20px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .menu_news .m_1 > li > a.active,
  .menu_news .m_1 > li:hover > a {
   border-radius: 5px; background:#0090db; line-height:45px; display:block; width:100%; text-align:center; color:#fff; font-size:20px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .menu_news .m_2 {
    display: none;
  }
  .menu_news .m_2 > li {
    line-height: 36px;
    background: #fff;
    border-bottom: 1px dashed #ccc;
  }
  .menu_news .m_2 > li:last-child {
    border-bottom: none;
  }
  .menu_news .m_2 > li:first-child {
    border-top: 1px solid #ccc;
  }
  .menu_news .m_2 > li a {
    display: block;
    padding-left: 38px;
    font-size: 12px;
  }
  .menu_news .m_2 > li a.active,
  .menu_news .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;
  }
  .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: 20px;
	overflow:hidden
  }
  .pord_list li a{ display:block;border: 1px solid #ccc; height:352px; width:100%; overflow:hidden; position:relative}
  .pord_list li img {
    width: 100%;
    height: 352px;
	transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
  }
  .pord_list li:hover img {
      transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
	}
  .pord_list li span {
    display: block;
    line-height: 35px;
    height: 35px;
	width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
	background:url(../images/prolibg.png) repeat;
	position:absolute; bottom:0; left:0; z-index:9; color:#fff
  }
  
  
  
  /*case_list*/
  .case_list {
    overflow: hidden;
  }
  .case_list li {
    float: left;
    position: relative;
    width: 25%;
    margin-bottom: 20px;
  }
  .case_list li img {
    width: 100%;
    height: 180px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
  }
  .case_list li span {
    display: block;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  
  
  /*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: 30px;
    overflow: hidden;
  }
  .news_list dl dt {
    width: 18%;
    height: 1rem;
    float: left;
	border: 1px solid #ccc;
  }
  .news_list dl dt img {
    width:100%;
    height: 100%;
  }
  .news_list dl dd {
    width: 80%;
    height: 1rem;
	float:right
  }
  .news_list dl dd a {
    font-size: 18px; margin-bottom:6px; line-height:30px; font-weight:bold; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
  }
  .news_list dl dd a:hover {
    color: #1a5dc2;
  }
  .news_list dl dd span {
    color: #a3a3a3; line-height:30px
  }
  
  .news_list dl dd p {
    color: #333; line-height:25px
  }
  /*news_show*/
  .news_content h1 {
    font-size: 28px;
    line-height: 55px;
    margin: 10px auto 0;
    text-align: center;
    
  }
  .news_content .timesrf {
    display: block;
    margin: 0 auto;
    text-align: center;border-bottom: 1px solid #f1f1f1;  color:#999; text-align:center; padding-bottom:30px
  }
  .news_content .news_show {
    width: 100%;
    margin: 20px 0;
    text-align: left;
    text-indent: 2em;
  }
  .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;
  }
  
  .page_show .weconlx{ float:left; margin-right:30px}
  .page_show .maplx{float:right;width:68%;height:450px;border:#ccc solid 1px;}
  .page_show .weconlx p,.page_show .maplx p{ text-indent:0 !important; padding:0 !important}
  
  
  .page_show p {
    text-indent: 2em;
  }
  
  .page_show,.page_show *{ line-height:200%}
  
	.aobutd h1{ font-size:0.23rem; line-height:0.4rem; margin:0; padding:0; font-weight:bold; color:#1a5dc2}
	.aobutd h3{ font-size:0.2rem; line-height:0.42rem; margin:0; font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#999; padding-left:15px}
	
	
	
	.qywhab{ width:100%; height: auto; background:#f1f1f1; padding:40px 0 40px; margin-top:30px}
	.qywhab .boxzuo{ float:left}
	.qywhab .boxyou{ float:right}
	.qywhab img{ width:464px}
.qywhab ul{ width:1140px; height:auto; margin:0px auto}
.qywenzi{ width:620px; margin-top:10px}
.qywenzi,.qywenzi *{ font-size:14px; line-height:200%}
.qywenzi p{text-indent: 2em;}





  /*产品详情*/
.ny_righta .content{ margin-top:24px;}

.zhuti{ width:46%; height: auto; display:block; float:left; position:relative}
.zhuti img{ max-width:100%; height: auto; display:block; margin:0 auto}

.righttxta{ width:50%; height: auto; display:block; float:right}
.righttxta .titlea{ font-size:24px; font-weight:bold; line-height:45px; height:45px; border-bottom:1px solid #cfcfcf}
.righttxta .contentb{}

.righttxta .contentb ul li{ border-bottom:1px dashed #cfcfcf; line-height:46px; font-size:15px; color:#666666}
.righttxta .contentb ul li span{ line-height:46px; font-size:15px; color:#333333}
.righttxta .contentb ul li .more{ width:180px; height:45px; display:block; text-align:center; line-height:45px; background:#0a72d1; color:#fff; margin-top:20px; margin-bottom:20px;border-radius: 5px; font-size:18px}


.righttxta .contenta *{ font-size:16px; line-height:28px; color:#666}


.righttxta .contentc{ margin-top:20px}

.righttxtb{ width:17%; height:auto; display:block; float:left; margin:0 6% 0 0;text-align:center; line-height:35px; font-size:14px; color:#666}
.righttxtb img{ max-width:80%; height:auto; display:block; margin:0 auto}

.blockb{ min-height:160px; margin-top:20px}
.blockb .titlea{ height:50px; border-bottom:1px solid #0a72d1}
.blockb .titlea p{ float:left; padding-left:35px; padding-right:35px; line-height:50px; background:#0a72d1; color:#fff; font-size:18px}
.blockb .contenta{ margin-top:10px; font-size:15px; line-height:28px}
.blockb .contenta img{ max-width:100%; }


  
  /*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;
  }
}


@media screen and (min-width: 769px) and (max-width: 1199px) {
  .header {
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 20px;
  }
  .header .search-box {
    display: none;
  }
  .banner .swiper-container{
    display: none;
  }
  .navs {
    background: #0e3185;
    position: relative;
    padding: 10px ;
  }
  .navs .phone-nav {
    float: right;
    cursor: pointer;
	margin-top:10px
  }
  .navs .nav_list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 15%;
    z-index: 100;
  }
  .navs .nav_list li {
    text-align: center;
    font-size: 16px;
    padding: 0 10px;
    line-height: 48px;
    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;
  }
  .product {
    text-align: center;
    padding-top: 60px;
  }

  .product .prod-title > a > img {
    display: block;
    margin: 10px auto;
  }

  
  .product .prod-title .entxti{ font-size:0.5rem; line-height:0.52rem; font-family:impact; color:#e7f0f4; text-align:center; margin-bottom:0}
   .product .prod-title h1 {
    font-size: 0.23rem;
    color: #1a5dc2;
	font-weight:bold;
	line-height:0.25rem
  }
  .product .prod-title h3 {
    font-size: 0.11rem;
    font-weight: normal;
    color: #A1ADB5;
	line-height:0.16rem;
	margin:10px auto 0;
	width:92%;
  }
  
  
  .product .prod-content {
    margin-top: 50px;
  }
  .product .prod-content li {
    margin-bottom: 30px;
  }
  .product .prod-content li {
	  width:19% !important
  }
  .product .prod-content img {
    display: block;
    margin: 0 auto;
	max-width:90%
  }
  .product .prod-content h2 {
    font-size: 18px;
    margin: 15px 0 10px 0;
    color: #000;
  }
  .product .prod-content p {
    margin: 0 50px;
    color: #7D7D7D;
  }
  
  
  
  
  
  .listproin{ width:100%; height:auto; padding:50px 0 100px;background: url(../images/listprosy700.jpg) repeat; margin-top:80px}
  .listproin .prod-title {text-align: center;}
  .listproin .prod-title .entxti{ font-size:0.5rem; line-height:0.52rem; font-family:impact; color:#8dacc8; text-align:center;text-transform:uppercase}
  .listproin .prod-title h1 {font-size: 0.23rem;color: #1a5dc2;font-weight:bold;line-height:0.25rem;}
  
  .center{ width:90%; margin:0 auto}
  .listproin .center{ margin:25px auto 0}
  .listproin li{ width:33.33%; height: auto; float:left;}
  .listproin li:first-child{ width:50%; margin-bottom:30px}
  .listproin li:nth-child(4n+2){ width:50%; margin-bottom:30px}
  .listproin li:first-child a{ width:96%}
  .listproin li:nth-child(4n+2) a{ width:96%}
  
  .listproin li a{ display:block; width:94%; margin:0 auto; }
  .listproin li a p{ display:block; width:100%;overflow:hidden; margin-bottom:0}
  .listproin li a p img{ width:100%;}
  .listproin li a div{ width:100%; height: auto; text-align:center; padding-bottom:30px}
  .listproin li a div h1{ font-size:18px; line-height:40px; padding-top:20px;}
  .listproin li a div h3{ font-size:14px; line-height:25px; width:90%; margin:0px auto}

  .listproin li a div{ background:#fff}
  .listproin li a div h1{ color:#1a5dc2}
  .listproin li a div h3{ color:#666666}
  .listproin li a div span{ display:block; width:66px; height:22px; border:1px solid #bebebe; color:#999; margin:20px auto 0; font-size:12px; line-height:18px}
  .listproin li:hover a div span{ background:#d00031; border:1px solid #d00031; color:#fff;transition:all .3s ease}
  
  
  
  
  
  
  .prod {width:100%; height: auto; padding:50px 0 80px;background: url(../images/listprosy700.jpg) repeat;}
  
  .prod .prod-title {text-align: center;}
  .prod .prod-title .entxti{ font-size:0.5rem; line-height:0.52rem; font-family:impact; color:#8dacc8; text-align:center;text-transform:uppercase}
  .prod .prod-title h1 {font-size: 0.23rem;color: #1a5dc2;font-weight:bold;line-height:0.25rem;}
  
  .prod .pronyas{ width:90%; height:auto; margin:30px auto 0}
  .prod .pronyas a{ width:33.33%;  float:left; overflow:hidden; margin-bottom:49px;display:block; position:relative}
  .prod .pronyas a div { width:92%;text-align:center; overflow:hidden; background:#fff;margin:0 auto;}
  .prod .pronyas a div img{ width: 100%;transition:all 0.8s;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;}
	.prod .pronyas a div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
  .prod .pronyas a span{ display:block; width:92%; height:50px; line-height:50px;  text-align:center;  font-size:16px; margin:0; background:url(../images/prolibg.png); position:absolute; bottom:0; left:4%; z-index:9; color:#fff}
  
  .prod .pronyas a:nth-child(7n),.prod .pronyas a:nth-child(8n){display:none}
  
  .prod .morery{display:block; height:46px; width:166px; border:1px solid #1a5dc2; color:#1a5dc2; font-size:16px; margin:30px auto 0;border-radius: 5px; text-align:center; line-height:46px}
  
  
  
  
  
  
  
    .innewsyi{ width:100%; height:488px; background:#1a5dc2; overflow:hidden;position:relative}
  .innewsyi ul{ width:100%; height:488px;  }
  .innewsyi ul li.innnic{position:absolute; right:50%; top:0; width:980px }
  .innewsyi ul li.innnic img{width:100%; height: auto}
  .innewsyi .innebox{ width:42%; height:auto; position:absolute; right:4%; top:0; z-index:999}
  .innewsyi .innebox .inneliet{ width:100%; float:right; margin-top:35px}
  .innewsyi .innebox .inneliet h1{ color:#71a5f3; font-size:70px; font-family:impact; line-height:90px}
  .innewsyi .innebox .inneliet h2{ color:#fff; font-size:30px; line-height:40px}
  .innewsyi .innebox .inneliet div{ margin-top:20px;margin-bottom:20px}
  .innewsyi .innebox .inneliet div .title{ display:block; width:100%; height:44px; line-height:44px; font-size:16px; color:#fff; border-bottom:1px solid #487dce}
  .innewsyi .innebox .inneliet div .title:hover{ text-decoration:underline}
  
  
  
    .inysbox{ width:92%; height: auto; margin:70px auto}
  
  
  .honer {width:100%; height:auto; padding:50px 0 80px;background: #f3f3f3; margin-top:20px;
  }
  
  .honer .prod-title {text-align: center;}
  .honer .prod-title .entxti{ font-size:0.5rem; line-height:0.52rem; font-family:impact; color:#cfcfcf; text-align:center;text-transform:uppercase}
  .honer .prod-title .entxti2{ font-size:0.15rem; line-height:0.23rem;font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#999;;text-align:center;text-transform:uppercase}
  .honer .prod-title h1 {font-size: 0.23rem;color: #1a5dc2;font-weight:bold;line-height:0.25rem;}
    .honer .morery{ display:block; height:46px; width:166px; border:1px solid #1a5dc2; color:#1a5dc2; font-size:16px; margin:30px auto 0;border-radius: 5px; text-align:center; line-height:46px}
	
	
  .honer .honer-s-content {
    display: block;
    margin-top: 30px;
  }
  .honer .honer-s-content div {
    padding: 0;
    margin: 0 ;
  }
  .honer .honer-s-content div div {
    margin-bottom: 30px;
  }
  .honer .honer-s-content img {
    display: block;
    margin: 0 auto;
  }
  .honer .honer-content {
    display: none;
  }
  
  
  
  .adv {
    background: url(../images/adv.jpg) no-repeat center top;
    background-size: cover;
    height: 395px;
    padding-top: 50px;
    text-align: center;
  }
  
  .adv .adv-title{ width:570px; height:auto; margin:0 auto}
  
  .adv .adv-title h1 {
    font-size: 30px;
    color: #fff;
    font-weight: normal;
	line-height:60px
  }
  .adv .adv-title span {
    display: block;
    margin: 20px auto;
    width: 316px;
    height:39px;
    color: #0b3f88;
    line-height: 39px;
	font-size:16px;
    background: url(../images/adv-tel.png) no-repeat 15px 8px #fff;
	border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
	text-align:left; text-indent:42px
  }
  .adv .adv-title span a{color: #0b3f88;line-height: 39px;font-size:22px;}
  .adv .adv-title h3 {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
	margin-top:6px
  }
  
  
  
  .innews{ width:100%; height: auto; background:#f3f3f3}
  .innews ul{ width:90%; padding-top:62px;padding-bottom:32px; margin:0 auto}
  .innews ul li{ width:50%; height:623px; float:left; position:relative; margin-bottom:30px}
  .innews ul li p{ display:block; width:132px; height:132px; position:absolute; left:50%; top:0; margin-left:-66px; z-index:10}
  .innews ul li p img{ width:100%;transition: all linear .5s;}
  .innews ul li p img:hover{transform: rotateY(360deg)}
  
  .innews ul li div{ width:92%; height:555px; border:1px solid #e9eaea;background:#fff; position:absolute; top:66px; left:4%; padding-top:66px}
  .innews ul li div,.innews ul li div *{ color:#333333}
  .innews ul li div a:hover{ color:#333333; text-decoration:underline}
  .innews ul li div h1{ font-size:30px; line-height:57px; text-align:center}
  .innews ul li div .title{ display:block; height:61px; line-height:61px; border-bottom:1px solid #f5f5f5; padding:0 15px}
  .innews  ul li div .nmore{ display:block; width:71px; height:40px; line-height:40px; background:#39c2f0; text-align:center; color:#fff; margin:10px auto 0}
  .innews  ul li div .nmore:hover{ color:#fff; text-decoration:none; background:#d00031}
  
  .innews ul li div.neblue{ background:#39c2f0}
  .innews ul li div.neblue .title{ border-bottom:1px solid #6ad5f8}
  .innews ul li div.neblue,.innews ul li div.neblue *{ color:#fff}
  .innews ul li div.neblue a:hover{ color:#fff; text-decoration:underline}
  .innews  ul li div.neblue .nmore{ background:#fff; color:#00adf1}
  .innews  ul li div.neblue .nmore:hover{ color:#fff; text-decoration:none; background:#d00031}

  
  
  
  

  
  
  
  
  
  
  
  
  
  
  .news {
    padding-top: 60px;
  }
  .news div {
    padding: 0;
    margin: 0 ;
  }
  .news .news-title {
    text-align: center;
  }
  .news .news-title h1 {
    font-size: 35px;
    color: #363636;
  }
  .news .news-title > a > img {
    display: block;
    margin: 10px auto;
  }
  .news .news-title h3 {
    font-size: 15px;
    font-weight: normal;
    color: #A1ADB5;
  }
  .news .news-content {
    margin-top: 50px;
  }
  .news .news-content .news-left,
  .news .news-content .news-mid {
    border: 1px solid #D4E2E7;
  }
  .news .news-content .news-left .news-top,
  .news .news-content .news-mid .news-top {
    background: #00ADF1;
    padding: 10px ;
  }
  .news .news-content .news-left .news-top a,
  .news .news-content .news-mid .news-top a {
    margin-top: 6px;
  }
  .news .news-content .news-left .news-list dl,
  .news .news-content .news-mid .news-list dl {
    padding: 19.5px 15px;
    border-top: 1px solid #D4E2E7;
  }
  .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: 70%;
  }
  .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-mid {
    margin-left: 16.66%;
  }
  .news .news-content .news-right {
    border: 1px solid #D4E2E7;
    margin: 30px 0 0  25%;
  }
  .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: 17.5px 10px 17.5px 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;
  }
 
 
 
   .inlxbox{ width:100%; height:522px; background:url(../images/inlxbg.jpg) no-repeat center 0; padding-top:50px}
  .inlxbox .prod-title .inline{ width:381px; height:3px; background:url(../images/inlxline.png) no-repeat center 0; margin:0.12rem auto 0}
  .inlxbox .prod-title {text-align: center;}
  .inlxbox .prod-title .entxti{ font-size:0.5rem; line-height:0.52rem; font-family:impact; color:rgba(207,207,207,0.3); text-align:center;text-transform:uppercase}
  .inlxbox .prod-title h1 {font-size: 0.23rem;color: #ffffff;font-weight:bold;line-height:0.25rem;}
  
  .inlxbox .inlx-contact{ width:100%; height:auto; margin:15px auto 0}
  .inlxbox .inlx-contact .conpxq{ float:left; margin:0 0 0 1%}
  .inlxbox .inlx-contact .conpxq p{ line-height:50px; color:#fff; font-size:18px; text-indent:63px; margin:0 !important}
  .inlxbox .inlx-contact .conpxq p a{color:#fff}
  .inlxbox .inlx-contact .conpxq p.add{background:url(../images/inlxtb1.png) no-repeat 0 center}
  .inlxbox .inlx-contact .conpxq p.hotl{background:url(../images/inlxtb2.png) no-repeat 0 center}
  .inlxbox .inlx-contact .conpxq p.tel{background:url(../images/inlxtb3.png) no-repeat 0 center}
  .inlxbox .inlx-contact .conpxq p.fax{background:url(../images/inlxtb4.png) no-repeat 0 center}
  .inlxbox .inlx-contact .conpxq p.emayx{background:url(../images/inlxtb5.png) no-repeat 0 center}
  
  .inlxbox .inlx-contact .inmessbox{ float: right; width:40%; margin-top:20px}
  .inlxbox .inlx-contact .inmessbox .inp_ban{ width:70%; height:27px; line-height:27px; border:1px solid #a9a9a9;  outline:none; padding:0 2%; margin-bottom:10px}
  .inlxbox .inlx-contact .inmessbox .inp_one{ width:96%; height:27px; line-height:27px; border:1px solid #a9a9a9;outline:none; padding:0 2%; margin-bottom:10px}
  .inlxbox .inlx-contact .inmessbox .inp_content{width:96%; height:75px; line-height:25px; border:1px solid #a9a9a9;outline:none; padding:0 2%; margin-bottom:10px}
  .inlxbox .inlx-contact .inmessbox .submit{ width:30%; height:32px; background:#196ac6; text-align:center; color:#fff; float:left; margin:0 3px 10px 0; border:none}
  .inlxbox .inlx-contact .inmessbox .subcz{width:30%; height:32px; background:#ff9900; text-align:center; color:#fff; float:left; margin:0 3px 10px 0; border:none}
 
 
 .footer{ width:100%; height: 204px; background:#1a5dc2; margin-top:-20px}
	.fobox{ width:96%; height: auto; margin:0 auto; }
	.fologo{ width: auto; height: auto; padding:30px 0 30px;float:left}
	.fologo img{ width:203px; display:block; margin-right:30px; margin-top:15px}
	.lxbot{ width:360px; height:100px;padding:33px 0 0; float:left}
	.lxbot,.lxbot *{ line-height:32px; color:#fff !important;}
	.lxbot b{ color:#fff}
	.foer{width:140px;  padding:20px 0 0; float:right}
	.foer img{width:128px; display:block; float:left; margin-right:10px}
	.foer p{ float:left; color:#ffffff; line-height:32px; padding-top:0px}
	.kslink{ width:240px;padding:62px 0 0; float:left; display:none}
	.kslink li{ display:block; width:90px; height:128px; border-left:1px solid #316ec8; padding-left:20px; float:left}
	.kslink li a{ color:#fff; line-height:32px; display:block}
	.kslink li a:hover{ text-decoration:underline}
	
	.fotext{ height: auto; width:100%; background:#002a6b; padding:10px 0}
	.fodbbox{ width:96%; height:auto; margin:0 auto; text-align:center}
	.fotext,.fotext *{ line-height:25px; color:#fff}
	.fotext p{ margin:0 !important}
	.fotext h3{font-size:14px !important}
	.fotext a{line-height:25px; color:#fff; }
	.fotext a:hover{ text-decoration:underline}
	
	
	
	
	
  /*position*/
.position_wrap {
  border-bottom: 1px solid #ccc;
  margin: 0 auto 10px;
}
.position {
  height: 40px;
  line-height: 40px;
  margin: 0 50px;
}
.position .span01 {
  display: block;
  padding-left: 20px;
  background: url(../images/span01.png) no-repeat left 14px;
}
/*ny_left menu_list*/
.menu_list{ padding-bottom:10px}
  .menu_list .m_1 > li {
	   float:left; width:32.33%; display:inline; margin-right:1.5%; margin-bottom:10px
  }
  .menu_list .m_1 > li:nth-child(3n) {margin-right: 0;}
  .menu_list .m_1 > li > a {
	border-radius: 5px; background:#e9e9e9; line-height:45px; display:block; width:100%; text-align:center; color:#333; font-size:18px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .menu_list .m_1 > li > a.active,
  .menu_list .m_1 > li:hover > a {
   border-radius: 5px; background:#0090db; line-height:45px; display:block; width:100%; text-align:center; color:#fff; font-size:18px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .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;
  }
  
  
  
  
  
  
  .menu_news{margin:7px 0 7px 0}
  .menu_news .m_1 > li {
	   float:left; width:23.8%; display:inline; margin-right:1.5%; margin-bottom:10px
  }
  .menu_news .m_1 > li:nth-child(4n) {margin-right: 0;}
  .menu_news .m_1 > li > a {
	border-radius: 5px; background:#e9e9e9; line-height:45px; display:block; width:100%; text-align:center; color:#333; font-size:18px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .menu_news .m_1 > li > a.active,
  .menu_news .m_1 > li:hover > a {
   border-radius: 5px; background:#0090db; line-height:45px; display:block; width:100%; text-align:center; color:#fff; font-size:18px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .menu_news .m_2 {
    display: none;
  }
  .menu_news .m_2 > li {
    line-height: 36px;
    background: #fff;
    border-bottom: 1px dashed #ccc;
  }
  .menu_news .m_2 > li:last-child {
    border-bottom: none;
  }
  .menu_news .m_2 > li:first-child {
    border-top: 1px solid #ccc;
  }
  .menu_news .m_2 > li a {
    display: block;
    padding-left: 38px;
    font-size: 12px;
  }
  .menu_news .m_2 > li a.active,
  .menu_news .m_2 > li a:hover {
    color: #00ADF1;
  }
  
  
  
  
  
  
/*ny_left slider_contact*/
.slider_contact {
  color: #333333;
}
.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 {
  /*margin-top: 30px;*/
}
.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;
  margin: 10px 0;
  position: relative;
}

.pord_list li a{display:block;border: 1px solid #ccc; height:2.9rem; width:100%; overflow:hidden; position:relative}

.pord_list li img {
    width: 100%;
    height:100%;
	transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
  }
  .pord_list li:hover img {
      transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
	}
  .pord_list li span {
    display: block;
    line-height: 40px;
    height: 40px;
	width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
	background:url(../images/prolibg.png) repeat;
	position:absolute; bottom:0; left:0; z-index:9; color:#fff
  }


/*case_list*/
  
  
.case_list {
  overflow: hidden;
}
.case_list li {
  float: left;
  margin: 10px 0;
  position: relative;
}
.case_list li a{display:block; height:1.8rem; width:100%; overflow:hidden;}
.case_list li img {
  width: 100%;
  height: 1.5rem;
  border:1px solid #ccc;
  margin-bottom: 5px;
}
.case_list li span {
  display: block;
  line-height: 30px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

/*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;
}



 /*产品详情*/
.ny_righta .content{ margin-top:24px;}

.zhuti{ width:46%; height: auto; display:block; float:left; position:relative}
.zhuti img{ max-width:100%; height: auto; display:block; margin:0 auto}

.righttxta{ width:50%; height: auto; display:block; float:right}
.righttxta .titlea{ font-size:24px; font-weight:bold; line-height:45px; height:45px; border-bottom:1px solid #cfcfcf}
.righttxta .contentb{}

.righttxta .contentb ul li{ border-bottom:1px dashed #cfcfcf; line-height:46px; font-size:15px; color:#666666}
.righttxta .contentb ul li span{ line-height:46px; font-size:15px; color:#333333}
.righttxta .contentb ul li .more{ width:180px; height:45px; display:block; text-align:center; line-height:45px; background:#0a72d1; color:#fff; margin-top:20px; margin-bottom:20px;border-radius: 5px; font-size:18px}


.righttxta .contenta *{ font-size:16px; line-height:28px; color:#666}


.righttxta .contentc{ margin-top:20px}

.righttxtb{ width:17%; height:auto; display:block; float:left; margin:0 6% 0 0;text-align:center; line-height:35px; font-size:14px; color:#666}
.righttxtb img{ max-width:80%; height:auto; display:block; margin:0 auto}

.blockb{ min-height:160px; margin-top:20px}
.blockb .titlea{ height:50px; border-bottom:1px solid #0a72d1}
.blockb .titlea p{ float:left; padding-left:35px; padding-right:35px; line-height:50px; background:#0a72d1; color:#fff; font-size:18px}
.blockb .contenta{ margin-top:10px; font-size:15px; line-height:28px}
.blockb .contenta img{ max-width:100%; }






/*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;
  width: 60%;
}
.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%;
	margin:20px auto
  }
  .news_list dl dt {
    width: 18%;
    height: 1rem;
    float: left;
	border: 1px solid #ccc;
  }
  .news_list dl dt img {
    width:100%;
    height: 100%;
	margin-bottom:20px
  }
  .news_list dl dd {
    width: 80%;
    height: 1rem;
	float:right
  }
  .news_list dl dd a {
    font-size: 16px; line-height:30px; font-weight:bold; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
  }
  .news_list dl dd a:hover {
    color: #1a5dc2;
  }
  .news_list dl dd span {
    color: #a3a3a3; line-height:25px
  }
  
  .news_list dl dd p {
    color: #333; line-height:25px; max-height:50px; overflow:hidden; margin:0
  }
/*news_show*/
.news_content h1 {
    font-size: 22px;
    line-height: 45px;
    margin: 5px auto 0;
    text-align: center;
    
  }
  .news_content .timesrf {
    display: block;
    margin: 0 auto;
    text-align: center;border-bottom: 1px solid #f1f1f1;  color:#999; text-align:center; padding-bottom:20px
  }
  
.news_content .news_show {
  width: 100%;
  margin: 20px 0;
  text-align: left;
  text-indent: 2em;
}
.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*/


.wrap,.qywhab ul{margin:0 auto; width:92%}
.list_page {
    font-size: 16px;
  }
  .page_show {
    padding-top: 10px;
  }
  .page_show p {
    text-indent: 2em;
  }
  
  .page_show .weconlx{ float:left; }
  .page_show .maplx{float:right;width:54%;height:450px;border:#ccc solid 1px;}
  .page_show .weconlx p,.page_show .maplx p{ text-indent:0 !important; padding:0 !important}
  
  
  .page_show,.page_show *{ line-height:200%}
  
	.aobutd h1{ font-size:0.23rem; line-height:0.4rem; margin:0; padding:0; font-weight:bold; color:#1a5dc2}
	.aobutd h3{ font-size:0.15rem; line-height:0.42rem; margin:0; font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#999; padding-left:10px}
	
	
	
	.qywhab{ width:100%; height: auto; background:#f1f1f1; padding:40px 0 40px; margin-top:30px}
	.qywhab .boxzuo{ float:left}
	.qywhab .boxyou{ float:right}
	.qywhab .imgboxsf{ width:50%; display:block; }
	.qywhab  .imgboxsf img{width:100%;}
.qywenzi{ width:45%; margin-top:10px}
.qywenzi,.qywenzi *{ font-size:14px; line-height:200%}
.qywenzi p{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;
}
}
@media screen and (max-width: 768px) {
  .header {
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 20px;
  }
  

  
  
  .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: 35%;
    left: 0;
    width: 100%;
    padding-left: 10%;
    z-index: 200;
  }
  .banner .swiper-container .swiper-slide ul h1 {
    font-size: 0.65rem;
    color: #fff;
  }
  .banner .swiper-container .swiper-slide ul h1 span {
    font-size: 0.9rem;
  }
  .banner .swiper-container .swiper-slide ul h1 span span {
    color: #0894CB;
  }
  .banner .swiper-container .swiper-slide ul h2 {
    text-indent: 0.9rem;
    font-size: 26px;
    color: #C4C7AF;
    margin-top: 0.3rem;
  }
  .banner .swiper-container .swiper-slide ul > li {
    float: left;
    width: 30%;
    height: 35px;
    font-size: 16px;
    text-align: center;
    line-height: 33px;
    margin: 20px  10px 0;
  }
  .banner .swiper-container .swiper-slide ul > li a {
    color: #fff;
  }
  .banner .swiper-container .swiper-slide ul > li.cases {
    border: 1px solid #fff;
    margin-left: 0.8rem;
  }
  .banner .swiper-container .swiper-slide ul > li.indexs {
    background: #00ADF1;
  }
  .phone-nav {
    margin-top: 0.15rem;
  }
  .navs {
    background: #0e3185;
    position: relative;
    padding: 6px 10px ;
  }
  
    .navs .logo {
    margin-top: 0; margin-bottom:0
  }
  .navs .logo img { height:50px
  }
  
  
  .navs .phone-nav {
    float: right;
    cursor: pointer;
	margin-top:10px
  }
  .navs .nav_list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 35%;
    z-index: 100;
  }
  .navs .nav_list li {
    text-align: center;
    font-size: 16px;
    padding: 0 10px;
    line-height: 48px;
    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;
  }
  .product {
    text-align: center;
    padding-top: 0.5rem;
  }

  
  .product .prod-title .entxti{ font-size:0.8rem; line-height:0.85rem; font-family:impact; color:#e7f0f4; text-align:center; margin-bottom:0}
   .product .prod-title h1 {
    font-size: 0.5rem;
    color: #1a5dc2;
	font-weight:bold;
	line-height:0.55rem
  }
  .product .prod-title h3 {
    font-size: 0.3rem;
    font-weight: normal;
    color: #A1ADB5;
	line-height:0.35rem;
	margin: 0.3rem auto 0;
	width:92%;
  }
  
  
  
  .product .prod-title > a {
    display: block;
    width: 100%;
    margin: 10px auto;
  }
  .product .prod-title > a img {
    width: 100%;
  }

  .product .prod-content {
    margin-top: 50px;
  }
  .product .prod-content li {
    margin-bottom: 30px;
  }
  .product .prod-content img {
    display: block;
    margin: 0 auto;
  }
  .product .prod-content h2 {
    font-size: 0.4rem;
    margin: 15px 0 10px 0;
    color: #000;
  }
  .product .prod-content p {
    margin: 0 1rem;
    line-height: 0.5rem;
    color: #7D7D7D;
  }
  
  
  
  .listproin{ width:100%; height:auto; padding:0.5rem 0 1rem;background: url(../images/listprosy700.jpg) repeat; margin-top:0.5rem}
  .listproin .prod-title {text-align: center;}
  .listproin .prod-title .entxti{ font-size:0.8rem; line-height:0.85rem; font-family:impact; color:#8dacc8; text-align:center;text-transform:uppercase}
  .listproin .prod-title h1 {font-size: 0.5rem;color: #1a5dc2;font-weight:bold;line-height:0.55rem;}
  
  .center{ width:90%; margin:0 auto}
  .listproin .center{ margin:25px auto 0}
  .listproin li{ width:50%; height: auto; float:left; margin-bottom:0.25rem}
  .listproin li:first-child{ width:100%; height: auto; float:left; margin-bottom:0.25rem}
  .listproin li:first-child  div{min-height:2.0rem}

  
  .listproin li a{ display:block; width:94%; margin:0 auto; }
  .listproin li a p{ display:block; width:100%;overflow:hidden; margin-bottom:0}
  .listproin li a p img{ width:100%;}
  .listproin li a div{ width:100%; min-height: 2.8rem; text-align:center; padding-bottom:0.25rem}
  .listproin li a div h1{ font-size:0.3rem; line-height:0.45rem; padding-top:5px;}
  .listproin li a div h3{ font-size:0.25rem; line-height:0.4rem; width:90%; margin:0px auto}

  .listproin li a div{ background:#fff}
  .listproin li a div h1{ color:#1a5dc2}
  .listproin li a div h3{ color:#666666}
  .listproin li a div span{ display:block; width:66px; height:22px; border:1px solid #bebebe; color:#999; margin:10px auto 0; font-size:12px; line-height:18px}
  .listproin li:hover a div span{ background:#d00031; border:1px solid #d00031; color:#fff;transition:all .3s ease}
  
  
  
  
  
    .prod {width:100%; height: auto; padding:0.5rem 0 1rem;background: url(../images/listprosy700.jpg) repeat;}
  
  .prod .prod-title {text-align: center;}
  .prod .prod-title .entxti{ font-size:0.8rem; line-height:0.85rem; font-family:impact; color:#8dacc8; text-align:center;text-transform:uppercase}
  .prod .prod-title h1 {font-size: 0.5rem;color: #1a5dc2;font-weight:bold;line-height:0.55rem;}
  
  .prod .pronyas{ width:92%; height:auto; margin:30px auto 0}
  .prod .pronyas a{ width:50%;  float:left; overflow:hidden; margin-bottom:0.25rem;display:block; position:relative}
  .prod .pronyas a div { width:92%;text-align:center; overflow:hidden; background:#fff;margin:0 auto;}
  .prod .pronyas a div img{ width: 100%;transition:all 0.8s;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;}
	.prod .pronyas a div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
  .prod .pronyas a span{ display:block; width:92%; height:0.8rem; line-height:0.8rem;  text-align:center;  font-size:0.25rem; margin:0; background:url(../images/prolibg.png); position:absolute; bottom:0; left:4%; z-index:9; color:#fff}
  
  .prod .pronyas a:nth-child(7n),.prod .pronyas a:nth-child(8n){display:none}
  
  .prod .morery{display:block; height:0.8rem; width:30%; border:1px solid #1a5dc2; color:#1a5dc2; font-size:0.25rem; margin:15px auto 0;border-radius: 5px; text-align:center; line-height:0.8rem}
  
  
  
  
  
  
      .innewsyi{ width:100%; height: auto; background:#1a5dc2; padding-bottom:0.3rem}
  .innewsyi ul li.innnic{width:100% }
  .innewsyi ul li.innnic img{width:100%; height: auto}
  .innewsyi .innebox{ width:90%; height:auto; margin:0 auto }
  .innewsyi .innebox .inneliet{ width:100%; margin-top:0.3rem; }
  .innewsyi .innebox .inneliet h1{ color:#71a5f3; font-size:0.8rem; font-family:impact; line-height:0.85rem}
  .innewsyi .innebox .inneliet h2{ color:#fff; font-size:0.5rem; line-height:0.55rem}
  .innewsyi .innebox .inneliet div{ margin-top:10px;}
  .innewsyi .innebox .inneliet div .title{ display:block; width:100%; height:0.8rem; line-height:0.8rem; font-size:0.25rem; color:#fff; border-bottom:1px solid #487dce}

  
  .inysbox{ width:92%; height: auto; margin:0.6rem auto}
  .inysbox li{ width:50%; text-align:center; float:left; display:block; margin-bottom:0.6rem}
  .inysbox li{ border-right:1px solid #eaeaea}
  .inysbox li:nth-child(2n){ border-right:none}
  .inysbox li div{ width:80px; height:80px; border:1px solid #39c2f0; overflow:hidden; border-radius:40px; margin:0 auto}
  .inysbox li div .bolyc,.inysbox li:hover div .bolzx{ display: none}
  .inysbox li:hover div .bolyc{ display: block}
  .inysbox li:hover div{ background:#39c2f0;transition:all .3s ease}
  .inysbox li div img{ width:100%;}
  .inysbox li h3{ font-size:0.5rem; font-weight:100; color:#42b3e5; line-height:0.85rem}
  .inysbox li p{ line-height:0.4rem; color:#666666; font-size:0.25rem; width:70%; margin:0 auto; height:2.5rem}
  
  
 .honer {width:100%; height:auto; padding:30px 0 50px;background: #f3f3f3; margin-top:10px;
  }
  
  .honer .prod-title {text-align: center;}
  .honer .prod-title .entxti{ font-size:0.8rem; line-height:0.85rem; font-family:impact; color:#cfcfcf; text-align:center;text-transform:uppercase}
  .honer .prod-title .entxti2{ font-size:0.35rem; line-height:0.23rem;font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#999;;text-align:center;text-transform:uppercase}
  .honer .prod-title h1 {font-size: 0.5rem;color: #1a5dc2;font-weight:bold;line-height:0.55rem;}
    .honer .morery{ display:block; height:0.8rem; width:30%; border:1px solid #1a5dc2; color:#1a5dc2; font-size:0.25rem; margin:15px auto 0;border-radius: 5px; text-align:center; line-height:0.8rem}
	
	
  .honer .honer-s-content {
    display: block;
    margin-top: 30px;
  }
  .honer .honer-s-content div {
    padding: 0;
    margin: 0 auto ;
	width:92%
  }
  .honer .honer-s-content div div {
    margin-bottom: 30px;
	width:50%; float:left
  }
  .honer .honer-s-content img {
    display: block;
    margin: 0 auto;
	width:90%
  }
  .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{ width:90%; height:auto; margin:0 auto}
  
  .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 {
    display: block;
    margin: 20px auto;
    width: 266px;
    height:34px;
    color: #0b3f88;
    line-height: 34px;
	font-size:12px;
    background: url(../images/adv-tel.png) no-repeat 12px 4px #fff;
	border-radius:17px 17px 17px 17px / 17px 17px 17px 17px;
	text-align:left; text-indent:42px
  }
  .adv .adv-title span a{color: #0b3f88;line-height:34px;font-size:18px;}
  
  .adv .adv-title h3 {
    font-size: 0.25rem;
    color: #fff;
    margin: 0.2rem 0.2rem;
    line-height: 0.4rem;
  }
  
  
  
  .innews{ width:100%; height: auto; background:#f3f3f3}
  .innews ul{ width:92%; padding-top:32px;padding-bottom:22px; margin:0 auto}
  .innews ul li{ width:100%; height: auto;position:relative; margin-bottom:10px; float:left}
  .innews ul li p{ display:block; width:100px; height:100px; position: relative; margin:0 auto; z-index:10}
  .innews ul li p img{ width:100%;transition: all linear .5s;}
  .innews ul li p img:hover{transform: rotateY(360deg)}
  
  .innews ul li div{ width:92%; height: auto; border:1px solid #e9eaea;background:#fff; padding-top:50px; margin:-50px auto 0}
  .innews ul li div,.innews ul li div *{ color:#333333}
  .innews ul li div a:hover{ color:#333333; text-decoration:underline}
  .innews ul li div h1{ font-size:0.5rem; line-height:0.85rem; text-align:center}
  .innews ul li div .title{ display:block; height:0.8rem; line-height:0.8rem; border-bottom:1px solid #f5f5f5; padding:0 15px; font-size:0.25rem}
  .innews  ul li div .nmore{ display:block; width:30%; height:0.8rem; line-height:0.8rem; background:#39c2f0; text-align:center; color:#fff; margin:10px auto 15px; font-size:0.25rem}
  .innews  ul li div .nmore:hover{ color:#fff; text-decoration:none; background:#d00031}
  
  .innews ul li div.neblue{ background:#39c2f0}
  .innews ul li div.neblue .title{ border-bottom:1px solid #6ad5f8}
  .innews ul li div.neblue,.innews ul li div.neblue *{ color:#fff}
  .innews ul li div.neblue a:hover{ color:#fff; text-decoration:underline}
  .innews  ul li div.neblue .nmore{ background:#fff; color:#00adf1}
  .innews  ul li div.neblue .nmore:hover{ color:#fff; text-decoration:none; background:#d00031}
  
  
  
 
    .inlxbox{ width:100%; height: auto; background:#565554; padding:50px 0}
  .inlxbox .prod-title .inline{ width:100%; height:3px; background:url(../images/inlxline.png) no-repeat center 0; margin:0.12rem auto 0}
  .inlxbox .prod-title {text-align: center;}
  .inlxbox .prod-title .entxti{ font-size:0.8rem; line-height:0.55rem; font-family:impact; color:rgba(207,207,207,0.3); text-align:center;text-transform:uppercase}
  .inlxbox .prod-title h1 {font-size: 0.5rem;color: #fff;font-weight:bold;line-height:0.55rem;}
  
  .inlxbox .inlx-contact{ width:100%; height:auto; margin:15px auto 0}
  .inlxbox .inlx-contact .conpxq{  margin:0 0 0 1%}
  .inlxbox .inlx-contact .conpxq p{ line-height:0.5rem; color:#fff; font-size:0.25rem; padding-left:6%; margin:0 !important}
  .inlxbox .inlx-contact .conpxq p a{color:#fff}
  .inlxbox .inlx-contact .conpxq p.add{background:url(../images/inlxtb1.png) no-repeat 0 center;background-size:5%}
  .inlxbox .inlx-contact .conpxq p.hotl{background:url(../images/inlxtb2.png) no-repeat 0 center;background-size:5%}
  .inlxbox .inlx-contact .conpxq p.tel{background:url(../images/inlxtb3.png) no-repeat 0 center;background-size:5%}
  .inlxbox .inlx-contact .conpxq p.fax{background:url(../images/inlxtb4.png) no-repeat 0 center;background-size:5%}
  .inlxbox .inlx-contact .conpxq p.emayx{background:url(../images/inlxtb5.png) no-repeat 0 center;background-size:5%}
  
  .inlxbox .inlx-contact .inmessbox{ width:96%; margin:20px auto}
  .inlxbox .inlx-contact .inmessbox .inp_ban{ width:70%; height:0.6rem; line-height:0.8rem; border:1px solid #a9a9a9;  outline:none; padding:0 2%; margin-bottom:10px; font-size:0.25rem}
  .inlxbox .inlx-contact .inmessbox .inp_one{ width:96%; height:0.6rem; line-height:27px; border:1px solid #a9a9a9;outline:none; padding:0 2%; margin-bottom:10px; font-size:0.25rem}
  .inlxbox .inlx-contact .inmessbox .inp_content{width:96%; height:1.8rem; line-height:25px; border:1px solid #a9a9a9;outline:none; padding:0 2%; margin-bottom:10px; font-size:0.25rem}
  .inlxbox .inlx-contact .inmessbox .submit{ width:30%; height:32px; background:#196ac6; text-align:center; color:#fff; float:left; margin:0 10px 10px 0; border:none; font-size:0.25rem}
  .inlxbox .inlx-contact .inmessbox .subcz{width:30%; height:32px; background:#ff9900; text-align:center; color:#fff; float:left; margin:0 10px 10px 0; border:none; font-size:0.25rem}
 
 
  .footer{ width:100%; height: auto; background:#1a5dc2; margin-top:-20px}
	.fobox{ width:96%; height: auto; margin:0 auto; }
	.fologo{ width: auto; height: 160px; padding:30px 0 10px; position:relative}
	.fologo img{ width:263px; display:block; position:absolute; left:50%; top:30px; margin-left:-120px}
	.lxbot{ width:100%; height: auto;padding:10px 0; text-align:center}
	.lxbot,.lxbot *{ line-height:0.5rem; color:#fff !important; font-size:0.25rem}
	.lxbot b{ color:#fff}
	.foer{width:100%;  padding:10px 0; }
	.foer img{width:162px; display:block; margin:0 auto}
	.foer p{  color:#ffffff; line-height:0.5rem; font-size:0.25rem; text-align:center}
	.kslink{ width:100%;padding:10px 0; border-top:1px solid #316ec8}
	.kslink li{ display:block; height: auto;width:100%; text-align:center}
	.kslink li a{ color:#fff; line-height:0.5rem; font-size:0.25rem; padding:0 15px}
	.kslink li a:hover{ text-decoration:underline}
	
	.fotext{ height: auto; width:100%; background:#002a6b; padding:10px 0}
	.fodbbox{ width:96%; height:auto; margin:0 auto; text-align:center}
	.fotext,.fotext *{ line-height:0.6rem; color:#fff;font-size:0.25rem}
	.fotext p{ margin:0 !important}
	.fotext h3{font-size:0.25rem !important}
	.fotext a{line-height:0.6rem; color:#fff; }
	.fotext a:hover{ text-decoration:underline}
    
  
  
  /*position*/
  .position_wrap {
    border-bottom: 1px solid #ccc;
    margin: 0 auto 0.2rem;
  }
  .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;
  }

  /*ny_left menu_list*/
  .menu_list{ padding-bottom:10px}
  .menu_list .m_1 > li {
	   float:left; width:32.33%; display:inline; margin-right:1.5%; margin-bottom:10px
  }
  .menu_list .m_1 > li:nth-child(3n) {margin-right: 0;}
  .menu_list .m_1 > li > a {
	border-radius: 5px; background:#e9e9e9; line-height:35px; display:block; width:100%; text-align:center; color:#333; font-size:12px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .menu_list .m_1 > li > a.active,
  .menu_list .m_1 > li:hover > a {
   border-radius: 5px; background:#0090db; line-height:35px; display:block; width:100%; text-align:center; color:#fff; font-size:12px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .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;
  }
  
  
  
  .menu_news{margin:7px 0 7px 0}
  .menu_news .m_1 > li {
	   float:left; width:23.8%; display:inline; margin-right:1.5%; margin-bottom:10px
  }
  .menu_news .m_1 > li:nth-child(4n) {margin-right: 0;}
  .menu_news .m_1 > li > a {
	border-radius: 5px; background:#e9e9e9; line-height:35px; display:block; width:100%; text-align:center; color:#333; font-size:12px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .menu_news .m_1 > li > a.active,
  .menu_news .m_1 > li:hover > a {
   border-radius: 5px; background:#0090db; line-height:35px; display:block; width:100%; text-align:center; color:#fff; font-size:12px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;transition:all 0s ease
  }
  .menu_news .m_2 {
    display: none;
  }
  .menu_news .m_2 > li {
    line-height: 36px;
    background: #fff;
    border-bottom: 1px dashed #ccc;
  }
  .menu_news .m_2 > li:last-child {
    border-bottom: none;
  }
  .menu_news .m_2 > li:first-child {
    border-top: 1px solid #ccc;
  }
  .menu_news .m_2 > li a {
    display: block;
    padding-left: 38px;
    font-size: 12px;
  }
  .menu_news .m_2 > li a.active,
  .menu_news .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: 20px;
  }
  .pord_list li img {
    width: 100%;
    height: 4rem;
    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: 213px;
    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;
  }
  
  

/*case_list*/
	.pord_list {
    overflow: hidden;
  }
  .case_list li {
    float: left;
    position: relative;
    margin-bottom: 20px;
  }
  .case_list li img {
    width: 100%;
    height: 2rem;
    border: 1px solid #ccc;
  }
  .case_list li span {
    display: block;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  
  
  
  /*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;
  }
  
  
  
  /*产品详情*/
.ny_righta .content{ margin-top:4px;}

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

.righttxta{ width:100%; height: auto; display:block; float:right}
.righttxta .titlea{ font-size:18px; font-weight:bold; line-height:45px; height:45px; border-bottom:1px solid #cfcfcf}
.righttxta .contentb{}

.righttxta .contentb ul li{ border-bottom:1px dashed #cfcfcf; line-height:40px; font-size:14px; color:#666666}
.righttxta .contentb ul li span{ line-height:40px; font-size:14px; color:#333333}
.righttxta .contentb ul li .more{ width:180px; height:40px; display:block; text-align:center; line-height:40px; background:#0a72d1; color:#fff; margin-top:10px; margin-bottom:10px;border-radius: 5px; font-size:16px}


.righttxta .contenta{display:none}


.righttxta .contentc{ margin-top:20px}

.righttxtb{ width:22%; height:auto; display:block; float:left; margin:0 3% 0 0;text-align:center; line-height:35px; font-size:14px; color:#666}
.righttxtb img{ max-width:80%; height:auto; display:block; margin:0 auto}

.blockb{ min-height:160px; margin-top:20px}
.blockb .titlea{ height:40px; border-bottom:1px solid #0a72d1}
.blockb .titlea p{ float:left; padding-left:20px; padding-right:20px; line-height:40px; background:#0a72d1; color:#fff; font-size:16px}
.blockb .contenta{ margin-top:10px; font-size:15px; line-height:28px}
.blockb .contenta img{ max-width:100%; }

  
  
  
  
  
  
  
  
  /*prodouct_showA*/
  .product_showA h1 {
    font-size: 18px;
    line-height: 40px;
    margin: 20px auto;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin: 20px 0.5rem;
  }
  .prodA_content {
    margin: 0 auto 30px;
    text-align: center;
  }
  .prodA_content img {
    margin: 0 auto;
    width: 60%;
  }
  .prodA_content .showA {
    width: 100%;
    margin: 20px 0;
    text-align: left;
    text-indent: 2em;
  }
  .prodA_content .showA p{
    margin: 0 0.5rem;
  }
  .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%;
	margin:20px auto 0; border-bottom:1px solid #e9e9e9; padding-bottom:15px
  }
  .news_list dl dt {
    width: 100%;
    height: auto;
	border: 1px solid #ccc;
  }
  .news_list dl dt img {
    width:100%;
  }
  .news_list dl dd {
    width: 100%;
    height:auto;
  }
  .news_list dl dd a {
    font-size: 16px; line-height:30px; font-weight:bold; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top:8px
  }
  .news_list dl dd a:hover {
    color: #1a5dc2;
  }
  .news_list dl dd span {
    color: #a3a3a3; line-height:25px
  }
  
  .news_list dl dd p {
    color: #333; line-height:25px; max-height:50px; overflow:hidden; margin:0
  }


/*news_show*/
.news_content h1 {
    font-size: 16px;
    line-height: 25px;
    margin: 5px auto 0;
    text-align: center;
    
  }
  .news_content .timesrf {
    display: block;
    margin: 0 auto;
	font-size:12px;
    text-align: center;border-bottom: 1px solid #f1f1f1;  color:#999; text-align:center; padding-bottom:10px
  }
  
  .news_content .news_show {
    width: 100%;
    margin: 20px 0;
    text-align: left;
    text-indent: 2em;
  }
  
  .news_content .news_show img{ max-width:100%}


  /*page_show*/
  .list_page {
    font-size: 16px;
  }
  .page_show {
    padding-top: 10px;
  }
  .page_show p {
    /*text-indent: 2em;*/
  }
  

  .page_show .maplx{width:100%;height:450px;border:#ccc solid 1px;}
  .page_show .weconlx p,.page_show .maplx p{ text-indent:0 !important; padding:0 !important}
  
  
  
  
  
  .wrap,.qywhab ul{margin:0 auto; width:92%}
.list_page {
    font-size: 12px;
  }
  .page_show {
    padding-top: 10px;
  }
  .page_show,.page_show *{ font-size:0.25rem; line-height:200%}
	.page_show p{text-indent: 2em;}
  
  .page_show p {
    text-indent: 2em;
  }
  
  
  .page_show,.page_show *{ line-height:200%}
  
	.aobutd h1{ font-size:0.5rem; line-height:0.55rem; margin:10px 0 0; padding:0; font-weight:bold; color:#1a5dc2;}
	.aobutd h3{ font-size:0.35rem; line-height:0.90rem; margin:0; font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#999; padding-left:10px}
	
	
	
	.qywhab{ width:100%; height: auto; background:#f1f1f1; padding:20px 0 20px; margin-top:20px}

	.qywhab  .imgboxsf img{ width:100%;}
.qywenzi{margin-top:10px}
.qywenzi,.qywenzi *{ font-size:0.25rem; line-height:200%}
.qywenzi p{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;
  }
}
@media screen and (max-width: 768px) and (min-width: 500px) {
  .adv2 dl dt {
    width: 25%!important;
    height: 100%!important;
    line-height: 130px!important;
  }
  .adv2 dl dd.text {
    font-size: 0.22rem!important;
  }

  
  
   
  
  
  
  
  
  
  
  
}

.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;
  background:#d00031
}
.nav_list li::after{
  transition: all linear .2s;
  background:#d00031
}
.nav_list li:hover::before,.nav_list li.hover::before{
  display: inline-block;
  transition: all linear .2s;
  background:#d00031
}
.nav_list li:hover::after,.nav_list li.hover::after{
  display: inline-block;
  transition: all linear .2s;
  background:#d00031
}
.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);
}