@charset "utf-8";

#content { width: auto; padding-bottom: 0;}

/* box-news------------------ */
.box-news .box-tab { overflow: hidden; position: relative; }

/* head-news */
.head-news { position: relative; height: 101px; margin-bottom: 25px; margin-top: 5px; overflow: hidden; }
.head-news .hd { float: left; width: 72px; height: 101px; background: url(../../base/img/tophead.png) no-repeat; }
.head-news .hd ul { position: absolute; right: 10px; top: 0; width: 12px; }
.head-news .hd li { width: 12px; height: 12px; background-color: #d0d0d0; margin-top: 15px; border-radius: 100%; cursor: pointer; }
.head-news .hd li.on { background-color: #006ec6; }
.head-news .bd { overflow: hidden; text-align: center; padding-left: 20px; }
.head-news .bd .title { font-size: 34px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 58px; height: 58px; color: #c00;}
.head-news .bd .title a { color: inherit; }
.head-news .bd .n { float: left; width: 25%; box-sizing: border-box; padding: 0 10px; position: relative; }
.head-news .bd .n a { display: block; height: 38px; line-height: 38px; border-bottom: 2px solid #d3d3d3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.head-news .bd .n:hover a { color: #c00; }
.head-news .bd .n::after { position: absolute; display: block; content: ""; width: 0; left: 0; bottom: 0; height: 2px; background-color: #c00; transition: all 0.4s; }
.head-news .bd .n:hover::after { width: 100%; }


/* focusNews */
.focusNews { float: left; width: 690px; position: relative; margin-right: 25px; overflow: hidden;}
.focusNews .bd li { position: relative; }
.focusNews .bd .pic img { width: 690px; height: 500px;  }
.focusNews .bd .title { width: 75%; height: 60px; line-height: 60px; color: #fff; position: absolute; left: 0; bottom: 0; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.focusNews .bd .title a { color: inherit; padding-left: 25px; }
.focusNews .bd .titleBg { background-color: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 60px; bottom: 0; left: 0; }
.focusNews .hd { position: absolute; bottom: 25px; right: 15px; }
.focusNews .hd li { float: left; width: 11px; height: 11px; background-color: #fff; border-radius: 100%; margin-left: 10px; cursor: pointer; }
.focusNews .hd li span { display: none; }
.focusNews .hd li.on { background-color: #d50000; }

/* box-in-news */
.box-in-news .bd { height: 408px; }


/* date-list */
.date-list .t { position: relative; padding-left: 116px; height: 90px; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; margin-top: 5px; margin-bottom: 10px; }
.date-list .t .date { position: absolute; top: 0; left: 0; background: url(../../base/img/date-bg.png) no-repeat; width: 90px; height: 90px; text-align: center; }
.date-list .t .date>span { display: block; line-height: 1.4; font-size: 14px; color: #999; }
.date-list .t .date>span.dd { font-weight: bold; font-size: 38px; color: #c00; padding-top: 5px; }
.date-list .t .tit { display: block; line-height: 40px; font-size: 20px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.date-list .t .intro { font-size: 14px; line-height: 24px; height: 48px; color: #777; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-list .n { height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 25px; }
.date-list .n::before { display: block; content: "";  background: #333; border-radius: 100%; width: 5px; height: 5px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); }
.date-list .n:hover::before { background-color: #c80000; }
.date-list .n .date { margin-left: 15px; float: right; color: #999; font-size: 14px; }
.date-list .n .node { color: #f00; margin-right: 5px; }

/* box-notice */
.box-notice { width: 920px; float: left; margin-right: 25px; }
.box-notice .bd { height: 206px; }


/* focus-ymyw */
.focus-ymyw { width: 410px; height: 240px; border: 1px solid #e5e5e5; padding: 20px; border-radius: 10px; overflow: hidden; margin-top: 17px; }
.focus-ymyw .focusNews { width: 410px; height: 240px; }
.focus-ymyw .focusNews .bd .pic img { width: 410px; height: 240px; }

/* slideBox */
.slideBox { margin-bottom: 40px; }

/* box-big-tab----------------- */
.box-big-tab { margin-bottom: 30px; }
.box-big-tab .Thd { height: 70px; background-color: #E3BD86; margin-bottom: 20px; padding: 0 15px; }
.box-big-tab .Thd ul { display: flex; justify-content: space-between; }
.box-big-tab .Thd li { min-width: 0; width: 33.333%; line-height: 70px; text-align: center; height: 70px; position: relative; }
.box-big-tab .Thd .li2 { background-color: #D2AD77; }
.box-big-tab .Thd a { color: #fff; display: block; overflow: hidden; height: 70px;}
.box-big-tab .Thd .tit-1,
.box-big-tab .Thd .tit-2 {  font-size: 30px; font-weight: bold; letter-spacing: 5px; }
.box-big-tab .Thd .tit-2,
.box-big-tab .Thd .tit-3 { display: none; line-height: 1; padding-left: 200px; text-align: left; }
.box-big-tab .Thd .tit-3  { font-size: 16px; line-height: 2; }

.box-big-tab .Thd li.on { padding-top: 20px; background: #CD0000 url(../../base/img/yu.png) no-repeat 100px center; position: relative; top: -20px; }
.box-big-tab .Thd li.on .tit-1 { display: none; }
.box-big-tab .Thd li.on .tit-2,
.box-big-tab .Thd li.on .tit-3 { display: block;  }
.box-big-tab .Thd li.on::before { left: -10px; }
.box-big-tab .Thd li.on::before,
.box-big-tab .Thd li.on::after { display: block; content: ""; width: 0; height: 0; border: 10px solid transparent; border-bottom: 20px solid #8A0B05; position: absolute; top: -10px; z-index: -1;}
.box-big-tab .Thd li.on::after { right: -10px; }
.box-big-tab .Thd li.on a::before { content: "\E7ca"; font-family: iconfont; font-size: 120px; line-height: 1; position: absolute; right: 10px; top: 10px; opacity: 0.1; }
.box-big-tab .Thd li.on a::after { width: 0; height: 0; border: 10px solid transparent; border-bottom: 10px solid #fff; display: block; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.box-big-tab .Tbd { height: 480px; border: 1px solid #e4e4e4; border-radius: 10px; overflow: hidden; box-sizing: border-box; box-shadow: 0px 5px 8px 0px rgba(204, 0, 0, 0.1); }



/* big-side */
.big-side { float: left; width: 270px; height: 480px; border-right: 1px solid #e4e4e4;
  background: -moz-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(247,247,247) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(247,247,247) 100%);
  background: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(247,247,247) 100%);
}
.big-side .hd { margin-top: 40px; background: url(../../base/img/tab-bg.png) no-repeat left top; height: 70px; padding-bottom: 23px; line-height: 70px; text-align: center; font-size: 28px; }
.big-side .hd h3 { font-weight: bold; }
.big-side .hd h3 a { color: #fff; }

.big-side .iconfont { padding: 0 30px; }
.big-side .iconfont li { line-height: 50px; font-size: 17px; border-bottom: 1px dashed #cacaca; text-align: left; }
.big-side .iconfont li a { padding: 0 5px; }

/* iconfont ----------------- */
.iconfont li a { letter-spacing: 0; transition: all 0.5s; display: block; }
.iconfont li a::before { display: block; content: "\E600"; transition: all 0.5s; font-family: "iconfont"; font-size: 30px; color: #c00; float: left; margin-right: 10px; }
.iconfont li a:hover { letter-spacing: 1px; }
.iconfont li a:hover::before { transform: rotateY(180deg); }

/* 公开字体图标 */
.iconfont-open .li2 a::before { content: "\E701"; }
.iconfont-open .li3 a::before { content: "\E618"; }
.iconfont-open .li4 a::before { content: "\E61D"; }
.iconfont-open .li5 a::before { content: "\E601"; }
.iconfont-open .li6 a::before { content: "\E619"; }

/* 服务字体图标 */
.iconfont-fw .li1 a::before { content: "\E707"; }
.iconfont-fw .li2 a::before { content: "\E627"; }
.iconfont-fw .li3 a::before { content: "\E6CB"; }
.iconfont-fw .li4 a::before { content: "\E654"; }
.iconfont-fw .li5 a::before { content: "\E603"; }
.iconfont-fw .li6 a::before { content: "\E693"; }


/* big-main */
.big-main { padding: 20px; box-sizing: border-box; overflow: hidden; }

/* big-ld */
.big-ld { float: left; width: 450px; }
.big-ld h3 { float: left; font-weight: bold; width: 50px; height: 150px;}
.big-ld h3 a { color: #fff; display: block; padding: 30px 10px; width: 50px; height: 150px; box-sizing: border-box; background-color: #c00; font-size: 18px; line-height: 22px; text-align: center;}
.big-ld ul { overflow: hidden; border: 1px solid #f3f3f3; background-color: #fcfcfc; padding: 12px; height: 150px; box-sizing: border-box; }
.big-ld .pic { float: left; width: 90px; margin-right: 20px; }
.big-ld .pic img { width: 90px; height: 125px; }
.big-ld .con { overflow: hidden; }
.big-ld .title span { display: block; font-size: 14px; color: #c00; line-height: 30px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.big-ld .intro { font-size: 14px; line-height: 24px; color: #666;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.big-ld .intro span.work { display: none; }

/* big-links */
.big-links { overflow: hidden; }
.big-links li { float: left; width: 140px; height: 150px; text-align: center; margin-left: 19px;}
.big-links li a { display: block; border: 1px solid #ffcaca; border-radius: 5px; box-sizing: border-box; height: 150px; padding-top: 30px; transition: all 0.5s;
  background: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,227,227) 100%);
  background: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,227,227) 100%);
  background: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,227,227) 100%);
}
.big-links li a::before { display: block; content: "\E705"; font-family: "iconfont"; font-size: 60px; color: #c00; margin: 0 auto 15px; transition: all 0.5s; }
.big-links .li2 a::before { content: "\E703"; }
.big-links .li3 a::before { content: "\E707"; }
.big-links .li4 a::before { content: "\E725"; }

.big-links li a:hover { background: #c00; color: #fff; border-color: #cf0000; }
.big-links li a:hover::before { color: #fff; transform: rotateY(180deg); }


/* box-side-hd -----------*/
.box-side-hd .bd ul { padding: 20px 30px 0; }
.box-side-hd .bd li { line-height: 54px; height: 54px; margin-bottom: 20px; box-shadow: 0px 0px 10px 0px rgba(204, 0, 0, 0.2); text-align: center; }
.box-side-hd .bd li span { font-weight: bold; color: #c00; margin-right: 5px; }


/* side-hd-left */
.side-hd-left { float: left; width: 835px; }
.side-hd-left .letterList { border: 1px solid #EAEDF1; }
.side-hd-left .letterList th { font-weight: bold; color: #333; }
.side-hd-left .letterList td { padding-top: 11px; padding-bottom: 11px; }
.side-hd-left .letterList .type,
.side-hd-left .letterList .state,
.side-hd-left .letterList .date { width: 85px; }
.side-hd-left .letterList td.state { color: #009E06; }
.side-hd-left .letterList .date { display: none;}

/* side-hd-right */
.side-hd-right { float: right; width: 230px; }
.side-hd-right li { margin-bottom: 20px; transition: all 0.3s ease-out 0s; transform: none; }
.side-hd-right img { width: 230px; height: 70px; }
.side-hd-right li:hover { transform: translateY(-5px); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }


/* box-about----------------- */
.box-about { background: url(../../base/img/bg-about.jpg) no-repeat center top; padding: 50px 0; background-size: cover; }
.box-about .hd { height: 58px; line-height: 58px; background: url(../../base/img/more.png) no-repeat right center; overflow: hidden; position: relative; z-index: 1; }
.box-about .hd .more { float: right; color: #999; font-size: 14px; display: flex; align-items: center;}
.box-about .hd .more:hover { color: #c80000; }
.box-about .hd .more::after { display: block; content: "\E642"; font-family:"iconfont"; font-size: 20px; color: #c00; padding-left: 4px; }


/* box-ym */
.box-ym { background: url(../../base/img/home-about.png) no-repeat top right; width: 900px; float: left; height: 530px; margin-top: -80px; }
.box-ym .intro { font-size: 14px; line-height: 30px; text-indent: 2em; background-color: rgba(255, 255, 255, .8); border-radius: 10px; padding: 10px 25px; margin: 340px 20px 0; 
	overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; 
}
.box-ym .intro a { color: #c00; }

/* box-ym-menu */
.box-ym-menu { float: right; width: 490px; background: url(../../base/img/about-menu.png) no-repeat; height: 484px; margin-top: -50px; position: relative; }
.box-ym-menu li { position: absolute;  }
.box-ym-menu li,.box-ym-menu li a { width: 228px; height: 228px; }
.box-ym-menu li a { display: block; position: relative; transform: rotate(45deg); width: 160px; height: 160px; margin: 0 auto; font-size: 0; }
.box-ym-menu li a::before { display: block; content: ""; left: 0; top: 0; width: 160px; height: 160px; background: url(../../base/img/y.png) no-repeat center; position: absolute; opacity: 0.5; transition: all 1s; }
.box-ym-menu li a:hover::before { transform: rotate(180deg); opacity: 1; }
.box-ym-menu .li1 { top: 35px; left: 50%; transform: translateX(-50%);}
.box-ym-menu .li2 { left: 0; top: 50%; transform: translateY(-35%); }
.box-ym-menu .li3 { right: 0; top: 50%; transform: translateY(-35%); }
.box-ym-menu .li4 { bottom: -33px; left: 50%; transform: translateX(-50%);}

/* box-ym-gk */
.box-ym-gk { float: left; width: 678px; }
.box-ym-gk li { float: left; width: 226px; overflow: hidden; position: relative; height: 330px;}
.box-ym-gk .pic { position: relative; height: 330px; }
.box-ym-gk .pic::after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.2; }
.box-ym-gk .pic img { width: 226px; height: 330px; }
.box-ym-gk li:hover .pic img { transform: scale(1.1); }
.box-ym-gk li:hover .pic::after { background-color: #E52900; opacity: 0.7; }
.box-ym-gk .pic a::after { display: block; content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; }

.box-ym-gk .con { padding: 25px; box-sizing: border-box;  z-index: 1; color: #fff; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); }
.box-ym-gk .con a { color: inherit; }
.box-ym-gk .title { text-align: center; }
.box-ym-gk .title h3 { font-size: 24px; line-height: 50px; height: 50px; }
.box-ym-gk .title h3::after { display: block; width: 40px; height: 1px; background-color: #fff; opacity: 0.5; content: ""; margin: 0 auto; }
.box-ym-gk .title span { font-size: 16px; text-transform:uppercase; }
.box-ym-gk .intro { height: 0; transition: all 0.5s; overflow: hidden; font-size: 12px; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-ym-gk li:hover .intro { height: 104px; }


/* box-ym-photo */
.box-ym-photo { overflow: hidden; }
.box-ym-photo li { width: 230px; height: 160px; position: relative; overflow: hidden; float: left; margin-left: 10px; margin-bottom: 10px; }
.box-ym-photo .title { position: absolute; bottom: -40px; transition: all 0.5s; left: 0; width: 100%; height: 40px; line-height: 40px; background-color: rgba(0, 0, 0, .5); color: #fff;  
overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 14px;}
.box-ym-photo .title a { color: inherit; }
.box-ym-photo li:hover .title { bottom: 0; }

/*--
颜色代码
#0068B7 深色标题
#ddd 淡色边框
--*/