/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ * { padding: 0; margin: 0; font-family: "Microsoft YaHei"; list-style: none; text-decoration: none; border: none; } h3{ size:16px} h2{ size:16px} .container { width: 1100px; margin: 0 auto; } html { overflow-x: hidden; } .df{ width:200px; height:167px; float:left} .firstnew li { border-bottom: 1px dashed #dcdcdc; margin-bottom: 19px; padding-bottom: 6px; } .rff{ float:left; } .nnnn p { font-size: 28px; color: #1578b8; font-weight: bold; font-family: "宋体"; height: 38px; line-height: 38px; background: url(../images/s.jpg) no-repeat left center; padding-left: 20px; } .firstnew li a { display: block; font-size: 16px; color: #5a545c; margin-bottom: 19px; } .firstnew li p { font-size: 12px; color: #6f6d6f; line-height: 24px; } body { background: #fff; color: #000; font-size: 14px; min-width: 1200px; } a { outline: none; color: #000; } a:hover { color: #1578b8; } .fl { float: left; } .fr { float: right; border-bottom:1px dashed #dcdcdc; } .clear { clear: both; } /* =================== 分页 >> pages_pre 上一页 >> pages_next 下一页 >> strong 激活状态 >> a:hover 鼠标悬停状态 =================== */ .pages { margin: 50px auto 20px auto; width: 500px; font-size: 14px; } .pages a, .pages strong { display: inline-block; line-height: 28px; padding: 0 10px; border: 1px solid #d9d9d9; background-color: #ffffff; text-decoration: none; color: #666; font-family: Simsun; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-right: 3px; } .pages .current { display: inline-block; line-height: 28px; padding: 0 10px; border: 1px solid #d9d9d9; background-color: #ffffff; text-decoration: none; font-family: Simsun; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-right: 3px; color: #fff; background-color: #1578b8; border-color: #fff; } .pages a:hover { color: #fff !important; background-color: #1578b8; border-color: #fff; text-decoration: none; } .pages strong { color: #fff; background-color: #24557d; border-color: #fff; } .pages span { padding: 0 10px; line-height: 23px; } /* index top */ .topbar { height: 30px; line-height: 30px; background: #eee; font-size: 12px; } .topbar a { margin: 0 10px; } .head { height: 119px; } .head .logo { width: 429px; height: 119px; background: url(../images/logo.jpg) no-repeat center; text-indent: -99em; overflow: hidden; } .toptell { background: url(../images/tt.jpg) no-repeat left center; padding-left: 70px; margin-top: 40px; } .toptell span { display: block; font-size: 16px; color: rgba(4,0,0,.75); } .toptell p { color: #040000; font-size: 30px; font-family: "Cambria"; } .nav { height: 55px; background: #1578b8; line-height: 55px; } .nav ul { margin-left: -35px; } .nav li { float: left; font-size: 18px; margin-left: 16px; } .nav li a { color: #fff; display: block; width: 125px; text-align: center; } .nav li a:hover, .nav li a.hover { background: #0b69a6; } .slideBox { width: 100%; height: 10px; overflow: hidden; position: relative; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; /* [disabled]height: 526px; */ } .slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 77px; height: 77px; background: url(../images/pre.png) no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .slideBox .next { left: auto; right: 3%; background-position: -77px 0; } .slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; } .adv { } .advtit { text-align: center; } .advtit span { display: block; color: #1578b8; font-size: 14px; font-family: "宋体"; font-weight: bold; padding-top: 5px; } .advtit p { padding-top: 10px; } .dsffvg{ float:right} .adv ul { margin-top: 80px; } .adv li { text-align: center; float: left; width: 235px; padding: 10px 20px; } .adv li span { display: block; font-size: 18px; color: #1578b8; margin-top: 16px; } .adv li p { color: #686868; line-height: 26px; margin-top: 10px; } .product { padding-top: 9px; } .slideTxtBox { text-align: left; } .slideTxtBox .hd { height: 41px; line-height: 41px; position: relative; text-align: center; width: 100%; margin-bottom: 34px; } .slideTxtBox .hd ul { display: inline-block; } .slideTxtBox .hd ul li { float: left; height: 41px; cursor: pointer; background: #a8a8a8; font-size: 15px; color: #fff; border-radius: 20px; margin: 0 10px; /* [disabled]padding: 0px 10px; */ width: 117px; } .slideTxtBox .hd ul li.on,.slideTxtBox .hd ul li.on a { background: #1578b8; color:#fff; } .slideTxtBox .bd{ height:415px; overflow:hidden;} .slideTxtBox .bd ul { zoom: 1; margin-left: -18px; } .slideTxtBox .bd li { width: 261px; float: left; text-align: center; margin-left: 18px; } .slideTxtBox .bd li img { width: 261px; height: 166px; float: left; } .slideTxtBox .bd li p { height: 44px; line-height: 44px; background: #f4f4f4; font-size: 15px; float: left; width: 100%; } .slideTxtBox .bd li:hover p { background: #1578b8; color: #fff; } .product a.more { display: block; width: 205px; height: 40px; line-height: 40px; text-align: center; background: #dcdcdc; color: #2f2f2f; font-size: 16px; border-radius: 10px; margin: 40px auto; } .product a.more:hover { background: #1578b8; color: #fff; } .about { background: url(../images/abbg.jpg) no-repeat center; } .abtit { text-align: center; font-size: 16px; color: #1578b8; font-family: "宋体"; font-weight: bold; border-bottom: 2px solid #efefef; padding-top: 5px; padding-bottom: 5px; margin-bottom: 30px; } .abright { width: 670px; } .abright p { color: #727170; line-height: 28px; text-indent: 1em; } .abright a.more { display: block; width: 205px; height: 40px; line-height: 40px; text-align: center; background: #dcdcdc; color: #2f2f2f; font-size: 16px; border-radius: 10px; margin: 20px auto 0px; } .abright a.more:hover { background: #1578b8; color: #fff; } .newleft { margin-top: 55px; width: 710px; } .firstnew img { width: 218px; height: 150px; } .firstnew .fr { width: 475px; } .firstnew .fr span { display: block; font-size: 20px; color: #b5b5b5; margin-bottom: 10px; margin-top: 5px; } .firstnew .fr a { display: block; font-size: 18px; color: #5a545c; margin-bottom: 5px; } .firstnew .fr p { font-size: 12px; color: #6f6d6f; line-height: 24px; } .firstnew .fr a:hover { color: #1578b8; } .xinwen li { border-bottom: 1px dashed #dcdcdc; margin-bottom: 19px; padding-bottom: 6px; } .xinwen { width: 755px; margin-top: 55px; } .xinwen li p i { display: block; width: 25px; height: 25px; line-height: 25px; color: #fff; background: #c3c3c3; text-align: center; border-radius: 50%; font-style: normal; margin-right: 12px; font-size: 14px; float: left; } .xinwen li a i { display: inline-block; width: 25px; height: 25px; line-height: 25px; color: #fff; background: #1578b8; text-align: center; border-radius: 50%; font-style: normal; margin-right: 12px; } .ttit{ height: 52px; margin-bottom: 33px; border-bottom: 2px solid #d2d2d2; } .xinwen li a { display: block; font-size: 16px; color: #5a545c; margin-bottom: 19px; } .xinwen li p { font-size: 12px; color: #6f6d6f; line-height: 24px; } .newtit { height: 52px; margin-bottom: 33px; border-bottom: 2px solid #d2d2d2; } .newtit p { font-size: 28px; color: #1578b8; font-weight: bold; font-family: "宋体"; height: 38px; line-height: 38px; background: url(../images/s.jpg) no-repeat left center; padding-left: 20px; } .newtit a { display: block; color: #989697; margin-top: 20px; margin-right: 15px; } .ttit { height: 52px; margin-bottom: 33px; border-bottom: 2px solid #d2d2d2; } .ttit p { font-size: 28px; color: #1578b8; font-weight: bold; font-family: "宋体"; height: 38px; line-height: 38px; background: url(../images/s.jpg) no-repeat left center; padding-left: 20px; } .ttit a { display: block; color: #989697; margin-top: 20px; margin-right: 15px; } .newleft ul { margin-top: 25px; } .newleft li { height: 33px; line-height: 33px; border-bottom: 1px dashed #e2e2e2; padding: 0 20px 0 10px; clear: both; } .newleft li a { display: block; float: left; color: rgba(19,19,19,.85); background: url(../images/d.jpg) no-repeat left center; padding-left: 20px; } .newleft li span { display: block; float: right; color: rgba(88,88,88,.71); } .newleft li:last-child { border: 0; } .newleft li a:hover { color: #1578b8; } .newright { width: 330px; margin-top: 55px; } .newright li { border-bottom: 1px dashed #dcdcdc; margin-bottom: 19px; padding-bottom: 6px; } .newright li:last-child { border: 0; } .newright li a { display: block; font-size: 16px; color: #5a545c; margin-bottom: 19px; } .newright li a i { display: inline-block; width: 25px; height: 25px; line-height: 25px; color: #fff; background: #1578b8; text-align: center; border-radius: 50%; font-style: normal; margin-right: 12px; } .newright li p { font-size: 12px; color: #6f6d6f; line-height: 24px; } .newright li p i { display: block; width: 25px; height: 25px; line-height: 25px; color: #fff; background: #c3c3c3; text-align: center; border-radius: 50%; font-style: normal; margin-right: 12px; font-size: 14px; float: left; } .newright li a:hover { color: #1578b8; } .link { height: 63px; line-height: 34px; } .link p { background: url(../images/link.jpg) no-repeat left center; padding-left: 70px; } .link a { margin: 0 10px; color: rgba(64,63,63,.9); } .footer { height: 237px; background: #2b2b2b; color: #fff; } .footer a { color: #fff; } .footer .flogo { margin-top: 52px; margin-left: 40px; } .fm { width: 655px; margin-top: 55px; margin-left: 65px; } .fm ul { border-bottom: 1px solid #4c4c4c; height: 30px; line-height: 30px; padding-bottom: 18px; margin-bottom: 15px; } .fm li { float: left; font-size: 15px; } .fm ul li:first-child a { margin-left: 0; } .fm li a { margin: 0 19px; } .fm p { font-size: 15px; line-height: 28px; } .fm p.copy { margin-top: 5px; } .fm p.copy, .fm p.copy a { font-size: 14px; color: rgba(255,255,255,.51); } .ewm { text-align: center; margin-right: 38px; margin-top: 53px; } .ewm p { margin-top: 10px; } .banner { height: 500px; background: url(../images/banner1.jpg) no-repeat center; } .main { margin-top: 20px; } .position { line-height: 30px; } .pagetop { text-align: center; margin-top: 20px; } .pagetop p { font-size: 30px; line-height: 36px; margin-bottom: 10px; color: #000022; } .pagetop span { color: #cacace; font-family: Arial; font-size: 20px; line-height: 36px; } .submenu { text-align: center; margin-top: 10px; clear:both; margin-bottom: 15px; } .submenu ul { display: inline-block; } .submenu ul li { float: left; margin-right: 10px; } .submenu ul li a { display: block; height: 50px; text-align: center; line-height: 50px; color: #666; padding: 0px 15px; background-color: #f1f1f1; } .submenu ul li a:hover, .submenu ul li a.hover { background: #1578b8; color: #fff; } .content { line-height: 30px; margin-top: 10px; color: #333; } .list { margin-top: 50px; } .list li { border-bottom: 1px dashed #e2e2e2; margin-bottom: 10px; padding-bottom: 5px; } .list li a { color: #333; display: block; font-weight: bold; } .list li span { color: #929292; display: block; font-size: 12px; margin-bottom: 8px; padding-top: 15px; } .list li p { color: #666; font-size: 12px; line-height: 30px; } .list li a:hover { color: #1578b8; } .photo { margin-top: 30px; } .photo li { float: left; margin: 10px 16px; text-align: center; } .photo li p { line-height: 30px; } .photo li img { height: 180px; transition: all 0.7s ease 0s; width: 240px; } .photo li:hover img { opacity: 0.8; } .show { margin-top: 50px; } .showtop { text-align: center; margin-top: 40px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; } .showtop h1 { display: block; font-size: 16px; } .showtop .date { font-size: 12px; color: #5a5a5a; margin-top: 20px; } .showtop .date span { margin: 0 10px; } .prepage { font-size: 12px; line-height: 30px; margin: 50px 0; } .prepage a { color: #1578b8; } .hotcp { margin-top: 20px; } .hotcp ul { border-top: 1px dashed #ddd; padding-top: 20px; } .hotcp li { float: left; line-height: 40px; margin-left: 20px; text-align: center; width: 200px; } .hotcp li:first-child { margin: 0; } .hotcp li img { height: 137px; width: 200px; } .hotcp_top { background: #0069b7; color: #fff; font-weight: bold; height: 40px; line-height: 40px; margin-bottom: 10px; text-align: center; width: 100px; } .hotnews { margin-bottom: 30px; margin-top: 20px; } .hotnews_top { border-bottom: 1px solid #ddd; color: #0069b7; font-size: 14px; line-height: 30px; margin-bottom: 10px; } .hotnews li { border-bottom: 1px dotted #ddd; float: left; line-height: 36px; margin-right: 30px; padding-left: 20px; width: 500px; background: url(../images/d.jpg) no-repeat left center; } .hotnews li a { color: #2e2e2e; } .hotnews li span { color: #999; float: right; font-size: 13px; } .hotlabel { margin-top: 30px; } .hotlabel p { color: #0069b7; } .hotlabel a { display: block; float: left; margin-right: 10px; margin-top: 10px; padding: 0 10px; background: #0069b7; line-height: 30px; color: #fff; font-size: 12px; } .position h1 { font-size: 22px; } /*pages*/ .pagination-wrapper { margin: 20px 0; } .pagination { height: 34px; text-align: center; clear: both; } .pagination li { margin-right: 5px; padding-bottom: 0; float:left; height: 32px; line-height: 32px; } .pagination li a { display: block; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } .pagination li a:hover { background: #f5f5f5; color: #0099ff; } .pagination li.thisclass { background: #09f; color: #fff; display: inline-block; height: 34px; padding: 0 12px; } .pagination li.thisclass a, .pagination li.thisclass a:hover { background: transparent; border-color: #09f; color: #fff; cursor: default; display:block; } .tuijian{} .tuijian li img{ border-radius:50%; width:150px; height:150px;} .protlist{ margin-bottom: 20px; } .protlist dl{ padding:10px; border:1px solid #f1f1f1; margin-bottom:10px; height:120px; overflow:hidden; } .protlist dl dt{ float:left; width:200px;} .protlist dl dt img{ width:150px; height:120px;} .protlist dl dd{ float:right; width:860px} .protlist dl:hover{ background-color:#f5f5f5; border-color:#e5e5e5;}