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

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

/*头部*/
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; transition:background ease 0.4s;}
.header .head{ width:1200px; height:100px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; position:relative; float:left;}
.header h1.logo a{ display:block; position:relative; z-index:3;}
.header h1.logo a::before{ content:''; display:block; width:100%; height:100%; background:url(../images/common/logo_fix.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; z-index:3; opacity:0; transition:all ease 0.4s;}
.header h1.logo a img{ display:block; height:100px;}

/*导航*/
ul.nav{ display:block; height:100px; float:right;}
ul.nav li{ display:block; padding:32px 0; float:left; position:relative; margin:0 0 0 12px;}
ul.nav li a{ display:block; min-width:4em; line-height:36px; color:#fff; font-size:15px; text-align:center; overflow:hidden; padding:0 24px; border-radius:18px; position:relative; transition:all ease 0.4s;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; background:#549eff;}

ul.nav li p.sub{ display:none; min-width:100%; overflow:hidden; background:#549eff; position:absolute; left:50%; top:100%; transform:translateX(-50%); z-index:99;}
ul.nav li p.sub a{ min-width:0; line-height:3; color:#fff; font-size:14px; background:none; padding:0 0.75em; white-space:nowrap; border-radius:0;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#549eff; background:#fff;}

.header.fixed{ background:rgba(255,255,255,0.96); backdrop-filter:blur(4px); box-shadow:0 0 10px rgba(84,158,255,0.3);}
.header.fixed h1.logo a::before{ opacity:1;}
.header.fixed h1.logo a img{ opacity:0;}
.header.fixed ul.nav li a{ color:#444;}
.header.fixed ul.nav li a:hover,
.header.fixed ul.nav li.on a,
.header.fixed ul.nav li.cur a{ color:#fff;}
.header.fixed ul.nav li p.sub{ background:#549eff; box-shadow:0 2px 4px rgba(0,0,0,0);}
.header.fixed ul.nav li p.sub a{ color:#fff;}
.header.fixed ul.nav li p.sub a:hover,
.header.fixed ul.nav li p.sub.on a{ color:#549eff; background:#fff;}

/*banner*/
.banner{ min-width:100vw; height:500px; background-size:cover !important;}

/*底部*/
.footer{ background:#549eff; padding:40px 0 0; position:relative; z-index:9;}
.footer .foot{ display:flex; width:1200px; margin:0 auto; flex-wrap:wrap; justify-content:space-between;}
.footer dl{ display:block; min-width:7%; color:#fff; overflow:hidden;}
.footer dl dt{ display:block; line-height:60px; color:#fff; font-size:16px; overflow:hidden; margin:0 0 4px;}
.footer dl dt a{ display:block; margin:4px 0 0;}
.footer dl dt a.logo{ display:inline-block; vertical-align:top; margin:0 0 4px;}
.footer dl dt a.logo img{ display:block; height:60px;}
.footer dl dd{ display:block; line-height:2.4; color:rgba(255,255,255,0.9); font-size:14px; overflow:hidden;}
.footer dl dd a{}
.footer dl dd a:hover{ color:#fff; text-decoration:underline;}
.footer dl dd .code{ display:block; width:120px; line-height:3.5; color:rgba(255,255,255,0.9); font-size:14px; text-align:center; margin:6px 0 0;}
.footer dl dd .code img{ display:block; width:100%; border-radius:5px;}
.footer .copyright{ width:100%; line-height:1.75; color:#fff; font-size:14px; text-align:center; overflow:hidden; padding:1.25em 0; background:#338bff; margin:40px 0 0;}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:40px; height:40px; background:#338bff url(../images/common/top.png) center no-repeat; background-size:auto 60%; border-radius:4px; position:fixed; right:12px; bottom:64px; cursor:pointer; text-indent:-9999px; z-index:999;}
.backToTop:hover{ background-color:#549eff;}

/*主体样式*/
.main{}
.main::before,
.main::after{ content:''; display:block; width:100%; height:0; clear:both;}

/*当前位置*/
.position{ display:block; line-height:5.4em; color:#fff; font-size:15px; overflow:hidden; background:#549eff;}
.position ul{ display:block; overflow:hidden; float:right;}
.position ul li{ display:block; float:left;}
.position ul li a{ display:block; min-width:8em; text-align:center; padding:0 1em;}
.position ul li a:hover,
.position ul li.cur a{ color:#fff; background:#338bff;}
.position p{ display:block; font-size:14px; overflow:hidden; background:url(../images/common/position.png) left center no-repeat; padding-left:1.5em;}
.position p a{ margin:0 4px;}
.position p a:hover{ text-decoration:underline;}

/*内容样式*/
.main .attr{ width:1200px; margin:0 auto;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-size:16px; text-align:center; overflow:hidden; padding:3em 0;}
.main .attr h2.title em{ display:inline-block; vertical-align:top; line-height:1.5; color:#333; font-size:1.5em; position:relative;}

.main .attr h3.title{ display:block; line-height:48px; color:#333; font-size:26px; font-weight:normal; text-align:center; padding:14px 0; margin:24px 0 0;}
.main .attr p.mark{ display:block; line-height:26px; color:#888; font-size:14px; text-align:center; background:#f5f5f5; padding:10px 0; margin:18px 0 22px;}
.main .article{ line-height:2.25; color:#434343; font-size:15px; text-align:justify; overflow:hidden; padding:0 0 2em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ display:flex; justify-content:space-between; overflow:hidden; padding:24px 0 40px; border-top:1px solid #e6e6e6;}
.main .change p{ display:block; max-width:48%; line-height:30px; color:#5a5a5a; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.main .change p:hover{ color:#549eff;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 64px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:12px; color:#666; height:24px; line-height:24px; text-align:center; padding:4px 11px; border:1px solid #ccc; border-radius:4px; margin:0 6px;}
.pages a:hover,
.pages span{ color:#fff; background:#549eff; border-color:#549eff;}

/*解决方案*/
.main ul.solution{ display:block; font-size:16px; margin:0 -15px; padding:60px 0 90px;}
.main ul.solution::before,
.main ul.solution::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.solution li{ display:block; width:33.33%; float:left;}
.main ul.solution li a{ display:block; overflow:hidden; padding:0 0 0 20px; position:relative; margin:0 15px;}
.main ul.solution li a img{ display:block; width:100%; height:480px; object-fit:cover;}
.main ul.solution li a h4{ display:block; width:74%; line-height:5; color:#fff; font-weight:normal; position:absolute; left:0; bottom:18%; z-index:3;}
.main ul.solution li a h4::before{ content:''; display:block; width:90%; height:100%; background:url(../images/icons/more.png) right center no-repeat; position:absolute; left:0; top:0; z-index:3; opacity:0; transition:all ease 0.4s;}
.main ul.solution li a h4::after{ content:''; display:block; border:2.5em solid #549eff; border-width:2.5em 1.375em; border-color:#549eff transparent transparent #549eff; position:absolute; left:100%; top:0; z-index:1; transition:all ease 0.4s;}
.main ul.solution li a h4 em{ display:block; padding:0 0 0 1.5em; background:#549eff; position:relative; z-index:2; transition:all ease 0.4s;}
.main ul.solution li a h4 em::after{ content:''; display:inline-block; width:2em; height:2em; border:2px solid #fff; box-sizing:border-box; border-radius:50%; vertical-align:top; margin:2.5em 0 -2.5em 1em; transform:translateY(-50%); transition:all ease 0.4s;}
.main ul.solution li a:hover h4::before{ opacity/:1;}
.main ul.solution li a:hover h4::after{ border-color:#f6f6f6 transparent transparent #f6f6f6;}
.main ul.solution li a:hover h4 em{ color:#f6f6f6; color:#549eff; background:#f6f6f6;}
.main ul.solution li a:hover h4 em::after{ border-color:#f6f6f6; border-color:#549eff;}

/*产品列表*/
.main ul.proList{ display:block; overflow:hidden; margin:0 -8px; padding:40px 0 40px;}
.main ul.proList li{ display:block; width:33.33%; box-sizing:border-box; padding:0 8px 20px; float:left;}
.main ul.proList li a{ display:block; position:relative;}
.main ul.proList li a img{ display:block; width:100%; height:260px; object-fit:cover; transition:all ease 0.4s;}
.main ul.proList li a span{ display:block; line-height:4; color:#444; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:8px 0 0; transition:all ease 0.4s;}
.main ul.proList li a:hover img{ transform:translateY(6px);}
.main ul.proList li a:hover span{ color:#549eff; transform:translateY(-4px);}

/*案例列表*/
.main ul.caseList{ display:block; font-size:16px; overflow:hidden; margin:0 -12px; padding:40px 0 40px;}
.main ul.caseList li{ display:block; width:25%; float:left;}
.main ul.caseList li a{ display:block; padding:20px; border:1px solid #e6e6e6; margin:0 12px 24px; transition:all ease 0.4s;}
.main ul.caseList li i{ display:block; margin:0.5em 0 2em;}
.main ul.caseList li i img{ display:block; max-width:100%; height:80px; margin:0 auto; transition:all ease 0.4s;}
.main ul.caseList li em{ display:block; line-height:1.5; color:#666; text-align:center; transition:all ease 0.4s;}
.main ul.caseList li p{ display:none;}
.main ul.caseList li a:hover{ border-color:#549eff;}
.main ul.caseList li a:hover i img{ transform:scale(1.1);}
.main ul.caseList li a:hover em{ color:#549eff; transform:translateY(-4px);}

/*新闻列表*/
.main ul.newsList{ display:block; padding:10px 30px; overflow:hidden; border:1px solid #e6e6e6; margin:40px 0 60px;}
.main ul.newsList li{ display:block; padding:20px 0; overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.main ul.newsList li:last-child{ border:0;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:30px;}
.main ul.newsList li a.pic img{ display:block; width:288px; height:180px; object-fit:cover; transition:all ease 0.4s;}
.main ul.newsList li a.pic:hover img{ transform:scale(1.1);}
.main ul.newsList li a.title{ display:block; line-height:2; color:#549eff; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:6px 0 0;}
.main ul.newsList li a.title:hover{ color:#549eff;}
.main ul.newsList li span{ display:block; line-height:2.85; color:#999; font-size:14px; overflow:hidden; padding:0 0 2px;}
.main ul.newsList li p{ display:block; height:84px; line-height:28px; color:#666; font-size:14px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

.main .newsCon{ padding:10px 30px; overflow:hidden; border:1px solid #e6e6e6; margin:40px 0 60px;}
.main .newsCon h2.title{ margin:-10px 0;}
.main .newsCon .article:last-child{ margin-bottom:10px;}

/*关于我们*/
.about1{ padding:80px 0 80px;}
.about1 .attr h2.title{ text-align:left;}
.about1 a.pic{ display:block; width:40%; float:left;}
.about1 a.pic img{ display:block; width:100%; height:480px; object-fit:cover;}
.about1 .r{ font-size:15px; overflow:hidden; padding:0 0 0 5%;}
.about1 a.title{ display:block; line-height:1.5; color:#333; font-size:1.6em; font-weight:bold; padding:0.75em 0 0;}
.about1 a.title:hover{ color:#549eff;}
.about1 p.desc{ display:block; line-height:1.5; color:#777; padding:1em 0 1.75em;}
.about1 i{ display:block; width:120%; height:10px; background:#549eff; margin:0 0 0 -20%;}
.about1 .txt{ height:22.5em; line-height:2.25; color:#444; font-size:15px; text-align:justify; overflow:hidden; overflow-y:auto; box-sizing:border-box; padding:0 12px 0 0; margin:1.25em 4px 0 0;}
.about1 .txt::-webkit-scrollbar{ width:10px; height:10px; background:url(../images/common/up.png) center top no-repeat, url(../images/common/down.png) center bottom no-repeat; cursor:pointer;}
.about1 .txt::-webkit-scrollbar-thumb{ background:#646464; background-clip:padding-box; border:1px solid #fff; border-width:1px 3px; border-radius:4px; cursor:pointer;}
.about1 .txt::-webkit-scrollbar-track{ background:#d1d1d1; border:1px solid #fff; border-width:4px 4px;}
.about1 .txt::-webkit-scrollbar-button{ width:10px; height:10px; background:none; cursor:pointer;}

.about2{ padding:0 0 80px;}
.about2 .video{ overflow:hidden; position:relative;}
.about2 .video video{ display:block; width:100%; height:100%; background:#000;}
.about2 .video .poster{ overflow:hidden; position:relative; z-index:1;}
.about2 .video .poster img{ display:block; width:100%; height:360px; object-fit:cover;}
.about2 .video em{ display:block; width:98px; height:98px; background:url(../images/icons/video.png) center no-repeat; background-size:contain; position:absolute; left:50%; top:150px; z-index:9; transform:translate(-50%,-50%); cursor:pointer; transition:all ease 0.4s;}
.about2 .video em:hover{ background-image:url(../images/icons/video_h.png);}
.about2 form.msg{ display:flex; justify-content:space-between; font-size:14px; background:#549eff; padding:38px 40px; border-radius:10px; position:relative; z-index:3; box-shadow:0 0 10px rgba(102,102,102,0.4); margin:-60px 0 0;}
.about2 form.msg label{ display:block; line-height:40px; color:#fff; flex-shrink:0; margin-right:10px;}
.about2 form.msg label font{ margin:0 0 0 4px;}
.about2 form.msg p{ display:block; flex:1; margin-right:38px;}
.about2 form.msg input.text{ display:block; box-sizing:border-box; width:100%; height:40px; line-height:2; color:#fff; padding:5px 12px; background:none; border:1px solid #fff;}
.about2 form.msg textarea{ display:block; box-sizing:border-box; width:100%; height:40px; line-height:2; color:#fff; padding:5px 12px; background:none; border:1px solid #fff; resize:none;}
.about2 form.msg ::placeholder{ color:#549eff;}
.about2 form.msg input.btn{ display:block; width:82px; height:40px; color:#434343; border:0; background:#fff; cursor:pointer; flex-shrink:0; margin-left:-16px;}

.shadow{ display:none; width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; left:0; top:0; z-index:998;}
.vdWin{ display:none; padding:20px 24px; background:#000; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999;}
.vdWin video{ width:960px; height:600px;}
.vdWin a.close{ display:block; width:0.82em; line-height:0.66; color:#fff; font-size:32px; font-family:'宋体'; text-align:center; position:absolute; right:0; top:0; margin:10px; z-index:3;}

/*资质列表*/
.main ul.honorList{ display:block; font-size:16px; overflow:hidden; margin:0 -12px; padding:40px 0 40px;}
.main ul.honorList li{ display:block; width:25%; float:left;}
.main ul.honorList li a{ display:block; margin:0 12px 12px; transition:all ease 0.4s;}
.main ul.honorList li i{ display:block; border:1px solid #e6e6e6; overflow:hidden; transition:all ease 0.4s;}
.main ul.honorList li i img{ display:block; width:100%; margin:0 auto; transition:all ease 0.4s;}
.main ul.honorList li em{ display:block; line-height:3.5; color:#666; text-align:center; transition:all ease 0.4s;}
.main ul.honorList li p{ display:none;}
.main ul.honorList li a:hover i{ border-color:#549eff;}
.main ul.honorList li a:hover i img{ transform:scale(1.05);}
.main ul.honorList li a:hover em{ color:#549eff;}

/*联系我们*/
.main .contact{ padding:0 0 0; overflow:hidden;}
.main .contact ul{ display:block; font-size:16px; overflow:hidden; padding:80px 0;}
.main .contact ul li{ display:block; width:25%; text-align:center; box-sizing:border-box; border-left:1px solid #ededed; float:left;}
.main .contact ul li:first-child{ border:0;}
.main .contact ul li a{ display:block; overflow:hidden; padding:0 36px;}
.main .contact ul li img{ display:block; height:4em; margin:0 auto;}
.main .contact ul li b{ display:block; line-height:3; color:#333; font-size:1.125em; overflow:hidden; padding:0.5em 0 0;}
.main .contact ul li span{ display:block; line-height:1.5; color:#434343; font-size:0.875em; overflow:hidden;}
.main .map{ padding:0 0 100px;}


@media only screen and (max-width:768px){

.wrap{ min-width:0;}

.header .head,
.footer .foot,
.main .attr{ width:calc(100% - 30px);}

.header .head{ height:60px;}
.header h1.logo a img{ height:60px;}
.header a.menu{ display:block; width:30px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:22px auto; float:right; filter:brightness(0) invert(1);}

ul.nav{ width:132px; height:auto; background:rgba(84,158,255,0.96); padding:6px 0; position:absolute; right:-15px; top:100%; box-shadow:0 1px 4px rgba(0,0,0,0.2); transition:all ease 0.4s; transform:translateX(100%); visibility:hidden;}
ul.nav.show{ transform:translateX(0); visibility:visible;}
ul.nav li{ float:none; padding:0; margin:0;}
ul.nav li a{ line-height:3; font-size:15px; font-weight:normal; padding:0 1em;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ background:none;}
ul.nav li p.sub{ display:none !important;}

.header.fixed a.menu{ filter:brightness(1) invert(0);}
.header.fixed ul.nav li a{ color:#fff;}

.banner{ height:45vw;}

.footer{ padding:30px 0 0;}
.footer .foot{ display:block;}
.footer dl{ display:none; min-width:0;}
.footer dl:last-child{ display:block;}
.footer dl dt{ display:none;}
.footer dl dd .code{ margin:0 auto;}
.footer .copyright{ margin:6px 0 0; padding:1em 0;}

.backToTop{ width:32px; height:32px; bottom:84px;}

.position{ font-size:14px;}
.position ul{ width:auto; display:block; overflow:hidden; float:none; margin:0 -15px; line-height:3;}
.position ul li{ float:left; width:25%;}
.position ul li a{ padding:0; min-width:0; font-size:14px; line-height:3.25;}
.position p{ line-height:48px;}
.position ul + p{ display:none;}

.main .attr h2.title{ padding:2em 0; text-align:center; font-size:14px;}
.main .attr h3.title{ padding:10px 0; line-height:1.5; font-size:20px; margin:18px 0 0;}
.main .attr p.mark{ font-size:13px; padding:7px 0; margin:12px 0 16px;}
.main .article{ font-size:14px; line-height:2;}

.main .change{ display:block; padding:16px 0 24px;}
.main .change p{ font-size:14px; max-width:none;}

.pages{ font-size:12px; padding:0 0 40px;}
.pages span,
.pages a{ min-width:10px; padding:1px 9px; margin:0 4px;}

.main ul.solution{ font-size:14px; padding:20px 0 30px;}
.main ul.solution li{ width:100%; margin:0 0 15px;}
.main ul.solution li a{ padding:0;}
.main ul.solution li a h4{ width:auto; line-height:4;}
.main ul.solution li a h4::after{ border-width:2em 1.375em;}
.main ul.solution li a h4 em::after{ width:1.5em; height:1.5em; margin:2em 0.5em -2em 1.5em;}
.main ul.solution li a img{ height:auto;}

.main ul.proList{ padding:20px 0 20px;}
.main ul.proList li{ width:100%; padding-bottom:12px;}
.main ul.proList li a img{ height:auto;}
.main ul.proList li a span{ line-height:3; font-size:14px;}

.main ul.caseList{ font-size:14px; margin:0 -6px; padding:20px 0 30px;}
.main ul.caseList li{ width:50%;}
.main ul.caseList li a{ padding:10px; margin:0 6px 12px;}
.main ul.caseList li i{ margin-bottom:1em;}
.main ul.caseList li i img{ height:60px;}

.main ul.newsList{ padding:0 0 40px; border:0; margin:0;}
.main ul.newsList li{ padding:20px 0 14px; border-bottom:1px solid #ddd;}
.main ul.newsList li:last-child{ border-bottom:1px solid #ddd;}
.main ul.newsList li a.pic{ float:none; margin:0; float:none;}
.main ul.newsList li a.pic img{ width:100%; height:auto;}
.main ul.newsList li a.title{ font-size:16px; margin:12px 2px 0;}
.main ul.newsList li span{ font-size:13px; padding:0; line-height:2; margin:0 2px;}
.main ul.newsList li p{ font-size:13px; padding:4px 0 0; line-height:2; height:4em; -webkit-line-clamp:2; margin:0 2px;}

.main .newsCon{ border:0; padding:0; margin:0;}
.main .newsCon h2.title{ margin:0;}

.about1{ padding:20px 0 40px;}
.about1 a.pic{ width:auto; float:none; margin:0 0 6px;}
.about1 a.pic img{ height:auto;}
.about1 .r{ font-size:13px; padding:0 6px;}
.about1 a.title{ font-size:16px;}
.about1 p.desc{ padding:0.6em 0 1.25em;}
.about1 i{ height:4px; margin:0 -10%;}
.about1 .txt{ line-height:2; margin:1em 0 0; font-size:14px; padding:0 6px 0 0; margin-right:-6px;}

.about2{ padding:0 0 40px;}
.about2 .video .poster img{ height:180px;}
.about2 .video em{ width:56px; height:56px; top:50%;}
.about2 form.msg{ display:block; margin:0 -15px; border-radius:0; padding:24px 15px;}
.about2 form.msg label{ display:none;}
.about2 form.msg p{ margin:0 0 14px;}
.about2 form.msg input.text{ background:#fff; border-radius:20px; color:#333;}
.about2 form.msg textarea{ background:#fff; border-radius:20px; height:100px; color:#333;}
.about2 form.msg ::placeholder{ color:#666;}
.about2 form.msg input.btn{ width:100%; border-radius:20px; margin:0 auto; color:#549eff; font-size:15px;}

.main ul.honorList{ margin:0 -6px; font-size:14px; padding:20px 0 20px;}
.main ul.honorList li{ width:50%;}
.main ul.honorList li a{ margin:0 6px 6px;}
.main ul.honorList li em{ line-height:3;}

.main .contact{ padding:0;}
.main .contact ul{ border:0; font-size:13px; padding:20px 0 0;}
.main .contact ul li{ width:100%; border:0; background:#f6f6f6; padding:10px 12px 14px; margin:0 0 12px;}
.main .contact ul li:last-child{ border-bottom:0;}
.main .contact ul li a{ padding:0; overflow:hidden; text-align:left;}
.main .contact ul li img{ height:40px; float:left; margin:0.75em 1.5em 0 0.5em;}
.main .contact ul li b{ line-height:36px; font-size:16px; overflow:hidden; padding:0;}
.main .contact ul li span{ font-size:1em; overflow:hidden; line-height:22px;}
.main .map{ padding:10px 0 0; margin:0 -15px;}







}









/**/