:root {
	--img-width: 49.5%;
	--main-width: 90%;
	--about-height: auto;
	--title-margin-left: 50px;
}

.main {
	width: var(--main-width);
	margin: auto;
}

@media screen and (max-width:997px) {
	:root {
		--img-width: 100%;
		--main-width: 90%;
	}

	input {
		padding-top: 0.8em;
		padding-bottom: 0.8em;
	}
}

/* 项目代码 */

/* ===== 返回顶部 =====  */
#rtop { position:fixed; z-index:8888; bottom:10px; right:10px; width:50px; height:50px; border-radius:35px; display:none; background:#fff url(../images/top.png) center center no-repeat; background-size:40px }

/* ===== 内容页banner基础设置 ===== */
#mod-banner { width:100%; height:150px; overflow:hidden; text-align:center; line-height:290px; color:#c00; font-size:34px; font-weight:900; margin-top:106px; letter-spacing:30px }
#mod-banner {text-stroke:1px solid #fff;-webkit-text-stroke:1px #fff;text-shadow:7px 5px 0 rgba(0,0,0,0.2)}
/* ===== 内容页banner自定义背景 ===== */
.mbg-1 {background:url(../images/headbg-1.jpg) center center no-repeat;background-size:cover}
.mbg-2 {background:url(../images/headbg-2.jpg) center center no-repeat;background-size:cover}
.mbg-3 {background:url(../images/headbg-3.jpg) center center no-repeat;background-size:cover}
.mbg-4 {background:url(../images/headbg-4.jpg) center center no-repeat;background-size:cover}
.mbg-5 {background:url(../images/headbg-5.jpg) center center no-repeat;background-size:cover}
.mbg-6 {background:url(../images/headbg-6.jpg) center center no-repeat;background-size:cover}


/*内容页面包屑*/
#mod-break { width:100%; height:100px; background:#f5f2e9; display:flex; align-items:center; justify-content: center }
/*#mod-break a { width:120px; height:60px; display:block; text-align:center; line-height:60px; border-bottom:2px solid #f5f2e9; color:#333; box-sizing:border-box; font-size:22px; margin:0 20px; font-weight:300; transition: all .2s ease-in-out }*/
#mod-break a {  text-align:center; padding:10px 20px; border-bottom:2px solid #f5f2e9; color:#333; box-sizing:border-box; font-size:22px; margin:0 20px; font-weight:300; transition: all .2s ease-in-out }
#mod-break a:hover { color:#eb2f2c;  }
#mod-break a.on-mod { font-weight:900; color:#987441; border-bottom: 2px solid #987441 } 

/* ===== 内容区域背景 ===== */
#mod-content {width:100%; min-height:400px; padding:0 0; background:url(../images/mod-bg.jpg) center center no-repeat;  display:flex; justify-content:center; align-items:center; background-size:cover }
#part-content , #show-content {width:100%;min-height:400px;background:#f7f6f2; display:flex;justify-content:center; align-items:center;flex-wrap:wrap;padding:30px 0}
#map-content  {width:100%;background:#f7f6f2; display:flex;justify-content:center; align-items:center;flex-wrap:wrap}

#mod-unit {width:100%; min-height:400px; padding:0 0; display:flex; justify-content:center; align-items:center }
.hot-a {background:url(../images/hotbg-1.jpg) center center no-repeat;background-size:100% 100%;}
.hot-b {background:url(../images/hotbg-5.jpg) center center no-repeat;background-size:100% 100%;}
.hot-c {background:url(../images/hotbg-6.jpg) center center no-repeat;background-size:100% 100%;}
.hot-d {background:url(../images/hotbg-7.jpg) center center no-repeat;background-size:100% 100%;}
.hot-e {background:url(../images/hotbg-8.jpg) center center no-repeat;background-size:100% 100%;}
.hot-f {background:url(../images/hotbg-9.jpg) center center no-repeat;background-size:100% 100%;}
.hot-t {background:url(../images/hotbg-11.jpg) center center no-repeat;background-size:100% 100%;}

/* ===== 集团概况 ===== */
.mod-con { width:1660px; height:auto; }
.mod-con img { width:100%; }

/* ===== 发展历程 ===== */
.mod-lc { width:1600px; height:1200px; background:url(../images/mod-bg-2.jpg) center 0 no-repeat; }
.mod-lc-con {width:980px; height:880px; margin:160px 0 0 510px; display:flex; flex-wrap:wrap; justify-content:center }
.mod-lc-title { width:830px; height:96px; background:url(../images/line.jpg) 0 90px repeat-x }

.ylistbox{height: 51px;position: relative;}
.ylistbox .ycontrol{position: absolute;bottom:14px;cursor:pointer;}

.ylistbox .prev{left:0;background: url(../images/prev.png);width: 30px;height: 30px;}
.ylistbox .prev:hover{background: url(../images/prev_on.png);width: 30px;height: 30px;}
.ylistbox .next{right:0;background: url(../images/next.png);width: 30px;height: 30px;}
.ylistbox .next:hover{background: url(../images/next_on.png);width: 30px;height: 30px;}

.ylistbox .tablistbox{width: 875px; height:70px; background:url(../images/line.jpg) 0 60px repeat-x; overflow: hidden;margin:0 auto; display:flex; justify-content:center}
.ylistbox li{cursor:pointer;text-align:center;font-size:18px;color:#987441;float: left;line-height: 44px;background: url(../images/fz.gif) center bottom no-repeat;width: 200px;height: 66px;}
.ylistbox li.on,
.ylistbox li:hover{color:#eb2f2c;background: url(../images/fr.gif) center bottom no-repeat;}

.dsj .tabcontbox{width: 900px;margin:40px auto 0;overflow: hidden;padding:20px 0;}
.dsj .tabcontbox dl{margin-top:50px;width:100%;height:540px; overflow-y:auto;}
.dsj .tabcontbox dd{overflow: hidden; color:#575046;width:96%;}
.dsj .tabcontbox dd b {font-size:18px;margin-bottom:25px}
.dsj .tabcontbox dd+dd{margin-top:35px; }
.dsj .tabcontbox dd .desc{margin:0;float: left; padding-left: 20px;width: 798px;}
.dsj .tabcontbox .con-y {font-size:50px;color:#987441;font-weight:900}
.dsj .tabcontbox .con-t {color:#987441}

.dsj .tabcontbox dl::-webkit-scrollbar { width: 5px}
.dsj .tabcontbox dl::-webkit-scrollbar-track { border-radius: 10px; background: rgba(217,209,201,1.0) }
.dsj .tabcontbox dl::-webkit-scrollbar-thumb { border-radius: 0; background: rgba(174,162,145,1.0) }

/* ===== 集团荣誉 ===== */
.mod-ry { width:1600px; height:1100px; background:url(../images/mod-bg-3.jpg) center 0 no-repeat; }
.ry-con {width:1500px;height:1000px;background:rgba(255,255,255,0.5);margin:50px 50px;border-radius:30px}
.ry-con ul {width:100%;height:800px;display:flex;flex-wrap:wrap}
/*.ry-con li {width:326px; height:254px; background:#deddd8; border-radius:5px; margin:30px 30px 0 0;display:flex; flex-wrap:wrap; justify-content:center;}*/
.ry-con li {width:446px; height:360px; background:#deddd8; border-radius:5px; margin:30px 0 0 40px;display:flex; flex-wrap:wrap; justify-content:center;}
.ry-con li img { width:100%; transition: all .2s ease-in-out }
.ry-con li:hover img {transform: scale(1.2,1.2)}
.ry-con li:nth-child(4n) {margin-right:0}
.ry-con li .ry-pic { width:400px; height:267px; overflow:hidden; margin-top:10px}
.ry-con li .ry-chr { width:400px; height:60px; background:#987441; text-align:center; line-height:1.5;display:flex;align-items:center;padding:0 20px;justify-content:center }
.ry-con li .ry-chr a {color:#fff}

.con-page {width:100%;text-align:center; margin:100px 0}
.con-page a {padding:10px 15px;background:#e6e0d7; color:#987441;margin:0 10px}
.con-page a.onpage {background:#987441;color:#fff}

/* ===== 业务板块 ===== */
.unit-con { width:1440px; background:rgba(255,255,255,0.5); border-radius:20px;  display:flex; padding:20px 0; margin:40px 0; flex-wrap:wrap; justify-content:center }
.unit-con-title {width:1370px; font-size:18px;color:#705948;margin:0 auto;padding:20px 0; font-weight:900; text-shadow:2px 2px  1px #ccc;text-indent:36px}
.unit-con-four { width:1000px; height:700px;background:#c00; border-radius:10px 0 0 10px }
.unit-con-two { width:360px; height:700px;background:#06c; border-radius:0 10px 10px 0  }
.unit-con-four , .unit-con-two, .unit-con-five { display:flex; flex-wrap:wrap; justify-content:center; align-items:center }

.unit-con-four-item { width:460px; height:320px; border-radius:20px; overflow:hidden; margin-right:20px }
.unit-con-four-item:nth-child(2n) {margin-right:0}
.unit-con-four-item a { width:460px; height:320px; position:relative; display:block; background-size:cover; transition: all .2s ease-in-out; display:flex; flex-wrap:wrap; justify-content:center; align-items:center }
.unit-con-four-item a:hover {transform:scale(1.2,1.2)}
.unit-con-four-item:nth-child(1) a {background:url(../images/a1.jpg) center center no-repeat;}
.unit-con-four-item:nth-child(2) a {background:url(../images/a2.jpg) center center no-repeat;}
.unit-con-four-item:nth-child(3) a {background:url(../images/a3.jpg) center center no-repeat;}
.unit-con-four-item:nth-child(4) a {background:url(../images/a4.jpg) center center no-repeat;}
.unit-con-four-item a em {width:150px; height:50px; display:block; background:rgba(0,0,0,0.5); font-size:16px; color:#fff; line-height:50px; text-align:center; border-radius:25px}

.unit-con-five-item { width:260px; height:320px; border-radius:20px; overflow:hidden; margin: 20px 10px 20px 10px;}
.unit-con-five-item a { width:260px; height:320px; position:relative; display:block; background-size:cover; transition: all .2s ease-in-out; display:flex; flex-wrap:wrap; justify-content:center; align-items:center }
.unit-con-five-item a:hover {transform:scale(1.2,1.2)}
.unit-con-five-item:nth-child(1) a {background:url(../images/a1.jpg) center center no-repeat;background-size:cover}
.unit-con-five-item:nth-child(2) a {background:url(../images/a2.jpg) center center no-repeat;background-size:cover}
.unit-con-five-item:nth-child(3) a {background:url(../images/a3.jpg) center center no-repeat;background-size:cover}
.unit-con-five-item:nth-child(4) a {background:url(../images/a4.jpg) center center no-repeat;background-size:cover}
.unit-con-five-item:nth-child(5) a {background:url(../images/a5s.jpg) center center no-repeat;background-size:cover}
.unit-con-five-item:nth-child(6) a {background:url(../images/a5.jpg) center center no-repeat;background-size:cover}
.unit-con-five-item:nth-child(7) a {background:url(../images/a6.jpg) center center no-repeat;background-size:cover}
.unit-con-five-item a em {width:150px; height:50px; display:block; background:rgba(0,0,0,0.5); font-size:16px; color:#fff; line-height:50px; text-align:center; border-radius:25px}

.unit-con-two-item { width:320px; height:320px; border-radius:20px; overflow:hidden; margin-right:0 }
.unit-con-two-item a { width:320px; height:320px; position:relative; display:block; background-size:cover; transition: all .2s ease-in-out; display:flex; flex-wrap:wrap; justify-content:center; align-items:center }
.unit-con-two-item a:hover {transform:scale(1.2,1.2)}
.unit-con-two-item:nth-child(1) a {background:url(../images/a5.jpg) center center no-repeat;}
.unit-con-two-item:nth-child(2) a {background:url(../images/a6.jpg) center center no-repeat;}
.unit-con-two-item a em {width:150px; height:50px; display:block; background:rgba(0,0,0,0.5); font-size:16px; color:#fff; line-height:50px; text-align:center; border-radius:25px}

.unit-item-con { width:1440px; background:rgba(255,255,255,0.5); border-radius:20px;  display:flex; padding:50px 0; margin:40px 0; flex-wrap:wrap ; overflow:hidden}
.unit-item-con h2 {font-size:30px;margin-bottom:40px; font-weight:900}

.unit-item-four {width:1400px;height:660px;display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
.unit-item-four a {width:426px; height:240px; display:block; border-radius:5px; margin:30px 0 0 30px; border-radius:5px; overflow:hidden; box-shadow:0 0 15px rgba(255,255,255,.5); transition: all .2s ease-in-out;position:relative}
.unit-item-four a:hover {transform:scale(1.1,1.1)}
.unit-item-four a em {padding:0 20px; height:50px; display:block; position:absolute; background:rgba(200,0,0,1); font-size:16px; color:#fff; line-height:50px; text-indent:12px; font-weight:900}

.unit-item-t {width:1400px;height:400px;display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
.unit-item-t a {width:600px; height:320px; display:block; border-radius:5px; margin:30px 0 0 30px; border-radius:5px; overflow:hidden; box-shadow:0 0 15px rgba(255,255,255,.5); transition: all .2s ease-in-out;position:relative}
.unit-item-t a:hover {transform:scale(1.1,1.1)}
.unit-item-t a em {padding:0 20px; height:50px; display:block; position:absolute; background:rgba(200,0,0,1); font-size:16px; color:#fff; line-height:50px; text-indent:12px; font-weight:900}

.unit-item-three {width:1400px;height:700px;display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
.unit-item-three a {width:320px; height:480px; display:block; border-radius:5px; margin:0 0 0 40px; border-radius:5px; overflow:hidden; box-shadow:0 0 15px rgba(255,255,255,.5); transition: all .2s ease-in-out;position:relative}
.unit-item-three a img {width:100%}
.unit-item-three a:hover {transform:scale(1.1,1.1)}
.unit-item-three a em {padding:0 20px; height:50px; display:block; position:absolute; background:rgba(200,0,0,1); font-size:16px; color:#fff; line-height:50px; text-indent:12px; font-weight:900}


.unit-item-bread {width:100%; height:54px; line-height:54px; background:rgba(255,255,255,0.5); display:flex; margin-top:-50px; font-size:14px}
.unit-item-bread a {color:#555;font-size:14px}
.unit-item-menu {width:70%;text-indent:20px}
.unit-item-adr {width:28%;text-align:right}

.unit-content {width:96%; display:flex; justify-content:center; align-items:center;margin-left:2%}
.unit-content-title {width:100%; font-size:18px;color:#705948;margin:0 auto;padding:20px 0; font-weight:900; text-shadow:2px 2px  1px #ccc;}
.unit-content-chr {width:30%;font-size:18px;color:#705948;margin-top:40px; text-align:left; line-height:2; margin: 5%; text-align:justify}
.unit-content-img {width:60%; display:flex; flex-wrap:wrap}
.unit-content-img img {width:45%; margin:5% 5% 0 0; border:3px solid #fff; box-shadow:2px 2px 10px rgba(0,0,0,.3)}
.unit-content-imga {width:60%; display:flex; flex-wrap:wrap}
.unit-content-imga img {width:95%; margin:5% 5% 0 0; border:3px solid #fff; box-shadow:2px 2px 10px rgba(0,0,0,.3)}


/* ===== 下属企业 ===== */
#mod-xs {width:100%; min-height:400px; padding:80px 0; background:url(../images/mod-bg-4.jpg) center center no-repeat;  display:flex; justify-content:center; align-items:center }
/*.xs-con { width:1680px;min-width:1700px; height:auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center }*/
.xs-con { width:1280px;min-width:1280px; height:auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center }
.xs-con a {width:500px;height:360px;overflow:hidden;display:block;margin:0 5px 5px 0}
.xs-con a img {margin:0 5px 5px 0; transition: all .2s ease-in-out}
.xs-con a:hover img {transform:scale(1.1,1.1);box-shadow:0 0 15px 5px rgba(255,255,255,1.0)}
.small-pic {width:649px; height:502px;}
#xs-nav {width:100%;height:80px;background:#f3f3f3;display:flex;justify-content:center; align-items:center}
#xs-nav a {margin:0 10px ; padding:5px 15px; border-radius:5px; background:#eee; font-size:18px; color:#666}
#xs-nav a.onthis { background:#C63; color:#fff }


/* ===== 党建园地 ===== */
.part-list {width:1500px; min-width:1500px; margin:0 auto}
.part-banner {width:100%; height:240px; background:url(../images/demo-banner.jpg) center center no-repeat;background-size:100%;margin-bottom:30px}

.glist{ width:100%;height:330px;  cursor: pointer; margin-bottom:30px}
.glist-img {width:400px; height:240px; margin-right:60px; border-radius:5px; overflow:hidden}
.glist-img img {width:400px;height:240px;transition: all .2s ease-in-out}
.glist-chr {width:820px}
.glist-title {font-size:24px; color:#987441}
.glist-chr p {margin-bottom:20px;font-size:22px;line-height:2}
.glist a {width:100%;height:330px;display:block;display:flex; justify-content:center; align-items:center; background:#fff url(../images/rd-bottom.png) right bottom no-repeat;transition: all .2s ease-in-out}
.glist a:hover { transform:scale(1.02,1.02); background:#e4dfc9 url(../images/r-bottom.png) right bottom no-repeat }
.glist a:hover  img {transform:scale(1.2,1.2)}
.glist-date {width:200px;height:200px;margin-right:60px;background:#ae956f;color:#fff;display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center}
.glist-date-day {width:100%;font-size:60px;font-weight:900;margin-top:40px}
.glist-date-ym {width:100%;font-size:24px;font-weight:500;margin-top:-40px}

/* ===== 廉政建设 通用图文三列 ===== */
.lz-con {width:1500px}
.lz-con ul {display:flex;flex-wrap:wrap;}
.lz-con li {width:460px; height:390px; background:#e4dfc9; border-radius:5px; margin:60px 60px 0 0;display:flex; flex-wrap:wrap; justify-content:center;}
.lz-con li img { transition: all .2s ease-in-out }
.lz-con li:hover img {transform: scale(1.2,1.2)}
.lz-con li:nth-child(3n) {margin-right:0}
.lz-con li .lz-pic { width:440px; height:290px; overflow:hidden; margin-top:10px}
.lz-con li .lz-chr { width:440px; height:34px; text-align:center; line-height:34px; display:flex; justify-content:center; align-items:center  }
.lz-con li .lz-chr a {color:#333;font-size:18px;font-weight:900}

/* ===== 廉政建设 通用图文三列 ===== */
#map-area {width:100%;height:60vh;background:#ccc;overflow:hidden;margin-top:106px}
.map-contact {width:1600px;margin:50px auto 100px;height:270px;background:#f1f1f1; display:flex; justify-content:center; align-items:center }
.map-contact-item {width:450px;height:120px;display:flex;color:#583c15;font-size:18px;margin-right:50px}
.map-contact-item img {margin-right:30px}
.map-contact-chr p {width:100%;}
.map-contact-chr p b {font-size:20px}
.map-contact-chr {display:flex; flex-wrap:wrap}

/* ===== 通用详情 ===== */
.show-con { width:1400px; padding:50px 0}
.show-con h2 {text-align:center; line-height:1.5; font-size:36px;color:#666; font-weight:900}
.show-option {width:100%; background:#fff; display:flex; justify-content:center; align-items:center; padding:20px 0; margin:80px 0; color:#666 }
.show-date , .show-hit , .show-size { width:30% }
.show-size {width:100%;text-align:right}
.show-hit {text-align:center}
.show-size span { margin:0 10px ; cursor:pointer; padding:5px 8px; border-radius:5px}
.onsize {background:#3cabcf; color:#fff}
.show-me {width:1300px; margin:0 auto; font-size:20px; line-height:2}
.show-me p {line-height:2; margin-bottom:40px; font-size:20px; text-indent:40px; text-align:justify }
.show-me p img { width:800px; text-indent:0; margin:50px 250px 50px 250px}