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

body{ background:#e6e6e6;}
*{ max-height:999999999em;}

.left{ float:left;}
.right{ float:right;}
.wrap{ width:640px; min-height:100vh; box-sizing:border-box; background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:640px; background:rgba(255,255,255,0.9); position:fixed; left:50%; top:0; margin-left:-320px; z-index:99;}
.header .head{ padding:0 20px; overflow:hidden;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:98px;}

/*导航*/
ul.nav{ display:block; height:80px; float:right; margin:0 26px;}
ul.nav li{ display:block; float:left; position:relative;}
ul.nav li a{ display:block; line-height:80px; color:#333; font-size:17px; text-align:center; margin:0 28px;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#e60012;}
ul.nav li p.sub{ display:none; width:120%; background:rgba(255,255,255,0.8); position:absolute; left:-10%; top:100%;}
ul.nav li p.sub a{ line-height:3; color:#666; font-size:16px; margin:0;}
ul.nav li.on p.sub a,
ul.nav li.cur p.sub a{ color:#666;}
ul.nav li p.sub a:hover{ color:#fff; background:#e60012;}

/*banner*/
.banner{ height:444px; background:#fff center no-repeat; background-size:cover; position:relative;}
.banner i{ display:block; width:10px; height:98px; position:absolute; left:0; bottom:-32px;}


/*表单*/
.msg{ background:#f0f0f0; padding:32px 0;}
.msg form{ display:block; overflow:hidden;}
.msg form input.txt{ display:block; width:250px; height:64px; color:#666; font-size:22px; padding:0 20px; background:#fff; border:0; float:left; margin:0 0 20px 20px;}
.msg form input.long{ width:560px; float:none; clear:both;}
.msg form input.btn{ display:block; width:600px; height:64px; color:#fff; font-size:24px; background:#e60012; border:0; cursor:pointer; margin:0 auto;}

/*底部*/
.footer{ padding:0 0 16px; background:url(../images/common/foot_bg.jpg) center bottom no-repeat; background-size:cover;}
.footer .foot{ margin:0 20px; overflow:hidden;}
.footer .code{/*width:352px;*/ overflow:hidden; padding:42px 0 0; margin:0 -22px;}
.footer .code span{ display:block; line-height:52px; color:#666; font-size:18px; text-align:center; float:left; margin:0 26px;}
.footer .code img{ display:block; height:124px; border-radius:5px; margin:0 auto;}
.footer .code font{ font-size:20px; font-family:"华文仿宋";}
.footer .copyright{ display:block; line-height:30px; color:#666; font-size:20px; overflow:hidden; padding:28px 0;}
.footer .copyright a{ color:inherit;}
.footer .copyright a:hover{ color:#e60012;}
.footer a.logo{ display:block; width:460px;}
.footer a.logo img{ display:block;}
.footer .txt{ display:block; line-height:32px; color:#666; font-size:20px; overflow:hidden; padding:38px 0 54px;}
.footer .txt font{ font-size:20px; font-family:"华文仿宋"; vertical-align:bottom;}
.footer ul{ display:block; overflow:hidden; border-top:1px solid #cfcfcf;}
.footer ul li{ display:block; padding:0 40px 0 0; float:left; position:relative;}
.footer ul li a{ display:block; line-height:70px; color:#666; font-size:20px; padding:0 4px;}
.footer ul li a:hover{ color:#e60012;}
.footer .jianyi{ height:40px; line-height:40px; width:auto ;/* padding:0 10px; border:2px solid #c3c3c3;*/ color:#fff; font-size:20px; display:table; vertical-align:middle;}

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

/*主体样式*/
.main{ overflow:hidden;}

.main .menu{ background:#f9f9f9; border:1px solid #efefef; border-width:1px 0;}
.main .menu ul{ display:block; overflow:hidden; margin:0 auto;}
.main .menu ul li{ display:block; width:25%; height:70px; line-height:72px; color:#333; font-size:22px; text-align:center; float:left;}
.main .menu ul li.title{ width:36%; height:60px; line-height:62px; color:#fff; font-size:24px; text-align:left; background:#e60012; padding:0 0 0 32px; margin:0 64% 0 0; position:relative; z-index:2;}
.main .menu ul li.title::after{ content:''; display:block; width:0; height:0; border-right:42px solid #f9f9f9; border-top:31px solid transparent; border-bottom:31px solid transparent; position:absolute; right:-2px; top:-1px;}
.main .menu ul li a{ color:#333;}
.main .menu ul li a:hover,
.main .menu ul li.cur a{ color:#e60012; font-weight:bold;}

/*内容样式*/
.main .attr{ margin:0 auto; overflow:hidden; position:relative;}
.main .attr h2.title{ display:block; line-height:1.45; color:#444; font-size:48px; font-weight:normal; text-align:center; overflow:hidden; padding:1em 0 0;}
.main .attr h2.title span{ display:block; line-height:2.25; color:#999; font-size:0.34em; text-transform:uppercase; overflow:hidden;}
.main .attr h2.title em{ display:block; line-height:4; color:#e60012; font-size:0.34em; overflow:hidden;}
.main .attr h3.title{ display:block; line-height:48px; color:#333; font-size:28px; font-weight:normal; text-align:center; padding:40px 20px 0;}
.main .attr p.mark{ display:block; line-height:40px; color:#999; font-size:20px; text-align:center; padding:16px 0 20px; border-bottom:1px solid #ddd; margin:0 20px;}
.main .article{ min-height:280px; line-height:48px; color:#333; font-size:23px; padding:30px 24px 56px;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ width:expression(100%?100%) true; max-width:100%; height:auto !important;}

/*文章切换*/
.main .change{ overflow:hidden; padding:20px 2px 48px; border-top:1px solid #ddd; margin:0 20px;}
.main .change p{ display:block; line-height:48px; color:#666; font-size:23px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a{ color:#666;}
.main .change p a:hover{ color:#e60012;}

/*页码样式*/
.pages{ text-align:center; font-size:20px; padding:0 0 60px;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:20px; color:#999; height:24px; line-height:24px; text-align:center; background:#fff; padding:10px 13px; border:1px solid #d2d2d2; margin:0 8px;}
.pages a:hover{ color:#fff; background:#e60012; border-color:#e60012;}
.pages span{ color:#fff; background:#e60012; border-color:#e60012;}

/*企业文化*/
.main ul.culture{ display:block; overflow:hidden; margin:0 20px 60px;}
.main ul.culture li{ display:block; background:#f5f5f5; overflow:hidden; position:relative;}
.main ul.culture li img{ display:block; width:300px; height:300px; float:left;}
.main ul.culture li b{ display:block; width:10px; height:24px; position:absolute; top:50%; margin-top:-12px;}
.main ul.culture li span{ display:block; line-height:72px; color:#e60012; font-size:28px; overflow:hidden; padding:10px 30px 0;}
.main ul.culture li i{ display:block; width:38px; height:3px; background:#e60012; overflow:hidden; margin:0 0 0 330px; overflow:hidden;}
.main ul.culture li em{ display:block; line-height:54px; color:#bdbdbd; font-size:20px; overflow:hidden; padding:0 30px; text-transform:capitalize;}
.main ul.culture li .txt{ height:150px; line-height:30px; color:#333; font-size:20px; overflow:hidden; padding:0 30px;}
.main ul.culture li.l b{ background:url(../images/icons/l.png) no-repeat; right:50%;}
.main ul.culture li.r b{ background:url(../images/icons/r.png) no-repeat; left:50%;}
.main ul.culture li.r img{ float:right;}
.main ul.culture li.r i{ margin:-6px 0 0 30px;}

/*联系我们*/
.main ul.srv{ display:block; overflow:hidden; padding:34px 0 34px;}
.main ul.srv li{ display:block; width:25%; line-height:32px; color:#333; font-size:20px; text-align:center; float:left;}
.main ul.srv li img{ display:block; height:80px; margin:0 auto;}
.main ul.srv li em{ display:block; line-height:42px; color:#e60012; font-size:24px; font-weight:bold; padding:16px 0 0;}
.main .contxt{ line-height:2.4; color:#333; font-size:22px; padding:32px 20px 60px;}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; padding:14px 20px 56px;}
.main ul.newsList li{ display:block; overflow:hidden; padding:24px 0; border-bottom:1px solid #e9e9e9;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:right; margin-left:24px;}
.main ul.newsList li a.pic img{ display:block; width:234px; height:156px;}
.main ul.newsList li a.title{ display:block; line-height:48px; color:#333; font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.title:hover{ color:#e60012;}
.main ul.newsList li span{ display:block; line-height:34px; color:#999; font-size:20px;}
.main ul.newsList li .txt{ display:block; height:64px; line-height:32px; color:#999; font-size:20px; margin:4px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

/*企业列表*/
.main ul.qiyeList{ display:block; padding:8px 20px 60px;}
.main ul.qiyeList li{ display:block; background:#f0f0f0; overflow:hidden; overflow-y:visible; cursor:pointer; position:relative; margin:24px 0 0; transition:all ease 0.4s;}
.main ul.qiyeList li i{ display:block; width:10px; height:98px; position:absolute; left:0; top:-98px;}
.main ul.qiyeList li font{ display:block; overflow:hidden; float:left; margin-right:30px;}
.main ul.qiyeList li img{ display:block; width:324px; height:390px; transition:all ease 0.4s; margin:0 0 0 -40px;}
.main ul.qiyeList li span{ display:block; line-height:64px; color:#e60012; font-size:28px; font-weight:bold; overflow:hidden; padding:14px 0 0;}
.main ul.qiyeList li em{ display:block; width:284px; line-height:50px; color:#e60012; font-size:15px; text-transform:uppercase; text-indent:20px; background:url(../images/icons/qy_mark.png) left center no-repeat; position:absolute; left:0; bottom:20px;}
.main ul.qiyeList li p{ display:block; overflow:hidden;}
.main ul.qiyeList li a{ display:block; height:48px; line-height:50px; color:#000; font-size:20px; background:url(../images/icons/qiye.png) left center no-repeat; padding-left:30px;}
.main ul.qiyeList li:hover{ background:#dadada;}
.main ul.qiyeList li:hover img{ transform:scale(1.2);}

/*员工服务*/
.main ul.staff{ display:block; overflow:hidden; border:1px solid #ddd; border-width:1px 0 0 1px; margin:32px 20px 60px;}
.main ul.staff li{ display:block; width:50%; float:left;}
.main ul.staff li a{ display:block; line-height:60px; color:#333; font-size:24px; text-align:center; padding:44px 0 24px; border:1px solid #ddd; border-width:0 1px 1px 0;}
.main ul.staff li a em{ display:block; height:76px; background-size:auto 200% !important;}
.main ul.staff li.li1 a em{ background:url(../images/icons/staff01.png) center top no-repeat;}
.main ul.staff li.li2 a em{ background:url(../images/icons/staff02.png) center top no-repeat;}
.main ul.staff li.li3 a em{ background:url(../images/icons/staff03.png) center top no-repeat;}
.main ul.staff li.li4 a em{ background:url(../images/icons/staff04.png) center top no-repeat;}
.main ul.staff li.li5 a em{ background:url(../images/icons/staff05.png) center top no-repeat;}
.main ul.staff li.li6 a em{ background:url(../images/icons/staff06.png) center top no-repeat;}
.main ul.staff li.li7 a em{ background:url(../images/icons/staff07.png) center top no-repeat;}
.main ul.staff li.li8 a em{ background:url(../images/icons/staff08.png) center top no-repeat;}
.main ul.staff li a:hover{ color:#fff; background:#e81929;}
.main ul.staff li a:hover em{ background-position: center bottom;}

/*员工新闻*/
.main dl.stfNews{ display:block; overflow:hidden; padding:32px 20px 30px;}
.main dl.stfNews dt{ display:block; overflow:hidden; padding:0 0 24px;}
.main dl.stfNews dt a.pic{ display:block; overflow:hidden; float:left; margin-right:24px;}
.main dl.stfNews dt a.pic img{ display:block; width:264px; height:176px; transition:all ease 0.4s;}
.main dl.stfNews dt a.pic:hover img{ transform:scale(1.2);}
.main dl.stfNews dt a.title{ display:block; height:36px; line-height:38px; color:#333; font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:8px 0 0;}
.main dl.stfNews dt a.title:hover{ color:#e60012;}
.main dl.stfNews dt .txt{ display:block; height:102px; line-height:34px; color:#999; font-size:20px; margin:16px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main dl.stfNews dd{ display:block; padding-left:20px; background:url(../images/icons/dot.png) left center no-repeat; overflow:hidden;}
.main dl.stfNews dd.line{ background:none; padding:24px 0 0; border-bottom:2px dashed #ddd; margin:0 0 24px;}
.main dl.stfNews dd a{ display:block; height:48px; line-height:50px; color:#333; font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main dl.stfNews dd a:hover{ color:#e60012;}
.main dl.stfNews dd span{ display:block; height:48px; line-height:50px; color:#999; font-size:22px; float:right; margin-left:40px;}

/*员工指南*/
.main ul.stfHelp{ display:block; overflow:hidden; padding:0 20px 60px;}
.main ul.stfHelp li{ display:block; background:#f9f9f9; overflow:hidden; margin:30px 0 0;}
.main ul.stfHelp li a.pic{ display:block; overflow:hidden; float:left; margin-right:24px;}
.main ul.stfHelp li a.pic img{ display:block; width:252px; height:188px;}
.main ul.stfHelp li a.title{ display:block; height:66px; line-height:68px; color:#333; font-size:26px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:6px 24px 2px 0;}
.main ul.stfHelp li a.title em{ display:block; width:32px; height:32px; background:url(../images/icons/more.png) center no-repeat; background-size:contain; float:right; margin:17px 0 0;}
.main ul.stfHelp li a.title:hover{ color:#e60012;}
.main ul.stfHelp li .txt{ display:block; width:324px; height:108px; line-height:36px; color:#333; font-size:20px; overflow:hidden;}
.main ul.stfHelp li .txt span{ display:block; width:142px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; margin-right:20px;}
.main ul.stfHelp li .txt span a{ color:#333;}
.main ul.stfHelp li .txt span a:hover{ color:#e60012;}

/*党群服务*/
.dqheader h1.logo{ padding:40px 0;}
.dqbanner{ height:346px; margin:98px 0 0;}
.dqbanner .swiper-slide a{ display:block; height:346px; background:#fff center no-repeat; background-size:cover;}
.dqbanner .swiper-pagination{ height:12px; bottom:24px;}
.dqbanner .swiper-pagination-bullet{ width:10px; height:10px; background:none; border:2px solid #fff; margin:0 6px !important; vertical-align:top; opacity:1;}
.dqbanner .swiper-pagination-bullet-active{ background:#fff;}
.dqfooter{ background:none; padding:70px 0 32px; border-top:5px solid #e60012; position:relative;}
.dqfooter .right{ width:auto; border:0; float:none; margin:0;}
.dqfooter .copyright{ text-align:center; padding:0;}
.dqfooter .code{ padding:14px 0 10px; margin:0 auto;}
.dqfooter .code img{ box-shadow:rgba(0,0,0,0.11) 0 0 10px;}
.dqfooter a.logo{ display:none;}
.dqfooter .txt{ display:none;}
.dqfooter ul{ width:100%; text-align:center; border:0; position:absolute; left:0; top:4px;}
.dqfooter ul li{ display:inline-block; vertical-align:top; *display:inline; *zoom:1; padding:0 20px; float:none;}
.dqBox{ overflow:hidden; padding:20px 0 40px; margin:0 auto;}
.dqBox .con{ padding:0 20px; overflow:hidden;}
.dqNews{ margin:10px 0 0;}
.dqNews h2{ display:block; height:60px; font-weight:normal; background:#f9f2f2; position:relative;}
.dqNews h2 span{ display:block; width:206px; height:52px; line-height:54px; color:#fff; font-size:28px; text-indent:9px; letter-spacing:24px; white-space:nowrap; background:url(../images/icons/dq_title.png) left top repeat-x; position:absolute; left:18px; top:20px;}
.dqNews h2 a{ display:block; height:60px; line-height:62px; color:#999; font-size:20px; padding:0 20px; float:right;}
.dqNews h2 a:hover{ color:#e60012;}
.dqNews dl{ display:block; overflow:hidden; padding:32px 0 24px;}
.dqNews dl dt{ display:block; overflow:hidden; padding:0 0 20px;}
.dqNews dl dt a.pic{ display:block; overflow:hidden; float:left; margin-right:24px;}
.dqNews dl dt a.pic img{ display:block; width:264px; height:176px; transition:all ease 0.4s;}
.dqNews dl dt a.pic:hover img{ transform:scale(1.2);}
.dqNews dl dt a.title{ display:block; height:72px; line-height:36px; color:#333; font-size:24px; margin:4px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.dqNews dl dt a.title:hover{ color:#e60012;}
.dqNews dl dt .txt{ display:block; height:90px; line-height:30px; color:#999; font-size:20px; margin:6px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.dqNews dl dd{ display:block; height:48px; line-height:50px; font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px; background:url(../images/icons/dot.png) left center no-repeat;}
.dqNews dl dd a{ color:#333;}
.dqNews dl dd a:hover{ color:#e60012;}





/**/