@charset "utf-8";
/* CSS Document */
html {width: 100%;height: 100%;}
* {margin: 0px;padding: 0px;}
em {font-style: normal;}
body,div,p,h1,h2,h3,h4,h5,h6,a,img,ul,li,span{margin:0;padding:0;border:0;}
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; height:none;} 
ol,ul { list-style:none; margin:0; padding:0} 
a:link,a:visited,a:active{text-decoration:none; font-weight:normal;}
a:hover{font-weight:normal;}
img{width:100%; max-width:100%; border:0 none; vertical-align:middle; -ms-interpolation-mode:bicubic;}
.clear{clear:both; height:0; overflow:hidden;}
body{ margin:0 auto; font-family:Microsoft YaHei,"微软雅黑"; font-size:14px; color:#222;}
a:focus {outline:none;-moz-outline:none;}  

.headWrap{ width:100%; height:47px; line-height:47px; background:#f21419;}
.head{ width:1200px; height:47px; margin:0 auto; background:#f21419; line-height:47px;}
.logo{ width:258px; float:left;}
.logo a{ display:block; width:258px; height:47px;}
.logo a img{ width:258px; height:27px; display:block; margin-top:10px;}
.share{ width:200px; float:right;}
.share a{ width:30px; height:30px; display:block; float:right; margin-left:20px; margin-top:8px; background:url(../images/shareicon.png) no-repeat; background-size:76px 30px;}
.share a.wx{ background-position:0 0;}
.share a.sina{ background-position:-46px 0;}
.share a:hover{ opacity:0.85;}
.bannerWrap{ width:100%; height:642px; background:url(../images/banner.jpg) center top no-repeat; background-size:1920px 642px; position:relative;}
.banner{ width:1200px; height:auto; margin:0 auto; padding-top:25px;}
.banner p{ width:670px; height:560px; margin:0 auto; background:url(../images/themepic.png) no-repeat; background-size:670px 560px;}
.notice{ width:100%; height:63px; line-height:63px; background:url(../images/noticebg.png) center bottom no-repeat; background-size:1920px 63px; position:absolute; bottom:-35px; left:0; right:0; margin:0 auto;}
.lhwit{ width:1100px; margin:0 auto; overflow:hidden; height:47px; line-height:45px;}
.lhwit span{ font-size:16px; color:#ffc925; display:block; width:120px; float:left;}
.lhwit span em{ width:30px; height:30px; display:inline-block; background:url(../images/noticeicon.png) no-repeat; background-size:contain; vertical-align:middle; margin-right:10px;}
.lhwit ul li{ color:#fff; font-size:16px; height:47px; line-height:45px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.Rotation{ width:100%; height:442px; background:url(../images/lunbobg_02.jpg) center top no-repeat; background-size:1920px 442px;}
.carouselWrap{ width:1200px; margin:0 auto; height:442px; position:relative;}
.slide { width: 100%; height:462px; overflow: hidden; position: relative; }
.slide .img { overflow: hidden; position: absolute; transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s; width:640px; height:346px;  background:url(../images/carouselpicbg.png) no-repeat; background-size:790px 372px;}
.slide .img .feature { width: calc(100% - 14px); height: calc(100% - 14px); margin: 7px; }
.centre{ margin:20px; width:420px; height:292px; float:left;}
.slide .img .feature h5 a{color: #000}
.rightwitbox{ width:300px; float:left; margin-top:20px;}
.rightwitbox h5{ font-size:28px; color:#000; max-height:118px; font-weight:400; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.rightwitbox p{ font-size:16px; color:#444; max-height:146px; line-height:24px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}
.slide .img1 { width: 40%; height: 40%; top: 30%; left: -50%; z-index: 10; }
.slide .img2 { width: 60%; height: 60%; top: 20%; left: -20%; z-index:20; }
.slide .img3 { width: 80%; height: 80%; top: 14%; left: 18%; z-index: 30; }
.slide .img4 { width: 60%; height: 60%; top: 20%; left: 60%; z-index: 20; }
.slide .img5 { width: 40%; height: 40%; top: 30%; left: 110%; z-index: 10; }
.slide-bt { position: absolute; left: 50%; bottom: 13%; z-index: 10; }
.slide-bt span { width: 24px; height: 8px; background: #c9caca; float: left; margin: 5px; border-radius: 4px; }
.slide .slide-bt .on { background: #ffd200; }
.prevsleft{ display: block; cursor:pointer; background: url(../images/btnicon.png) no-repeat; background-size:164px 62px; width:62px; height:62px; position: absolute; top:200px; z-index:1000; background-position:0 0; left:30px; }
.nextsright{ display: block; cursor:pointer; background: url(../images/btnicon.png) no-repeat; background-size:164px 62px; width:62px; height:62px; position: absolute; top:200px; z-index:1000; background-position:-102px 0; right:30px; }
#slider-left-overlay, #slider-right-overlay{ position: absolute; top:22%; height:374px; z-index:25; }
#slider-left-overlay{ background: url(../images/sliderzhepic.png) no-repeat; background-size:440px 274px; width:440px; height:274px; left: 0; }
#slider-right-overlay{ background:url(../images/sliderzhepic.png) no-repeat; background-size:440px 274px; width:440px; height:274px; right: 0; }
.contentWrap{ width:100%; height:auto; background:#fff;}
.content{ width:1200px; height:auto; margin:0 auto 15px;}
.sideleft{ width:574px; float:left;}
.sideright{ width:574px; float:right;}
.sidemain h3{ width:574px; height:78px; background:url(../images/title1.png) no-repeat; background-size:contain; margin-bottom:30px;}
.sidemain h3.t1{ background:url(../images/title1.png) no-repeat;}
.sidemain h3.t2{ background:url(../images/title2.png) no-repeat;}
.sidemain h3.t3{ background:url(../images/title3.png) no-repeat;}
.sidemain h3.t4{ background:url(../images/title4.png) no-repeat;}
.sidemain ul li{ padding-left:24px; margin-bottom:20px; height:112px; overflow:hidden;}
.sidemain ul li .picspan{ width:170px; height:110px; border:1px solid #bdc3d3; float:left;}
.sidemain ul li .picspan a{ width:170px; height:110px; display:block;}
.sidemain ul li .picspan a img{ width:170px; height:110px; display:block;}
.sidemain ul li .essay{ width:360px; float:right; text-align:justify;}
.sidemain ul li .essay a{ font-size:18px; color:#000; font-weight:500; margin-bottom:14px; display:block; max-height:52px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.sidemain ul li .essay p{ font-size:14px; color:#999; line-height:23px; max-height:65px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.zhsh-whole-bottom { width:auto; margin-left:30px; text-align:center;}
.update-pagebox { display: inline-block; margin: auto; height: 30px; line-height: 30px; text-align: center;}
.update-pagebox span { color:#999; font-size: 14px; cursor: pointer; padding: 0px 3px; height: 30px; display: inline-block; line-height:30px;}
.update-pagebox span:hover { color:#dd0004;}
.update-pagebox span.on{color:#dd0004;}
.sidecont{ width:1200px; height:auto;}
.sidecont h3{ width:1200px; height:78px; background:url(../images/title5.png) no-repeat; background-size:contain; margin-bottom:30px;}
.sidecont ul li{ width:550px; float:left; margin-right:52px; padding-left:24px; margin-bottom:20px; height:112px; overflow:hidden;}
.sidecont ul li:nth-child(2n+0){ margin-right:0;}
.sidecont ul li .picspan{ width:170px; height:110px; border:1px solid #bdc3d3; float:left;}
.sidecont ul li .picspan a{ width:170px; height:110px; display:block;}
.sidecont ul li .picspan a img{ width:170px; height:110px; display:block;}
.sidecont ul li .essay{ width:360px; float:right; text-align:justify;}
.sidecont ul li .essay a{ font-size:18px; color:#000; font-weight:500; margin-bottom:14px; display:block; max-height:52px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.sidecont ul li .essay p{ font-size:14px; color:#999; line-height:23px; max-height:65px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

/*底部样式*/
.bottomWrap{ width:100%; background:#2e2e2e; height:auto; padding:30px 0;}
.bottom{ margin:0 auto; width:1152px; font-size:14px; font-family:Microsoft YaHei; text-align:center;}
.bottom p{color:#fff; display:inline-block; float:left; padding:0 0 0 20px; text-align:center; width:100%;}
.bottom p a{ color:#fff;}
.bottom p a:hover{ color:#2c7acb;}
.bottom span a{ margin-right:5px;}
.sidenav { width:64px; height: auto; position: fixed; top: 35%; right:6%; z-index:500; border-radius:5px;}
.sidenav p{ width:64px; height:18px; padding:18px 0; display:block; background:#fff; text-align:center; border:1px solid #e4e4e4; border-top:none; cursor:pointer;}
.sidenav p span{ width:26px; height:18px; margin:0 auto; display: block; background: url(../images/icon_top_normal@2x.png) center center no-repeat; background-size:26px 18px;}