@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; transition:all ease 0.4s;}
.header .head{ width:1320px; 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; transition:all ease 0.4s;}
.header h1.logo a img{ display:block; height:90px; transition:all ease 0.4s;}
.header p.lang{ display:block; font-size:16px; float:right; margin:0 8px 0 0; position:relative;}
.header p.lang span{ display:block; width:24px; height:90px; background:url(../images/common/head_lang.png) center no-repeat; background-size:contain; cursor:pointer; filter:brightness(0) invert(1); transition:all ease 0.4s;}
.header p.lang em{ display:block; background:#f6f6f6; position:absolute; left:50%; top:100%; transform:translateX(-50%); transition:all ease 0.4s; box-shadow:0 2px 6px rgba(0,0,0,0.2); opacity:0; visibility:hidden;}
.header p.lang:hover em{ opacity:1; visibility:visible;}
.header p.lang em a{ display:block; min-width:4em; line-height:2.5; color:#4a4a4a; text-align:center; white-space:nowrap; padding:0 0.5em;}
.header p.lang em a:hover{ color:#fff; background:#015daf;}

/*导航*/
ul.nav{ display:block; font-size:17px; 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; margin:0 2.5em 0 0;}
ul.nav li a{ display:block; min-width:3em; line-height:90px; color:#fff; text-align:center; white-space:nowrap; transition:all ease 0.4s;}
ul.nav li a::after{ content:''; display:block; height:3px; background:#fff; margin:-3px -0.25em 0; transition:all ease 0.4s; transform:scale(0,1) translateY(-16px);}
ul.nav li > a:hover,
ul.nav li.on > a,
ul.nav li.cur > a{ color:#fff;}
ul.nav li > a:hover::after,
ul.nav li.on > a::after,
ul.nav li.cur > a::after{ transform:scale(1,1) translateY(-16px);}
ul.nav li p.sub{ display:none; width:100vw; background:#fff; padding:36px 0 20px; text-align:center; position:absolute; left:50%; top:100%; transform:translate(-50%); z-index:99;}
ul.nav li p.sub::after{ content:'';; display:block; width:100%; height:100%; background:#fff; border-top:1px solid #e6e6e6; position:absolute; left:0; top:0; z-index:1; box-sizing:border-box;}
ul.nav li p.sub a{ display:inline-block; vertical-align:top; width:auto; line-height:3; color:#666; font-size:14px; font-weight:normal; padding:0 1em; border:0; margin:0 2em; position:relative; z-index:3;}
ul.nav li p.sub a::after{ display:none;}
ul.nav li p.sub a:hover{ color:#015daf;}
ul.nav li p.sub a:hover img{ transform:rotateY(180deg);}

@media only screen and (min-width:769px){
ul.nav li p.sub{ display:none !important;}
}

.header.fixed{ background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.2);}
.header.fixed h1.logo a::after{ opacity:1;}
.header.fixed h1.logo a img{ opacity:0;}
.header.fixed p.lang span{ filter:brightness(1) invert(0);}
.header.fixed ul.nav li a{ color:#333;}
.header.fixed ul.nav li a::after{ background:#015daf;}
.header.fixed ul.nav li > a:hover,
.header.fixed ul.nav li.on > a,
.header.fixed ul.nav li.cur > a{ color:#015daf;}

/*banner*/
.banner{ width:100vw; height:520px; overflow:hidden; position:relative; background:#000;}
.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; opacity:0.8;
	-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.1);}
	100%{ transform:scale(1);}
}
.banner .txt{ width:1320px; color:#fff; font-size:16px; text-align:center; position:absolute; left:50%; top:53%; transform:translate(-50%,-50%); z-index:3;}
.banner .txt em{ display:block; line-height:1; font-size:2.5em; font-weight/:bold;}
.banner .txt em::after{ content:''; display:block; width:1.3em; height:3px; background:#fff; margin:0.5em auto 0;}

/*底部*/
.footer{ background:#f6f6f6; position:relative; padding:36px 0 0;}
.footer .foot{ width:1320px; margin:0 auto;}
.footer > .foot:first-child{ border-bottom/:1px solid #dce0e6; margin-bottom:40px;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer a.logo{ display:block; float:left;}
.footer a.logo img{ display:block; height:110px;}
.footer .codes{ padding:41px 0; float:right; position:relative; z-index:9;}
.footer .codes a{ display:block; position:relative; float:left; margin:0 16px 0 0; cursor:pointer; transition:all ease 0.4s;}
.footer .codes a > img{ display:block; width:28px; height:28px; border-radius:50%;}
.footer .codes a em{ display:block; background:#fff; padding:6px; border:1px solid #015daf; position:absolute; left:50%; top:100%; transform:translate(-50%,24px); z-index:5; transition:all ease 0.4s; opacity:0; visibility:hidden;}
.footer .codes a em::before{ content:''; display:block; width:100%; height:8px; background:url(../images/common/arrow.png) center bottom no-repeat; position:absolute; left:0; bottom:100%;}
.footer .codes a em img{ display:block; width:auto; height:110px; border-radius:4px;}
.footer .codes a:hover > img{ filter:brightness(1) invert(0); opacity:1;}
.footer .codes a:hover em{ opacity:1; visibility:visible;}

.footer .flex{ display:flex; justify-content:space-between; overflow:hidden; position:relative;}
.footer dl{ display:block; font-size:16px; padding:0 12px; margin:0 3% 0 0;}
.footer dl dt{ display:block; line-height:2.25; margin:0 0 0.5em;}
.footer dl dt a{ color:#4c5664; transition:all ease 0.4s;}
.footer dl dd{ display:block; line-height:2.5; font-size:0.875em;}
.footer dl dd a{ color:#919a9e; transition:all ease 0.4s;}
.footer dl a:hover{ color:#015daf;}

.footer .info{ width:24%; color:#4c5664; font-size:16px; overflow:hidden; float:right; margin:0 0 0 6%;}
.footer .info em{ display:block; line-height:2.5; font-size:0.875em; overflow:hidden;}
.footer .info p{ display:block; line-height:1.75; font-size/:1.125em; overflow:hidden; padding:0 0 1em;}
.footer .info p a.tel{ color:#015daf; font-size:1.5em; font-weight:bold;}
.footer .code{ font-size:0.875em; overflow:hidden;}
.footer .code span{ display:block; width:112px; line-height:3; text-align:center; float:left; margin:0 2em 0 0;}
.footer .code img{ display:block; width:100%; border:1px solid #dce0e6; box-sizing:border-box;}

.footer .copyright{ line-height:2; color:#fff; font-size:14px; overflow:hidden; padding:1.5em 0; background:#015daf; margin:32px 0 0;}
.footer .copyright a{ transition:all ease 0.4s; margin:0 0 0 10px;}
.footer .copyright a:hover{ text-decoration:underline;}

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

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

.position{ width:1320px; line-height:5.2em; font-size:16px; background:#fff; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.1); margin:-2.6em auto 0; position:relative; z-index:3;}

.position ul{ display:flex; justify-content:center; overflow:hidden; padding:0 14px;}
.position ul li{ display:block;}
.position ul li a{ display:block; color:#434343; font-size:1.0625em; text-align:center; padding:0 0.75em; position:relative; margin:0 1em;}
.position ul li a::after{ content:''; display:block; width:100%; height:3px; background:#0c5985; position:absolute; left:0; bottom:0; transition:all ease 0.4s; transform:scale(0,1);}
.position ul li a:hover,
.position ul li.cur a{ color:#333;}
.position ul li a:hover::after,
.position ul li.cur a::after{ transform:scale(1,1);}

.position p{ display:block; color:#555; font-size:0.9375em; background:url(../images/common/home.png) left center no-repeat; background-size:auto 1em; padding-left:1.75em; float:right; margin:0 2em 0 0;}
.position p a{ margin:0 4px;}
.position p a:hover{ color:#0c5985; text-decoration:underline;}

/*内容样式*/
.main .attr{ width:1320px; 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; text-align:center; overflow:hidden; padding:3.75em 0 2.5em;}
.main .attr h2.title em{ display:block; line-height:1.75; color:#333; font-size:2.25em;}
.main .attr h2.title span{ display:block; line-height:3; color:#6981a0; font-weight:normal;}
.main .attr h3.sub{ display:block; line-height:3.5; color:#015daf; font-size:30px; padding:0.84em 0 0.25em;}

.main .attr h3.title{ display:block; line-height:1.5; color:#333; font-size:30px; text-align:center; padding:2em 0 0.5em;}
.main .attr p.mark{ display:block; line-height:3.5; color:#999; font-size:14px; text-align:center; margin:0 0 -1.5em;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ min-height:20em; line-height:2.375; color:#444; font-size:16px; text-align:justify; overflow:hidden; padding:2.5em 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:16px; padding:2em 0em; border-top:1px solid #ddd; margin:-0.75em 0 1.25em;}
.main .change p{ display:block; line-height:2.25; color:#777; 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:#015daf;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 70px;}
.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:6px 12px; border:1px solid #d2d2d2; margin:0 4px;}
.pages a:hover{ color:#fff; background:#015daf; border-color:#015daf;}
.pages span{ color:#fff; background:#015daf; border-color:#015daf;}

/*业务列表*/
.main ul.yewuList{ display:block; font-size:16px;}
.main ul.yewuList::before,
.main ul.yewuList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.yewuList li{ display:block; padding:20px 0 80px; position:relative;}
.main ul.yewuList li::before{ content:''; display:block; width:100vw; height:100%; background:#f6f6f6; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.main ul.yewuList li::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.yewuList li > *{ position:relative; z-index:3;}
.main ul.yewuList li i{ display:block; width:1px; height:1px; position:absolute; left:0; top:-90px;}
.main ul.yewuList li h4{ display:block; line-height:3.5; color:#015daf; font-size:1.875em;}
.main ul.yewuList li .box{ display:flex; flex-direction:row-reverse; align-items:center; background:#fff;}
.main ul.yewuList li a.pic{ display:block; width:50%; overflow:hidden; flex-shrink:0;}
.main ul.yewuList li a.pic img{ display:block; width:100%; height:384px; transition:all ease 0.4s;}
.main ul.yewuList li .txt{ display:block; max-height:21.25em; line-height:2.1; color:#333; padding:0 36px; flex:1;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:10;
}
.main ul.yewuList li:nth-child(even)::before{ background:#fff;}
.main ul.yewuList li:nth-child(even) .box{ flex-direction:row; background:#f6f6f6;}
.main ul.yewuList li a.pic:hover img{ transform:scale(1.05);}

/*新闻列表*/
.main dl.newsList{ display:block; font-size:16px; padding:10px 0 70px; margin:0 -16px;}
.main dl.newsList::before,
.main dl.newsList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main dl.newsList dd{ display:block; width:33.33%; box-sizing:border-box; overflow:hidden; padding:40px 16px 0; float:left;}
.main dl.newsList dd a.pic{ display:block; overflow:hidden;}
.main dl.newsList dd a.pic img{ display:block; width:100%; height:280px; object-fit:cover; transition:all ease 0.4s;}
.main dl.newsList dd a.title{ display:block; line-height:2; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:1em 0 0;}
.main dl.newsList dd span{ display:block; line-height:2.5; color:#999; font-size:0.875em; overflow:hidden;}
.main dl.newsList dd .txt{ display:block; height:3.5em; line-height:1.75; color:#666; font-size:0.9375em; padding:0.25em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main dl.newsList dd a.pic:hover img{ transform:scale(1.1);}
.main dl.newsList dd a.title:hover{ color:#015daf;}

/*文字列表*/
.main ul.List{ display:block; font-size:16px; border:2px solid #f7f7f7; margin:40px 0 70px;}
.main ul.List::before,
.main ul.List::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.List li{ display:block; line-height:3em; overflow:hidden; padding:16px 24px; border-bottom:1px solid #ddd; transition:all ease 0.4s;}
.main ul.List li:last-child{ border:0;}
.main ul.List li a{ display:block; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/icons/list.png) left center no-repeat; padding-left:2em; transition:all ease 0.4s;}
.main ul.List li span{ display:block; color:#999; overflow:hidden; float:right; margin-left:4em; transition:all ease 0.4s;}
.main ul.List li:hover{ background:#015daf;}
.main ul.List li:hover a{ filter:brightness(0) invert(1);}
.main ul.List li:hover span{ color:#fff;}

/*企业信息*/
.main dl.qyList{ display:block; font-size:16px; margin:10px 0 70px;}
.main dl.qyList::before,
.main dl.qyList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main dl.qyList dt{ display:block; line-height:4.5em; font-weight:normal; overflow:hidden; padding:1em 2px 0;}
.main dl.qyList dt a{ display:block; color:#333; font-size:1.5em; font-weight:bold; float:left;}
.main dl.qyList dd{ display:block; line-height:3em; overflow:hidden; padding:16px 16px; border:2px solid #eee;}
.main dl.qyList dd a{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 1em; transition:all ease 0.4s; float:left; margin:0 1em 0 0;}
.main dl.qyList dd a::before{ content:''; display:block; height:3em; background:url(../images/icons/list.png) left center no-repeat; padding-left:2em; float:left; transition:all ease 0.4s;}
.main dl.qyList dd a:hover{ color:#fff; background:#015daf;}
.main dl.qyList dd a:hover::before{ filter:brightness(0) invert(1);}

.main h2.qiye{ display:block; line-height:5em; font-size:17px; font-weight:normal; overflow:hidden; padding:1.25em 2px 0; margin:0 0 -40px;}
.main h2.qiye em{ display:block; color:#333; font-size:1.75em; font-weight:bold; float:left;}
.main h2.qiye span::before{ content:'◇'; margin:0 0.75em;}
.main h2.qiye a{ display:block; color:#015daf; font-size:16px; float:right;}
.main h2.qiye a:hover{ color:#015daf;}

/*联系我们*/
.contact{ padding:60px 0 80px; position:relative;}
.contact .flex{ display:flex; justify-content:space-between;}
.contact dl{ display:block; flex:auto; font-size:16px; padding:1em 0 0;}
.contact dl dt{ display:block; line-height:2.25; color:#333; font-size:2em; font-weight:bold;}
.contact dl dd{ display:block; line-height:1.75; color:#434343; font-size:1.125em; padding:1em 0 0;}
.contact dl dd b{ color:#015daf; font-size:1.62em;}
.contact .map{ width:58%; background:#f2f2f2; overflow:hidden; flex-shrink:0; margin:0 0 0 6%;}


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


}


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

.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 p.lang{ margin:0 1em 0 0; font-size:14px;}
.header p.lang span{ height:60px; width:22px;}
.header p.lang em a{ min-width:3em;}

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

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 #eee; 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{ position:static; width:auto; min-width:0; background:#f6f6f6; transform:none; box-shadow:none; padding:6px 0; margin:0 -20px;}
ul.nav li p.sub::after{ display:none;}
ul.nav li p.sub a{ display:block; width:auto; font-size:15px; line-height:3; padding:0 2em; margin:0 0 0 20px;}
ul.nav li > a:hover,
ul.nav li.on > a,
ul.nav li.cur > a{ color:#015daf; font-weight:bold; background:none;}
ul.nav li.close{ display:block; width:20px; height:60px; float:right; padding:0; background:url(../images/common/head_close.png) center no-repeat; background-size:100% auto; margin:0 20px; transform:translateY(0); opacity:1; border:0;}

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

.banner{ height:48vw;}
.banner .txt{ font-size:18px; left:15px; transform:translate(0,-50%); padding:40px 0 0;}
.banner .txt em{ font-size:1.375em;}
.banner .txt p{ display:none;}

.footer{ padding:30px 0 0;}
.footer > .foot:first-child{ margin-bottom:16px;}
.footer a.logo img{ height:68px;}
.footer .codes{ padding:20px 0;}
.footer .codes a{ margin:0 0 0 10px;}
.footer .codes a em{ padding:5px; transform:translate(-50%,20px);}
.footer .codes a:last-child em{ left:auto; right:-4px; transform:translate(0,20px);}
.footer .codes a:last-child em::before{ background-position:right 10px bottom;}
.footer .codes a em img{ width:112px; height:auto;}
.footer .flex{ display:none;}
.footer .info{ width:auto; float:none; margin:0; font-size:14px; position:relative;}
.footer .info em{ font-size:13px;}
.footer .code{ font-size:inherit; text-align:center; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.footer .code span{ margin:0 1em; vertical-align:top; display:inline-block; float:none; width:104px;}
.footer .code span:last-child{ display:none;}
.footer .copyright{ margin:16px 0 0; font-size:13px; line-height:1.875; padding:1.25em 0; text-align:center;}
.footer .copyright .foot{ display:flex; flex-direction:column-reverse;}

.backToTop{ width:36px; height:36px; right:12px; bottom:75px; background-size:contain; opacity:0.7;}

/*
.position{ font-size:13px;}
.position ul.menu{ font-size:inherit; padding:0.5em 0 0;}
.position ul.menu li a{ line-height:3.25;}
.position p{ line-height:3.25; font-size:inherit; padding:0.5em 0 0;}
*/
.position{ width:auto; font-size:13px; box-shadow:none; margin:0 0 16px; background:#f6f6f6;}
.position ul{ display:flex; justify-content:center; padding:0; float:none; flex-wrap/:wrap;}
.position ul li{ width:33.33%; float:none; font-size:14px; line-height:3.2;}
.position ul li a{ min-width:0; padding:0; margin:0; font-size:inherit;}
.position ul li a::after{ height:2px;}
.position p{ display:none;}

.position ul.qy{ flex-wrap:wrap; justify-content:flex-start;}
.position ul.qy li{ position:relative; box-sizing:border-box; padding:0 0 0 1px;}
.position ul.qy li::before{ content:''; display:block; width:1px; height:1.25em; background:#ddd; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.position ul.qy li:nth-child(3n-2){ padding:0;}
.position ul.qy li:nth-child(3n-2)::before{ display:none;}

.main .attr h2.title{ font-size:14px; padding:2em 0 1em;}
.main .attr h2.title em{ font-size:1.875em;}

.main .attr > h2.title + .txt{ font-size:14px; padding:0 0 1.75em;}
.main .attr h3.title{ line-height:1.5; font-size:22px; padding:0.75em 0 0.75em; margin:0;}
.main .attr p.mark{ font-size:13px; line-height:3; margin:0 0 1em; background:#f6f6f6;}
.main .article{ font-size:14px; padding-top:0;}

.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.yewuList{ padding:20px 0 0; font-size:14px; padding:0;}
.main ul.yewuList::before{ content:attr(data-title); display:none; line-height:1; color:#333; font-size:22px; text-align:center; padding:0.875em 0 1.125em;}
.main ul.yewuList li{ padding:0 0 20px;}
.main ul.yewuList li i{ top:-60px;}
.main ul.yewuList li h4{ font-size:1.375em; line-height:3.25; padding:0.25em 0 0;}
.main ul.yewuList li .box{ display:block;}
.main ul.yewuList li a.pic{ width:auto;}
.main ul.yewuList li a.pic img{ height:auto;}
.main ul.yewuList li .txt{ height:auto; max-height:none; -webkit-line-clamp:99; padding:15px 15px 15px;}

.main .attr h3.sub{ font-size:21px; padding:0.75em 0 0.25em; text-align:center; line-height:3;}
.main .attr h3.sub ~ ul.caseList::before{ display:none;}

.main dl.newsList{ font-size:14px; padding:0 0 40px; margin-top:-16px;}
.main dl.newsList dd{ width:auto; padding:0 12px 16px; margin:20px 15px 0; background:#f6f6f6; float:none;}
.main dl.newsList dd a.pic{ margin:0 -12px;}
.main dl.newsList dd a.pic img{ height:auto;}
.main dl.newsList dd a.title{ font-size:16px;}
.main dl.newsList dd span{ font-size:1em; line-height:2.5;}
.main dl.newsList dd a.title{ padding:0.875em 0 0;}
.main dl.newsList dd .txt{ font-size:1em; padding:0;}

.main ul.List{ margin:0 0 40px; font-size:14px;}
.main ul.List li{ padding:6px 12px;}
.main ul.List li a{ background-size:auto 1.125em; padding-left:1.75em;}
.main ul.List li span{ margin-left:2em;}

.main dl.qyList{ font-size:14px; margin-top:-16px;}
.main dl.qyList dt{ line-height:4em;}
.main dl.qyList dt a{ font-size:1.4em;}
.main dl.qyList dd{ padding:6px 16px; display:flex; flex-wrap:wrap; justify-content:space-between; background:#f7f7f7; border-color:#f7f7f7;}
.main dl.qyList dd a{ background/:#f6f6f6; width:48%; box-sizing:border-box; margin:0; padding:0;}
.main dl.qyList dd a::before{ background-size:auto 1.25em; padding-left:1.75em;}
.main dl.qyList dd a:hover{ color:#015daf; background:#fff;}
.main dl.qyList dd a:hover::before{ filter:brightness(1) invert(0); background-image:url(../images/icons/list_h.png);}

.main h2.qiye{ margin:-20px 0 10px; font-size:15px; line-height:2; position:relative;}
.main h2.qiye a{ display:block; position:absolute; right:0; bottom:0; font-size:inherit;}
.main h2.qiye em{ font-size:1.4em; float:none; padding:0 0 0.3em;}
.main h2.qiye span{ display:block;}
.main h2.qiye span::before{ content:'>>'; margin:0 0.5em 0 0;}


.contact{ padding:0px 0 40px;}
.contact .flex{ display:block;}
.contact dl{ font-size:14px; padding:0 0 20px;}
.contact dl dt{ font-size:1.5em;}
.contact dl dd{ font-size:inherit; padding:0; line-height:2;}
.contact .map{ width:auto; margin:0;}

}






/**/