@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;}

/*头部*/
.header{ width:100%; position:fixed; left:0; top:0; z-index:99;}
.header .head{ width:1290px; 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; position:relative;}
.header h1.logo a::after{ 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:1; opacity:0;}
.header h1.logo a img{ display:block; height:100px;}
.header a.lang{ display:block; line-height:100px; color:#fff; font-size:16px; float:right; margin:0 0 0 1em;}
.header a.lang::before{ content:''; display:block; width:1.5em; height:100px; background:url(../images/common/head_lang.png) center no-repeat; background-size:contain; margin:0 0.5em 0 0; float:left; filter:brightness(0) invert(1);}

/*导航*/
ul.nav{ display:block; font-size:16px; float:right;}
ul.nav::before,
ul.nav::after{ content:''; display:block; overflow:hidden; clear:both;}
ul.nav li.close{ display:none;}
ul.nav li{ display:block; float:left; position:relative;}
ul.nav li a{ display:block; min-width:2.5em; line-height:100px; color:#fff; text-align:center; white-space:nowrap; position:relative; padding:0 1em;}
ul.nav li a::after{ content:''; display:block; width:100%; height:3px; background:#29a7e1; position:absolute; left:0; top:0; transition:all ease 0.4s; opacity:0;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#29a7e1; color:#fff;}
ul.nav li a:hover::after,
ul.nav li.on a::after,
ul.nav li.cur a::after{ opacity:1; background:#fff;}
ul.nav li div.sub{ display:none;}
ul.nav li p.sub{ display:none; min-width:100%; background:#01479d; padding:0.5em 0; position:absolute; left:50%; top:100%; transform:translate(-50%); z-index:99;}
ul.nav li p.sub a{ width:auto; line-height:3; color:#fff; font-size:0.9375em; font-weight:normal; padding:0 1em; border:0;}
ul.nav li p.sub a::after{ display:none;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#01479d;}

.header,
.header h1.logo a::after,
.header h1.logo a img,
.header a.lang,
.header a.lang::before,
.header ul.nav li > a,
.header ul.nav li > a:hover,
.header ul.nav li.on > a,
.header ul.nav li.cur > a,
.header ul.nav li a::after{ transition:all ease 0.4s;}

.header.fixed{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.header.fixed h1.logo a::after{ opacity:1;}
.header.fixed h1.logo a img{ opacity:0;}
.header.fixed a.lang{ color:#333;}
.header.fixed a.lang::before{ filter:brightness(1) invert(0);}
.header.fixed a.lang:hover{ color:#01479d;}
.header.fixed ul.nav li > a{ color:#333;}
.header.fixed ul.nav li > a:hover,
.header.fixed ul.nav li.on > a,
.header.fixed ul.nav li.cur > a{ color:#01479d;}
.header.fixed ul.nav li a::after{ background:#01479d;}

/*banner*/
.banner{ width:100vw; height:472px; overflow:hidden; position:relative;}
.banner::before{ content:''; display:block; width:100%; height:30%; background:linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0)); position:absolute; left:0; top:0; z-index:3; opacity:0.4;}
.banner .bg{ width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1; transform/:scale(1.1); animation:banner 1.75s ease;
	-moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-fill-mode:forwards; /*让动画停留在最后一帧 */
    -moz-animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
    -o-animation-fill-mode:forwards;
}
@keyframes banner{
	0%{ transform:scale(1.05);}
	100%{ transform:scale(1);}
}
.banner .txt{ display:none; line-height:1.64; color:#fff; font-size:44px; position:absolute; left:8%; bottom:16%; z-index:3;}
.banner .txt::after{ content:''; display:block; width:1.5em; height:4px; background:#fff; margin:0.1em 0 0;}

/*底部*/
.footer{ background:#333; padding:48px 0 0;}
.footer .foot{ display:flex; flex-wrap:wrap; justify-content:space-between; width:1290px; font-size:16px; margin:0 auto; position:relative;}
.footer .l{ max-width:48%;}
.footer .r{ width:48%;}
.footer h2{ display:block; line-height:2; color:#fff; font-size:1.5em;}
.footer .txt{ line-height:1.75; color:#fff; padding:0.25em 0 0.5em;}
.footer form{ display:block; font-size:16px;}
.footer form::before,
.footer form::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer form p{ display:flex; justify-content:space-between; padding:0 0 14px;}
.footer form input.text{ display:block; width:48%; height:40px; box-sizing:border-box; line-height:1.5; color:#333; padding:8px 12px; border:0; border-radius:3px;}
.footer form textarea{ display:block; width:100%; height:120px; box-sizing:border-box; line-height:1.5; color:#333; padding:8px 12px; border:0; border-radius:3px; resize:none;}
.footer form ::placeholder{ color:#999;}
.footer form input.btn{ display:block; width:120px; height:40px; line-height:40px; color:#fff; background:#01479d; border:0; border-radius:3px; float:left; margin:14px 20px 0 0;}
.footer form input.reset{ color:#01479d; background:#eee;}
.footer form a{ display:block; width:40px; height:40px; background:#01479d; border-radius:3px; position:relative; float:right; margin:14px 0 0 14px;}
.footer form a > img{ display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; filter:brightness(0) invert(1);}
.footer form a em{ display:block; white-space:nowrap; background:#fff; padding:10px; border-radius:3px; position:absolute; left:50%; top:100%; transform:translate(-50%,0); margin:12px 0 0; opacity:0; visibility:hidden; transition:all ease 0.4s;}
.footer form a em::before{ content:''; display:block; border:1px solid #fff; border-color:#fff transparent; border-width:0 5px 5px; position:absolute; left:50%; bottom:100%; transform:translate(-50%,0);}
.footer form a em img{ display:block; width:100px; margin:-8px;}
.footer form a:hover em{ opacity:1; visibility:visible;}
.footer .copyright{ width:100%; line-height:3; color:#aaa; font-size:14px; text-align:center; padding:1em 0; border-top:1px solid #444; margin:48px 0 0;}
.footer .copyright a:hover{ color:#29a7e1; text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:44px; height:44px; background:#01479d url(../images/common/top.png) center no-repeat; background-size:20px auto; border-radius:3px; position:fixed; right:20px; bottom:70px; cursor:pointer; text-indent:-9999px; z-index:99;}

.shadow{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:9998; opacity:0; visibility:hidden; transition:all ease 0.2s;}
.shadow.show{ opacity:1; visibility:visible;}
.picShow{ position:fixed; left:50vw; top:50%; top:0; transform:translate(-50%,0); z-index:9999; opacity:0; visibility:hidden;}
.picShow.show{ opacity:1; visibility:visible;}
.picShow .pic{ display:flex; justify-content:center; align-items:center; width:80vw; height:80vh; height/:750px; max-height/:82vh; width:90vw; height:100vh; background-size:contain !important; background-position:center; background-repeat:no-repeat; transform:scale(0.8); opacity:0; transition:all ease 0.4s;}
.picShow .pic img{ display:block; max-width:96%; max-height:96%;}
.picShow.show .pic{ transform:scale(1); opacity:1;}
.picShow a.close{ width:24px; height:24px; background:url(../images/common/close.png) center no-repeat; background-size:contain; position:absolute; left:100%; bottom/:100%; top:2%; cursor:pointer; z-index:9;}

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

.position{ width:1290px; line-height:3.75em; font-size:16px; background:#f6f6f6; position:relative; margin:0 auto;}
.position::before{ content:''; display:block; width:100vw; height:100%; background:#f6f6f6; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1;}
.position::after{ content:''; display:block; overflow:hidden; clear:both;}
.position ul{ display:block; color:#666; font-size:0.9375em; position:relative; z-index:3; float:right;}
.position ul li{ display:block; float:left; margin:0 0 0 1.75em;}
.position ul li a{ display:block; padding:0 2px; position:relative;}
.position ul li a:hover,
.position ul li.cur a{ color:#01479d;}
.position ul li.cur a::after{ content:''; display:block; width:100%; height:3px; background:#01479d; position:absolute; left:0; bottom:0;}
.position p{ display:block; color:#666; font-size:0.875em; overflow:hidden; position:relative; z-index:3;}
.position p::before{ content:''; display:block; width:1.5em; height:4.285em; background:url(../images/icons/home.png) left center no-repeat; float:left;}
.position p a{ margin:0 4px;}
.position p a:hover{ color:#01479d; text-decoration:underline;}

.subMenu{ font-size:16px; border:1px solid #ddd; border-width:1px 0; margin:30px 0 0; position:relative; z-index:9;}
.subMenu::before,
.subMenu::after{ content:''; display:block; overflow:hidden; clear:both;}
.subMenu p{ display:block; float:left; position:relative; margin:0 1em 0 0;}
.subMenu p a{ display:block; min-width:6em; line-height:5; color:#434343; text-align:center; padding:0 1.5em; border-top:2px solid #fff;}
.subMenu p a i{ display:inline-block; vertical-align:top; width:6px; height:6px; border:1px solid #01479d; border-width:0 2px 2px 0; border-radius:1px; margin:2.45em 0 -2.45em 0.7em; transform:translate(0,-50%) rotate(45deg);}
.subMenu p em{ display:block; min-width:100%; background:#f6f6f6; position:absolute; left:50%; top:100%; transform:translateX(-50%); opacity:0; visibility:hidden; transition:all ease 0.4s; box-shadow:0 2px 6px rgba(0,0,0,0.2);}
.subMenu p em a{ line-height:3; font-size:15px; white-space:nowrap; padding:0 0.75em; border-top:1px solid #e5e5e5;}
.subMenu p em a:hover{ color:#fff; background:#01479d;}
.subMenu p em a:first-child{ border-top:0;}
.subMenu p:hover > a{ color:#01479d; font-weight:bold;}
.subMenu p.cur > a{ color:#01479d; font-weight:bold; border-color:#01479d;}
.subMenu p:hover em{ opacity:1; visibility:visible;}

/*内容样式*/
.main .attr{ width:1290px; margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-size:16px; font-weight:normal; text-align:center; overflow:hidden; padding:2.5em 0 2em;}
.main .attr h2.title em{ display:block; line-height:2; color:#333; font-size:1.875em; font-weight:bold;}
.main .attr h2.title span{ display:block; line-height:1.5; color:#5a5a5a; padding:0.375em 0 0;}
.main .attr > h2.title + .txt{ line-height:1.75; color:#666; font-size:16px; text-align:center; padding:0 0 2em; margin:-1.5em 0 0;}

.main .newsCon{ padding:0 40px; border:1px solid #ddd; border-top:2px solid #01479d; margin:30px 0 60px;}
.main .attr h3.title{ display:block; line-height:1.5; color:#4a4a4a; font-size:24px; text-align:center; padding:1.5em 0; margin:0.5em 0 0;}
.main .attr p.mark{ display:block; line-height:3.25; color:#868686; font-size:14px; text-align:center; background:#f6f6f6; border:0px solid #ddd; margin:0 0 1.75em;}
.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:1.75em 0 2em;}
.main  p.mark ~ .article{ padding-top:0;}
.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:1.625em 0; border-top:1px solid #ddd; margin:0 0 0.5em;}
.main .change p{ display:block; line-height:2.25; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p font{ margin:0 4px;}
.main .change p a{ color:inherit;}
.main .change p a:hover{ color:#01479d;}

/*页码样式*/
.pages{ text-align:center; font-size:15px; padding:0 0 60px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; min-width:12px; color:#888; height:24px; line-height:24px; text-align:center; padding:4px 11px; border:1px solid #ddd; margin:0 5px;}
.pages a:hover{ color:#fff; background:#29a7e1; border-color:#29a7e1;}
.pages span{ color:#fff; background:#29a7e1; border-color:#29a7e1;}

/*产品列表*/
.main ul.proList{ display:block; font-size:16px; padding:0 0 60px; margin:0 -12px;}
.main ul.proList::before,
.main ul.proList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.proList li{ display:block; width:25%; float:left;}
.main ul.proList li .box{ overflow:hidden; padding:1em 1em 0; border-radius:12px; box-shadow:0px 8px 16px 0px rgba(158,158,158,0.1), 0px 0px 16px 0px rgba(158,158,158,0.2); transition:all ease 0.4s; margin:32px 12px 0;}
.main ul.proList li a.pic{ display:block; overflow/:hidden; position:relative;}
.main ul.proList li a.pic::before{ content:''; display:block; width:100%; height:100%; background:url(../images/icons/more.png) center no-repeat; position:absolute; left:0; top:0; z-index:3; transition:all ease 0.4s; opacity:0;}
.main ul.proList li a.pic::after{ content:''; display:block; width:100%; height:100%; background:#01479d; position:absolute; left:0; top:0; z-index:2; transition:all ease 0.4s; transform:scale(0.5); opacity:0;}
.main ul.proList li a.pic img{ display:block; width:100%; transition:all ease 0.4s;}
.main ul.proList li a.title{ display:block; height/:3em; line-height:4; color:#333; text-align:center; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.proList li .box:hover{ box-shadow:0px 8px 16px 0px rgba(1,71,157,0.1), 0px 0px 16px 0px rgba(1,71,157,0.2);}
.main ul.proList li .box:hover a.pic::before/{ opacity:1;}
.main ul.proList li .box:hover a.pic::after/{ opacity:0.75; transform:scale(1);}
.main ul.proList li .box:hover a.pic img{ transform/:rotateY(180deg); transform:scale(1.05);}
.main ul.proList li .box:hover a.title{ color:#01479d; transform:translateY(4%);}

/*案例列表*/
.main ul.caseList{ display:flex; flex-wrap:wrap; font-size:16px; overflow:hidden; padding:0 0 60px; margin:0 -10px;}
.main ul.caseList li{ display:block; width:25%; flex-shrink:0; overflow:hidden;}
.main ul.caseList li a{ display:block; overflow:hidden; transition:all ease 0.4s; margin:0 10px 20px;}
.main ul.caseList li i{ display:block; overflow:hidden; border-radius:6px; position:relative;}
.main ul.caseList li i img{ display:block; width:100%; transition:all ease 0.4s; transform-origin:center bottom;}
.main ul.caseList li a:hover i img{ transform:scale(1.05);}
.main ul.caseList li a span{ display:block; line-height:1.75; color:#333; text-align:center; overflow:hidden; padding:1em 0 0;}
.main ul.caseList li a:hover span{ color:#01479d;}

/*资质列表*/
.main ul.honorList{ display:block; font-size:16px; overflow:hidden; padding:30px 0 40px; margin:0 -10px;}
.main ul.honorList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.honorList li a{ display:block; overflow:hidden; padding:14px; border:1px solid #ddd; transition:all ease 0.4s; margin:0 10px 20px;}
.main ul.honorList li a i{ display:block; overflow:hidden; position:relative;}
.main ul.honorList li a i img{ display:block; width:100%; transition:all ease 0.4s;}
.main ul.honorList li a span{ display:block; line-height:2; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0.75em 0 -0.25em;}
.main ul.honorList li a:hover{ background:#f6f6f6; border-color:#01479d;}
.main ul.honorList li a:hover i img{ transform:scale(1.1);}
.main ul.honorList li a:hover span{ color:#01479d;}

/*下载列表*/
.main ul.List{ display:block; font-size:16px; overflow:hidden; padding:10px 0 60px;}
.main ul.List li{ display:block; line-height:2.375em; padding:1.125em 1%; position:relative;}
.main ul.List li::before{ content:''; display:block; width:100%; height:1px; background:#01479d; position:absolute; left:0; bottom:0; z-index:3; transition:all ease 0.6s; transform:scale(0,1); transform-origin:left center;}
.main ul.List li::after{ content:''; display:block; width:100%; height:1px; border-bottom:1px dashed #ddd; position:absolute; left:0; bottom:0; z-index:2;}
.main ul.List li a.title{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:1.5em; background:url(../images/icons/list.png) left center no-repeat; transition:all ease 0.4s;}
.main ul.List li a.btn{ display:block; width:8em; color:#fff; font-size:14px; text-align:center; background:#01479d; border-radius:4px; float:right; margin:0 0 0 2%;}
.main ul.List li a.btn::before{ content:''; display:inline-block; width:1em; height:38px; background:url(../images/icons/download.png) center no-repeat; background-size:contain; vertical-align:top; margin:0 0.4em 0 0;}
.main ul.List li:hover::before{ transform:scale(1,1);}
.main ul.List li:hover a.title{ color:#01479d;}
.main ul.List li a.btn:hover{ color:#fff; background:#29a7e1;}

/*新闻列表*/
.main ul.newsList{ display:block; font-size:16px; padding:10px 0 60px;}
.main ul.newsList li{ display:block; padding:20px 0; overflow:hidden; border-bottom:1px solid #ddd;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; border-radius:4px; float:left; margin-right:24px;}
.main ul.newsList li a.pic img{ display:block; width:306px; height:160px; object-fit:cover; transition:all ease 0.4s;}
.main ul.newsList li a.pic:hover img{ transform:scale(1.05);}
.main ul.newsList li a.title{ display:block; line-height:2.5; color:#333; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.main ul.newsList li a.title:hover{ color:#01479d;}
.main ul.newsList li span{ display:block; line-height:1.5; color:#999; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li .txt{ display:block; height:4.8em; line-height:1.6; color:#666; font-size:16px; overflow:hidden; padding:0.5em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

/*关于我们*/
.about1{ padding:0 0 50px;}
.about1 ul.pics{ display:block; overflow:hidden; margin:0 -10px;}
.about1 ul.pics li{ display:block; width:25%; float:left;}
.about1 ul.pics li a{ display:block; overflow:hidden; margin:0 10px 20px;}
.about1 ul.pics li a img{ display:block; width:100%;}

.about2{ background:#f6f6f6; padding:0 0 70px;}
.about2 .flex{ display:flex; align-items:center;}
.about2 img.pic{ display:block; width:48%; margin:0 4% 0 0; flex-shrink:0;}
.about2 ul.list{ display:block; font-size:15px; overflow:hidden;}
.about2 ul.list li{ display:block; padding:0.25em 0 0.3em;}
.about2 ul.list li a{ display:block; line-height:1.5; color:#535353; padding-left:1.5em; background:url(../images/icons/list.png) no-repeat; background-size:auto 1.5em;}

.about3{ padding:0 0 70px;}
.about3 .flex{ display:flex; align-items:center; justify-content:space-between;}
.about3 .txt{ width:41%; line-height:2; color:#666; font-size:16px; overflow:hidden; flex-shrink:0;}
.about3 ul.pics{ display:block; overflow:hidden;}
.about3 ul.pics li{ display:block; width:33.33%; float:left;}
.about3 ul.pics li a{ display:block; overflow:hidden; border:1px solid #ddd; margin:0 0 0 20px;}
.about3 ul.pics li a img{ display:block; width:100%; height:310px;}

/*联系我们*/
.main .contact{ position:relative; padding:0 0 80px}
.main .contact dl{ display:block; font-size:16px; overflow:hidden; padding:70px 0; position:relative; z-index:3;}
.main .contact dl dd{ display:block; width:33.33%; text-align:center; overflow:hidden; float:left;}
.main .contact dl dd img{ display:block; height:5em; margin:0 auto;}
.main .contact dl dd b{ display:block; line-height:1; color:#01479d; font-size:1.25em; padding:1.2em 0 0.8em;}
.main .contact dl dd p{ display:block; line-height:2; color:#5a5a5a; font-size:0.9375em; overflow:hidden;}
.main .map{ overflow:hidden;}

.about1,
.about2,
.about3{ position:relative;}
.about1 > i,
.about2 > i,
.about3 > i{ display:block; width:10px; height:10px; position:absolute; left:0; top:-100px;}


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


}

@media only screen and (max-width:768px){
.header .head,
.footer .foot,
.position ul.menu,
.position p,
.main .attr{ width:calc(100% - 30px);}

.header .head{ height:60px; margin:0 auto;}
.header h1.logo a img{ height:60px;}
.header a.menu{ display:block; width:22px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; float:right; transition:all ease 0.4s; filter:brightness(0) invert(1);}
.header a.lang{ line-height:60px; margin:0 1em 0 0; height:60px; line-height:62px;}
.header a.lang::before{ height:60px; width:1.25em; margin-right:0.4em;}

ul.nav{ width:100vw; height:100vh; font-size:16px; overflow:hidden; overflow-y:auto; background:#fff; float:none; position:fixed; left:0; top:0; z-index:999; transition:all ease 0.4s; transform:translateX(100%);}
ul.nav li{ float:none; text-align:left; padding:0 20px; border-bottom:1px solid #f5f5f5; clear:both; margin:0 0 12px; transition:all ease 0.4s; transform:translateY(100%); opacity:0; transition-delay:0.3s;}
ul.nav li a{ width:80%; line-height:50px; color:#333; text-align:left; padding:0;}
ul.nav li a::after{ display:none;}
ul.nav li i{ display:block; width:10px; height:10px; border:1px solid #999; border-width:0 1px 1px 0; position:absolute; right:5%; top:25px; margin:-8px 8px 0 0; transform:rotate(45deg); transition:transform ease 0.5s;}
ul.nav li i.open{ transform:rotate(225deg); margin:-4px 8px 0 0;}
ul.nav li p.sub{ background:#fff; position:static; width:auto; min-width:0; transform:none; box-shadow:none; padding:0;}
ul.nav li p.sub a{ width:auto; color:#666; font-size:16px; line-height:50px; border-bottom:1px solid #f5f5f5; padding:0 2em;}
ul.nav li > a:hover,
ul.nav li.on > a,
ul.nav li.cur > a{ color:#01479d; font-weight:bold; background:none;}
ul.nav li.close{ display:block; width:20px; height:60px; float:right; padding:0; background:url(../images/common/nav_close.png) center no-repeat; background-size:100% auto; margin:0 20px; transform:translateY(0); opacity:1; border:0;}

ul.nav li .sub{ overflow:hidden;}
ul.nav li .sub dl{ border-bottom:1px solid #f5f5f5; background:#f6f6f6; padding:0 0 8px;}
ul.nav li .sub dl:last-child{ margin-bottom:20px;}
ul.nav li .sub dl dt{ background:#fff; margin:0 0 8px;}
ul.nav li .sub dl dt a{ width:auto; color:#333; padding:0 1em;}
ul.nav li .sub dl dd{}
ul.nav li .sub dl dd a{ line-height:2.5; width:auto; color:#333; padding:0 2em;}

ul.nav li:nth-child(2){ transition-delay:0.0s;}
ul.nav li:nth-child(3){ transition-delay:0.1s;}
ul.nav li:nth-child(4){ transition-delay:0.2s;}
ul.nav li:nth-child(5){ transition-delay:0.3s;}
ul.nav li:nth-child(6){ transition-delay:0.4s;}
ul.nav li:nth-child(7){ transition-delay:0.5s;}
ul.nav li:nth-child(8){ transition-delay:0.6s;}
ul.nav li:nth-child(9){ transition-delay:0.7s;}
ul.nav li:nth-child(10){ transition-delay:0.8s;}
ul.nav li:nth-child(11){ transition-delay:0.9s;}
ul.nav li:nth-child(12){ transition-delay:1.0s;}

ul.nav.show{ transform:translateX(0);}
ul.nav.show li{ transform:translateY(0%); opacity:1;}

.header.fixed a.menu{ filter:brightness(1) invert(0);}

.banner{ height:48vw;}

.footer{ padding:20px 0 0;}
.footer .foot{ font-size:14px;}
.footer .l{ max-width:none;}
.footer .r{ width:auto; margin:10px 0 0;}
.footer form{ font-size:14px;}
.footer form input.btn{ width:100px; margin:14px 14px 0 0;}
.footer form a{ margin:14px 0 0 14px;}
.footer form a:last-child{ margin-left:0;}
.footer .copyright{ font-size:13px; line-height:1.5; padding:1.25em 0; margin:18px 0 0;}

.backToTop{ width:36px; height:36px; right:15px; bottom:35px; background-size:50% auto; opacity:1;}

.picShow{ top:50%; transform:translate(-50%,-50%);}
.picShow .pic{ height:calc(100vh - 10vw);}
.picShow .pic img{ max-width:100%; max-height:100%;}
.picShow a.close{ left:auto; right:0; top:0; transform:translate(0,0);}

.position{ width:auto; font-size:13px;}
.position p{ line-height:3.5; font-size:inherit; margin:0 auto;}
.position p::before{ height:3.5em; margin-right:-2px;}
.position ul{ display:none;}

.subMenu{ display:none;}
.subMenu p{ display:flex; justify-content:center; padding:0; margin:16px 0 0;}
.subMenu p a{ width:33.33%; float:none; font-size:14px; line-height:3.25;}

.main .attr h2.title{ font-size:14px; padding:1.75em 0 1em;}
.main .attr h2.title em{ font-size:1.5em; padding:0 0 0.125em;}
.main .attr h2.title span{ line-height:1.75;}
.main .attr > h2.title + .txt{ font-size:14px; padding:0 0 1.75em; margin-top:-0.5em;}

.main .newsCon{ padding:0; border:0; margin:0;}
.main .attr h3.title{ line-height:1.5; font-size:20px; padding:1.25em 0 1em; margin:0;}
.main .attr p.mark{ font-size:13px; line-height:2.75; margin:0 0 1.25em;}
.main .article{ font-size:14px; padding-top:1em; line-height:2; text-align:left;}
.main .change{ font-size:13.5px; padding:1.2em 0; margin:0 0 0.75em;}
.main .change p{ float:none !important; max-width:none;}
.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.proList{ font-size:14px; margin:0 -6px; padding:4px 0 40px;}
.main ul.proList li{ width:50%;}
.main ul.proList li .box{ margin:12px 6px 0; border-radius:6px; padding:0.5em 0.5em 0;}
.main ul.proList li a.title{ line-height:3.5;}

.main ul.caseList{ margin:0 -6px; font-size:14px; padding:0 0 28px;}
.main ul.caseList li{ width:50%;}
.main ul.caseList li a{ margin:0 6px 12px;}
.main ul.caseList li i img{ height:auto;}
.main ul.caseList li a span{ padding:0.5em 0 0;}

.main ul.honorList{ margin:0 -6px; padding:15px 0 28px;}
.main ul.honorList li{ width:50%;}
.main ul.honorList li a{ padding:8px; margin:0 6px 12px;}
.main ul.honorList li a span{ height:2.4em; line-height:1.2; margin:0.75em 0 0; white-space:normal;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.main ul.List{ font-size:14px; padding:10px 0 40px;}
.main ul.List li{ line-height:32px; padding:12px 4px;}
.main ul.List li a{ background-size:1.75em auto; padding-left:2.75em;}
.main ul.List li a.btn{ padding:0; margin-left:1.5em; width:7.5em;}
.main ul.List li a.btn::before{ height:32px;}
.main ul.List li span{ margin-left:2em;}

.main ul.newsList{ display:block; font-size:13px; padding:4px 0 40px;}
.main ul.newsList li{ padding:16px 0;}
.main ul.newsList li a.pic{ margin:0 16px 0 0;}
.main ul.newsList li a.pic img{ width:134px; height:80px;}
.main ul.newsList li span{ font-size:inherit; padding:0.625em 0 0;}
.main ul.newsList li a.title{ font-size:15px; line-height:1.625; height:3.25em; white-space:normal;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li .txt{ display:none;}

.about1{ padding:0 0 30px;}
.about1 ul.pics{ margin:0 -6px;}
.about1 ul.pics li{ width:50%;}
.about1 ul.pics li a{ margin:0 6px 12px;}

.about2{ padding:0 0 40px;}
.about2 .flex{ display:block;}
.about2 img.pic{ width:100%; height:36vw; object-fit:cover; margin:-0px 0 16px;}

.about3{ padding:0 0 40px;}
.about3 .flex{ display:block;}
.about3 .txt{ width:auto; font-size:15px; margin-top:-0.5em;}
.about3 ul.pics{ margin:0 -6px; padding:16px 0 0;}
.about3 ul.pics li a{ margin:0 6px;}
.about3 ul.pics li a img{ height:auto;}

.about1 > i,
.about2 > i,
.about3 > i{ top:-60px;}


}












/**/