@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:1200px;height:120px; }

header section a.logo { display:block;z-index:2;position:absolute;top:50%;left:0;margin-top:-40px;height:80px; }
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 dl {float:right;}
header section dl dt {padding-top:16px;}
header section dl dt div {float:left;}
header section dl dt .nav { margin-right:18px;line-height:28px;color:#ddd; }
header section dl dt .nav a {display:inline-block;margin:0 15px;}
header section dl dt .nav a:hover { color:#00a1e9; }
header section dl dd div { float:right;z-index:100;position:relative;top:0;right:0;margin-top:20px;padding-left:55px; }
header section dl dd div::before { display:block;z-index:102;position:absolute;top:0;left:0;padding:8px;width:25px;height:25px;line-height:25px;text-align:center;color:#00a1e9;border:2px solid #00a1e9;border-radius:100%;font-family:'iconfont';content:"\e69a";font-size:25px; }
header section dl dd div h1 { font-size:14px;color:#8e8e8e;font-family:-apple-system,PingFang SC,PingFangSC-Regular,Microsoft YaHei,Helvetica Neue,Arial,sans-serif; }
header section dl dd div { font-size:25px; }


header nav { height:52px;background:#eee; }
header nav ul {list-style:none;}
header nav a { font-family:-apple-system,PingFang SC,PingFangSC-Regular,Microsoft YaHei,Helvetica Neue,Arial,sans-serif; }
header nav>ul {margin:0 auto;width:100%;max-width:1200px;}
header nav>ul>li {float:left;position:relative;z-index:1000;width:14.285%;}
header nav>ul>li::after{content:"";position:absolute;top:0;right:0;display:block;width:1px;height:100%;background:#b3b3b3;}
header nav>ul>li:last-child::after { display:none; }
header nav>ul>li>a { position:relative;display:block;height:100%;line-height:52px;font-size:17px;text-transform:uppercase;letter-spacing:1px;overflow:hidden;text-align:center; }
header nav>ul>li>a::after { content:"";z-index:-2;position:absolute;top:0;left:0;right:0;margin:auto;height:100%;background:#003398;transform:scaleX(0);transition:.3s; }
header nav>ul>li:hover>a { color:#fff; }
header nav>ul>li:hover>a::after { width:100%;transform:scaleX(1); }

header nav>ul>li>ul{ position:absolute;left:0;z-index:1001;min-width:100%;height:0;overflow:hidden; }
header nav>ul>li>ul>li { transform:scaleY(0);background:rgba(0,0,0,.6);text-align:center; }
header nav>ul>li>ul>li:hover { background:rgba(0,0,0,.9); }
header nav>ul>li>ul>li>a { white-space:nowrap;display:block;height:40px;line-height:40px;color:#fff;font-size:15px;font-weight:normal;overflow:hidden; }
header nav>ul>li>ul>li>a:hover { color:#fff; }
header nav>ul>li:hover>ul { display:block;height:auto;box-shadow:0 10px 10px 5px rgba(0,0,0,.1); }
header nav>ul>li:hover>ul>li { transform:scaleY(1); }
header nav>ul>li:hover>ul>li:nth-child(1) {transition:all .2s ease;}
header nav>ul>li:hover>ul>li:nth-child(2) {transition:all .4s ease;}
header nav>ul>li:hover>ul>li:nth-child(3) {transition:all .6s ease;}
header nav>ul>li:hover>ul>li:nth-child(4) {transition:all .7s ease;}
header nav>ul>li:hover>ul>li:nth-child(5) {transition:all .8s ease;}
header nav>ul>li:hover>ul>li:nth-child(6) {transition:all .9s ease;}
header nav>ul>li:hover>ul>li:nth-child(7) {transition:all 1s ease;}
header nav>ul>li:hover>ul>li:nth-child(8) {transition:all 1.1s ease;}
header nav>ul>li:hover>ul>li:nth-child(9) {transition:all 1.2s ease;}
header nav>ul>li:hover>ul>li:nth-child(10) {transition:all 1.3s ease;}

.search { transition:all .5s ease;position:relative;z-index:101;width:180px;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:#939393; }
.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:16px; }
.search:hover a,.search:hover input { color:#00a1e9; }
.search:hover { border-color:#00a1e9; }
.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:#00a1e9;color:#00a1e9;box-shadow:rgba(0,113,197,.3) 0 0 8px; }
.m-catalog a.cur { border-color:#00a1e9;background:#00a1e9;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:#00a1e9;color:#00a1e9; }

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:#00a1e9;}
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:#2f2f2f url(../images/footer-bg.png?v2) no-repeat center top;background-size:cover;overflow:hidden; }
footer section { line-height:70px;text-align:center; }
footer section a { margin:0 20px;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:1200px;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:#00a1e9; }
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;background:#1f1f1f;color:#d2dfe9;text-align:center;overflow:hidden; }
footer>p a { color:#d2dfe9; }
footer>p a:hover { color:#fff; }
footer>p span { color:#8c8c8c; }

#index nav>ul>li:nth-child(1)>a,
#aboutus nav>ul>li:nth-child(2)>a,
#news nav>ul>li:nth-child(3)>a,
#case nav>ul>li:nth-child(4)>a,
#partner nav>ul>li:nth-child(5)>a,
#joinus nav>ul>li:nth-child(6)>a,
#contactus nav>ul>li:nth-child(7)>a { background:#003398;color:#fff; }

.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;text-transform:uppercase;overflow:hidden; }
.h-title dt p { font-size:24px;font-weight:400; }
.h-title dt p span { margin-left:20px;display:inline-block;color:#00a1e9;text-transform:uppercase;font-size:26px; }
.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:#00a1e9;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:#00a1e9;background-color:#00a1e9;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:#00a1e9; }
.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:#00a1e9;color:#00a1e9;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:#00a1e9; }

.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:1200px;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:#00a1e9; }
.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 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; } */


.h-about-bg { padding:30px 0;width:100%;background:#fff;overflow:hidden; }
.h-about-bg>main>section { position: relative;margin:30px auto 10px auto;padding-right:39%;overflow:hidden; }
.h-about-bg>main>section .cover {margin-left:20px;width:37%;position:absolute;right:0;top:0;}
.h-about-bg>main>section p { font-size:15px;line-height:2em; }
.h-about-bg>main>section>a.h-more { margin:15px auto 25px auto;line-height: 2.2em; }
/* .h-about-bg>main>div { margin:30px auto 10px auto;float:right;width:37%;overflow:hidden; }
.h-about-bg>main>div img { width:100%; } */

.h-case-bg { padding:30px 0 50px 0;width:100%;background:#f7f7f7;overflow:hidden; }

.h-products-bg { padding:30px 0;width:100%;overflow:hidden; }
.h-products-bg a.h-more { margin:30px auto 40px auto;overflow:hidden; }

@keyframes bounce-up {
	25% {transform: translateY(10px);}
	50%, 100% {transform: translateY(0);}
	75% {transform: translateY(-5px);}
}

.h-advantage-bg { padding:30px 0 50px 0;width:100%;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-advantage { margin-top:35px;display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));grid-gap:30px;}
.h-advantage>div { width:100%;height:200px;position:relative;cursor:default;text-align:center; }
.h-advantage>div i { color:#ccc;transition:all .5s;z-index:2;position:absolute;top:30px;left:0;width:100%;font-family:'iconfont';display:block;font-size:80px; }
.h-advantage>div div { width:100%;height:100%;z-index:1;position:absolute;top:0;left:0;transition:all 1s;backface-visibility:hidden;border-radius:10px; }
.h-advantage>div div p { z-index:2;position:absolute;top:140px;left:0;width:100%;text-align:center;font-size:13px; }
.h-advantage>div div:nth-child(2) { background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.h-advantage>div div:nth-child(2) p { font-size:18px;font-family:-apple-system,PingFang SC,PingFangSC-Regular,Microsoft YaHei,Helvetica Neue,Arial,sans-serif; }
.h-advantage>div div:nth-child(3) { background:#0089CD;box-shadow:0 0 10px rgba(0, 161, 233, .3);transform:rotateY(-180deg); }
.h-advantage>div div:nth-child(3) p { color:#fff; }
.h-advantage>div:hover i { animation: bounce-up 1s linear infinite;animation-delay:1s;color:#fff; }
.h-advantage>div:hover div:nth-child(2) { transform:rotateY(180deg); }
.h-advantage>div:hover div:nth-child(3) { transform:rotateY(0deg); }

.h-news-bg { padding:30px 0;width:100%;background:#f7f7f7;overflow:hidden; }
.h-news-bg a.h-more { margin:30px auto 40px auto; }

.h-news { padding:10px 0;background:#f5f5f5; }
.h-news>dl {margin:0 15px;padding-bottom:8px;line-height:30px;border-bottom:1px solid #ccc;overflow:hidden;}
.h-news>dl>dt { float:left;font-size:18px;color:#00a1e9;font-family:-apple-system,PingFang SC,PingFangSC-Regular,Microsoft YaHei,Helvetica Neue,Arial,sans-serif; } 
.h-news>dl>dt::before {display:inline-block;margin-right:5px;font-family:'iconfont';content:"\e608"}
.h-news>dl>dt>span { display:inline-block;margin-left:10px;color:#646464; }
.h-news>dl>dd {float:right;}
.h-news>dl>dd>a::after {display:inline-block;font-family:'iconfont';content:"\e623"}

.h-news ul { margin:5px 20px 10px 20px;list-style:none;overflow:hidden; }
.h-news ul li { float:left;width:100%;line-height:40px;border-bottom:1px dotted #CCC;overflow:hidden; }
/* .h-news li:nth-child(odd) { margin-right:4%; } */
.h-news ul li>a { display:block;float:left;width:85%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.h-news ul li>a::before{ display:inline-block;margin-right:5px;font-family:'iconfont';content:"\e653"; }
.h-news ul li>span { display:block;float:right;color:#999; }
/* .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; } */

.h-partners-bg { padding:30px 0 50px 0;width:100%;background:#f7f7f7;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:#00a1e9}
.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; }

.our-client { margin:30px auto 50px auto;max-width:1200px;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:#00a1e9;color:#00a1e9;box-shadow:0 0 10px rgba(255,139,2,.3); }
.menu-nav dd a.cur { border-color:#00a1e9;background:#00a1e9;color:#fff;box-shadow:0 0 10px rgba(255,139,2,.3); }

.m-pic-list { list-style:none;padding:30px 0 20px 0;margin:0 auto;max-width:1200px;clear:both;overflow:hidden; }
.m-pic-list li { float:left;width:25%;text-align:center;display:list-item; }
.m-pic-list li a { position:relative;transition:all .3s ease;display:block;margin:10px;padding:5px;border:1px solid #eee;border-radius:8px;background:#fff;overflow:hidden; }
.m-pic-list li a:hover { transform:translateY(-10px);border-color:#00a1e9;box-shadow:0 0 10px rgba(0, 161, 233, 0.5); }
.m-pic-list li a em { display:block;width:100%;overflow:hidden;text-align:center; }
.m-pic-list li a em img { transition:all .6s ease;display:block;width:100%;height:100%;object-fit:cover; }
.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:#00a1e9;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
/* .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:#00a1e9;color:#00a1e9; }

.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 #00a1e9;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:#00a1e9; }
.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:#00a1e9; }

.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:#00a1e9; }

@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:#00a1e9; }
.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:#00a1e9;border-color:#00a1e9;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; }

.join-us { width:100%;overflow:hidden; }
.join-us ol { margin-top:20px;list-style:none;width:100%;height:48px;line-height:48px;background:#003398; }
.join-us ol li { float:left;width:25%;color:#fff;text-align:center;font-size:14px; }
.join-us dl { width:100%;overflow:hidden; }
.join-us dl dt { cursor:pointer;margin-top:1px;height:48px;line-height:48px;background:#ececec; }
.join-us dl dt:hover { background:#dfdfdf; }
.join-us dl dt em { float:left;display:block;width:25%;text-align:center;font-size:14px; }
.join-us dl dd { display:none;padding:25px 25px;font-size:14px;line-height:2em; }
.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:#00a1e9; }

.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 #00a1e9;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:#00a1e9;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:#00a1e9;color:#fff; }
.goods-features .swiper-slide a:hover h1 { background:#fff;color:#00a1e9;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:#00a1e9 1px solid;color:#00a1e9;border-radius:25px; }
	.paging-nav span { cursor:default;color:#a5a5a5; }
	.paging-nav a { color:#000000; }
	.paging-nav a:hover { border:#00a1e9 1px solid;color:#000000; }
	.paging-nav .current { border:#00a1e9 1px solid;background:#00a1e9;color:#fff; }
	.paging-nav .disabled { border:#a5a5a5 1px solid;color:#a5a5a5; }
	.paging-nav span em { color:#00a1e9 }
/*视频容器*/
.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:#00a1e9;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:1220px){
	header>section,header>nav>ul,footer>div { width:auto;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:1100px){
	.h-about-bg>main>section {padding:0;}
	.h-about-bg>main>section p:nth-child(3) { margin-top:10px; }
	.h-about-bg>main>section .cover {position:static;float:right;margin-left:30px;width:20%;}
}
@media screen and (max-width:1060px){
	.h-about-bg>main>section .cover {margin-left:20px;width:30%;}
}
/* @media screen and (max-width:1035px){
	header 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 nav { height:80px; }
	header nav>ul>li>a { padding:0 10px 0 15px;line-height:80px; }
	header section div { display:none; }
	.h-news li { width:100%; }
} */
@media screen and (max-width:890px){
	header { height:50px; }
	header section { height:100%; }
	header section a.logo { margin-top:-18px;height:36px; }
	header section dl dt { padding-top:13px; }
	header section dl dt .search { width:150px;height:24px;line-height:24px; }
	header section dl dd,header nav { display:none; }
	
	menu { display:block;background:#fff;border-top-color:#eee; }
	menu>a{color:rgb(70, 70, 70);}
	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:"\e605";}
	/* 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:"\e690";}
	menu>a:nth-child(7) em:after{content:"\e6c0";}
	menu>a:nth-child(8) em:after{content:"\e662";}
	menu>a:nth-child(9) em:after{content:"\e744";}
	menu>a:nth-child(10) 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),
	#news menu>a:nth-child(4),
	/* #technology menu>a:nth-child(6), */
	#case menu>a:nth-child(6),
	#joinus menu>a:nth-child(7),
	#feedback menu>a:nth-child(8),
	#contactus menu>a:nth-child(9) { color:#00a1e9; }
	#index menu>a:nth-child(2) em:after{content:"\e604";}
	#aboutus menu>a:nth-child(3) em:after{content:"\e661";}
	#news menu>a:nth-child(4) em:after{content:"\e657";}
	/* #products menu>a:nth-child(4) em:after{content:"\e609";} */
	/* #technology menu>a:nth-child(6) em:after{content:"\e67c";} */
	#case menu>a:nth-child(6) em:after{content:"\e692";}
	#partner menu>a:nth-child(7) em:after{content:"\e6b7";}
	#joinus menu>a:nth-child(8) em:after{content:"\e664";}
	#feedback menu>a:nth-child(9) em:after{content:"\e743";}
	#contactus menu>a:nth-child(10) 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:none;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:-90px;width:180px; }
	footer { padding-bottom:61px; }
	.h-banner { min-height:100px; }
	.h-banner .swiper-pagination { bottom:10px; }
	.h-banner .swiper-pagination-bullet { width:4px;height:4px; }
	.h-banner .swiper-pagination-bullet-active { width:10px; }

	.h-title {margin-top:0;}

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

	.h-advantage { grid-gap:15px;}

	#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){
	header section dl { display:none; }
	/* .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-advantage { padding:0 10px;width:auto; }
	.h-advantage { grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:15px;}
	.h-advantage>div div:nth-child(2) { box-shadow:0 0 5px rgba(0, 0, 0, .1); }
	.h-advantage>div div:nth-child(3) { box-shadow:0 0 5px rgba(0, 161, 233, .3); }
	
	.h-advantage>div div:nth-child(3) { box-shadow:0 0 5px rgba(0, 161, 233, .3); }
	
	.h-news ul li>a { width:80%; }
	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-advantage>div div:nth-child(3) p { width:auto;padding:0 15px; }
	.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; } */
	.h-advantage { grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));grid-gap:10px;}
	.h-news ul li>a { width:100%; }
	.h-news ul li span {display:none;}
	.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; }
} */