*{ margin:0; padding:0;. } body{ min-width:1200px; height:auto; width:100%; margin:0 auto; background:#fff url(/uploads/image/wsmaterial/ybbanner.png) no-repeat top center; font-family:microsoft yahei; } ul{ list-style-type:none; } ul li{ list-style-type:none; } a{ text-decoration:none; } img{ border:none; } .big-box{ min-width: 1200px; height: auto; width: 100%; margin: 0 auto; background:#fff url(/uploads/image/wsmaterial/ybbanner.png) no-repeat top center; font-family: microsoft yahei; } .top a { color: #000000; } /*内容页*/ .center{ width:1170px; margin:0 auto; height:auto; overflow: hidden; margin-top:145px; } /*logo*/ .top{ width:1170px; height: 132px; background: url(/uploads/image/images/bg.png) no-repeat left center; border-bottom:3px solid #ea0003; } .logo_left{ width:488px; height:105px; float:left; padding-top:20px; padding-left:25px; } .logo_right{ width: 620px; float:right; margin-top:38px; } /***************搜索*******************/ .seach { width:308px; height:24px; background-color: #ffffff; border: 1px solid #a1a2a2; outline: none; border-radius:20px; padding: 5px; margin-right:58px; float: right; margin-top: 0px; } .seacher form { width:308px; float: right; } .text { width: 240px; height: 24px; color: #b9b9b9; font-size: 13px; float: left; text-indent: 10px; border: none; background-color: #ffffff; } .search_btn { font-size: 13px; padding: 4px 10px 5px 15px; border-left: 1px solid #ccc; border-right: none; border-top: none; border-bottom: none; outline: none; color: #000000; background-color: #ffffff; } .fr { float: right; } .report{ width:632px; margin-top: 28px; float: right; } .report li{ float:left; font-size:14px; font-weight:bold; padding-right:12px; } .report li img{ vertical-align: middle; padding-right: 5px; } /***************导航*******************/ .center_in{ width:1170px; height:auto; overflow: hidden; background-color:#ffffff; margin:0 auto; } .center_in_in{ width:1132px; margin:0 auto; height:auto; overflow: hidden; padding-bottom:32px; } .nav{ width:1132px; height:83px; line-height:83px; border-bottom:1px solid #e5e5e5; } .nav ul li{ float:left; font-size:20px; font-weight:bold; } .home{ width:80px; text-align:center; background:url(/uploads/image/images/home.png) no-repeat center; } .home a{ color:#ffffff; } .nav ul li.commen a:hover{ background: #ea0003; padding:8px 21px ; color: #fff; border-radius:5px ; } .nav ul li.weiyu a:hover{ background: #ea0003; padding:8px 10px ; color: #fff; border-radius:5px ; } .commen{ width:110px; text-align:center; background:url(/uploads/image/images/fgx.png) no-repeat right center; } .commen a{ color:#383838; } .weiyu{ width:116px; text-align:center; font-family: "alkatip basma tom"; direction: rtl; } .weiyu a{ color:#383838; } /***************广告*******************/ .gg{ width:1132px; height:75px; margin-top:16px; } .gg ul li{ float:left; margin-right:14px; } .gg ul li.gg2{ width: 575px; } @media \0screen\,screen\9 { .gg ul li.gg2{ width: 565px; } } .gg ul li:last-child{ margin-right:0px; } /***************头条*******************/ .line{ width:1132px; height:auto; overflow: hidden; margin-top:20px; } .head{ width:865px; float:left; } .head dl dt{ font-size:36px; font-weight:bold; padding-top: 10px; text-align: center; overflow: hidden; height: 57px; width: 855px; } .head dl dt a{ color:#000000; } .head dl dd span{ display:inline-block; float:left; font-size:14px; padding-top:10px; padding-left:4px; padding-right:4px; } .head dl dd span a{ color:#818181; } .head dl dd span a:hover{ color: #fe0000; } .sjrz{ width:244px; float:right; } .sjrz dl dt{ width:72px; height:85px; float:left; } .sjrz dl dd{ width:172px; height:85px; float:left; background-color:#f2f2f2; } .sjrz dl dd strong{ display:block; font-size:18px; font-weight:bold; padding-left:10px; padding-top:8px; } .sjrz dl dd strong a{ color:#ea0003; } .sjrz dl dd span{ display:block; font-size:12px; line-height:20px; padding-left:10px; padding-right:5px; padding-top:6px; } .sjrz dl dd span a{ color:#8f8f8f; } /***************幻灯*******************/ .hd{ float:left; width:685px; height:392px; overflow: hidden; } .swiper2{ width:685px; height:392px; overflow: hidden; } .hd a{display: block; position: relative; } /*.hd p{ position: absolute; bottom: 0px; left: 0px; line-height: 47px; height: 47px; opacity:0.6; background: #000000; width: 100%; font-size: 18px; text-align: center; color: #fff; filter:alpha(opacity=60); }*/ .hd-jieshao{ position: absolute; bottom: 0px; left: 0px; line-height: 47px; height: 47px; width: 100%; text-align: center; filter:alpha(opacity=60); background:#000; filter:progid:dximagetransform.microsoft.alpha(opacity=60); background-color: rgba(0,0,0,0.6);/* ie9、标准浏览器、ie6和部分ie7内核的浏览器(如qq浏览器)会读懂 */ } .hd-jieshao p{ color: #fff; font-size: 18px; } .swiper2 .swiper-pagination-fraction{ width: 65px; height: 47px; line-height: 47px; position: absolute; bottom: 0px; left: 50px; color: #fff; font-size: 16px; } .swiper2 .swiper-pagination span{ color: #fff; font-size: 16px; } .swiper2 .swiper-pagination .swiper-pagination-current{ color: #fe0000; font-size: 20px; } .swiper2 .swiper-button-prev{ background-image: url(/uploads/image/images/hdarrow1.png); width: 13px; height: 22px; top: 100%; background-size:100%; margin-top: -34px; left: 25px; } .swiper2 .swiper-button-next{ background-image: url(/uploads/image/images/hdarrow2.png); width: 13px; height: 22px; top: 100%; background-size:100%; margin-top: -34px; right: 25px; } .tuijian-swiper{ width:1073px; position: relative; } .swiper3{ width: 990px; margin: 0px 54px; height: 236px; overflow: hidden; } .tuijian-swiper .swiper-button-prev{ background-image: url(/uploads/image/images/tbtjarrow1.png); width: 18px; height: 34px; top: 100%; background-size:100%; margin-top: -100px; left: 25px; } .tuijian-swiper .swiper-button-next{ background-image: url(/uploads/image/images/tbtjarrow2.png); width: 18px; height: 34px; top: 100%; background-size:100%; margin-top: -100px; right: 25px; } /***************要闻*******************/ .news{ width:430px; float:right; } .news p{ width:430px; height:49px; line-height:45px; font-size:24px; } .news p span.selected{ float: left; display:inline-block; width:105px; border-top:3px solid #ea0003; text-align:center; border-bottom:1px solid #fff; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; } .news p span.selected a{ color:#ea0003; font-weight: bold; } .news p span{ float: left; display:inline-block; width:100px; position: relative; text-align:center; border-top:3px solid #fff; border-bottom:1px solid #c3c3c3; border-right: 1px solid #c3c3c3; /*background: no-repeat right center;*/ } .news p span:hover{ display: inline-block; width: 105px; border-top: 3px solid #ea0003; text-align: center; border-bottom: 1px solid #fff; border-right: 1px solid #c3c3c3; background:none; } .news p span:last-child{ background:none; } .news p span:last-child{ border-right:none; border-right: 1px solid #c3c3c3; } .news p span a{ color:#7b7b7b; } .news dl{ width:420px; margin:0 auto; border-bottom:1px dotted #000000; padding-top:16px; } .news dl dt{ font-size:18px; line-height:30px; font-weight:bold; } .news dl dt a{ color:#000; } .news dl dt a:hover{ color: #fe0000; } .news ul li a:hover{ color: #fe0000; } .line strong:hover{ color: #fe0000; cursor:pointer; } .pic_tit strong b:hover{ color:#fe0000; cursor:pointer; } .sjrz dl dd span a:hover{ color:#fe0000; } .line ul li a:hover{ color: #fe0000; } .line div.hd img:hover{ transform: scale(1.2, 1.2); transition: 2s transform; } .line div.tpgj img:hover{ transform: scale(1.2, 1.2); transition: 2s transform; } .swiper3 div img:hover{ transform: scale(1.2, 1.2); transition: 2s transform; } .news dl dd{ font-size:12px; line-height:24px; color:#575757; padding-top:10px; padding-bottom:16px; } .news ul{ width:420px; height:auto; padding-left:6px; margin-top:8px; } .news ul li{ font-size:16px; line-height:38px; background: no-repeat left center; text-indent:12px; } .news ul li a{ color:#000000; } /***************特别推荐*******************/ .tbtj{ width:1132px; height:241px; margin:0 auto; margin-top:22px; } .tbtj_tit{ float:left; width:57px; height:241px; } .tbtj_center{ width:1075px; float:left; height:241px; background-color:#f8f8f8; } .arrow1{ float:left; margin-left:20px; margin-right:15px; margin-top:100px; } .arrow2{ float:right; margin-left:15px; margin-right:20px; margin-top:100px; } .tbtj_center dl{ width:268px; float:left; padding-top:32px; margin-left: 27px; margin-right: 27px; } .tbtj_center dl dt{ width:268px; height:107px; overflow: hidden; } .tbtj_center dl dd strong{ display:block; font-size:16px; padding-top:10px; } .tbtj_center dl dd strong a{ color:#000000; } .tbtj_center dl dd strong a:hover{ color:#fe0000; } .tbtj_center dl dd span{ display:block; font-size:12px; line-height:20px; color:#000000; padding-top:5px; } .tbtj_center dl dd span a{ color:#000000; } /*图片放大*/ .scale-hover-parent { overflow: hidden; display: block; } .scale-hover{ transition: 0.1s transform; transform: translatez(0); } .scale-hover:hover{ transform: scale(1.2, 1.2); transition: 2s transform; } /***************list*******************/ .tpgj{ width:352px; height:468px; border:1px solid #e3e3e3; float:left; margin-right:35px; } .spxw{ float:right; margin-right:0px; } .all_tit{ width:327px; margin:0 auto; height:35px; line-height:30px; background:url(/uploads/image/images/tit1.png) no-repeat left center; margin-top:15px; } .tit2{ background:url(/uploads/image/images/tit2.png) no-repeat left center; } .tit3{ background:url(/uploads/image/images/tit3.png) no-repeat left center; } .tit4{ background:url(/uploads/image/images/tit4.png) no-repeat left center; } .tit5{ background:url(/uploads/image/images/tit5.png) no-repeat left center; } .tit6{ background:url(/uploads/image/images/tit6.png) no-repeat left center; } .tit7{ background:url(/uploads/image/images/tit7.png) no-repeat left center; } .tit8{ background:url(/uploads/image/images/tit8.png) no-repeat left center; } .tit9{ background:url(/uploads/image/images/tit9.png) no-repeat left center; } .tit10{ background:url(/uploads/image/images/tit10.png) no-repeat left center; } .tit11{ background:url(/uploads/image/images/tit11.png) no-repeat left center; } .tit12{ background:url(/uploads/image/images/tit12.png) no-repeat left center; } .all_tit strong{ font-size:24px; color:#000; display:inline-block; font-weight:normal; text-indent:55px; } .all_tit span{ padding-right:5px; float:right; padding-top: 6px; } .tpgj_in{ width:307px; margin:0 auto; } .tpgj_in img{ cursor: pointer; transition: all 0.6s; width:100%; } .tpgj_p{ width:307px; height:189px; position: relative; margin-top:24px; overflow: hidden; } .tpgj_p span{ display: inline-block; filter:alpha(opacity=60); background:#000; filter:progid:dximagetransform.microsoft.alpha(opacity=60); background-color: rgba(0,0,0,0.6); font-size: 16px; text-align: center; height: 40px; line-height: 40px; color: #fff; position: absolute; left: 0px; bottom: 0px; width: 100%; } .tpgj_ul{ margin-top:14px; } .tpgj_ul li{ font-size:14px; line-height:36px; background: no-repeat left center; text-indent:12px; } .tpgj_ul li a{ color:#333; } /***************视频新闻*******************/ .spxw_in{ width:352px; margin:0 auto; } .spxw_pp{ width:352px; height:119px; margin-top: 24px; overflow: hidden; } .spxw_p{ width:157px; height:119px; float:left; margin-left:13px; position: relative; overflow: hidden; } .play{ display: inline-block; filter:alpha(opacity=60); background:#000; filter:progid:dximagetransform.microsoft.alpha(opacity=60); background-color: rgba(0,0,0,0.6); font-size: 12px; text-align: center; height: 40px; line-height: 40px; color: #fff; position: absolute; left: 0px; bottom: 0px; width: 100%; text-indent: 6px; } .play strong { float: left; display: block; padding-top: 10px; } .play span { float: left; display: block; line-height: 40px; } .spxw_ul{ margin-left:15px; margin-top:12px; } .spxw_ul li{ font-size:14px; line-height:36px; background: no-repeat left center; text-indent:24px; } .spxw_ul li a{ color:#333333; } /***************广告*******************/ .advert{ width:1132px; height:109px; margin-top:20px; } /***************视 界*******************/ .picture{ width: 1132px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 35px; } .pic_tit{ width:1132px; height:40px; text-align:center; margin-bottom:30px; position: relative; } .pic_tit strong{ width:1132px; display:inline-block; font-size:28px; color:#000; line-height:40px; background:url(/uploads/image/images/tit13.png) no-repeat center; } .pic_tit strong b{ display:inline-block; background-color:#fff; font-weight:normal; padding-left:10px; padding-right:10px; } .pic_tit span{ display:inline-block; float:right; font-size:12px; background:url(/uploads/image/images/smallmore.png) no-repeat right center; padding-right:14px; position: absolute; right: 0px; top: 0px; } .pic_tit span a{ color:#b3b3b3; } .pic_left{ width:555px; float:left; margin-right:7px; } .pic_middle{ width:274px; float:left; } .pic_right{ width:290px; float:right; } .one{ width:555px; height:353px; position: relative; margin-bottom:6px; } .two{ width:274px; height:174px; position: relative; margin-right:7px; float:left; } .three{ width:274px; height:174px; position: relative; float:right; } .four{ width:274px; height:174px; position: relative; margin-bottom:5px; } .five{ width:274px; height:174px; position: relative; margin-bottom:6px; } .six{ width:274px; height:174px; position: relative; } .seven{ width:290px; height:263px; position: relative; margin-bottom:7px; } .eight{ width:290px; height:263px; position: relative; } .picture ul li span{ display: inline-block; filter:alpha(opacity=60); background:#000; filter:progid:dximagetransform.microsoft.alpha(opacity=60); background-color: rgba(0,0,0,0.6); font-size: 16px; text-align: center; height: 44px; line-height: 44px; color: #fff; position: absolute; left: 0px; bottom: 0px; width: 100%; } /***************便民服务*******************/ .bmfy{ width: 1132px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 20px; } .bmfu_ul{ width: 1132px; height: auto; overflow: hidden; margin-top: 15px; } .bmfu_ul li{ width:152px; height:32px; line-height:32px; border-radius:6px; border:1px solid #dfdfdf; float:left; margin-right:7px; } .bmfu_ul li:last-child{ margin-right:0px; } .bmfu_ul li a{ color:#333; display: block; height: 32px; } .bmfu_ul li strong{ float:left; display:inline-block; width:32px; text-align:center; background: no-repeat right center; margin-top: 5px; } .bmfu_ul li span{ float:left; display:inline-block; font-size:14px; text-indent:10px; } /***************友情链接*******************/ .yqlj{ width:100%; background-color:#f2f2f2; } .yqlj_in{ width: 1132px; margin: 0 auto; } .yqlj_center{ width: 1132px; height: auto; overflow: hidden; margin: 0 auto; } .yqlj_tit{ width:85px; height:32px; line-height:32px; float:left; font-size:14px; text-align:center; background:url(/uploads/image/images/yqlj.png) no-repeat center; margin-top:32px; margin-right:20px; } .yqlj_center ul { float:left; } .yqlj_center ul li{ float:left; color:#545454; font-size:12px; margin-top:40px; } .yqlj_center ul li span{ display:inline-block; padding-right:5px; padding-left:5px; } .yqlj_center ul li a{ color:#545454; } .ckgd{ float:left; font-size:12px; margin-top:40px; margin-left:20px; } .ckgd a{ color:#248cdb; } .sqjm_center{ width: 1132px; height:auto; overflow: hidden; margin: 0 auto; margin-top:28px; } .sqjm_center dl{ width:85px; float:left; margin-right: 20px; } .sqjm_center dl dt{ width:72px; height:72px; } .sqjm_center dl dd strong{ display:block; font-size:12px; color:#545454; margin-top:12px; } .sqjm_center dl dd span{ display:block; width:68px; height:22px; line-height:22px; text-align:center; background-color:#3ab8ec; font-size:12px; border-radius: 2px; margin-top:12px; } .sqjm_center dl dd span a{ color:#fff; } .link{ float:left; width:1000px; margin-top:10px; } .cwlsh{ width: 1170px; height: auto; overflow: hidden; margin-top: 4px; } .jiac{ float:left; font-size:16px; color:#248cdb; font-weight:bold; margin-top:7px; } .cwlsh ul { float:left; width: 1010px; } .cwlsh ul li{ float: left; color: #545454; font-size: 16px; line-height:30px; height: 30px; overflow: hidden; } .cwlsh ul li a { color: #545454; } .cwlsh ul li span{ display: inline-block; padding-right: 5px; padding-left: 5px; } .moreer{ float:left; font-size:12px; margin-left:20px; margin-top:8px; } .moreer a{ color:#248cdb; } /***************关于我们*******************/ .aboutus{ width:100%; height:280px; background-color:#c31012; } .lxwm{ width:1130px; margin:0 auto; height:55px; line-height:55px; text-align:center; border-bottom:none; color:#616161; } .lxwm span a{ color:#fff; padding-left:6px; padding-right:6px; } .lxwm span{ display:inline-block; font-size:12px; font-weight:bold; color:#fff; } .zbdw{ width:1130px; margin:0 auto; } .zbdw_left{ width:15%; float:left; text-align: center; margin-top:10px; } .zbdw ul{ width:100%; } .zbdw ul li{ font-size:12px; color:#ffc1c1; text-align:center; line-height:26px; } .zbdw_right{ width:15%; float:left; text-align: center; margin-top:10px; } .line div div ul li a:hover{ color: #fe0000; } .yqlj_in .yqlj_center a:hover{color:red;} .yqlj_in .sqjm_center .link a:hover{color:red;} .yqlj_in .sqjm_center dd span:hover{ background-color:red;} .yqlj .yqlj_in .yqlj_center ul li.show{ display:inline; } .yqlj .yqlj_in .sqjm_center .link .cwlsh ul li.show{ display:inline; } /*.cloud3 { pointer-events:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: 50% -50px no-repeat; background-size: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 1; opacity: 1; filter: alpha(opacity=100); -webkit-animation: bannercloud 40s linear 0s infinite normal; animation: bannercloud 40s linear 0s infinite normal; } .cloud4 { pointer-events:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: 50% -50px no-repeat; background-size: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 1; opacity: 0; filter: alpha(opacity=0); -webkit-animation: bannercloud 40s linear 20s infinite normal; animation: bannercloud 40s linear 20s infinite normal; }*/ @-webkit-keyframes bannercloud { 0% { opacity: 0; -webkit-transform: scale(1); } 10%, 80% { opacity: 0.7; } 100% { opacity: 0; -webkit-transform: scale(3); } } @keyframes bannercloud { 0% { opacity: 0; transform: scale(1); } 10%, 80% { opacity: 0.7; } 100% { opacity: 0; transform: scale(3); } }