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

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

/*顶部*/
.topper{ background:#f8f8f8; border-bottom:1px solid #eee; position:relative; z-index:99;}
.topper .tp{ width:80vw; overflow:hidden; position:relative; margin:0 auto; z-index:3;}
.topper p{ display:block; line-height:3; color:#999; font-size:14px; overflow:hidden;}
.topper p span.tel{ display:block; color:#1b48c8; background:url(../images/common/tp_tel.png) left center no-repeat; padding-left:2em;}

/*头部*/
.header{ position:relative; z-index:99;}
.header .head{ width:80vw; 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:118px;}

/*导航*/
ul.nav{ display:block; height:118px; font-size:16px; float:right;}
ul.nav li{ display:block; float:left; position:relative; margin-left:calc(10vw - 56px - 4em);}
ul.nav li:first-child{ margin-left:0;}
ul.nav li a{ display:block; line-height:118px; color:#333; font-weight:bold; text-align:center; overflow:hidden; white-space:nowrap;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#1b48c8;}

ul.nav li p.sub{ display:none; min-width:180%; background:#f8f8f8; position:absolute; left:50%; top:100%; transform:translate(-50%); z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ line-height:3; color:#666; font-size:0.875em; font-weight:normal; padding:0 1em;}
ul.nav li p.sub a::after{ display:none;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; background:#1b48c8;}

/*banner*/
.banner{ width:100vw; height:480px; background-size:cover !important; position:relative;}
.banner h2{ display:block; line-height:1; font-size:16px; text-align:center; position:absolute; left:50%; top:55.5%; transform:translate3d(-50%,-50%,0);}
.banner h2 em{ display:block; color:#1b48c8; font-size:3.75em;}
.banner h2 span{ display:block; color:#444; font-size:1.125em; font-weight:normal; padding:2em 0 0;}

/*底部*/
.footer{ background:#222429; padding:60px 0 48px;}
.footer .foot{ width:80vw; margin:0 auto; overflow:hidden; position:relative;}
.footer>.foot{ display:flex;}
.footer .left{ min-width:33.33%; overflow:hidden;}
.footer .left a.tel{ display:inline-block; vertical-align:top; line-height:1.8375; color:#fff; font-size:35px; font-weight:bold; padding:0 0.92em; background:#1b48c8; border-radius:0.9em; margin:0 0 1em;}
.footer .left a.tel img{ display:block; height:0.91875em; float:left; margin:0.459375em 0.37em 0 0;}
.footer .left p{ display:block; line-height:2.575; color:#fff; font-size:14px; overflow:hidden; padding-left:1em;}
.footer .left p img{ display:block; height:1.25em; float:left; margin:0 1em 0 0;}
.footer .code{ font-size:14px; float:right; margin:0 0 1.214285em;}
.footer .code img{ display:block; height:8.42875em; border-radius:5px; float:right; margin:0 0 0 1.5em;}
.footer .code span{ display:block; line-height:2.5; color:#fff; text-align:right; overflow:hidden; white-space:nowrap; padding:1.7125em 0;}
.footer .copyright{ font-size:14px; text-align:right; overflow:hidden; flex:auto;}
.footer .copyright p{ display:block; line-height:2.575; color:#fff; overflow:hidden; clear:both;}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

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

/*主体样式*/
.main{ display:flex; width:80vw; margin:0 auto; position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.main .position{ display:block; line-height:5em; color:#999; font-size:14px; overflow:hidden; border-bottom:1px solid #ddd; position:relative; padding:0.5em 0 0;}
.main .position em{ display:block; color:#1b48c8; font-size:1.42857em; float:left;}
.main .position p{ display:block; text-align:right; overflow:hidden; position:relative; z-index:3;}
.main .position p a{ margin:0 4px;}
.main .position p a.home{ background:url(../images/common/posit.png) left center no-repeat; padding-left:2em; position:relative; z-index:3;}
.main .position p a:hover{ color:#1b48c8;}

.leftCon{ width:312px; background:#fafafa; flex-shrink:0; position:relative; margin-right:28px;}
.leftCon h2{ display:block; width:100%; line-height:3.2; color:#fff; font-size:30px; font-weight:normal; background:#1b48c8 url(../images/common/title.png) right 1.1em center no-repeat; padding:0 0 0 1.3em; box-sizing:border-box; position:absolute; left:0; bottom:100%;}
.leftCon ul{ display:block; overflow:hidden; padding:20px 30px 60px; position:relative; z-index:3;}
.leftCon ul li{ display:block;}
.leftCon ul li a{ display:block; line-height:3.75; color:#444; font-size:16px; padding:0 0.5em; background:url(../images/common/list.png) right 0.5em center no-repeat; overflow:hidden; position:relative;}
.leftCon ul li a:hover,
.leftCon ul li.cur a{ color:#1b48c8; font-weight:bold; background-image:url(../images/common/list_cur.png);}
.leftCon ul li.cur a:after{ content:''; display:block; width:100%; height:1px; background:#1b48c8; position:absolute; left:0; bottom:0;}
.leftCon h3{ display:block; line-height:2.625; font-size:24px; font-weight:normal; background:#1b48c8;}
.leftCon h3 a{ display:block; color:#fff; background:url(../images/common/title.png) right 1.375em center no-repeat; padding:0 0 0 1.625em;}
.leftCon .txt{ padding:20px 30px 86px;}
.leftCon .txt p{ display:block; line-height:1.875; color:#444; font-size:16px; padding:0.5em 0; padding-left:3em;}
.leftCon .txt p em{ margin:0 0 0 -3em;}

.rightCon{ position:relative; flex:auto;}

/*内容样式*/
.main .attr{ 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:3.75; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:0.25em 0 0;}
.main .attr h2.title font{ color:#1b48c8;}
.main .attr h3.title{ display:block; line-height:2; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:1em 0; margin:0.5em 0 0}
.main .attr p.mark{ display:block; line-height:3.5; color:#999; font-size:14px; text-align:center; background:#f8f8f8; margin:0 0 2.25em;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ line-height:2.25; color:#333; font-size:16px; text-align:justify; overflow:hidden; padding:0 2px 2.25em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ overflow:hidden; font-size:15px; padding:2.5em 0; border-top:1px solid #ddd; margin:0 0 1.5em;}
.main .change p{ display:block; max-width:48%; line-height:2.4; color:#999; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:right;}
.main .change p:first-child{ text-align:left; float:left;}
.main .change p font{ margin:0 4px;}
.main .change p a{ color:inherit;}
.main .change p a:hover{ color:#1b48c8;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 78px;}
.pages span,
.pages a{ display:inline-block; min-width:12px; color:#999; height:24px; line-height:24px; text-align:center; padding:4px 11px; border:1px solid #d2d2d2; margin:0 8px;}
.pages a:hover{ color:#fff; background:#1b48c8; border-color:#1b48c8;}
.pages span{ color:#fff; background:#1b48c8; border-color:#1b48c8; cursor:pointer;}

/*企业资质*/
.main ul.honor{ display:flex; flex-wrap:wrap; font-size:16px; margin:0 -0.9375em; padding:0 0 40px;}
.main ul.honor li{ display:block; width:25%;}
.main ul.honor li a{ display:block; position:relative; margin:0 0.9375em;}
.main ul.honor li em{ display:block; overflow:hidden; padding:0 1em; background:url(../images/icons/q_l.jpg) left center no-repeat, url(../images/icons/q_r.jpg) right center no-repeat; background-size:1em 100%; position:relative; transition:all ease 0.5s;}
.main ul.honor li i{ display:block; width:100%; height:100%; background:url(../images/icons/q_lt.jpg) left top no-repeat, url(../images/icons/q_rt.jpg) right top no-repeat, url(../images/icons/q_lb.jpg) left bottom no-repeat, url(../images/icons/q_rb.jpg) right bottom no-repeat; background-size:1em 1em; position:absolute; left:0; top:0; z-index:3;}
.main ul.honor li img{ display:block; width:100%; padding:1em 0; background:url(../images/icons/q_t.jpg) center top no-repeat, url(../images/icons/q_b.jpg) center bottom no-repeat; background-size:120% 1em;}
.main ul.honor li span{ display:block; line-height:4; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.5s; padding:0 0 0.5em;}
.main ul.honor li a:hover span{ color:#1b48c8; font-weight:bold; transform:translateY(0.5em);}
.main ul.honor li a:hover em{ transform:scale(1.05);}

/*生产环境*/
.main ul.picList{ display:flex; flex-wrap:wrap; font-size:16px; margin:0 -0.75em; padding:0 0 52px;}
.main ul.picList li{ display:block; width:50%;}
.main ul.picList li a{ display:block; position:relative; margin:0 0.75em 1.5em;}
.main ul.picList li em{ display:block; overflow:hidden; transition:all ease 0.5s;}
.main ul.picList li img{ display:block; width:100%; transition:all ease 0.5s;}
.main ul.picList li span{ display:block; width:100%; line-height:3.25; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 1em; background:rgba(0,0,0,0.6); box-sizing:border-box; transition:all ease 0.5s; position:absolute; left:0; bottom:0;}
.main ul.picList li a:hover img{ transform:scale(1.05);}
.main ul.picList li a:hover span{ background:#1b48c8;}

/*产品列表*/
.main ul.proList{ display:flex; flex-wrap:wrap; font-size:16px; margin:0 -0.75em; padding:0 0 52px;}
.main ul.proList li{ display:block; width:33.33%;}
.main ul.proList li a{ display:block; text-align:center; background:#dde4f7; overflow:hidden; margin:1em; position:relative;}
.main ul.proList li a em{ display:block; overflow:hidden; border:1px solid #eee; border-bottom:0; transition:all ease 0.5s;}
.main ul.proList li a img{ display:block; width:100%; object-fit:cover; transition:all ease 0.5s;}
.main ul.proList li a span{ display:block; line-height:3; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 1em; transition:all ease 0.5s;}
.main ul.proList li a:hover img{ transform:scale(1.12);}
.main ul.proList li a:hover em{ border-color:#1b48c8;}
.main ul.proList li a:hover span{ color:#fff; background:#1b48c8;}

/*新闻列表*/
.main ul.newsList{ display:block; margin:-20px 0 76px;}
.main ul.newsList li{ display:block; overflow:hidden; font-size:16px;}
.main ul.newsList li::after{ content:''; display:block; width:0; height:1px; background:#1b48c8; position:absolute; left:0; bottom:0; z-index:2; transition:all ease 0.5s;}
.main ul.newsList li .box{ overflow:hidden; padding:2em 0; border-bottom:1px solid #eee;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:2.25em;}
.main ul.newsList li a.pic img{ display:block; width:256px; height:172px; object-fit:cover; transition:all ease 0.5s;}
.main ul.newsList li a.title{ display:block; line-height:1.334; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.666em 0 0; transition:all ease 0.5s;}
.main ul.newsList li span{ display:block; line-height:3.357; color:#999; font-size:0.875em; overflow:hidden;}
.main ul.newsList li .txt{ display:block; height:3.44em; line-height:1.72; color:#999; font-size:0.875em;
	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; line-height:2.28; color:#1b48c8; font-size:0.875em; overflow:hidden; margin:0.75em 0 0; float:left;}
.main ul.newsList li:hover::after{ width:100%;}
.main ul.newsList li:hover .box{ background:#fafafa;}
.main ul.newsList li:hover a.pic img{ transform:scale(1.12);}
.main ul.newsList li:hover a.title{ color:#1b48c8;}
.main ul.newsList li:hover a.more{ color:#0c5ab3;}

/*文字列表*/
.main ul.List{ display:block; margin:0 0 76px;}
.main ul.List li{ display:block; line-height:4; font-size:16px; padding:0 0.25em; overflow:hidden; border-bottom:1px solid #eee;}
.main ul.List li a.title{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 1.5em; position:relative; transition:all ease 0.5s;}
.main ul.List li a.title::before{ content:''; display:block; width:4px; height:4px; background:#1b48c8; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px;}
.main ul.List li span{ display:block; color:#999; overflow:hidden; float:right; margin-left:2em;}
.main ul.List li:hover{ background:#fafafa;}
.main ul.List li:hover a.title{ color:#1b48c8; text-decoration:underline;}

/*解决方案*/
.main ul.sltList{ display:block; margin:-20px 0 76px;}
.main ul.sltList li{ display:block; overflow:hidden; font-size:16px;}
.main ul.sltList li::after{ content:''; display:block; width:0; height:1px; background:#1b48c8; position:absolute; left:0; bottom:0; z-index:2; transition:all ease 0.5s;}
.main ul.sltList li .box{ overflow:hidden; padding:2em 0; border-bottom:1px solid #eee;}
.main ul.sltList li a.pic{ display:block; overflow:hidden; float:left; margin-right:2em;}
.main ul.sltList li a.pic img{ display:block; width:336px; height:200px; object-fit:cover; transition:all ease 0.5s;}
.main ul.sltList li a.title{ display:block; line-height:1.75; color:#333; font-size:1.5em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.5s;}
.main ul.sltList li .txt{ display:block; height:5.16em; line-height:1.72; color:#999; font-size:0.875em; padding:1.5em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main ul.sltList li a.more{ display:block; line-height:2.72; color:#1b48c8; font-size:0.875em; overflow:hidden; margin:1.75em 0 0; float:left;}
.main ul.sltList li:hover::after{ width:100%;}
.main ul.sltList li:hover .box{ background:#fafafa;}
.main ul.sltList li:hover a.pic img{ transform:scale(1.12);}
.main ul.sltList li:hover a.title{ color:#1b48c8;}
.main ul.sltList li:hover a.more{ color:#0c5ab3;}

.main ul.caseList{ display:block; overflow:hidden; position:relative; margin:0 -14px 36px;}
.main ul.caseList li{ display:block; width:33.33%; overflow:hidden; position:relative; float:left;}
.main ul.caseList li a{ display:block; font-size:16px; text-align:center; overflow:hidden; position:relative; margin:0 14px 30px;}
.main ul.caseList li a em{ display:block; overflow:hidden;}
.main ul.caseList li a img{ display:block; width:100%; object-fit:cover; transition:all ease 0.5s;}
.main ul.caseList li a span{ display:block; height:3em; line-height:1.5; color:#333; padding:1.25em 0.5em 0; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.caseList li a:hover img{ transform:scale(1.12);}
.main ul.caseList li a:hover span{ color:#1b48c8;}

.contact{ display:flex; margin:0 0 40px;}
.contact .info{ display:block; overflow:hidden; flex:auto; line-height:3.125em; color:#333; font-size:16px; overflow:hidden; padding:1em 0;}
.contact .code{ display:block; line-height:1.5; color:#999; font-size:16px; text-align:center; padding:2em 0;}
.contact .code img{ display:block; height:11.625em; border-radius:0.75em; box-shadow:0 0 15px rgba(167,167,167,0.3); margin:0 auto 1em;}
.map{ overflow:hidden; margin:0 0 80px;}


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

@media only screen and (max-width:1300px){
.header .head,
.footer .foot,
.main .position,
.main .attr{ width:calc(100% - 40px);}
ul.nav li{ margin-left:calc(12.5vw - 64px - 4em);}
}

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

.header{ position:relative;}
.header h1.logo a img{ height:60px;}
.header a.menu{ display:block; width:24px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; float:right;}

ul.nav{ width:36%; height:auto; padding:4px 0 0; margin:0; background:rgb(27,72,200,0.8); position:absolute; right:-12px; top:60px; transition:transform 0.4s ease; transform:translateX(110%); z-index:99;}
ul.nav li{ width:auto; float:none; padding:0; margin:0;}
ul.nav li a{ display:block; line-height:2.8; color:#fff; font-size:15px; font-weight:normal; border-radius:0;}
ul.nav li p.sub{ display:none !important;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff;}
ul.nav.show{ transform:translateX(0);}

.banner{ height:39vw;}

.footer{ padding:24px 0 0;}
.footer>.foot{ display:block;}
.footer .left{ float:none;}
.footer .left a.tel{ display:block; font-size:22px; width:202px; padding:0 20px; text-align:center; margin:0 auto 16px;}
.footer .left p{ font-size:12px;}
.footer .copyright{ font-size:12px; padding:1.25em 0;}
.footer .copyright p{ text-align:center; line-height:2; padding:1.25em 0 0;}
.footer .code{ float:none; font-size:13px; width:210px; margin:0 auto; overflow:hidden;}
.backToTop{ display:none !important;}

.main{ display:block; width:auto;}
.main .position{ display:none; width:auto; font-size:12.5px;}
.main .position::before{ display:none;}
.main .position p{ display:none;}
.leftCon{ width:auto; margin:0;}
.leftCon h2{ width:60%; line-height:2.8; font-size:18px; background-color:rgba(27,72,200,0.8); background-size:auto 1em;}
.leftCon h3{ display:none;}
.leftCon .txt{ display:none;}
.leftCon ul{ padding:0; float:none; margin:0 0 0 -1px;}
.leftCon ul li{ width:33.33%; margin:0; float:left;}
.leftCon ul li:only-child{ display:none;}
.leftCon ul li a{ padding:0; font-size:14px; line-height:2.75; text-align:center; background:none; border:1px solid #fff; border-width:0 0 1px 1px;}
.leftCon ul li a:hover,
.leftCon ul li.cur a{ background:#dde4f7;}
.leftCon ul li.cur a:after{ display:none;}

.main .attr h2.title{ line-height:3.75; font-size:26px; padding:0.25em 0 0;}
.main .attr h3.title{ line-height:1.75; font-size:22px; padding:1.25em 0; margin:0.25em 0 0;}
.main .attr p.mark{ font-size:13px; line-height:3;}
.main .attr p.mark font:first-child{ display:none;}
.main .article{ font-size:13.5px; padding-top:0;}
.main .change{ font-size:13.5px; padding:1.5em 0; margin:0 0 0.5em;}
.main .change p span{ display:none;}

.pages{ font-size:12px; padding:0 0 44px;}
.pages span,
.pages a{ min-width:8px; padding:2px 11px; margin:0 4px;}

.main ul.honor{ font-size:13px; margin:0 -4px; padding:0 0 30px;}
.main ul.honor li{ width:50%;}
.main ul.honor li a{ margin:0 8px;}
.main ul.honor li em{ padding:0 12px; background-size:12px 100%;}
.main ul.honor li img{ padding:12px 0; background-size:120% 12px;}
.main ul.honor li i{ background-size:12px 12px;}
.main ul.honor li span{ padding:0;}

.main ul.picList{ padding:0 0 32px;}
.main ul.picList{ font-size:14px;}
.main ul.picList li{ width:100%;}
.main ul.picList li a{ margin-bottom:1em;}

.main ul.proList{ font-size:14px; margin:0 -0.35em; padding:0 0 42px;}
.main ul.proList li{ width:50%;}
.main ul.proList li a{ margin:0.35em;}

.main ul.caseList{ margin-bottom:30px;}
.main ul.caseList li{ width:100%;}
.main ul.caseList li a{ font-size:13.5px; margin-bottom:14px;}
.main ul.caseList li a img{ height:auto;}
.main ul.caseList li a span{ line-height:2; padding-top:1em; -webkit-line-clamp:1; height:auto;}
.main ul.caseList li a p{ line-height:2; padding-bottom:1.25em;}

.main ul.newsList{ margin:-16px 0 46px;}
.main ul.newsList li{ font-size:14px; margin-bottom:0;}
.main ul.newsList li .box{ padding:24px 4px 12px;}
.main ul.newsList li a.pic{ float:none; margin:0 0 0.7em;}
.main ul.newsList li a.pic img{ width:100%; height:auto;}
.main ul.newsList li span{ line-height:2;}
.main ul.newsList li a.title{ line-height:2.5; padding:0;}
.main ul.newsList li a.more{ line-height:2.75;}

.main ul.List{ margin:0 0 46px;}
.main ul.List li{ font-size:14px; line-height:3.25;}
.main ul.List li a.title{ padding-left:1.25em;}

.main ul.sltList{ margin:-16px 0 46px;}
.main ul.sltList li{ font-size:14px; margin-bottom:0;}
.main ul.sltList li .box{ padding:24px 4px 12px;}
.main ul.sltList li a.pic{ float:none; margin:0 0 0.7em;}
.main ul.sltList li a.pic img{ width:100%; height:auto;}
.main ul.sltList li span{ line-height:2;}
.main ul.sltList li a.title{ line-height:2.5; font-size:1.25em; padding:0;}
.main ul.sltList li .txt{ padding:0.5em 0 0;}
.main ul.sltList li a.more{ line-height:2.75; margin:0.75em 0 0;}

.contact{ display:block; margin:0 0 10px;}
.contact .info{ font-size:14px; padding:0;}
.contact .code{ font-size:14px; padding:1em 0;}
.contact .code img{ display:block; height:11.625em; border-radius:0.75em; box-shadow:0 0 15px rgba(167,167,167,0.3); margin:0 auto 1em;}
.map{ overflow:hidden; margin:0 0 48px;}


}












/**/