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

/* sec1 */
.sec { width: 1200px; margin: 25px auto 0px auto; background-color: #FFF; padding: 5px; }
.sec1 { width: 1076px; padding: 12px; background-color: #FFF; margin: 0 auto; }
.sec1_l { width: 50%; margin: 0; }
.sec1_r { width: 50%; margin: 0; }
.more { color: #999; float: right; margin-right: 10px; line-height: 46px; font-size: 15px; }
.more:hover { color: #FF0; }
.sec_tit span { float: left; }
/* 这里改了 */.tit_txt { background-image: url(tit_m.png); background-repeat: repeat-x; line-height: 46px; padding: 0px 10px; font-size: 22px; color: #fff; font-weight: bold; font-family: "黑体", "微软雅黑"; }
.sec1_r_cnt { width: 435px; }
.sec1_r_cnt a { font-size: 22px; font-weight: bold; line-height: 30px; }
.sec1_r_cnt li { height: 72px; border-bottom: 1px dashed #CCC; padding-top: 10px; }
.sec3_r_tit { width: 100%; border-top: 4px solid #4b8edf; height: 42px; }
.sec3_r_dt { float: left; font-size: 20px; color: #333; background-color: #e6e6e6; padding: 0; width: 50%; text-align: center; height: 48px; line-height: 48px; }
.sec3_r_active { font-size: 20px; padding: 0; color: #4b8edf; background-color: #FFF; }
.sec3_r_active a { color: #4b8edf; }
.sec3_r_dd { display: none; }
/* 这里改了 */
.sec4_r_dd { display: none; }
#demo2 img { width: 217px; height: 150px; margin-right: 2px; }
#demo3 img { width: 217px; height: 150px; margin-right: 2px; }
#demo img { width: 210px; height: 150px; margin-right: 2px; }
.sec4_more { display: none; }
/* sec4 */
.sec4 { width: 100%; margin: 0 auto; margin-top: 20px; }
.sec4_l { width: 49%; }
.sec4_r { width: 49%; }
.sec4_r_tit { width: calc(100% -20px); margin: 0 10px; padding: 15px 0 0 0; }
.sec4_l_tit { width: calc(100% -20px); margin: 0 10px; padding: 15px 0 0 0; }
.sec4_r_dt { float: left; font-size: 20px; color: #616161; padding: 8px 20px; }
.sec4_r_active { font-size: 20px; color: #FFF; background-color: #6e9ef4; border-radius: 5px; }
.sec4_r_active a { color: #FFF; }
.sec4_r_active a:hover { color: #FFF; }
/* 这里改了 */
.sec4_r_dd { display: none; }
.sec5 { width: 100%; margin: 0 auto; margin-top: 20px; }
.sec5_l { width: 49%; }
.sec5_r { width: 49%; }
.sec5_l_tit { width: calc(100% -20px); margin: 0 10px; padding: 15px 0 0 0; }
.sec5_r_tit { width: calc(100% -20px); margin: 0 10px; padding: 15px 0 0 0; }
.sec5_r_dt { float: left; font-size: 20px; color: #616161; padding: 8px 20px; }
.sec5_r_active { font-size: 20px; color: #FFF; background-color: #6e9ef4; border-radius: 5px; }
.sec5_r_active a { color: #FFF; }
.sec5_r_active a:hover { color: #FFF; }
/* 这里改了 */
.sec5_r_dd { display: none; }
.sec4_more { display: none; }
a.dot { background-image: url(sec4_dot.jpg); background-repeat: no-repeat; background-position: left center; height: 40px; line-height: 40px; padding-left: 10px; font-size: 19px; width: calc( 100% - 70px); display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.dotBlue { background-image: url(dotBlue.png); background-repeat: no-repeat; background-position: left center; height: 40px; line-height: 40px; padding-left: 15px; font-size: 18px; }
.moreAR { text-align: right; }
.titleT { border-bottom: 2px solid #C00; padding-bottom: 5px; }
.titleT span { font-size: 22px; color: #C00; font-weight: bold; border-bottom: 5px solid #C00; padding: 0 20px 6px 20px; }
.titleT a { color: #333; font-size: 18px; float: right; margin: 7px 20px 0 0; }
.listT { margin: 15px; padding: 0; }
.listT li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.listT2 { margin: 0; padding: 20px 0; min-height: 350px; }
.listT2 li { padding: 5px 15px; width: calc( 100% - 30px); }
.listT2 li a { float: left; width: calc( 100% - 120px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listT2 li:nth-child(2n+1) { background-color: #f6f6f6; border-radius: 5px; }
.listT2 li span { float: right; }
.more2 { margin: 7px 20px 0 0; font-size: 18px; }
.image-wrapper {  width: 100%; margin: auto; margin-bottom: 50px; }
.media { width: 31.3%;  display: flex; justify-content: center; align-items: center; margin: 10px 1%; overflow: hidden; position: relative; float:left; }
.media:hover { cursor: pointer; }
.overlay { background: rgba(0, 0, 0, 0.7); position: absolute; height: 100%; width: 100%; z-index: 3; opacity: 0; transition: all ease-in-out 0.5s; }
.media:hover .overlay { opacity: 1; }
.media img { height:270px; z-index: 0; margin: auto; transform: scale(1); transition: all ease-in-out 0.5s; }
.media:hover img { transform: scale(1.1); filter: blur(2px); }
.image-details { text-align: center; color: white; font-size: 18px; z-index: 4; position: absolute; top: 100%; opacity: 0; transition: all ease-in-out 0.5s; }
.media:hover .image-details { top: 40%; opacity: 1; }
.media:hover .image-details p a{ color:#FFF;}

.cont { padding: 25px; min-height: 350px; }
.cont h1 { font-size: 24px; text-align: center; margin: 0 0 20px 0; font-weight: bold; }
.cont .day { font-size: 16px; text-align: center; background-color: #f6f6f6;color:#292929; padding: 10px; margin-bottom: 20px; border-radius: 5px; }
.cont p { font-size: 18px; line-height: 180%; padding: 5px 0; color:#292929; }
.cont p img{ max-width:100%; height:auto !important;}
.cont div img{ max-width:100%; height:auto !important;}
.dayT { float: right; margin-top: 10px; }
.w1200 { width: 1200px; margin: 0 auto; }
.w250{ width:250px; float:left; padding:5px; margin:30px 0; background-color:#FFF; display:block;}
.w950{ width: calc( 100% - 290px); float:right;padding:5px; margin:30px 0; background-color:#FFF;display:block;}
.subTit{ border-left:5px solid #3669c4; font-size:22px; font-weight:bold; height:50px; line-height:50px; color:#3669c4; padding-left:15px;background-color: #dde9fd;}
.subMenu{ padding:0; margin:15px 0 ; display:block;}
.subMenu li{ border-bottom:1px dotted #3669c4; height:40px; line-height:40px; font-size:16px;padding:0 15px;}
.subMenu li:hover{border-left:3px solid #3669c4;}
.subMenu li a{ display:block;}
.logo { float: left; margin: 60px 0 0 50px; width: calc(90% - 370px) }
.HeadPh { display: none; }
.HeadPc { display: block; }
.search { height: 40px; width: 370px; border: 1px solid #e8e8e8; float: right; margin-top: 90px; }
.search .searchInput { background-color: rgba(255,255,255,0.5); width: 290px; height: 40px; outline: none; border: 0; font-size: 16px; font-family: "微软雅黑"; padding-left: 10px; float: left; }
.search .searchSubmit { background-image: url(search.jpg); background-repeat: no-repeat; background-position: center; background-color: #3874c7; text-align: center; height: 40px; outline: none; width: 70px; border: 0; cursor: pointer; float: left; }
.BanerF { width: calc(100% - 10px); margin: 0 5px 15px 5px; }


.BanerPic { width: 100%; margin: 15px 0; padding: 0; }
.BanerPic li { width: calc(25% - 10px); margin: 0 5px; float: left; }
.BanerPic li img { border: 1px solid #e8e8e8; }
.projectPic { width: 100%; margin: 15px 0; padding: 0; }
.projectPic li { width: calc(25% - 10px); margin: 0 5px; float: left; }
.projectPic li img { border: 1px solid #e8e8e8; }
.projectBg { height: 40px; background-image: url(line.jpg); background-repeat: repeat-x; background-position: left bottom; }
.projectTit { background-color: #FFF; float: left; padding: 10px 20px 0 20px; font-size: 25px; color: #3669c4; height: 40px; line-height: 40px; }
.projectMore { background-color: #FFF; float: right; padding: 10px 20px 0 20px; font-size: 18px; height: 40px; line-height: 46px; }
.projectMore a { color: #666; }
.ImgNews { width: 24px; float: left; background-color: #6e9ef4; text-align: center; font-size: 18px; padding: 30px 13px 60px 13px; }
.ImgNews img { margin-bottom: 20px; }
.ImgNews a { color: #FFF; }
.ImgNewsList { width: calc(100% - 50px); margin: 0; padding: 0; float: right; background-color: #f9f9f9; }
.secBg { background-color: #f9f9f9; }
.locationA { padding: 10px 15px; background-color: #dde9fd; }
.linkBg { background-color: #6e9ef4; padding: 30px 0; margin-top: 20px; }
.link { width: 1200px; margin: 0 auto; }
.link li { width: 30.33%; float: left; margin: 0 1.5%; text-align: center; }
.linkA { height: 30px; width: 80%; margin: 0 10%; padding: 0 10px; line-height: 30px; font-size: 14px; border: 0; outline: none; color: #3c3c3c; }
.Pad50t{ padding:50px 0;}
.Pad50t h2{ font-size:24px; text-align:center; padding-bottom:20px; font-weight:bold;}
.Pad50t p{ font-size:16px; color:#C00; margin:5px 50px; text-indent:32px; line-height:180%;}
.Pad50t p.align{ text-align:center;text-indent:0px;}
.tableA{border-top:1px solid #ececec;border-left:1px solid #ececec; width:900px; margin:50px auto;}
.tableA tr td{ padding:8px; border-bottom:1px solid #ececec;border-right:1px solid #ececec; font-size:18px; line-height:36px;}
.small_input{ border:0; background-color:#eef4fe; width:calc(100% - 30px); margin:0; height:36px; line-height:36px; font-size:16px; padding:0 15px; font-family:"微软雅黑";}
.small_input2{ border:0; background-color:#eef4fe; width:calc(100% - 30px); margin:0; height:100px; line-height:26px; font-size:16px; padding:0 15px; font-family:"微软雅黑";}
.small_input3{ border:0; background-color:#eef4fe; width:calc(100% - 80px); margin:0; height:36px; line-height:36px; font-size:16px; padding:0 15px; font-family:"微软雅黑";}
.ButonA{ width:100px; height:36px; line-height:36px; margin:0 25px; color:#FFF; background-color:#3669c4; font-size:18px; cursor:pointer; display: inline-block; border-radius:5px;}
.ButonA:hover{ color:#FFF; background-color: #1c4793;}
.ButonB{cursor:pointer; float:left;}
.fl { float: left; }
.fr { float: right; }
.fc { clear: both; }
/* 幻灯片css */
.slideBox { width: 100%; overflow: hidden; position: relative; }
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 5px; width: 10px; height: 10px; border-radius: 50%; background: #fff; cursor: pointer; }
.slideBox .hd ul li.on { background: #0075bb; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd img { width:600px; height:370px; display: block; }
.slideBox .bd li p { height: 30px; position: absolute; width: 96%; padding: 0 2%; bottom: 0px; background-color: rgba(0,0,0,0.8); font-size: 16px; line-height: 30px; }
.slideBox .bd li p a { color: #FFF; }

.slideBoxF { width: 100%; overflow: hidden; position: relative; border: 1px solid #ddd; }
.slideBoxF .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; }
.slideBoxF .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBoxF .hd ul li { float: left; margin-right: 5px; width: 10px; height: 10px; border-radius: 50%; background: #fff; cursor: pointer; }
.slideBoxF .hd ul li.on { background: #0075bb; }
.slideBoxF .bd { position: relative; height: 100%; z-index: 0; }
.slideBoxF .bd li { zoom: 1; vertical-align: middle; }
.slideBoxF .bd img { width: 100%; display: block; }
/* 专题专栏css */
.txtScroll-left { position: relative; }
.txtScroll-left .bd { overflow: hidden; width: calc(100% - 170px); float: right; }
.txtScroll-left .bd ul { overflow: hidden; zoom: 1; }
.txtScroll-left .bd ul li { margin-right: 0px; float: left; height: 24px; line-height: 24px; text-align: left; z-index: 2; }
.txtScroll-left .bd ul li span { color: #999; }
.txtScroll-pic { position: relative; margin: 20px 0; overflow: hidden; }
.txtScroll-pic .bd { padding: 0px; overflow: hidden; width: calc( 100% - 80px); margin: 0 auto; }
.txtScroll-pic .bd ul { overflow: hidden; zoom: 1; }
.txtScroll-pic .bd ul li { margin: 0; float: left; _display: inline; overflow: hidden; width: 25%; text-align: center; }
.txtScroll-pic .bd ul li a { display: block; }
.txtScroll-pic .bd ul li img{ width:260px; height:190px;}
.txtScroll-pic .hd a.next { background: url(leftP.png) no-repeat center; width: 38px; display: block; position: absolute; left: 0; top: 30%; height: 80px; cursor: pointer; z-index: 10; }
.txtScroll-pic .hd a.prev { background: url(rightP.png) no-repeat center; width: 38px; display: block; position: absolute; right: 0; top: 30%; height: 80px; cursor: pointer; z-index: 10; }
@media screen and (max-width: 1199px) {
.sec { width: calc(98% - 10px); margin: 25px 1% 0px 1%; background-color: #FFF; padding: 5px; }
.link { width: 98%; margin: 0 1%; }
.w1200 { width: 98%; margin: 0 1%; }
.logo img { width: 320px; }
.txtScroll-pic .bd ul li { margin: 0; float: left; _display: inline; overflow: hidden; width: 33.3%; text-align: center; }
.slideBox .bd img { width:100%; height:330px; display: block; }
.media img { height:230px; }
}
@media screen and (max-width: 950px) {
.txtScroll-pic .bd ul li { margin: 0; float: left; _display: inline; overflow: hidden; width: 50%; text-align: center; }
.logo img { width: 300px; }
.slideBox .bd img { width:100%;height:310px; display: block; }
.media img { height:200px; }
}
@media screen and (max-width: 800px) {
.sec { width: calc(98% - 10px ); margin: 25px 1% 0px 1%; background-color: #FFF; padding: 5px; }
.link { width: 98%; margin: 0 1%; }
.w1200 { width: 98%; margin: 0 1%; }
.sec1_l { width: 100%; margin: 0; }
.sec1_r { width: 100%; margin: 0; }
.BanerPic li { width: calc(50% - 10px); margin: 0 5px; float: left; }
.projectPic li { width: calc(50% - 10px); margin: 0 5px; float: left; }
.link li { width: 97%; float: left; margin: 10px 1.5%; text-align: center; }
.txtScroll-pic .bd ul li { margin: 0; float: left; _display: inline; overflow: hidden; width: 100%; text-align: center; }
.logo { float: left; margin: 30px 0 0 5%; width: 70%; }
.logo img { width: 280px; }
.menuPh { float: right; margin: 30px 2% 0 0; width: 20%; text-align: right; z-index: 999; cursor: pointer; }
.menuPh img { width: 36px; }
.HeadPh { display: block; background-image: url(head.jpg); background-repeat: no-repeat; background-position: center; background-size: auto 120px; height: 120px; }
.HeadPc { display: none; }
.slideBox .bd img { width:100%; height: auto; max-height:300px; display: block; }
.media img { height:180px; }
.searchPhone { height: 40px; width: 80%; border: 1px solid #e8e8e8; margin: 30px 10% 0 10%; padding: 0; display: block; }
.searchPhone .searchInput { background-color: rgba(255,255,255,0.5); width: calc( 80% - 10px); height: 40px; outline: none; border: 0; font-size: 16px; font-family: "微软雅黑"; padding-left: 10px; float: left; color: #FFF; }
.searchPhone .searchSubmit { background-image: url(search.jpg); background-repeat: no-repeat; background-position: center; background-color: #3874c7; text-align: center; height: 40px; outline: none; width: 20%; border: 0; cursor: pointer; float: left; }
}
@media screen and (max-width: 750px) {
.sec { width: calc(98% - 10px ); margin: 25px 1% 0px 1%; background-color: #FFF; padding: 5px; }
.link { width: 98%; margin: 0 1%; }
.w1200 { width: 98%; margin: 0 1%; }
.sec1_l { width: 100%; margin: 0; }
.sec1_r { width: 100%; margin: 0; }
.BanerPic li { width: calc(50% - 10px); margin: 0 5px; float: left; }
.projectPic li { width: calc(50% - 10px); margin: 0 5px; float: left; }
.link li { width: 97%; float: left; margin: 10px 1.5%; text-align: center; }
.txtScroll-pic .bd ul li { margin: 0; float: left; _display: inline; overflow: hidden; width: 100%; text-align: center; }
.logo { float: left; margin: 30px 0 0 5%; width: 70%; }
.logo img { width: 200px; }
.menuPh { float: right; margin: 30px 2% 0 0; width: 20%; text-align: right; z-index: 999; cursor: pointer; }
.menuPh img { width: 36px; }
.HeadPh { display: block; background-image: url(head.jpg); background-repeat: no-repeat; background-position: center; background-size: auto 120px; height: 120px; }
.HeadPc { display: none; }
.searchPhone { height: 40px; width: 80%; border: 1px solid #e8e8e8; margin: 30px 10% 0 10%; padding: 0; display: block; }
.searchPhone .searchInput { background-color: rgba(255,255,255,0.5); width: calc( 80% - 10px); height: 40px; outline: none; border: 0; font-size: 16px; font-family: "微软雅黑"; padding-left: 10px; float: left; color: #FFF; }
.searchPhone .searchSubmit { background-image: url(search.jpg); background-repeat: no-repeat; background-position: center; background-color: #3874c7; text-align: center; height: 40px; outline: none; width: 20%; border: 0; cursor: pointer; float: left; }

.media { width: 48%; display: flex; justify-content: center; align-items: center; margin: 10px 1%; overflow: hidden; position: relative; float:left; }
.media img { height:140px; z-index: 0; margin: auto; transform: scale(1); transition: all ease-in-out 0.5s; }
.w950{ width: calc( 100% - 10px ); float: none;padding:5px; margin:30px 0; background-color:#FFF;display:block;}
.w250{ width:250px; float:left; padding:5px; margin:30px 0; background-color:#FFF; display:none;}
.slideBox .bd img { width:100%;height:230px; display: block; }
}