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

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

/*头部*/
.header{ border-bottom:1px solid #ececec; position:relative; z-index:99;}
.header .head{ width:1340px; height:110px; 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:110px;}
.header p.btns{ display:block; line-height:110px; color:#e4e4e4; font-size:16px; float:right; margin:0 0 0 16px;}
.header p.btns a{ color:#333; margin:0 8px;}
.header p.btns a.search{ background:url(../images/common/head_search.png) center bottom 1px no-repeat; padding:0 9px; margin:0 0 0 12px;}
.header p.btns a:hover{ color:#dc2821;}
.searchBox{ width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:888; opacity:0; visibility:hidden;}
.searchBox.show{ transition:all ease-in-out 0.3s; opacity:1; visibility:visible;}
.searchBox form{ display:block; overflow:hidden; width:80%; max-width:1000px; position:fixed; left:50%; top:40%; z-index:999; transform:translate(-50%,-50%);}
.searchBox form h2{ display:block; line-height:1; color:#fff; font-size:26px; font-weight:normal; text-align:center; position:relative; margin-bottom:1.285em;}
.searchBox form h2 a.close{ display:block; width:1em; height:1em; background:url(../images/common/close.png) center no-repeat; position:absolute; right:0; top:0; cursor:pointer;}
.searchBox form input.txt{ display:block; width:calc(100% - 5em); height:3em; line-height:1; color:#333; font-size:16px; background:#fff; padding:0 1.25em; border:0; border-radius:1.5em 0 0 1.5em; box-sizing:border-box; float:left;}
.searchBox form input.txt::placeholder{ color:#999;}
.searchBox form input.btn{ display:block; width:5em; height:3em; line-height:9999; font-size:16px; background:#dc2821 url(../images/common/search.png) center no-repeat; border:0; cursor:pointer; float:left; border-radius:0 1.5em 1.5em 0;}

/*导航*/
ul.nav{ display:block; height:110px; font-size:17px; position:relative; float:right;}
ul.nav li{ display:block; float:left; position:relative; margin:0 0 0 2px;}
ul.nav li a{ display:block; line-height:110px; color:#333; text-align:center; padding:0 6px; margin:0 16px; white-space:nowrap; position:relative;}
ul.nav li>a::after{ content:''; display:block; width:100%; height:2px; background:#dc2821; position:absolute; left:0; bottom:0; transform:translateY(1px) scale(0,1); transition:all ease 0.4s;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#dc2821; font-weight:bold;}
ul.nav li>a:hover::after,
ul.nav li.on>a::after,
ul.nav li.cur>a::after{ transform:translateY(1px) scale(1,1);}

ul.nav li p.sub{ display:none; min-width:100%; background:#fff; padding:10px 0 12px; border-radius:0 0 10px 10px; border-top/:2px solid #dc2821; position:absolute; left:50%; top:100%; transform:translate(-50%,1px); z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ width:auto; line-height:3.125; color:#444; font-size:0.875em; font-weight:normal; padding:0 0.5em; margin:0; background:none; border-radius:0; transition:all ease 0.4s;}
ul.nav li p.sub a::after{ display:none;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#dc2821; background:#f4f4f4;}

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

/*底部*/
.footer{ background:url(../images/common/foot_bg.jpg) center no-repeat; background-size:cover; padding:64px 0 0;}
.footer .foot{ width:1340px; margin:0 auto; position:relative;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .left{ padding:0 0 48px;}
.footer a.logo{ display:inline-block; vertical-align:top; margin:0 0 40px;}
.footer a.logo img{ display:block; height:48px;}
.footer p{ display:block; line-height:36px; color:#999; font-size:15px; padding-left:32px;}
.footer p img{ display:block; height:16px; float:left; margin:10px 14px 0 -30px;}
.footer p span{ display:inline-block; vertical-align:top; transform:skewX(-14deg);}
.footer .code{ line-height:1; color:#999; font-size:14px; text-align:center; padding:0 0 48px; float:right; margin:-6px 0 0;}
.footer .code a{ display:block; width:146px; margin:0 auto 26px;}
.footer .code a img{ display:block; width:100%;}
.footer .code>img{ display:block; height:116px; margin:0 auto 24px;}
.footer dl{ display:block; float:left; padding:0 0 48px; margin-right:76px;}
.footer dl dt{ display:block; padding:0 0 14px 0;}
.footer dl dt a{ display:block; line-height:38px; color:#fff; font-size:16px;}
.footer dl dt a:hover{ color:#dc2821;}
.footer dl dd{ display:block;}
.footer dl dd a{ display:block; line-height:36px; color:#999; font-size:15px;}
.footer dl dd a:hover{ color:#fff; text-decoration:underline;}
.footer .copyright{ line-height:2; color:#999; font-size:14px; overflow:hidden; padding:2em 0; border-top:1px solid #444; clear:both;}
.footer .copyright a:hover{ color:#dc2821; 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;}

/*主体样式*/
.main{ min-height:calc(100vh - 906px); margin:0 auto; position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.main .position{ line-height:4em; font-size:16px; border-bottom:1px solid #ececec;}
.main .position::before,
.main .position::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .position ul{ display:block; float:left;}
.main .position ul li{ display:block; float:left; margin:0 1.875em 0 0;}
.main .position ul li a{ display:block; color:#666; padding:0 1.75em; position:relative;}
.main .position ul li a:hover,
.main .position ul li.cur a{ color:#dc2821; font-weight:bold;}
.main .position ul li.cur a::after{ content:''; display:block; width:100%; height:2px; background:#dc2821; position:absolute; left:0; bottom:0; transform:translateY(1px);}
.main .position p{ display:block; color:#999; font-size:0.9375em; text-align:right; overflow:hidden;}
.main .position p a{ margin:0 0.5em;}
.main .position p a.home{ padding-left:2em; background:url(../images/icons/home.png) left center no-repeat;}
.main .position p a:hover{ color:#dc2821;}

/*内容样式*/
.main .attr{ width:1340px; 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.69; color:#333; font-size:42px; font-weight:normal; text-align:center;}
.main .attr h3.title{ display:block; line-height:2; color:#333; font-size:36px; font-weight:normal; text-align:center; padding:1.22em 0 0;}
.main .attr p.mark{ display:block; line-height:4.625; color:#999; font-size:16px; text-align:center; padding:0 0 0.375em; border-bottom:1px solid #ddd;}
.main .attr p.mark font{ margin:0 1.5em 0 0;}
.main .article{ line-height:2.47; color:#333; font-size:17px; text-align:justify; overflow:hidden; padding:4.5em 0 3em;}
.main h2.title + .article{ background:url(../images/icons/about_bg.png) center top no-repeat; margin-top:-5em;}
.main p.mark + .article{ margin-top:-2em;}
.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:2.625em 0 4.75em; border-top:1px solid #ebebeb;}
.main .change p{ display:block; line-height:2.625; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a:hover{ color:#dc2821;}

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

/*新闻列表*/
.main ul.newsList{ display:block; font-size:16px; overflow:hidden; padding:0 0 30px; margin:0 -24px;}
.main ul.newsList li{ display:block; width:33.33%; float:left;}
.main ul.newsList li .box{ padding:0 28px 28px; border:1px solid #eee; border-top:0; margin:0 24px 48px;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; margin:0 -29px;}
.main ul.newsList li a.pic img{ display:block; width:100%; height:286px; transition:all ease 0.5s;}
.main ul.newsList li span{ display:block; line-height:3.8; color:#dc2821; font-size:15px; overflow:hidden; padding:0.4em 0 0;}
.main ul.newsList li a.title{ display:block; height:3.32em; line-height:1.66; color:#333; font-size:18px; font-weight:bold; margin:0 0 1em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li a.title:hover{ color:#dc2821;}
.main ul.newsList li .txt{ display:block; height:5.25em; line-height:1.75; color:#999; font-size:15px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

.main ul.List{ display:block; font-size:16px; overflow:hidden; padding:0 0 76px; margin:-20px 0 0;}
.main ul.List li{ display:block; overflow:hidden; border-bottom:1px solid #eee; padding:32px 0 30px;}
.main ul.List li span{ display:block; width:86px; height:86px; line-height:1; color:rgba(255,255,255,0.4); font-size:16px; font-family:Impact; text-align:center; background:#dc2821; border-radius:10px; overflow:hidden; float:left; margin-right:30px;}
.main ul.List li span em{ display:block; color:#fff; font-size:30px; padding:12px 0 12px;}
.main ul.List li a.title{ display:block; line-height:34px; color:#333; font-size:1.125em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.List li a.title:hover{ color:#dc2821;}
.main ul.List li .txt{ display:block; height:3.2em; line-height:1.6; color:#999; font-size:0.9375em; padding:0.4em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}


.main .flex{ display:flex; align-items:flex-start; width:1340px; margin:0 auto;}
.main .flex .attr{ width:auto; flex-shrink:0; flex:auto;}
.main dl.proCate{ display:block; flex-shrink:0; width:274px; height:auto; box-shadow:0 0 30px 3px rgba(89,89,89,0.1); margin:0 40px 60px 0;}
.main dl.proCate dt{ display:block; overflow:hidden; background:#bbb url(../images/icons/arrow.png) right 24px center no-repeat; padding:0 28px; cursor:pointer; user-select:none; margin:2px 0 0;}
.main dl.proCate dt:first-child{ margin:0;}
.main dl.proCate dt a{ display:block; line-height:58px; color:#fff; font-size:18px; float:left;}
.main dl.proCate dd{ display:none; padding:14px 28px 24px;}
.main dl.proCate dd a{ display:block; line-height:3; color:#333; font-size:16px; padding-left:22px; background:url(../images/icons/dot.png) left center no-repeat; position:relative;}
.main dl.proCate dd a:hover{ color:#dc2821; background-image:url(../images/icons/dot_h.png); text-decoration:underline;}
.main dl.proCate dt.cur{ background-color:#dc2821;}
.main dl.proCate dd.cur{ display:block;}
.main dl.proCate dd a.cur{ color:#dc2821; background-image:url(../images/icons/dot_h.png); text-decoration:underline;}
.main ul.proList{ display:flex; flex-wrap:wrap; padding:0 0 48px; margin:0 -15px;}
.main ul.proList li{ display:block; width:25%; float:left;}
.main ul.proList li a{ display:block; overflow:hidden; position:relative; margin:0 15px 30px; box-shadow:0 0 30px 3px rgba(89,89,89,0.1);}
.main ul.proList li img{ display:block; width:100%; height:340px;}
.main ul.proList li span{ display:block; width:100%; box-sizing:border-box; line-height:3.25; color:#fff; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; transition:all ease 0.4s;}
.main ul.proList li a:hover span{ background:#dc2821;}

/*联系我们*/
.main ul.contact{ display:block; overflow:hidden; margin:0 0 42px;}
.main ul.contact li{ display:block; width:33.33%; padding:0 0 42px; float:left;}
.main ul.contact li div{ height:156px; text-align:center; padding:22px 0 0; border-left:1px solid #ececec;}
.main ul.contact li:nth-child(3n-2) div{ border:0;}
.main ul.contact li img{ display:block; height:40px; margin:0 auto;}
.main ul.contact li b{ display:block; line-height:4; color:#666; font-size:16px; font-weight:normal; overflow:hidden;}
.main ul.contact li p{ display:block; height:3em; line-height:1.5; color:#dc2821; font-size:20px; overflow:hidden; margin:0 0 -9px;}
.main ul.contact li img.code{ height:116px; border:1px solid #eee; margin:-8px auto 0;}
.main ul.contact li b.code{ line-height:1; padding:14px 0 0;}
.main .map{ overflow:hidden; margin:0 0 80px;}

.main ul.yewuList{ display:flex; justify-content:space-between; overflow:hidden; padding:0 0 80px;}
.main ul.yewuList li{ display:block; width:48%; background:#f7f7f7; overflow:hidden; padding:0 0 62px;}
.main ul.yewuList li h4{ display:block; line-height:68px; color:#fff; font-size:24px; font-weight:normal; text-align:center; background:#dc2821; margin:0 0 34px;}
.main ul.yewuList li p img{ display:block; height:20px; float:left; margin:20px 20px 0 0;}
.main ul.yewuList li p{ display:block; line-height:60px; color:#333; font-size:18px; padding:0 0 0 100px;}

.main form.msg{ display:block; overflow:hidden;}
.main form.msg p{ display:block; overflow:hidden; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; margin:0 0 26px;}
.main form.msg label{ display:block; width:5em; line-height:52px; color:#888; font-size:16px; float:left; margin:0 0.5em 0 1.5em;}
.main form.msg label font{ color:#f00;}
.main form.msg input.text{ display:block; box-sizing:border-box; width:100%; height:52px; color:#333; font-size:16px; background:#fff; padding:0 24px; border:0; float:left;}
.main form.msg .box{ overflow:hidden;}
.main form.msg .box p{ width:32%; margin-left:2%; float:left;}
.main form.msg .box p:nth-child(3n-2){ margin-left:0;}
.main form.msg .box input.text{ width:calc(100% - 7em); padding-left:0;}
.main form.msg label.file{ width:auto; cursor:pointer; float:none; padding:0 1.5em; margin:0;}
.main form.msg label.file input{ display:none;}
.main form.msg label.file span{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main form.msg p.txt{ line-height:3.75; color:#dc2821; font-size:16px; border:0; margin:0 0 14px;}
.main form.msg p.btns{ text-align:center; border:0;}
.main form.msg input.btn{ display:block; width:190px; height:48px; color:#dc2821; font-size:20px; background:#fff; border:2px solid #dc2821; border-radius:24px; margin:56px auto 88px;}









/**/