﻿@font-face {
	font-family: 'iconfont';  /* project id 754403 */
	src: url('//at.alicdn.com/t/font_754403_c4fnus5g9q.eot');
	src: url('//at.alicdn.com/t/font_754403_c4fnus5g9q.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_754403_c4fnus5g9q.woff2') format('woff2'),
	url('//at.alicdn.com/t/font_754403_c4fnus5g9q.woff') format('woff'),
	url('//at.alicdn.com/t/font_754403_c4fnus5g9q.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_754403_c4fnus5g9q.svg#iconfont') format('svg');
  }
  * { margin:0;padding:0;font-family:'Proxima Nova','Helvetica Neue',Helvetica,Arial,sans-serif;font-style: normal; }
  html { overflow-y:scroll;background:#fff; }
  body { position:relative;font-size:14px;color:#646464; }
  /* -moz-user-select:none;hutia:expression(this.onselectstart=function(){return(false)}); */
  article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,menu{display:block;}
  img { border:0; }
  table{ border-collapse:collapse;border-spacing:0; }
  a { transition:color 0.3s ease;outline:none;color:#646464;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration:none; }
  a:hover { color:#db0202;text-decoration:none; }
  a.red { color:#ce000c; }
  a.red:hover { color:#ff0000; }
  /* ul,ol { list-style:none; } */
  .icon {font-family:'iconfont';display:inline-block;}
  
  /*文本框样式*/
  input,select,textarea { font-size:14px; }
  input.wide{ width:250px; }
  input.txt{ width:200px; }
  input.small{ width:50px; }
  .input{ display:inline; margin-right:5px; padding:7px; vertical-align:middle; background:#fff; border:1px solid #e8e8e8; border-radius:2px; }
  .select{ padding:7px; border:1px solid #e8e8e8; }
  
  /*按钮样式*/
  .btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; text-align:center; }
  .btn{ background:#1e7bb3; border:1px solid #02598E; border-radius:2px; vertical-align:middle; }
  .btn:hover{ color:#fff; opacity:0.9; }
  .btn-mini{ height:20px; padding:1px 8px 0; }
  input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
  .btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
  .btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
  .btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
  
  #goTop { cursor:pointer;display:none;position:fixed;z-index:20;bottom:10px;right:10px;border-radius:2px;background:rgba(0,0,0,.5);width:40px;height:40px;line-height:40px;text-align:center;font-family:'iconfont';color:#fff;font-size:15px; }
  #goTop:hover { background:#000; }
  
  header { transition:all .3s ease;position:relative;z-index:100;top:0;left:0;width:100%;background:#fff; }
  header section { z-index:102;position:relative;margin:0 auto;max-width:1220px;height:86px; }
  
  header section a.logo { display:block;z-index:2;position:absolute;top:50%;left:10px;margin-top:-22px;height:45px; }
  header section a.logo img.light { display:none; }
  header section a.logo img { transition:all .5s ease;width:auto;height:100%;text-align:middle; }
  header section a.logo:hover img { opacity:.8; }
  
  header section nav { z-index:2;position:absolute;top:0;right:130px; }
  header section nav>ul {list-style:none;}
  header section nav>ul>li {float:left;position: relative;z-index:1000;}
  header section nav>ul>li>a { position:relative;display:inline-block;padding:0 15px;height:100%;line-height:86px;font-size:17px;text-transform:uppercase;letter-spacing: 1px;overflow:hidden; }
  header section nav>ul>li:hover>a { color:#c3cfd9;/*text-shadow:0 2px 8px rgba(0,0,0,.6);*/ }
  /* header section nav>ul>li>a::before { content:"";z-index:-1;position:absolute;top:0;left:0;right:0;margin:auto;background:#60cdff;transform:scaleX(0);transition:.3s; }
  header section nav>ul>li:hover>a::before { width:100%;height:2px;transform:scaleX(1); } */
  header section nav>ul>li>a::after { content:"";z-index:-2;position:absolute;top:0;left:0;right:0;margin:auto;border-radius:8px;background:#778997;transform:scaleX(0);transition:.3s; }
  header section nav>ul>li:hover>a::after { width:100%;height:50%;top:25%;transform:scaleX(1); }
  header section nav>ul>li>a:last-child { margin-right:0; }
  header section nav>ul>li:hover ul li a { color:#60cdff; }
  
  header ol { position:absolute;z-index:102;right:0;top:50%;margin-top:-22px;padding:5px 10px 0 0;width:130px;line-height:36px;overflow:hidden; }
  header ol i { cursor:pointer;float:right;display:block;width:130px;font-family:'iconfont';font-size:18px;text-align:right; }
  header ol i span { display:inline-block;font-size:17px;text-transform:uppercase; }
  header ol li { display:none;width:100%;background:#fff;text-align:center;overflow:hidden; }
  header ol li a { display:block;margin-left:10px;font-size:14px; }
  header ol li a:hover { color:#778997; }
  header ol li:last-child { margin-bottom:10px; }
  header ol:hover { width:140px;background:#fff;box-shadow:0 0 14px #ddd;border-radius:5px; }
  header ol:hover li { display:block; }
  header ol:hover i { color:#778997;float:left;text-indent:5px; }
  
  header section nav>ul>li>ul{ border-bottom:8px solid rgba(0,0,0,.4);padding-top:3px;display:none;list-style:none;position: absolute;left:0;z-index:1001;width:auto;min-width:100%;box-shadow: 0 10px 10px 5px rgba(0,0,0,.1); }
  header section nav>ul>li>ul:before{ position:absolute;left:53px;top:auto;margin:-10px 0px 0px 0;width:0;height:0;border:solid transparent;border-width:5px;border-bottom-color:rgba(0,0,0,.4);content:" ";pointer-events:none; }
  header section nav ul>li>ul li { display:block;background:rgba(0,0,0,.4); }
  header section nav ul>li>ul li a { white-space:nowrap;padding:5px 25px 0 25px;display:block;height:30px;line-height:35px;color:#fff;font-size:15px;font-weight:normal;overflow:hidden; }
  header section nav ul>li>ul li a:hover { color:#fff; }
  header section nav ul>li:hover ul { display:block; }
  
  #index header { background:none;position: fixed; }
  #index header section a.logo img.dark { display:none; }
  #index header section a.logo img.light { display:block; }
  #index header section nav>ul>li>a{ color:#fff; }
  #index header section nav>ul>li>a::after{ background:rgba(0,0,0,.4); }
  #index header ol i { color:#fff; }
  #index header.min { background:#778997;position: fixed; }
  #index header.min section nav>ul>li>a::after { background:#506677; }
  header.min { position: fixed;background:#778997;/*box-shadow:0 2px 3px rgba(0,0,0,.1);*/ }
  header.min section a.logo img.dark { display:none; }
  header.min section a.logo img.light { display:block; }
  header.min section nav>ul>li>a{ color:#fff; }
  header.min section nav>ul>li>a::after { background:#506677; }
  header.min section nav>ul>li>ul{ border-color:#032f87; }
  header.min section nav>ul>li>ul:before { border-bottom-color:#032f87; }
  header.min section nav>ul>li>ul li { background:#032f87; }
  
  header.min ol i { color:#fff; }
  header.min ol:hover i,#index header.min ol:hover i,#index header ol:hover i { color:#778997;float:left;text-indent:5px; }
  
  
  .search { transition:all .5s ease;position:absolute;z-index:101;right:10px;bottom:15px;width:210px;height:26px;line-height:26px;border:1px solid #939393;border-radius:15px;background:transparent;overflow:hidden; }
  .search input,.search a { position:absolute;z-index:102;right:0;top:0;color:#232323; }
  .search input { outline:none;width:100%;height:100%;border:0;background-color:transparent;text-indent:15px; }
  .search a { cursor:pointer;width:40px;text-align:center;font-family:'iconfont';font-size:18px; }
  .search:hover a,.search:hover input { color:#d6a963; }
  .search:hover { border-color:#d6a963; }
  .search.wide { position: relative;width:auto;bottom:auto;right:0;margin:20px 0;height:30px;line-height:30px; }
  
  
  .m-banner img { width:100%;height:auto; }
  .m-catalog { margin:30px auto 0 auto;width:100%;overflow:hidden;text-align:center; }
  .m-catalog a { transition:all .5s ease;display:inline-block;margin:5px;padding:0 15px;line-height:38px;border:1px solid #efefef;border-radius:3px;font-weight:bold;font-size:14px; }
  .m-catalog a:hover {border-color:#778997;color:#778997;box-shadow:rgba(0,113,197,.3) 0 0 8px; }
  .m-catalog a.cur { border-color:#778997;background:#778997;color:#fff; }
  .m-catalog-child { margin:10px 0;width:100%;overflow:hidden;text-align:center; }
  .m-catalog-child a { transition:all .5s ease;display:inline-block;margin:0 12px;padding:0 2px;line-height:36px;border-bottom:2px solid #efefef;font-size:14px; }
  .m-catalog-child a:hover, .m-catalog-child a.cur { border-color:#778997;color:#778997; }
  
  menu {transition:height .3s ease;display:none;position:fixed;z-index:1000;left:0;bottom:0;width:100%;height:60px;border-top: 1px solid #f5f5f5;background:#fff;}
  menu a{float:left;display:block;width:25%;height:58px;text-align:center;color:#464646;}
  menu a:hover{color:#778997;}
  menu a em{font-family:'iconfont';display:block;margin-top:7px;height:25px;overflow:hidden;font-size:22px;}
  menu a i{ text-transform:Uppercase;font-size:10px; }
  
  footer { width:100%;background:#778997 url(../images/footer-bg.jpg?v2) no-repeat center top;background-size:cover;overflow:hidden; }
  footer section { line-height:70px;text-align:center; }
  footer section a { margin:0 20px;padding-bottom:3px;color:#fff;overflow:hidden;text-transform:uppercase;font-weight:600;border-bottom:2px solid #fff; }
  footer section a:hover { color:#d2dfe9;border-color:#d2dfe9; }
  footer div { margin:0 auto;padding-top:30px;max-width:1220px;overflow:hidden; }
  footer div dl { float:left;overflow:hidden; }
  footer div dl dt { height:40px;line-height:40px;font-size:16px;color:#fff;text-transform:uppercase;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
  footer div dl dd { padding-top:10px;line-height:2.5em;font-size:14px; }
  footer div dl dd a { display:block;font-size:14px;color:#d2dfe9; }
  footer div dl dd a:hover { color:#fff; }
  footer div dl dd>p { color:#d2dfe9;font-size:14px; }
  footer div dl dd>p>a { display:inline-block;font-size:14px; }
  footer div dl dd>p>span { display:inline-block;font-size:15px;color:#d2dfe9; }
  footer div dl.last { margin-right:0; }
  footer div ul { float:right;list-style:none;margin-top:20px;text-align:center; }
  footer div ul li em { display:block;padding:6px;width:78px;height:78px;border-radius:4px;background:#fff;overflow:hidden; }
  footer div ul li i { display:block;line-height:3em;font-style:normal;font-size:12px;color:#d2dfe9; }
  footer>p { margin:40px 0 0 0;padding:20px 0;line-height:2em;color:#d2dfe9;text-align:center;overflow:hidden; }
  footer>p a { color:#d2dfe9; }
  footer>p a:hover { color:#fff; }
  footer>p span { color:#8c8c8c; }
  
  .h-wide-bg { width:100%;background:#f2f7ff; }
  
  .h-banner { width:100%;min-height:200px; }
  .h-banner .swiper-slide img { width:100%;vertical-align: top;cursor:move; }
  .h-banner .swiper-pagination { bottom:25px; }
  .h-banner .swiper-pagination-bullet { transition:all .3s ease;border-radius:5px;border:1px solid #fff;background:none;opacity:1; }
  .h-banner .swiper-pagination-bullet-active { width:30px;border-color:#fff;background:rgba(255,255,255,.5); }
  
  main { margin:0 auto;max-width:1200px;clear: both; }
  
  .h-title { margin-top:25px;overflow:hidden; }
  .h-title dt { width:100%;text-align:center; }
  .h-title dt h1 { font-size:23px;font-weight:300;margin:10px 0 10px 0;overflow:hidden; }
  .h-title dt p { color:#778997;font-size:24px;font-weight:400;text-transform:uppercase; }
  .h-title dd { margin:15px auto 0 auto;width:450px;height:2px;background:#bbb;border-radius:3px;opacity:.2; }
  .h-title dd span { display:block;margin:-2px auto 0 auto;width:100px;height:5px;background:#57636d;border-radius:3px; }
  
  .channel-title { margin:20px 0 20px 0;width:100%;border-bottom:1px solid #f6f6f6;text-align:center; }
  .channel-title dt { width:100%;font-size:35px;font-weight:300;text-transform:uppercase; }
  .channel-title dt span { color:#ccc;display:inline-block;margin:0 10px; }
  .channel-title dd { margin:22px auto -2px auto;width:100px;height:3px;background:#778997;border-radius:3px; }
  
  .h-more{transition:all .5s ease;display:block;margin:0px auto 15px auto;width:250px;line-height:2.5em;border:1px solid #ddd;border-radius:20px;text-align:center;}
  .h-more i{ display:inline-block;margin-left:5px;font-family:'iconfont'; }
  .h-more:hover{width:300px;border-color:#778997;background-color:#778997;letter-spacing:2px;color:#fff;}
  .h-more:hover i{color:#fff;}
  
  .h-wide-bg .h-more { margin-bottom:30px;border-color:#c1d3ed; }
  .h-wide-bg .h-more:hover { border-color:#778997; }
  .h-wide-bg .h-title dd { background-color:#e3ecf9; }
  
  /* .h-products { height:400px; }
  .h-products .swiper-wrapper .swiper-slide {
	  text-align: center;
	  font-size: 12px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
  }
  .h-products .swiper-wrapper .swiper-slide a { transition:all .3s ease;display:block;display:block;padding:5px;border:1px solid #ededed;border-radius:8px;background:#fff;overflow:hidden; }
  .h-products .swiper-wrapper .swiper-slide a:hover { margin-top:6px;margin-bottom:14px;border-color:#778997;color:#778997;box-shadow: 0 0 10px rgba(0,113,193,.3); }
  .h-products .swiper-wrapper .swiper-slide a em { display:block;width:100%;overflow:hidden;border-radius:8px; }
  .h-products .swiper-wrapper .swiper-slide a em img { transition:all .6s ease;width:100%;vertical-align:top; }
  .h-products .swiper-wrapper .swiper-slide a:hover em img {transform:scale(1.1);}
  .h-products .swiper-wrapper .swiper-slide a span { display:block;padding:15px 10px 5px 10px;height:40px;line-height:20px; }
  .h-products .swiper-wrapper .swiper-slide a:hover span { color:#778997; }
  
  .h-products .swiper-button-prev,.h-products .swiper-button-next { display:none; }
  .h-products:hover .swiper-button-prev,.h-products:hover .swiper-button-next { display:block; } */
  
  .h-news-list { margin-top:30px;list-style:none;width:100%;overflow:hidden;display: table;table-layout: fixed; }
  .h-news-list li { float:left;width:50%;overflow:hidden;margin-bottom:30px;display: table-cell; }
  .h-news-list li a { display:block;margin:0 20px; }
  .h-news-list li:nth-child(odd) a { margin-left:0; }
  .h-news-list li:nth-child(even) a { margin-right:0; }
  .h-news-list li a em { display:flex;width:100%;height:200px;overflow:hidden;align-items: center }
  .h-news-list li a em img { transition:all .5s ease;max-width:100%; }
  .h-news-list li a h4 { width:100%;line-height:3em;font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
  .h-news-list li i { display:block;font-size:14px;color:#999; }
  .h-news-list li p { margin-top:5px;font-size:14px;color:#999; }
  .h-news-list li a:hover img { transform:scale(1.1); }
  
  
  .h-pro-red { margin:30px auto;max-width:1220px;list-style:none;overflow:hidden; }
  .h-pro-red li { float:left;width:33.3333333%;text-align:center; }
  .h-pro-red li a { display:block;margin:0 30px; }
  .h-pro-red li a h3 { font-size:24px;font-weight: 500; }
  .h-pro-red li a h4 { font-size:14px;font-weight: 300;color:#778997; }
  .h-pro-red li div { cursor:pointer;position:relative;z-index:1;padding:0 30px;height:380px;display:table-cell;text-align: center;vertical-align:middle; }
  .h-pro-red li div img { max-width:100%;position:relative;z-index:2; }
  .h-pro-red li div.video::before { display:block;position: absolute;z-index:3;left:50%;top:50%;margin:-25px 0 0 -25px;width:50px;height:50px;line-height:50px;text-align:center;font-family:'iconfont';font-size:40px;content: "\e6a9";color:rgba(255,255,255,.8);box-shadow: 0 0 5px rgba(0,0,0,.3); } 
  /* .h-pro-red li div:hover img { opacity:.8; } */
  .h-pro-red li div iframe { cursor:pointer;transition:all .3s ease;opacity:0;width:100%;position: absolute;z-index:4;left:0;bottom:0;height:95%; }
  .h-pro-red li div:hover iframe { opacity:1; }
  
  /* .products-rec section { padding:30px auto 10px auto;width:100%;overflow:hidden; }
  .products-rec section p { font-size:15px;line-height:2em; } */
  
  .h-about-bg { padding:30px 0;width:100%;background:#f7f7f7 url(../images/h-about-bg.png) no-repeat left top;background-size:auto 100%;overflow:hidden; }
  .h-about-bg section { margin:30px auto 10px auto;width:100%;overflow:hidden; }
  .h-about-bg section p { font-size:15px;line-height:2em; }
  .h-about-bg section a { margin:30px auto 40px auto; }
  
  
  .h-products-bg { padding:30px 0;width:100%;background:#fff url(../images/h-product-bg.png) no-repeat right top;background-size:auto 100%;overflow:hidden; }
  .h-products-bg a.h-more { margin:30px auto 40px auto;overflow:hidden; }
  
  .h-advantage-bg { padding:30px 0 50px 0;width:100%;background:#00497e url(../images/h-advantage-bg.jpg) no-repeat center top;background-size:cover;overflow:hidden; }
  .h-advantage-bg section p { font-size:15px;line-height:2em; }
  .h-advantage-bg a.h-more { margin:30px auto 40px auto; }
  
  .h-news-bg { padding:30px 0;width:100%;background:#f7f7f7;overflow:hidden; }
  .h-news-bg a.h-more { margin:30px auto 40px auto; }
  
  .h-partners-bg { padding:30px 0 50px 0;width:100%;background:#fff url(../images/h-partners-bg.png) no-repeat left -100px;background-size:auto 150%;overflow:hidden; }
  .h-partners-bg section p { font-size:15px;line-height:2em; }
  .h-partners-bg a.h-more { margin:30px auto 40px auto; }
  
  .about-offices { list-style:none; }
  .about-offices li { float:left;margin-bottom:15px;width:32.4%;overflow:hidden;border-radius:5px; }
  .about-offices li:nth-child(2) { margin:0 1.4%; }
  .about-offices li img { transition:all .6s ease;width:100%;vertical-align:top; }
  .about-offices li:hover img {transform:scale(1.1);}
  
  .h-comment { background:#f5f5f5;clear: both; }
  .h-supplier { padding:20px 0 30px 0; }
  .h-supplier ul { margin-top:30px;list-style:none;display: flex;box-sizing: content-box;text-align:center; }
  .h-supplier ul li { margin:0 15px;padding:0 17px;border:2px solid #eee;background:#fff;border-radius:5px;box-shadow: 0 0 7px rgba(0,0,0,.1); }
  .h-supplier ul li:first-child { margin-left:0; }
  .h-supplier ul li:last-child { margin-right:0; }
  .h-supplier ul li img { width:80%; }
  .h-supplier ul li:hover { border-color:#bbb;opacity:.8; }
  
  .h-supplier p { margin:20px 0 15px 0;font-size:15px;line-height:2em;overflow:hidden; }
  
  .comment { margin:40px auto;max-width:1200px; }
  .comment .swiper-slide div i { display:inline-block;margin-right:2px;font-family:'iconfont'; }
  .comment .swiper-slide div i:after{content: "\e6a6";color:#778997}
  .comment .swiper-slide div span { float:right;font-size:11px;color:#a2a2a2; }
  .comment .swiper-slide h3 { margin-top:10px; }
  .comment .swiper-slide h4 { margin-top:5px;font-size:12px;color:#737373; }
  .comment .swiper-slide p { margin-top:10px;line-height:17px;color:#a2a2a2; }
  
  .h-cert { background:#f5f5f5;overflow:hidden; }
  .h-client,.h-client img { width:100%;height:auto;overflow:hidden; }
  
  .h-news { margin:20px auto 40px auto;width:100%;list-style:none;overflow:hidden; }
  .h-news li { float:left;margin-top:15px;width:48%;overflow:hidden; }
  .h-news li:nth-child(odd) { margin-right:4%; }
  .h-news li>a { display:block;float:left;width:116px;height:70px;overflow:hidden; }
  .h-news li>a>img { display:block;width:100%;height:100%;border-radius:3px; }
  .h-news li dl { overflow:hidden; }
  .h-news li dl dt {padding:0 0 0px 0; } 
  .h-news li dl dt>a { font-size:16px;font-weight:bold;display:block;width:100%;height:22px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; }
  .h-news li dl dt span {float:right;color:#a8a8a8;font-size:14px;}
  .h-news li dl dd { padding:15px 0;color:#a8a8a8;min-height:30px; font-size:14px; } 
  .h-news li dl dd img { border-radius:3px;float:left;margin-right:10px;width:auto;height:68px;}
  .h-news li dl dd img:hover { opacity:.8; }
  
  .our-client { margin:30px auto 50px auto;max-width:1220px;list-style:none;overflow:hidden; }
  .our-client li { float:left;width:25%; }
  .our-client li a { display:block;margin:10px;height:60px;line-height:60px;text-align:center;overflow:hidden;border-radius:5px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.1); }
  .our-client li a img { max-width:86%;max-height:90%;vertical-align:middle; }
  .our-client li a:hover img { opacity:.6; }
  .our-client li:nth-child(1) a,.our-client li:nth-child(3) a { background:#000; }
  
  .products-bg { width:100%;background:url(../images/products-bg.jpg) no-repeat;background-size:auto 100%; }
  
  .menu-nav { margin:30px auto 10px auto;text-align:center;overflow:hidden; }
  .menu-nav dt { height:50px;border-bottom:1px solid #e7e7e7;text-transform:uppercase; }
  .menu-nav dt h1 { height:35px;font-size:25px;font-weight:normal; }
  .menu-nav dt h2 { margin:0 auto;width:300px;height:25px;font-size:15px;border-bottom:1px solid #ff5657;font-weight:normal; }
  .menu-nav dd { padding-top:6px; }
  .menu-nav dd a { transition:border-color 0.3s ease;display:inline-block;margin:4px;padding:0 20px;line-height:36px;border:1px solid #e7e7e7;border-radius:3px;font-size:14px; }
  .menu-nav dd a:hover { border-color:#778997;color:#778997;box-shadow: 0 0 10px rgba(255,139,2,.3); }
  .menu-nav dd a.cur { border-color:#778997;background:#778997;color:#fff;box-shadow: 0 0 10px rgba(255,139,2,.3); }
  
  .m-pic-list { list-style:none;padding:30px 0;margin:0 auto;max-width:1220px;overflow:hidden; }
  .m-pic-list li { float:left;width:33.3333333%;text-align:center;display:list-item;overflow:hidden; }
  .m-pic-list li a { position: relative;transition:all .3s ease;display:block;margin:10px;padding:5px;border:1px solid #adbbc6;border-radius:3px;background:#adbbc6;overflow:hidden; }
  .m-pic-list li a:hover { border-color:#91a1ae;color:#fff;background:#91a1ae;box-shadow: 0 0 10px rgba(0,113,193,.3); }
  .m-pic-list li a em { display:block;width:100%;overflow:hidden; }
  .m-pic-list li a em img { transition:all .6s ease;width:100%; }
  .m-pic-list li a:hover em img {transform:scale(1.1);}
  .m-pic-list li a p { padding:15px 10px 0 10px;height:38px;color:#fff; }
  .m-pic-list li a:hover p { color:#fff; }
  .m-pic-list li a:hover em img { opacity:.8; }
  
  .info-title { margin:40px 0 0 0;font-size:18px;overflow:hidden;text-transform:uppercase; }
  .info-title2 { margin:40px 0 0 0;padding:0 0px 10px 0px;border-bottom:1px #e7e7e7 solid;font-size:18px;overflow:hidden;text-transform:uppercase; }
  .info-dec { padding-top:15px;height:24px;border-bottom:1px #e7e7e7 dotted; }
  .info-dec span { padding:0 10px; }
  .info-dec a { float:right;border:1px solid #efefef;border-radius:25%;padding:0 10px; }
  .info-dec a:hover { border-color:#778997;color:#778997; }
  
  .info-cont { overflow:hidden;padding:10px 0px 30px 0px;font-size:14px;line-height:1.8em;white-space:normal;text-justify:inter-ideograph;text-align:justify; }
  .info-cont h1 { margin-top:20px;font-size:19px; }
  .info-cont h2 { margin-top:20px;border-left:2px solid #778997;text-indent:10px;font-size:17px; }
  .info-cont p { margin:10px 0px 0px 0px;font-weight:500; }
  .info-cont img { max-width:100%; }
  .info-share { margin:0 auto;padding:20px 0px 0px 0px;width:710px;height:30px;overflow:hidden; }
  .info-share dt { float:left;width:60%; }
  .info-share dd { float:right;width:40%;text-align:right; }
  .info-share dd span { padding:0 10px; }
  #cont-tab { border-collapse:collapse;border-spacing:0;border-top:1px solid #e7d4a9;border-left:1px solid #e7d4a9; }
  #cont-tab th,#cont-tab td { padding:2px 5px;height:24px;border-right:1px solid #e7d4a9;border-bottom:1px solid #e7d4a9; }
  
  .no-info { line-height:50px;text-align:center; }
  
  .info-albums { margin:40px auto 50px auto;width: 100%;height: 305px; }
  .info-albums .swiper-slide {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  width:auto;height: 270px;overflow:hidden;
  }
  .info-albums .swiper-slide img { transition: all .5s ease;height:100%;border-radius: 5px;vertical-align: top; }
  .info-albums .swiper-slide img:hover { opacity:.6; }
  .info-albums .swiper-pagination { bottom:0; }
  .info-albums .swiper-pagination-bullet-active { background:#778997; }
  .info-albums.full { position: fixed;z-index:2000;top:0;left:0;margin:0;height:100%;background:#000; }
  .info-albums.full .swiper-slide { height:100%; }
  .info-albums.full .swiper-slide img { border-radius:0; }
  .info-albums.full .swiper-pagination { bottom:15px; }
  .info-albums.full .swiper-pagination-bullet { background:rgba(255,255,255,.6); }
  .info-albums.full .swiper-pagination-bullet-active { background:#778997; }
  
  .cert-albums { margin:40px auto 50px auto;max-width:1200px;height:300px; }
  .cert-albums .swiper-slide {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  width:auto;height: 270px;overflow:hidden;border-radius:5px;
  }
  .cert-albums .swiper-slide img { height:100%; }
  .cert-albums .swiper-pagination { bottom:0; }
  .cert-albums .swiper-pagination-bullet-active { background:#778997; }
  
  @keyframes bounce-up {
	  25% {transform: translateY(15px);}
	  50%, 100% {transform: translateY(0);}
	  75% {transform: translateY(-15px);}
  }
  .adv-albums { margin:40px auto 50px auto;max-width:1200px;height:260px;padding:20px 10px 40px 10px; }
  .adv-albums .swiper-slide {
	  /* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}
  .adv-albums .swiper-pagination { bottom:0; }
  .adv-albums dl { transition:all 1.6s ease;width:100%;height:100%;background:#fff;border:1px solid #eee;border-radius:5px;box-shadow:rgba(0,0,0,.05) 0px 0px 10px;text-align:center;cursor:default; }
  .adv-albums dl dt { height:100px;padding:40px 0 10px 0; }
  .adv-albums dl dt i { display:inline-block;font-size:60px;font-family:'iconfont';color:#778997; }
  .adv-albums dl dd h3 { line-height:2em;font-size:25px;font-weight:400; }
  .adv-albums dl dd p { opacity:.8;font-size:18px;text-transform: uppercase; }
  .adv-albums .swiper-slide:hover dl { padding-bottom:20px;background:#778997;border-color:#778997;box-shadow:rgba(0,133,197,.5) 0px 0px 10px;transform:rotateY(360deg); }
  .adv-albums .swiper-slide:hover dl i { animation: bounce-up 1s linear infinite;animation-delay:1s;color:#fff; }
  .adv-albums .swiper-slide:hover dl dd { color:#fff; }
  
  .list-auto{ position:relative; display:block; margin:0 340px 0 0; overflow:hidden; _zoom:1; }
  .list-right{ position:relative; display:block; float:right; width:300px; overflow:hidden; }
  /*大标题*/
  .ntitle{ margin:0 auto; padding:10px 0 0; width:100%; }
	  .ntitle:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	  .ntitle h2{ display:block; float:left; padding-right:10px; width:auto; color:#333; font-size:24px; font-weight:400; line-height:25px; }
	  .ntitle h2 a{ position:relative; padding-right:25px; color:#888; }
	  .ntitle h2 a:hover{ color:#f06000; text-decoration:none; }
	  .ntitle h2 a em{ display:block; position:absolute; right:-4px; top:8px; width:9px; height:17px; background:url(../images/slider.png) -359px -87px no-repeat; }
	  .ntitle p{ display:block; float:left; padding-top:3px; line-height:18px; color:#888; font-size:14px; }
	  .ntitle p a{ margin-left:10px; padding:0 0 0 15px; color:#888; font-size:14px; background:url(../images/line.png) left center no-repeat; }
	  .ntitle p a:hover{ color:#f06000; }
	  .ntitle p a.no-bg{ background:none; }
	  .ntitle i{ display:block; padding-top:10px; color:#999; font-size:14px; font-style:normal; line-height:1em; }
	  .ntitle span{ display:block; float:right; line-height:18px; color:#999; font-size:12px; }
	  .ntitle span a{ color:#999; }
	  .ntitle span a:hover{ color:#0089CD; }
  /*图文列表*/
  .n-list{ padding-top:20px; }
  .n-list li{ display:block;padding-bottom:16px;border-bottom:1px dashed #ddd;overflow:hidden; }
  .n-list li:first-child { border-top:1px dashed #ddd; }
  .n-list li:after{ content:".";display:block;height:0;clear:both;visibility:hidden; }
  .n-list li h2 a{ display:block;margin:15px 0 10px 0;width:100%;height:28px;line-height:28px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
  .n-list li .note a{ position:relative;display:block;float:left;margin-right:16px;width:156px;height:104px;background:#ddd;overflow:hidden; }
  .n-list li .note a img{ min-width:100%;height:100%;position:absolute;z-index:1;top:0;left:50%;
	  -ms-transform: translate(-50%, 0);
	  -webkit-transform: translate(-50%, 0);
	  -moz-transform: translate(-50%, 0);
	  transform: translate(-50%, 0); }
  .n-list li .note p{ font-size:14px;line-height:23px;color:#555;overflow:hidden;max-height:72px; }
  .n-list li .note .info{ padding-top:10px; }
  .n-list li .note .info span{ margin-right:10px;padding-left:20px;color:#777;background:url(../images/sprite.gif) no-repeat; }
  .n-list li .note .info .time{ background-position:0 -158px; }
  .n-list li .note .info .view{ background-position:0 -36px; }
  .n-list li .note .info .comm{ display:none;background-position:0 4px; }
  .n-list .nodata{ margin-top:30px;color:#666;font-size:14px;line-height:100px;text-align:center; }
  
  /*商品缩略图样式*/
  
  
  .product-albums { padding-bottom:20px; }
  .product-albums .swiper-slide img { width:100%;height:auto;vertical-align:top; }
  .product-albums .swiper-pagination { bottom:0; }
  .product-albums .swiper-pagination-bullet-active { background:#778997; }
  
  .goods-hd { margin-top:20px;width:100%;overflow:hidden; }
  .goods-hd dt {float:left;width:40%;} 
  .goods-hd dt .product-albums .swiper-slide { background:#7aadd4; }
  .goods-hd dd {padding-left:5%;font-size:14px;overflow:hidden;}
  .goods-hd dd .price { margin-top:10px;padding:20px;background:#f7f7f7;font-size:20px; }
  .goods-hd dd .price span { display:inline-block;margin-right:20px;font-size:30px;color:#f23d3d; }
  .goods-hd dd h1 { font-size:18px;font-weight:normal; }
  .goods-hd dd h2 { margin-top:10px;font-size:15px;font-weight:normal;color:#737373; }
  .goods-hd dd p { margin:20px 0 0 20px; }
  .goods-hd dd dl { margin:30px 0 0 20px; }
  .goods-hd dd dl dt {float:left;width:auto;}
  .goods-info { float:left;margin:35px 0 0 30px;overflow:hidden;}
  .goods-info h1 { font-size:25px;font-weight:normal; }
  .goods-info h2 { margin-top:10px;font-size:20px;font-weight:normal;color:#737373; }
  .goods-info .info { margin-top:20px;line-height:3em;font-size:14px;color:#737373; }
  
  .goods-features { margin:40px auto 50px auto;max-width:1200px;height:250px;padding:20px 10px 40px 10px; }
  .goods-features .swiper-slide {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}
  .goods-features.swiper-pagination { bottom:0; }
  .goods-features .swiper-slide a { transition:all 1s ease;display:block;;height:100%;border:1px solid #778997;border-radius:5px;cursor:default;box-shadow:rgba(0,0,0,.05) 0px 0px 5px; }
  .goods-features .swiper-slide a h1 { transition:all 1.6s ease;margin:20px auto 0 auto;width:88%;height:36px;line-height:36px;font-size:18px;font-weight:200;text-align:center;background:#778997;border-radius:18px;color:#fff; }
  .goods-features .swiper-slide a p { padding:30px 20px 20px 20px;text-align:justify;text-justify:distribute-all-lines;font-size:15px;}
  .goods-features .swiper-slide a:hover { background:#778997;color:#fff; }
  .goods-features .swiper-slide a:hover h1 { background:#fff;color:#778997;border-radius:3px; }
  
  .cont-title { margin:30px auto 0px auto;border-bottom:1px solid #c3a26e;overflow:hidden; }
  .cont-title h3 { float:left;padding:0px 25px;height:48px;line-height:48px;font-size:18px;font-weight:normal;background:#c3a26e;color:#fff; }
  .cont-title a { cursor:pointer;float:right;font-size:14px; }
  
  /*评论样式*/
  .comment-add{ margin-top:15px; _width:100%; _position:relative; _overflow:hidden; }
	  .comment-add .editor{ position:relative; margin-right:18px; }
	  .comment-add .editor textarea{ width:100%; height:70px; }
	  .comment-add .subcon{ margin-top:15px; }
  .comment-box{ position:relative; margin-top:15px; }
	  .comment-list li{ padding:15px 0; border-top:1px solid #f7f7f7; }
	  .comment-list li .avatar{ display:block; float:left; margin-top:6px; background:#fff; border-radius:2px; width:42px; height:42px; overflow:hidden; }
	  .comment-list li .avatar img{ width:42px; height:42px; }
	  .comment-list li .inner{ margin-left:52px; }
	  .comment-list li .inner p{ color:#333; font-size:14px; line-height:1.8em; }
	  .comment-list li .inner .meta{ margin:0; padding-top:3px; color:#999; border:none; }
	  .comment-list li .inner .meta .time{ margin-left:5px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat left -158px; }
	  .comment-list li .answer{ margin-top:10px;margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
	  .comment-list li .answer .meta{ margin:0; padding:0; color:#999; margin-bottom:5px; border:none; }
	  .comment-list li .answer p{ color:#555; font-size:14px; line-height:1.8em; }
  
  /*标题样式*/
  .base-tit{ border-bottom:1px solid #f0f0f0; color:#3b8dd1; line-height:1em; font-size:18px; font-weight:normal; }
	  .base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #3b8dd1; }
	  .base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
  /*页码容器*/
  .page-box{ margin-top:15px; color:#999; font-size:14px; }
  .paging-nav { margin:10px auto 20px auto;width:100%;line-height:30px;text-align:center;overflow:hidden;text-transform:uppercase; }
	  .paging-nav span,.paging-nav a { display:inline-block;margin:2px;padding:0 8px;min-width:14px;border:#a5a5a5 1px solid;border-radius:25px; }
	  .paging-nav label { margin:2px;padding:0 8px;display:inline-block;border:#778997 1px solid;color:#778997;border-radius:25px; }
	  .paging-nav span { cursor:default;color:#a5a5a5; }
	  .paging-nav a { color:#000000; }
	  .paging-nav a:hover { border:#778997 1px solid;color:#000000; }
	  .paging-nav .current { border:#778997 1px solid;background:#778997;color:#fff; }
	  .paging-nav .disabled { border:#a5a5a5 1px solid;color:#a5a5a5; }
	  .paging-nav span em { color:#778997 }
  /*视频容器*/
  .video-box{ position:relative; width:100%; height:473px; _clear:both; _display:inline; }
  /*提示样式*/
  .msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:380px; font-size:14px; text-align:left; }
	  .msg-tips .ico{ display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden; }
	  .msg-tips .ico.error{ background-position:-50px 0; }
	  .msg-tips .ico.warning{ background-position:-100px 0; }
	  .msg-tips .msg{ margin-left:60px; }
	  .msg-tips .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	  .msg-tips .msg p{ line-height:1.8em; }
	  .msg-tips .msg i{ color:#f00; font-style:normal;}
  .form-box{ margin:0 auto;max-width:1200px;position:relative;padding:10px; }
	  .form-box dl{ padding:3px 0; }
	  .form-box dl dt{ float:left; width:120px; line-height:38px; min-height:38px;text-align:right;font-weight:700; }
	  .form-box dl dd{ position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px;overflow:hidden; }
	  .form-box dl dd input { display:inline-block; }
	  .form-box dl dd label.radio{ margin-right:5px; }
  .Validform_checktip { margin-top:5px;display:inline-block;height:20px;line-height:20px;overflow:hidden; }	
  /*附件样式*/
  .attach-list{ margin:0; padding:10px; }
	  .attach-list li{ margin:0; padding:0 0 0 25px; color:#555; font-size:12px; line-height:36px; background:url(../images/sprite.gif) no-repeat 0 -108px; }
	  .attach-list li span{ float:right; }
	  .attach-list li i{ margin-left:10px; font-style:normal; color:#666; }
  .next-prev-single{ display:none;width:100%;padding:10px 0;line-height:2em;color:#444; font-size:14px; overflow:hidden; }
	  .next-prev-single p { border-left:2px solid #23ae69;padding-left:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	  .next-prev-single p span { display:inline-block;margin-right:10px;padding:0 10px;background:#23ae69;color:#fff; }
	  .next-prev-single .prev{ float:left; }
	  .next-prev-single .next{ float:right; }
  /*百度地图*/
  #MapContent { width:100%;margin:4px 0 0 0;height:600px;border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden; }
  .iw_poi_title { height:28px;color:#778997;font-size:15px; }
  .iw_poi_content { line-height:2em; }
  .iw_poi_content p { white-space:nowrap; }
  .iw_poi_content p .icon { font-size:14px; }
  .company-link { margin-top:10px;width:100%;overflow:hidden; }
  .company-link a img { width:49%;float:left;border-radius:10px;display:block; }
  .company-link a:last-child img { float:right;}
  .company-link a:hover { opacity:.8; }
  
  @media screen and (max-width:1240px){
	  footer div { max-width:auto;margin:0 20px; }
	  main,.comment,.cert-albums { margin-left:20px;margin-right:20px; }
	  .our-client { margin-left:12px;margin-right:12px; }
	  .m-pic-list { margin-left:10px;margin-right:10px; }
  }
  @media screen and (max-width:1060px){
	  header section nav > ul > li > a { padding:0 20px; }
  }
  @media screen and (max-width:1035px){
	  header section nav > ul > li > a { padding:0 15px; }
  }
  @media screen and (max-width:1000px){
	  .h-products { height:auto;padding:20px 0; }
	  
  }
  @media screen and (max-width:960px){
	  header { height:80px; }
	  header section a.logo { margin-top:-32px;height:64px; }
	  header section nav { height:80px; }
	  header section nav>ul>li>a { padding:0 10px 0 15px;line-height:80px; }
	  header section div { display:none; }
	  .h-news li { margin-right:0;width:100%; }
  }
  @media screen and (max-width:890px){
	  #index header, header { height:50px;background:#fff;position:static; }
	  header section { height:100%; }
	  header section a.logo img.light { display:none; }
	  header section a.logo img.dark { display:block; }
	  header section a.logo { top:50%;left:20px;bottom:auto;margin-top:-18px;width:auto;height:36px; }
	  
	  #index header section a.logo img.light { display:none; }
	  #index header section a.logo img.dark { display:block; }
	  header nav,header section div,header section p,header section span,header section ol { display:none; }
	  .h-news dl dt span {display:none;} 
	  menu { display:block; }
	  menu>a:nth-child(2) em:after{content: "\e65f";}
	  menu>a:nth-child(3) em:after{content: "\e655";}
	  menu>a:nth-child(4) em:after{content: "\e61f";}
	  menu>a:nth-child(5) em:after{content: "\e73a";}
	  /* menu>a:nth-child(6) em:after{content: "\e67c";} */
	  menu>a:nth-child(6) em:after{content: "\e60b";}
	  menu>a:nth-child(7) em:after{content: "\e605";}
	  menu>a:nth-child(8) em:after{content: "\e744";}
	  menu>a:nth-child(9) em:after{content: "\e7a5";}
	  menu>a i{display:block;line-height:2.5em;font-size:10px;}
	  #index menu>a:nth-child(2),
	  #aboutus menu>a:nth-child(3),
	  #products menu>a:nth-child(4),
	  /* #technology menu>a:nth-child(6),
	  #equipment menu>a:nth-child(7), */
	  #news menu>a:nth-child(6),
	  #feedback menu>a:nth-child(7),
	  #contactus menu>a:nth-child(8) { color:#81a3bb; }
	  #index menu>a:nth-child(2) em:after{content: "\e604";}
	  #aboutus menu>a:nth-child(3) em:after{content: "\e661";}
	  #products menu>a:nth-child(4) em:after{content: "\e609";}
	  /* #technology menu>a:nth-child(6) em:after{content: "\e67c";} */
	  #equipment menu>a:nth-child(6) em:after{content: "\e60b";}
	  #news menu>a:nth-child(7) em:after{content: "\e657";}
	  #feedback menu>a:nth-child(8) em:after{content: "\e743";}
	  #contactus menu>a:nth-child(9) em:after{content: "\e657";}
  
	  menu h1 { display:none;float:left;margin:5px 0;width:100%;height:40px;border-bottom:1px solid #353535;color:#fff;font-weight:100;overflow:hidden;text-align:center; }
	  menu div { position:relative;display:none;float:left;margin-top:4px;width:100%;line-height:30px;border-top:1px solid #353535;overflow:hidden;text-align:center;font-size:10px;color:#fdf9f2; }
	  menu div span { z-index:1001;position: relative;;display:block;margin-top:10px;font-size:12px;text-transform:Uppercase;opacity:.3; }
	  menu div a { z-index:1002;position:absolute;top:0;display:block;padding:0 10px;height:30px; }
	  menu div a.cn { left:-10px; }
	  menu div a.jp { right:-10px; }
  
	  menu.open { padding:10px 0;height:260px;border-top:1px solid #353535;background:transparent; }
	  menu.open a { margin:10px 0;color:#fff; }
	  menu.open a:nth-child(5) { display:none; }
	  menu.open h1,menu.open div { display:block; }
	  #menuMask {display:none;background:#222 url(../images/menu-bg2.png?v2) no-repeat center bottom;background-size:100% auto;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%; }
	  #menuMask img { position:absolute;top:100px;left:50%;margin-left:-35%;width:70%; }
	  footer { padding-bottom:61px; }
	  
	  .h-banner { z-index:-1; }
	  .h-banner .swiper-pagination { bottom:10px; }
	  .h-banner .swiper-pagination-bullet { width:4px;height:4px; }
	  .h-banner .swiper-pagination-bullet-active { width:10px; }
  
	  .h-supplier ul { margin-top:15px; }
	  .h-supplier ul li { margin:5px 2px;padding:0;border-radius:3px; }
	  .h-supplier p { margin-top:10px; }
  
	  .m-pic-list li { width:50%; }
	  .m-pic-list li a { margin:5px; }
	  .m-pic-list li a:hover { margin:5px;box-shadow:none; }
	  .m-pic-list li a:hover em img {transform:scale(1);}
  
	  #goTop { bottom:150px;right:8px; }
  }
   
  @media screen and (min-width:800px){
	  #menuMask,#menuMask img { display:none; }
  }
  
  @media screen and (max-width:760px){
	  .goods-hd dt {float:none;width:100%;} 
	  .goods-hd dd {margin-top:20px;padding-left:0;}
	  .goods-hd dd p { margin:15px 0 0 20px; }
	  footer section { display:none; }
	  .h-news-list { margin-top:0; }
	  .h-news-list li { width:100%; }
	  .h-news-list li a { margin:0 0 20px 0;width:100%;overflow:hidden; }
	  .h-news-list li a h4 { font-weight:300;font-size:15px;margin:15px 0 10px 0;line-height:1.2em;text-overflow:inherit;overflow:visible;white-space:normal; }
	  .h-news-list li a em { height:150px; }
	  .h-news-list li a img { width:100%; }
  }
  
  
  @media screen and (max-width:680px){
	  .company-link { margin-top:0;}
	  .company-link a img { float:none;margin-top:5px;width:100%;}
	  .company-link a:hover { opacity:1; }
	  main,.comment,.cert-albums { margin:0 10px; }
	  .h-about main { margin:0 20px; }
	  
	  /* .h-news li dl dt { padding-left:10px;padding-right:10px; } */
	  .h-news li dl dt>a { font-size:15px; }
	  .h-news li dl dd { font-size:12px; } 
	  main .info-cont { margin:0 10px; }
	  .channel-title dt { font-size:30px; }
	  /* footer div dl { width:auto;margin-right: 0; } */
  }
  @media screen and (max-width:540px){
	  /* footer div dl { margin-right:20px; } */
	  footer div dl dt { font-size:15px; }
	  footer div dl dd { padding-top:5px;line-height:2.2em; }
	  footer div dl dd a { font-size:12px; }
	  /* footer div dl:nth-child(3) { margin-right: 0; } */
	  footer ul { display:none; }
	  main.products-rec { margin:0 5px; }
	  .h-title { margin-top:20px; }
	  .h-title dt { font-size:32px; }
	  .h-title dt h1 { margin-bottom:0; }
	  .h-title dd { margin-top:10px; }
	  .h-news li dl dd { padding-top:5px; }
	  .info-albums { margin:30px 0 0 0;height:275px; }
	  .info-albums .swiper-slide { height:250px; }
  
	  .info-albums.full { margin:0;background:#fff; }
	  .info-albums.full .swiper-slide { width:100%; }
	  .info-albums.full .swiper-slide img { width:100%;height:auto; }
	  .Validform_checktip { display:inline-block;margin:5px 0 0 0;height:20px;line-height:20px; }
	  .Validform_wrong { background:url(/css/valid_icons.png) no-repeat -20px -40px; }
  }
  @media screen and (max-width:480px){
	  .h-news { margin:10px 0 15px 0; }
	  .info-cont { margin:0 0; }
	  .channel-title dt { font-size:25px; }
  
	  .n-list li{ padding-bottom:15px; }
	  .n-list li h2 a{ margin:8px 0 10px 0;font-size:16px; }
	  .n-list li .note a{ margin-right:10px;width:100px;height:80px; }
	  .n-list li .note p{ font-size:11px;line-height:1.4em;max-height:60px; }
	  .n-list li .note .info{ padding-top:8px; }
	  .n-list li .note .info .time{ background-position:0 -160px; }
	  .n-list li .note .info .view{ background-position:0 -37px; }
  
	  .form-box{ font-size:12px; }
	  .form-box dl dt{ width:90px;font-size:12px;}
	  .form-box dl dd{ padding:5px 0 5px 0;font-size:12px; }
  }
  
  @media screen and (max-width:400px){
	  header { height:55px; }
	  /* header section a.logo { margin-top:-21px;height:42px; } */
	  .h-banner .swiper-slide img { width:110%;margin-left:-5%; }
	  .adv-albums { margin:15px auto; }
	  .h-about section { margin:30px auto; }
	  .m-catalog { max-width:100%;overflow:hidden; }
	  .m-catalog a { margin:2px;padding:0 8px;line-height:34px;font-size:14px;border-radius:2px; }
  
	  
	  .m-pic-list li p { height:34px;line-height:1.3em; }
  
	  .info-list { margin:20px auto; }
	  .info-list li { width:100%;height:38px;line-height:38px;font-size:12px; }
	  .info-list li a { width:70%; }
	  .info-list li span { width:auto; }
  }
  @media screen and (max-width:360px){
	  footer p { margin-top:0; }
	  footer div { display:none; }
  }