@charset "utf-8";
/* CSS Document */

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ min-width:1240px; background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; position:absolute; left:0; top:0; z-index:99;}
.header .head{ width:83.33vw; min-width:1200px; height:98px; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:98px;}
.header a.search{ display:block; width:38px; height:38px; background:#01a0ea url(../images/common/head_search.png) center no-repeat; border-radius:50%; margin:30px 0 0 18px; cursor:pointer; float:right;}
.searchBox{ width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:888; opacity:0; visibility:hidden;}
.searchBox.show{ transition:all ease-in-out 0.3s; opacity:1; visibility:visible;}
.searchBox form{ display:block; overflow:hidden; width:80%; max-width:1000px; position:fixed; left:50%; top:40%; z-index:999; transform:translate(-50%,-50%);}
.searchBox form h2{ display:block; line-height:1; color:#fff; font-size:26px; font-weight:normal; text-align:center; position:relative; margin-bottom:1.285em;}
.searchBox form h2 a.close{ display:block; width:1em; height:1em; background:url(../images/common/close.png) center no-repeat; position:absolute; right:0; top:0; cursor:pointer;}
.searchBox form input.txt{ display:block; width:calc(100% - 5em); height:3em; line-height:1; color:#333; font-size:16px; background:#fff; padding:0 1.25em; border:0; border-radius:1.5em 0 0 1.5em; box-sizing:border-box; float:left;}
.searchBox form input.txt::placeholder{ color:#999;}
.searchBox form input.btn{ display:block; width:5em; height:3em; line-height:9999; font-size:16px; background:#01a0ea url(../images/common/search.png) center no-repeat; border:0; cursor:pointer; float:left; border-radius:0 1.5em 1.5em 0;}

/*导航*/
ul.nav{ display:block; height:98px; font-size:16px; position:relative; float:right;}
ul.nav li{ display:block; float:left; position:relative; padding:30px 0; margin:0 0.875em;}
ul.nav li a{ display:block; line-height:38px; color:#fff; text-align:center; padding:0 1.5em; white-space:nowrap; position:relative;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; background:#01a0ea; border-radius:19px;}

ul.nav li p.sub{ display:none; min-width:100%; background:rgba(255,255,255,0.95); position:absolute; left:50%; top:100%; transform:translate(-50%,0); z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ width:auto; line-height:3; color:#666; font-size:0.9375em; padding:0 0.6em; border-radius:0; white-space:nowrap; margin:0; background:none; transition:all ease 0.4s;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; background:#01a0ea;}

/*banner*/
.banner{ width:100vw; height:672px; background-size:cover !important; overflow:hidden; position:relative;}

/*底部*/
.footer{ background:#282f32; padding:60px 0 0;}
.footer .foot{ width:83.33vw; min-width:1200px; margin:0 auto; position:relative;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .left{ padding:0 0 40px;}
.footer a.logo{ display:inline-block; vertical-align:top; margin:0 0 30px;}
.footer a.logo img{ display:block; height:54px;}
.footer .left p{ display:block; line-height:3; color:#bbb; font-size:16px; padding-left:1.75em;}
.footer .left p img{ display:block; width:1em height:1em; float:left; margin:1em 0.75em 0 -1.75em;}
.footer .left p span{ display:inline-block; vertical-align:top; transform:skewX(-14deg);}
.footer .code{ line-height:1; color:#bbb; font-size:14px; text-align:center; float:right; padding:0 0 40px; margin-left:4vw;}
.footer .code img{ display:block; width:8.3em; margin:0 auto 2em;}
.footer dl{ display:block; font-size:16px; float:left; margin-right:4.5vw; padding:0 0 40px;}
.footer dl dt{ display:block; padding:0 0 1em;}
.footer dl dt::after{ content:''; display:block; width:2em; height:1px; background:#01a0ea; margin:1em 0 0;}
.footer dl dt a{ display:block; line-height:1.77; color:#01a0ea; font-size:1.125em;}
.footer dl dt a:hover{ color:#fff;}
.footer dl dd{ display:block;}
.footer dl dd a{ display:block; line-height:2.285; color:#bbb; font-size:0.875em;}
.footer dl dd a:hover{ color:#fff;}
.footer .copyright{ display:flex; justify-content:space-between; line-height:5.285; color:#999; font-size:14px; overflow:hidden; padding:0 0 1.35em; clear:both; border-top:1px solid #5c6163;}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; background-size:contain; position:fixed; right:20px; bottom:60px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}

/*主体样式*/
.main{ position:relative; z-index:3;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.main .position{ line-height:7.5em; font-size:15px; background:#fff; overflow:hidden; padding:0 2%; box-shadow:0 0 15px rgba(169,169,169,0.2); margin:0 0 -3.75em; transform:translateY(-50%);}
.main .position ul{ display:block; overflow:hidden; float:right;}
.main .position ul li{ display:block; float:left;}
.main .position ul li a{ display:block; color:#333; font-size:1.2em; font-weight:bold; padding:0 1.5em; position:relative; margin-left:1em;}
.main .position ul li a:hover,
.main .position ul li.cur a{ color:#01a0ea;}
.main .position ul li a:hover::after,
.main .position ul li.cur a::after{ content:''; display:block; width:100%; height:3px; background:#01a0ea; position:absolute; left:0; bottom:0;}
.main .position p{ display:block; color:#666; overflow:hidden; padding-left:2em; background:url(../images/common/posit.png) left center no-repeat;}
.main .position p a{ margin:0 4px;}
.main .position p a:hover{ color:#01a0ea;}

/*内容样式*/
.main .attr{ width:83.33vw; min-width:1200px; margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; line-height:2.05; color:#333; font-size:42px; text-align:center; padding:1em 0 0;}
.main .attr h2.title em{ display:block; line-height:2.05; padding:0.75em 0 0; position:relative; z-index:3;}
.main .attr h2.title span{ display:block; line-height:1.26; font-size:2.14em; text-transform:uppercase; position:relative; z-index:2; opacity:0.09; margin:-1.26em 0 0;}
.main .attr h2.title::after{ content:''; display:block; width:1.5em; height:4px; background:#01a0ea; margin:0 auto;}
.main .attr h3.title{ display:block; line-height:1.88; color:#333; font-size:36px; font-weight:normal; text-align:center; padding:1.5em 0 1em;}
.main .attr p.mark{ display:block; line-height:3; color:#999; font-size:15px; text-align:center; background:#f7f7f7;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ line-height:2.11; color:#333; font-size:17px; text-align:justify; overflow:hidden; padding:2em 0 3em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ overflow:hidden; font-size:17px; border-top:1px solid #ddd; padding:2em 0 4.8em;}
.main .change p{ display:block; max-width:44%; line-height:3.2; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
.main .change p:last-child{ float:right;}
.main .change p a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a em{ display:block; float:left; margin:0 0.5em 0 0;}
.main .change p:last-child a em{ float:right; margin:0 0 0 0.5em;}
.main .change p a:hover{ color:#01a0ea;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 80px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; padding:13px 19px; background:#f5f5f5; margin:0 9px; cursor:pointer;}
.pages a:hover,
.pages span{ color:#fff; background:#01a0ea; border-color:#01a0ea;}

/*关于拓普*/
.about1{ background:url(../images/icons/ab_bg1.jpg) center no-repeat; background-size:cover; padding:56px 0 80px; margin:-56px 0 0;}
.about1 img.pic{ display:block; width:49.5%; float:right; margin:0 -7% 0 2.5%;}
.about1 .txt{ line-height:2.25; color:#333; font-size:16px; overflow:hidden; padding:3em 0 0;}
.about1 ul.data{ display:block; color:#01a0ea; font-size:16px; overflow:hidden; padding:2.5em 0 0; clear:both;}
.about1 ul.data li{ display:block; width:25%; text-align:center; float:left;}
.about1 ul.data p{ display:block; height:4em; line-height:4em; font-size:1.125em; overflow:hidden;}
.about1 ul.data p b.counter{ font-size:2.77em; margin:0 0.1em 0 0;}
.about1 ul.data p sup{ display:inline-block; line-height:1; font-weight:bold; vertical-align:top; margin:0 0 0 2px;}
.about1 ul.data span{ display:block; line-height:3;}

.about2{ background:url(../images/icons/ab_bg2.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.event{ font-size:16px; margin:48px 0 0;}
.event::before,
.event::after{ content:''; display:block; overflow:hidden; clear:both;}
.event .year{ position:relative; padding:22px 0 0; margin:90px 0 0;}
.event .year::after{ content:''; display:block; box-sizing:border-box; width:100vw; height:22px; background:url(../images/common/year_line.png) center top repeat-x; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1;}
.event .year .swiper-button-prev,
.event .year .swiper-button-next{ width:46px; height:46px; border-radius:50%; margin-top:0; top:-90px; user-select:none;}
.event .year .swiper-button-prev{ background:#01a0ea url(../images/icons/prev.png) center no-repeat; left:3.5%;}
.event .year .swiper-button-next{ background:#01a0ea url(../images/icons/next.png) center no-repeat; right:3.5%;}
.event .year .swiper-container{ width:1083px; overflow:visible; position:relative; z-index:3;}
.event .year .swiper-slide a{ display:block; width:361px; line-height:92px; color:#7d7d7d; font-size:24px; font-weight:bold; text-align:center; overflow:hidden; position:relative; user-select:none;}
.event .year .swiper-slide-active a{ color:#01a0ea; font-size:34px; font-weight:bold;}
.event .year .swiper-slide-active a::after{ content:''; display:block; width:0; border:1px solid #01a0ea; border-width:0 8px 9px; border-color:#01a0ea transparent; margin:-9px auto 0;}
.event ul.info{ display:block; font-size:16px;}
.event ul.info li{ display:none; position:relative;}
.event ul.info li::before,
.event ul.info li::after{ content:''; display:block; overflow:hidden; clear:both;}
.event ul.info li .txt{ min-height:11em; line-height:2.5; color:#333; font-size:1.5em; text-align:center; padding:2.5em 0 0;}

.about3{ background:url(../images/icons/ab_bg3.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.about3 .swiper-container{ font-size:16px; overflow:visible; padding:3em 100px 0;}
.about3 .swiper-container-3d .swiper-slide-shadow-left,
.about3 .swiper-container-3d .swiper-slide-shadow-right{ display:none;}
.about3 .swiper-slide{ opacity:0; visibility:hidden;}
.about3 .swiper-slide a.box{ display:block; transition:all ease 0.8s;}
.about3 .swiper-slide a.box em{ display:flex; align-items:center; justify-content:center; width:100%; height:450px; transition:all ease 0.8s; perspective:560; -webkit-perspective:560; transform:scale(0.76);}
.about3 .swiper-slide a.box img{ display:block; max-width:100%; max-height:100%; transition:all ease 0.8s; opacity:0.7;}
.about3 .swiper-slide a.box span{ display:block; line-height:2; color:#333; font-size:1.125em; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:1.5em -2em 0; transition:all ease 0.8s; opacity:0;}
.about3 .swiper-slide-active,
.about3 .swiper-slide-prev,
.about3 .swiper-slide-next,
.about3 .swiper-slide-prev-prev,
.about3 .swiper-slide-next-next{ opacity:1; visibility:visible;}
.about3 .swiper-slide-active{ z-index:9;}
.about3 .swiper-slide-active a.box em{ display:block; perspective:none; -webkit-perspective:none; transform:scale(1);}
.about3 .swiper-slide-active a.box img{ max-width:none; height:450px; margin-left:50%; transform:translateX(-50%); opacity:1; box-shadow:0 0 15px rgba(169,169,169,0.2);}
.about3 .swiper-slide-active a.box span{ opacity:1;}
.about3 .swiper-slide-prev a.box em{ transform-origin:left center;}
.about3 .swiper-slide-prev a.box img{ transform:rotateY(20deg) translate3d(5%, 0, 0) scale(1.065,1);}
.about3 .swiper-slide-next a.box em{ transform-origin:right center;}
.about3 .swiper-slide-next a.box img{ transform:rotateY(-20deg) translate3d(-5%, 0, 0) scale(1.065,1);}
.about3 .swiper-slide-prev-prev a.box em{ transform-origin:left center;}
.about3 .swiper-slide-prev-prev a.box img{ transform:rotateY(20deg) translate3d(5%, 0, 0) scale(1.065,1);}
.about3 .swiper-slide-next-next a.box em{ transform-origin:right center;}
.about3 .swiper-slide-next-next a.box img{ transform:rotateY(-20deg) translate3d(-5%, 0, 0) scale(1.065,1);}
.about3 .swiper-pagination{ display:none; height:12px; padding:28px 0; bottom:0; z-index:2;}
.about3 .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; background:#148cc2; opacity:1; margin:0 10px;}
.about3 .swiper-pagination .swiper-pagination-bullet-active{ background:#6eb92b;}
.about3 .swiper-button-prev,
.about3 .swiper-button-next{ width:50px; height:50px; border-radius:50%; top:50%; margin-top:-25px; z-index:3;}
.about3 .swiper-button-prev{ background:#01a0ea url(../images/icons/prev.png) center no-repeat; left:0;}
.about3 .swiper-button-next{ background:#01a0ea url(../images/icons/next.png) center no-repeat; right:0;}

.about4{ background:url(../images/icons/ab_bg4.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.about4 h2.title{ color:#fff !important;}
.about4 h2.title::after{ background:#fff !important;}
.about4 dl{ display:block; width:39%; color:#fff; font-size:16px; float:left; margin:48px 0 0; margin-right:5%;}
.about4 dl dt{ display:block; overflow:hidden; padding:4em 0 0;}
.about4 dl dt img{ display:block; height:4.75em; float:left; margin-right:1.75em;}
.about4 dl dt b{ display:block; line-height:1.125; color:#ffcc00; font-size:1.5em; overflow:hidden;}
.about4 dl dt p{ display:block; line-height:1.75; overflow:hidden; padding:1em 0 0; opacity:0.7;}
.about4 dl dd{ display:block; overflow:hidden; padding-left:2.25em; background:url(../images/icons/check.png) left top 1.25em no-repeat; background-size:auto 1.25em; margin:3em 0 0;}
.about4 dl dd b{ display:block; line-height:2.8; font-size:1.25em; overflow:hidden;}
.about4 dl dd p{ display:block; line-height:1.6; font-size:0.9375em; overflow:hidden; opacity:0.7;}
.about4 ul{ display:block; color:#fff; font-size:15px; text-align:center; overflow:hidden; border:1px solid rgba(255,255,255,0.3); border-width:1px 0 0 1px; margin:48px 0 0;}
.about4 ul li{ display:block; width:50%; float:left; cursor:default;}
.about4 ul li a{ display:block; padding:4em 0 5.4em; overflow:hidden; border:1px solid rgba(255,255,255,0.3); border-width:0 1px 1px 0; position:relative;}
.about4 ul li a img{ display:block; height:3.6em; margin:0 auto;}
.about4 ul li a span{ display:block; line-height:1; font-size:1.6em; padding:1em 0 0;}
.about4 ul li .shade{ display:flex; flex-direction:column; align-content:center; justify-content:center; align-items:center; width:100%; height:100%; box-sizing:border-box; background:#01a0ea; padding:0 2em; position:absolute; left:0; top:0; transition:all ease 0.4s; opacity:0; visibility:hidden;}
.about4 ul li a:hover .shade{ opacity:1; visibility:visible;}
.about4 ul li .shade em{ display:block; line-height:1.625; font-size:1.6em; padding:0 0 0.75em;}
.about4 ul li .shade p{ display:block; line-height:2; text-align:center; opacity:0.7;}

.about5{ padding:0 0 60px;}
.about5 ul{ display:block; font-size:16px; overflow:hidden; margin:0 -14px; padding:48px 0 0;}
.about5 ul li{ display:block; width:25%; float:left;}
.about5 ul li a{ display:block; overflow:hidden; margin:0 14px 28px; position:relative; transition:all ease 0.4s;}
.about5 ul li a img{ display:block; width:100%; transition:all ease 0.4s;}
.about5 ul li a span{ display:block; width:100%; box-sizing:border-box; line-height:3; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 1em; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; transition:all ease 0.4s;}
.about5 ul li a:hover span{ background:#01a0ea;}

/*产品列表*/
.main ul.proList{ display:block; font-size:16px; margin:0 -18px; padding:48px 0 32px;}
.main ul.proList::before,
.main ul.proList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.proList li{ display:block; width:33.33%; float:left;}
.main ul.proList li a{ display:block; overflow:hidden; margin:0 18px 48px; position:relative; transition:all ease 0.4s;}
.main ul.proList li a img{ display:block; width:100%; transition:all ease 0.4s;}
.main ul.proList li a span{ display:block; line-height:4.5; color:#333; font-size:1.25em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 1.5em; background:#ebebeb; transition:all ease 0.4s;}
.main ul.proList li a span em{ display:block; width:2.66em; height:2.66em; background:#01a0ea url(../images/icons/pro_more.png) center no-repeat; background-size:contain; border-radius:50%; float:right; margin:0.92em 0 0 2em; transition:all ease 0.4s;}
.main ul.proList li a:hover span{ color:#fff; background:#01a0ea;}
.main ul.proList li a:hover span em{ background-color:#fff; background-image:url(../images/icons/pro_more_h.png);}

/*产品详情*/
.proinfo{ font-size:16px; background:#f7f7f7; padding:60px 0 60px;}
.proinfo::before,
.proinfo::after{ content:''; display:block; overflow:hidden; clear:both;}
.proinfo img.pic{ display:block; width:50%; float:left; margin-right:4.25%;}
.proinfo h3{ display:block; line-height:2.375; color:#333; font-size:2.25em; overflow:hidden; padding:0 0 0.375em;}
.proinfo p.desc{ display:block; line-height:3; color:#333; overflow:hidden; padding:1.375em 0; border:1px solid #ddd; border-width:1px 0; margin-left:54.25%;}
.proinfo .txt{ line-height:3; color:#333; overflow:hidden; padding:1.375em 0; margin-left:54.25%;}
.proinfo .txt img{ display:inline-block; vertical-align:top; width:1.5em; height:1.5em; margin:0.75em 1.125em 0 0;}
.proinfo a.back{ display:block; width:12.5em; line-height:3; color:#fff; text-align:center; background:#01a0ea; overflow:hidden; margin:1.625em 0 0; position:relative; margin-left:54.25%;}
.proinfo a.back img{ display:block; height:1em; position:absolute; left:1.125em; top:50%; transform:translateY(-50%);}
.main p.protab{ display:block; line-height:4.3; color:#fff; font-size:30px; text-align:center; background:#01a0ea; position:relative;}
.main p.protab::before{ content:''; display:block; width:100vw; height:100%; background:#01a0ea; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.main p.protab::after{ content:''; display:block; overflow:hidden; clear:both;}
.main p.protab a{ display:block; width:50%; float:left; position:relative; z-index:3;}
.main p.protab a.cur{ background:#007bb4;}
.main .attr h3.sub{ display:block; line-height:1.5; color:#333; font-size:24px; padding-left:1.5em; background:url(../images/icons/sub.png) left center no-repeat; overflow:hidden;}
.main p.protab + h3.sub{ margin-top:2.25em;}
.main .attr h3.sub + .article{ margin:0 2.11em;}

/*解决方案*/
.main ul.solution{ display:block; overflow:hidden; padding:30px 0 0; margin:0 -16px;}
.main ul.solution li{ display:block; width:16.66%; float:left;}
.main ul.solution li a{ display:block; overflow:hidden; border:3px solid #fff; margin:16px; box-shadow:0 0 15px rgba(169,169,169,0.2); transition:all ease 0.4s;}
.main ul.solution li a img{ display:block; width:100%;}
.main ul.solution li a:hover{ border-color:#01a0ea;}

/*新闻列表*/
.main ul.newsList{ display:block; font-size:16px; overflow:hidden; margin:48px 0 40px;}
.main ul.newsList li{ display:block; background:#fff; overflow:hidden; padding-right:3%; margin:0 0 40px;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; margin:0 3% 0 0; float:left;}
.main ul.newsList li a.pic img{ display:block; width:26.875em; height:16.25em; transition:all ease 0.4s;}
.main ul.newsList li a.title{ display:block; line-height:3.66; color:#333; font-size:1.5em; margin:0.625em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.newsList li a.title:hover{ color:#01a0ea;}
.main ul.newsList li span{ display:block; line-height:2.6; color:#01a0ea; font-size:0.9375em; overflow:hidden; margin:1.6em 0 0;}
.main ul.newsList li .txt{ display:block; height:3.75em; line-height:1.875; color:#999;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li a.more{ display:block; width:2.6em; height:2.6em; font-size:0.9375em; background:#01a0ea url(../images/common/more.png) center no-repeat; background-size:contain; border-radius:50%; float:right; margin:1.6em 0 0;}
.main ul.newsList li a.more:hover{ color:#01a0ea; text-decoration:underline;}

/*联系我们*/
.main ul.contact{ display:block; font-size:16px; margin:48px 0 60px;}
.main ul.contact::before,
.main ul.contact::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.contact li{ display:block; width:33.33%; float:left; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.main ul.contact li div{ text-align:center; overflow:hidden; padding:3em 2em 1.75em;}
.main ul.contact li img{ display:block; height:2.5em; margin:0 auto;}
.main ul.contact li b{ display:block; line-height:3; color:#01a0ea; font-size:1.125em; font-weight:normal; overflow:hidden; padding:0.4em 0 0;}
.main ul.contact li p{ display:block; height:2.66em; line-height:1.33; color:#333; font-size:1.5em; overflow:hidden;}
.main .map{ overflow:hidden; margin:60px 0 80px;}

@media only screen and (max-width:1440px){
.header .head,
.footer .foot,
.main .attr{ width:1200px;}

ul.nav li{ margin:0 0.75em;}
.banner{ height:496px;}
.footer .code{ margin-left:0px;}
.footer dl{ margin-right:80px;}

.main .position{ line-height:6em; margin:0 0 -3em;}
.main .position p font{ display:none;}
.main .position ul li a{ font-size:1.06em; padding:0 1em; margin-left:0.5em;}

}

@media only screen and (max-width:768px){
.wrap{ min-width:0;}
.header .head,
.footer .foot,
.main .attr{ width:calc(100% - 24px); min-width:0;}

.header{}
.header .head,
.header h1.logo a img{ height:56px;}
.header a.menu{ display:block; width:28px; height:56px; background:url(../images/common/head_menu.png) center no-repeat; float:right; margin-left:20px;}
.header a.search{ display:none;}

ul.nav{ height:auto; font-size:14px; float:none; position:absolute; right:-12px; top:100%; background:rgba(255,255,255,0.9); padding:6px 0; box-shadow:0 0 8px rgba(22,22,22,0.2); transform:translateX(110%); transition:all ease 0.4s;}
ul.nav.show{ transform:translateX(0);}
ul.nav li{ float:none; margin:0; padding:0;}
ul.nav li a{ line-height:3; color:#333; padding:0 1.75em;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ border-radius:0; color:#01a0ea; background:none;}
ul.nav li p.sub{ display:none !important;}

.banner{ height:54vw;}

.footer{ padding:20px 0 0;}
.footer a.logo{ display:block; width:152px; margin:0 auto 16px;}
.footer a.logo img{ width:100%; height:auto;}
.footer .left{ float:none; padding:20px 20px 10px;}
.footer .left p{ font-size:13px;}
.footer dl{ display:none;}
.footer .right{ float:none; padding:0px 0 10px;}
.footer .code{ margin:0 auto; float:none; padding:0 0 10px; font-size:13px; width:120px;}
.footer .code img{ margin-bottom:1em;}
.footer .copyright{ font-size:12px; display:block; text-align:center; line-height:2; padding:0.85em 0 1.15em;}

.backToTop{ width:32px; height:32px; right:12px; bottom:90px;}

.main .position{ font-size:14px; line-height:3em; padding:0; margin:0; transform:0; background:none; box-shadow:none; overflow:visible;}
.main .position::before,
.main .position::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .position ul{ float:none; background:#fff; box-shadow:0 0 15px rgba(169,169,169,0.2); margin:0 0 -3em; transform:translateY(-3em);}
.main .position ul li{ width:33.33%;}
.main .position ul li a{ font-weight:normal; font-size:1em; margin:0; padding:0; text-align:center;}
.main .position ul li a:hover,
.main .position ul li.cur a{ color:#fff; background:#01a0ea;}
.main .position p{ display:none;}

.main .attr h2.title{ font-size:24px;}
.main .attr h3.sub{ font-size:16px;}
.main .attr h3.title{ font-size:20px; line-height:1.5; padding:1.5em 0 1em;}
.main .attr p.mark{ font-size:13px;}
.main .attr p.mark font:nth-child(2){ display:none;}
.main .article{ line-height:2.25; font-size:14px; padding:1.25em 0 2em;}

.main .change{ font-size:14px; padding:14px 2px; margin:0 0 20px;}
.main .change p{ max-width:none; float:none !important; line-height:2.5; margin:0;}
.main .change p a em{ display:none;}

.pages{ font-size:12px; padding:0 0 40px;}
.pages span,
.pages a{ min-width:10px; padding:5px 13px; margin:0 4px; border-radius:3px;}

.about1{ padding:42px 0 48px; margin:-42px 0 0;}
.about1 img.pic{ display:none;}
.about1 .txt{ font-size:14px; padding:2em 0 0;}
.about1 ul.data{ font-size:12px;}
.about1 ul.data li{ width:50%;}

.about2{ padding:0 0 48px;}
.event{ margin:20px 0 0;}
.event .year{ padding:8px 0 0; margin:48px 0 0;}
.event .year::after{ background-size:130px 8px; height:8px; background-image:url(../images/common/year_line_m.png);}
.event .year .swiper-button-prev,
.event .year .swiper-button-next{ width:30px; height:30px; background-size:auto 50% !important; top:-48px;}
.event .year .swiper-container{ width:390px; margin-left:calc(50% - 195px);}
.event .year .swiper-slide a{ width:130px; font-size:16px; line-height:60px;}
.event .year .swiper-slide-active a{ font-size:22px;}
.event ul.info{ font-size:14px;}
.event ul.info li .txt{ font-size:1em;}

.about3{ padding:0 0 48px;}
.about3 .swiper-container{ font-size:14px; padding:3em 48px 0; margin:-12px 0 0;}
.about3 .swiper-slide a.box em{ display:block; height:calc(144vw - 173px); transform:none !important; overflow:hidden;}
.about3 .swiper-slide a.box img{ transform:none !important; opacity:0; transition:opacity ease 0.8s;}
.about3 .swiper-slide a.box span{ font-size:1em; margin:1em 0 0;}
.about3 .swiper-slide-active a.box img{ width:100%; height:auto; transform:none; margin:0; opacity:1;}
.about3 .swiper-slide a.box img,
.about3 .swiper-slide-active a.box img{ width:100%; height:auto; max-height:calc(144vw - 173px); transform:translateY(-50%) !important; margin:calc(72vw - 86.5px) 0 0;}
.about3 .swiper-button-prev,
.about3 .swiper-button-next{ width:32px; height:32px; background-size:auto 50% !important;}

.about4{ padding:0 0 48px;}
.about4 dl{ width:auto; font-size:14px; float:none; margin:0 0.5em;}
.about4 dl dt{ padding:2.5em 0 0;}
.about4 dl dt img{ height:1.6em; margin-right:1em;}
.about4 dl dd{ margin:1em 0 0;}
.about4 ul{ margin:2em 0 0; font-size:14px;}
.about4 ul li{ width:100%;}
.about4 ul li a{ padding:2.5em 0 3em;}
.about4 ul li a span{ font-size:1.2em;}
.about4 ul li .shade em{ font-size:1.3em; padding:0.2em 0 0.5em;}

.about5{ padding:0 0 36px;}
.about5 ul{ font-size:14px; margin:0 -5px; padding:30px 0 0;}
.about5 ul li{ width:50%;}
.about5 ul li a{ margin:0 5px 10px;}

.main ul.proList{ font-size:14px; margin:0 -5px; padding:30px 0;}
.main ul.proList li{ width:50%;}
.main ul.proList li a{ margin:0 5px 10px;}
.main ul.proList li a span{ padding:0 0.5em; text-align:center; font-size:1em; line-height:3;}
.main ul.proList li a span em{ display:none;}

.proinfo{ padding:30px 0; font-size:14px;}
.proinfo img.pic{ width:100%; margin:0; float:none;}
.proinfo h3{ font-size:1.5em; line-height:1; padding:1.25em 0 1em;}
.proinfo p.desc{ margin:0; padding:0.75em 4px;}
.proinfo .txt{ margin:0; padding:0.75em 4px;}
.proinfo a.back{ margin:8px auto 0;}
.main p.protab{ margin:0 -12px; font-size:15px; line-height:3;}
.main p.protab + h3.sub{ margin-top:1.25em;}
.main .attr h3.sub + .article{ margin:0 1.72em; padding:1em 0 2em;}

.main ul.solution{ margin:0 -4px; padding:24px 0 0;}
.main ul.solution li{ width:33.33%;}
.main ul.solution li a{ margin:4px; border-width:2px;}

.main ul.newsList{ margin:30px 0 30px; font-size:13px;}
.main ul.newsList li{ padding:0 16px; margin:0 0 12px;}
.main ul.newsList li a.pic{ margin:0 -16px; float:none;}
.main ul.newsList li a.pic img{ width:100%; height:auto;}
.main ul.newsList li a.title{ font-size:1.23em; line-height:2.75; margin:0.5em 0 0;}
.main ul.newsList li span{ font-size:1em; margin:0.5em 0 1em;}
.main ul.newsList li a.more{ display:none;}

.main ul.contact{ font-size:13px; margin:30px 0 0;}
.main ul.contact li{ width:100%;}
.main ul.contact li div{ padding:1.75em 2em 2em;}
.main ul.contact li b{ line-height:2.75;}
.main ul.contact li p{ height:auto; font-size:1.23em; line-height:1.5;}
.main .map{ margin:30px 0 48px;}

}









/**/