/**定义全局变量**/ /* start default */ body { color: #333; font: 12px/1.5 "Simsun"; } body, ul, li, img, h1, h2, h3, h4, form, dt, dd, dl { margin: 0; padding: 0; } ul, li { list-style: none; } img { border: 0; } .row { margin: 0; } .two-block { float: left; width: 66.66666666%; } @media (max-width: 991px) { .two-block { float: none; width: 100%; } .two-block .pd2 { padding-top: 15px; } } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0; } .cb { height: 0; overflow: hidden; clear: both; } .hr50 { height: 50px; } .hr20 { height: 20px; } .hr15 { height: 15px; } .noborder { border: 0 !important; } /* end default */ .wrapbg { background: #f2f2f2 url(../images/wrapbg.jpg) no-repeat top center; border-top: 1px solid #d2d2d2; } .bigPic { position: relative; } .bigPic ul li { display: none; } .bigPic ul li:first-child { display: block; } .bigPic .flex-viewport li { position: static; } .bigPic .flex-control-paging { position: relative; bottom: 40px; left: 558px; margin: 0 auto; padding: 0; width: 100px; text-align: right; } .bigPic .flex-control-paging li a { width: 15px; height: 15px; background: #fff; border-color: #fff; text-align: left; } .bigPic .flex-control-paging li .flex-active { background-color: #eb5e13; border-color: #eb5e13; } .indexWith { width: 1218px; margin: 0 auto; background-color: #f2f2f2; } .indexTitle1, .indexTitle2, .indexTitle3, .indexTitle4 { font: 22px/50px Microsoft YaHei; color: #eb5e13; border-bottom: 1px solid #d9d9d9; position: relative; height: 50px; margin-bottom: 15px; } .indexTitle1 .more, .indexTitle2 .more, .indexTitle3 .more, .indexTitle4 .more { position: absolute; top: 18px; right: 2px; background: url("../images/de_more.gif") no-repeat center right; font: 14px/20px Arial; padding-right: 17px; color: #414141; text-decoration: none; display: block; } .pd1 { padding-right: 15px; } .pd2 { padding: 0 15px; } .pd3 { padding-right: 15px; } .pd3-content{ background-color: #fff; font: 14px/20px "Simsun"; /* color: #8c8c8c; */ color: #262626; line-height: 24px; } .pd3-text{ padding: 20px 16px 42px; text-align: justify; } .box2.pd3-swiper{ background: #fff url("../images/box2_bg_03.jpg") no-repeat left top / cover; } .pd3-swiper .media-body{ padding-top: 8px; } .box2 { padding: 26px 97px 25px 97px; font: 14px/24px Microsoft YaHei; color: #262626; position: relative; } .box2 .pull-left { width: 142px; } .box2 .pull-left img { width: 100%; height: auto; border: 1px solid #e8e8e8; } .box2 p { font-size: 20px; line-height: 28px; } .box2 p span { color: #eb5e13; } .box2 span { font-weight: bold; color: #996600; } .box2 ul li { display: none; } .box2 ul li:first-child { display: block; } .box2 .flex-viewport li { position: static; } .box2 .flex-direction-nav { *height: 0; overflow: hidden; } .box2 .flex-direction-nav li { display: block; } .box2 .flex-direction-nav .flex-prev, .box2 .flex-direction-nav .flex-next { position: absolute; display: block; width: 26px; height: 26px; background: url("../images/box2_pn.png") no-repeat; text-indent: -9999px; top: 45%; left: 25px; background-position: -26px -26px; outline: none; } .box2 .flex-direction-nav .flex-prev:hover, .box2 .flex-direction-nav .flex-next:hover { background-position: -26px 0; } .box2 .flex-direction-nav .flex-next { left: auto; right: 25px; background-position: 0 -26px; } .box2 .flex-direction-nav .flex-next:hover { background-position: 0 0; } .box1_1 { background: #fff url("../images/box1_bg.jpg") no-repeat; padding: 20px 10px 20px 30px; font: 14px/25px Microsoft YaHei; color: #666666; } .box1_1 .media-body { text-indent: 2em; height: 125px; overflow: hidden; } .box1_2 { background-color: #fff; padding: 5px 0; } .box1_2 li { float: left; width: 50%; } .box1_2 li a { display: block; font: 18px/42px Microsoft YaHei; height: 42px; margin: 0 25px; background: url("../images/de1.gif") no-repeat center right; color: #292929; } .box2 { background: #fff url("../images/box2_bg.jpg") no-repeat left top; padding: 0; font: 14px/24px Microsoft YaHei; color: #262626; position: relative; } .box2 .pull-left { width: 110px; } .box2 .pull-left img { width: 100%; height: auto; border: 1px solid #e8e8e8; } .box2 p { font-size: 18px; line-height: 24px; } .box2 .media-body{ font-size: 12px; line-height: 18px; } .box2 p span { color: #eb5e13; } .box2 span { font-weight: bold; color: #996600; } .box2 ul li { display: none; } .box2 ul li:first-child { display: block; } .box2 .flex-viewport li { position: static; } .box2 .flex-direction-nav { *height: 0; overflow: hidden; } .box2 .flex-direction-nav li { display: block; } .box2 .flex-direction-nav .flex-prev, .box2 .flex-direction-nav .flex-next { position: absolute; display: block; width: 26px; height: 26px; background: url("../images/box2_pn.png") no-repeat; text-indent: -9999px; top: 45%; left: 2px; background-position: -26px -26px; outline: none; } .box2 .flex-direction-nav .flex-prev:hover, .box2 .flex-direction-nav .flex-next:hover { background-position: -26px 0; } .box2 .flex-direction-nav .flex-next { left: auto; right: 2px; background-position: 0 -26px; } .box2 .flex-direction-nav .flex-next:hover { background-position: 0 0; } .flexslider { overflow: hidden; position: relative; padding-bottom: 20px; } .flexslider .slides { width: 10000px; } .flexslider li { float: left; } .flex-control-paging { position: absolute; bottom: -5px; *bottom: 0px; margin: 0; padding: 0; width: 100%; text-align: center; } .flex-control-paging li { margin: 0 3px !important; float: none; display: inline-block; *display: inline; zoom: 1; } .flex-control-paging li a { background: url("../images/blank.gif") repeat; height: 10px; width: 10px; border-radius: 20px; border: 1px solid #eb5e13; cursor: pointer; text-indent: -9999px; display: block; } .flex-control-paging li .flex-active { background-color: #eb5e13; } .box3 { position: relative; } .box3 img { width: 100%; height: auto; } .box3 .btitle { position: absolute; bottom: 0; left: 0; height: 44px; font: 18px/44px Microsoft YaHei; color: #fff; padding: 0 10px; display: block; height: 44px; overflow: hidden; } .box3 .btitle_bg { position: absolute; bottom: 0; left: 0; height: 44px; background-color: #000; filter: alpha(opacity=60); opacity: 0.6; height: 44px; width: 100%; } .box4 { margin-top: 16px; padding-top: 1px; } .box4:first-child { padding: 0; } .box4 .pull-left img { width: 150px; } .box4 .media-body h3 { height: 44px; overflow: hidden; margin-bottom: 10px; } .box4 .media-body h3 a { font: 18px/22px Microsoft YaHei; color: #262626; display: block; } .box4 .media-body .desc { font: 14px/20px "Simsun"; color: #8c8c8c; height: 40px; overflow: hidden; } .box5 { padding: 10px 0 10px; border-top: 1px dashed #ccc; } .box5:first-child { padding-top: 0; border-top: 0; } .box5 h3 { height: 36px; overflow: hidden; } .box5 h3 a { font: 18px/36px Microsoft YaHei; color: #262626; display: block; } .box5 .desc { font: 14px/20px "Simsun"; color: #8c8c8c; height: 60px; overflow: hidden; } .box6 li { position: relative; width: 100%; white-space: nowrap; padding-left: 25px; background: url("../images/de2.gif") no-repeat 10px center; } .box6 li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; height: 38px; font: 16px/38px Microsoft YaHei; color: #262626; } .box6 li span { float: right; display: block; width: 75px; text-align: left; font-size: 12px; font: 14px/38px Arial; margin-right: 10px; } .no_margin { margin: 0 !important; } .indexTitle2 { color: #414141; } .box7 { overflow: hidden; } .box7 img { width: 100%; height: auto; } .box7 .slides { width: 10000px; } .box7 li { float: left; } .box7 .flex-control-paging { bottom: 0px; text-align: right; padding-right: 30px; } .box7 .flex-control-paging li { float: none; } .box7 .flex-control-paging li a { background: #fff; border-color: #fff; text-align: left; } .box7 .flex-control-paging li .flex-active { background-color: #eb5e13; border-color: #eb5e13; } .box8 .b_lr { width: 48%; float: left; } .box8 .media a { display: block; background-color: #fff; padding: 5px 0 4px 15px; height: 48px; overflow: hidden; text-decoration: none; cursor: pointer; box-sizing: content-box; -moz-box-sizing: content-box; } .box8 .b_lr:first-child { margin-right: 4%; } .box9 .item { width: 48%; float: left; background-color: #fff; } .box9 .item h4 { font: 14px/20px Microsoft YaHei; height: 20px; margin: 15px 15px 0 15px; overflow: hidden; color: #b6915c; } .box9 .item h3 a { display: block; font: 20px/40px Microsoft YaHei; height: 40px; margin: 0 15px; overflow: hidden; color: #996600; } .box9 .item .desc { font: 12px/20px Microsoft YaHei; height: 40px; margin: 0 15px 15px 15px; overflow: hidden; color: #594e48; box-sizing: content-box; -moz-box-sizing: content-box; } .box9 .item img { width: 100%; height: auto; } .box9 .item:first-child { margin-right: 4%; } .indexTitle3 { font-weight: bold; } .indexTitle4 { color: #e09e01; font-weight: bold; } .footContent { width: 1218px; margin: 0 auto; height: 70px; } .footContent .footLeft { font: 12px/20px Simsun; color: #333; padding-top: 10px; } .footContent .footLeft a { font: 12px/20px Simsun; color: #333; } .footContent .footRight { text-align: right; padding-top: 10px; } .footContent .footRight span { font: 12px/20px Arial; color: #7d7d7d; } /* end 首页 */ /* 内页 */ .inWrap { width: 1218px; margin: 0 auto; background: #fff url("../images/inWrap_bg.jpg") no-repeat top right; border-radius: 0 4px 0 0; overflow: hidden; } .inLeft { /* 由于左定宽布局的原因,部分浏览器左侧给盖住了,所以要relative调整,又因为需要用左右对齐的margin10000的css,所以ie7必须保持是static的 */ width: 203px; float: left; margin-left: -100%; position: relative; *position: static; border-right: 1px solid #eeeeee; margin-bottom: -10000px; padding-bottom: 10000px; z-index: 1; box-sizing: content-box; -moz-box-sizing: content-box; } .subMenu .subMenuHead, .subMenuDown .subMenuHead { background: #fa8b0c url("../images/subMenuHead.jpg") no-repeat; height: 90px; padding: 40px 20px 0; border-radius: 4px 0 0 0; box-sizing: content-box; -moz-box-sizing: content-box; } .subMenu .subMenuHead h3, .subMenuDown .subMenuHead h3 { font: 30px/34px Microsoft YaHei; color: #fff; } .subMenu .subMenuHead h4, .subMenuDown .subMenuHead h4 { font: 18px/24px Arial; color: #fff; } .subMenu ul ul, .subMenuDown ul ul { display: none; } .subMenu ul li, .subMenuDown ul li { border-bottom: 1px solid #eeeeee; } .subMenu ul li a, .subMenuDown ul li a { display: block; padding: 10px 5px 10px 20px; font: bold 18px/28px Microsoft YaHei; color: #ac8751; text-decoration: none; box-sizing: content-box; -moz-box-sizing: content-box; } .subMenu ul li a:hover, .subMenuDown ul li a:hover { color: #ed4f01 !important; } .subMenu ul .selected, .subMenuDown ul .selected { background: #f00 url("../images/subMenuSelected.jpg") top left; } .subMenu ul .selected a, .subMenuDown ul .selected a { color: #fff; } .subMenu ul .selected a:hover, .subMenuDown ul .selected a:hover { color: #eee !important; } .subMenu ul .selected ul, .subMenuDown ul .selected ul { display: block; background-color: #fafafa; } .subMenu ul .selected ul li, .subMenuDown ul .selected ul li { border: 0; } .subMenu ul .selected ul li a, .subMenuDown ul .selected ul li a { font: 16px/22px Microsoft YaHei; color: #a6a6a6; background: url("../images/de_subMenu.jpg") no-repeat 20px center; padding-left: 30px; } .subMenu ul .selected ul li a:hover, .subMenuDown ul .selected ul li a:hover { color: #ed4f01 !important; } .subMenu ul .selected ul .selected, .subMenuDown ul .selected ul .selected { background: none; } .subMenu ul .selected ul .selected a, .subMenuDown ul .selected ul .selected a { color: #ed4f01; } .subMenuDown .subMenuHead { background: none; padding: 20px; border-top: 1px solid #fb920f; height: auto; } .subMenuDown .subMenuHead h3 { color: #fa8c0c; } .subMenuDown ul li a { font-weight: 100; } .subMenuDown ul .selected { background: url("../images/subMenuDownSelected.jpg") repeat-x; } .suMenu3 { padding-top: 10px; } .suMenu3 .btn-default { width: 100%; text-align: left; border-color: #fb910e; color: #fb910e; } .suMenu3 .btn-default:hover { border-color: #fb910e; color: #fb910e; background: #eee; } .suMenu3 .btn-default .caret { float: right; position: relative; top: 8px; } .suMenu3 .dropdown-toggle { border-color: #fb910e !important; color: #fb910e !important; } .suMenu3 .dropdown-menu { width: 100%; border-color: #fb910e; color: #fb910e; } .suMenu3 .dropdown-menu .active a { background-color: #ef5e06; } .searchBox { padding: 20px 0 20px; box-sizing: content-box; -moz-box-sizing: content-box; border-bottom: 1px solid #ed4f01; } .searchBox .searchText { width: 258px; height: 22px; display: block; float: left; box-sizing: content-box; -moz-box-sizing: content-box; margin-right: 5px; border: 1px solid #ccc; padding-left: 5px; } .searchBox .searchButton { background: #f89c1b; border: 0; color: #fff; height: 26px; display: block; float: left; width: 60px; text-align: center; font-size: 16px; border-radius: 4px; box-sizing: content-box; -moz-box-sizing: content-box; } .searchBox .result-s { clear: both; font: 16px/1.5 Microsoft YaHei; color: #b2b2b2; padding-top: 10px; } .center { float: left; width: 100%; } .centerInner { margin-left: 203px; padding: 10px 35px; min-height: 600px; } .breadCrumb { text-align: right; font: 14px/20px Simsun; color: #999; } .breadCrumb a { font: 14px/20px Simsun; color: #999; } .inTitle { font: 30px/40px Microsoft YaHei; height: 40px; padding-top: 10px; box-sizing: content-box; -moz-box-sizing: content-box; } .inSubTitle { font: 16px/24px Arial; height: 28px; padding-bottom: 23px; color: #848484; border-bottom: 1px solid #ed4f01; box-sizing: content-box; -moz-box-sizing: content-box; } /* 列表 */ .inList ul li { position: relative; background: url(../images/de2.gif) no-repeat 14px 22px; padding: 12px 0 12px 34px; border-bottom: 1px dashed #e6e6e6; } .inList ul li a { font: 16px/28px Simsun; display: block; width: 85%; color: #515151; } .inList ul li span { position: absolute; font: 14px/28px Arial; color: #515151; right: 0; top: 10px; } /* 分页 */ #pageN { padding: 30px 0; clear: both; font: 14px/22px Arial, Simsun; } #pageN a { font: 14px/22px Arial, Simsun; color: #474848; text-decoration: none; border-bottom: 1px solid #999; } #pageN .pageInfo { float: left; } #pageN .pageNav { float: right; } #pageN .pageNav .pageNum span { border: 0 !important; color: #ed4f01; } #pageN .pageNav .pageInfo2 { display: none; } /*正文*/ .inWrapDetail { background: #fff; } .newsTitle { font: 30px/40px Microsoft YaHei; color: #353535; padding-top: 10px; } .newsSubTitle { font: 18px/30px Microsoft YaHei; color: #707070; padding-bottom: 25px; } .newsInfo { border-bottom: 1px solid #ed4f01; min-height: 36px; } .newsInfo .pubDate { font: 14px/25px Microsoft YaHei; padding: 5px 0; } .newsInfo .toolbar { float: right; position: relative; width: 110px; top: 6px; /*width:250px; height:19px;background:url(../images/toolbarbg.gif) no-repeat center right;*/ } .newsInfo .toolbar a { position: absolute; top: 2px; display: block; width: 18px; height: 15px; background: url(../images/detail_ico.gif) no-repeat 0 0; color: #fff; text-align: center; text-decoration: none; border-radius: 2px; font: 12px/15px Simsun; } .newsInfo .toolbar .print { left: 40px; } .newsInfo .toolbar .mail { left: 65px; background-position: 0 -17px; } .newsInfo .toolbar .fav { left: 90px; background-position: 0 -38px; } .newsInfo .toolbar .small { right: 47px; background: #9c9c9c; } .newsInfo .toolbar .middle { right: 25px; background: #9c9c9c; } .newsInfo .toolbar .large { right: 3px; background: #9c9c9c; } .newsInfo .toolbar .sel { color: #d3a010; background: #fff; } .newsContent, .htnlpageContent { font-size: 16px; padding-top: 20px; font-family: Microsoft YaHei; } .newsContent img, .htnlpageContent img { max-width: 100%; } .newsContent h1, .htnlpageContent h1 { color: #eb6100; font-size: 26px; line-height: 2; } .newsContent .media .pull-left, .htnlpageContent .media .pull-left { margin-right: 20px; } @media (max-width: 680px) { .newsContent .media .pull-left, .htnlpageContent .media .pull-left { float: none !important; margin-right: 0; margin-bottom: 10px; } .newsContent .media .pull-left p, .htnlpageContent .media .pull-left p { text-align: center; } .newsContent .media .pull-left img, .htnlpageContent .media .pull-left img { width: 100%; } } .newsContent .col-sm-6:first-child, .htnlpageContent .col-sm-6:first-child { padding-right: 20px; *width: 46%; } @media (max-width: 680px) { .newsContent .col-sm-6:first-child, .htnlpageContent .col-sm-6:first-child { padding-right: 0px; } } .newsContent .share, .htnlpageContent .share { padding: 20px 0; } /*单篇*/ .htnlpageContent { line-height: 2; } /*图片列表*/ .picItem { padding: 20px 0; border-bottom: 1px solid #C8C8C8; } .picItem .pull-left { margin-right: 20px; } .picItem .pull-left img { width: 200px; } .picItem .media-body .pubDate { color: #6B6B6B; font-size: 12px; } .picItem .media-body h3 a { color: #353535; font: bold 18px/27px Simsun; } .picItem .media-body .desc { color: #6B6B6B; font: 14px/24px Simsun; } .picItem .media-body .pdfmore { display: block; float: right; height: 24px; width: 76px; background: url(../images/pdfmore.jpg) no-repeat; } .picItem .media-body .pdfmore a { display: block; height: 24px; width: 76px; } /* 招聘 */ .tableList { width: 100%; font: 16px/22px Simsun; } .tableList th { background: #f2f2f2 url(../images/table_border.gif) no-repeat left center; text-align: center; padding: 10px 0; } .tableList th:first-child { background-image: none; } .tableList td { padding: 10px 0; text-align: center; border-bottom: 1px dashed #cccccc; } .tableList td a { color: #333; } /* 核心业务 */ .no_bg { background: none; } .inRight { float: left; margin-left: -272px; position: relative; *position: static; width: 222px; padding: 25px; background-color: #f9f8f5; margin-bottom: -10000px; padding-bottom: 10000px; z-index: 1; box-sizing: content-box; -moz-box-sizing: content-box; } .inRight .pl_item { border-top: 1px solid #eeeeee; padding: 20px 0 30px 0; } .inRight .pl_item .pl_icon { text-align: center; } .inRight .pl_item .pl_title { text-align: center; font: 24px/40px Microsoft YaHei; color: #636363; } .inRight .pl_item .pl_title span { color: #eb7913; } .inRight .pl_item .pl_desc { font: 14px/24px Microsoft YaHei; padding: 10px 0; text-indent: 2em; } .inRight .pl_item:first-child { border-top: 0; } .productCenter { float: left; width: 100%; } .productInner { margin-right: 284px; background: #fff url("../images/inWrap_bg.jpg") no-repeat top left; } .productTop { padding: 15px 25px 0 25px; border-bottom: 1px solid #f0f0f0; } .productTop .inSubTitle { border: 0; padding-bottom: 17px; } .productBox { background-color: #fff; padding: 25px; } .productBox .ptitle { font: 24px/40px Microsoft YaHei; color: #636363; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; } .productBox .item { width: 31.333333%; margin-left: 2.9%; } .productBox .item h4 { font: 14px/40px Microsoft YaHei; height: 40px; margin-top: 15px; overflow: hidden; color: #b6915c; } .productBox .item h3 a { display: block; font: 20px/40px Microsoft YaHei; height: 40px; overflow: hidden; color: #eb5e13; } .productBox .item .desc { font: 12px/20px Microsoft YaHei; height: 40px; margin-bottom: 15px; overflow: hidden; color: #594e48; box-sizing: content-box; -moz-box-sizing: content-box; } .productBox .item img { width: 100%; height: auto; } .productBox .item:first-child { margin: 0; } .productMenu .icon1 a { background: url("../images/icon1-s.png") no-repeat; } .productMenu .icon2 a { background: url("../images/icon2-s.png") no-repeat; } .productMenu .icon3 a { background: url("../images/icon3-s.png") no-repeat; } .productMenu .icon4 a { background: url("../images/icon4-s.png") no-repeat; } .productMenu .icon5 a { background: url("../images/icon5-s.png") no-repeat; } .productMenu .icon6 a { background: url("../images/icon6-s.png") no-repeat; } .productMenu .pm_item { float: left; width: 155px; background: url("../images/border2.jpg") no-repeat bottom left; } .productMenu .pm_item a { display: block; background-position: center 10px; text-align: center; font: 16px/24px Microsoft YaHei; color: #636363; padding: 85px 0 5px; } .productMenu .icon6 { width: 159px; } .productMenu .selected { background: url("../images/pm_selected.jpg") no-repeat; } .productMenu .selected a { background-position: center -118px; color: #fff; } .productList { background-color: #ef5906; min-height: 42px; } .productList li { float: left; height: 42px; } .productList li a { margin-left: 5px; margin-top: 10px; display: block; font-size: 14px; color: Microsoft YaHei; color: #fff; padding: 2px 20px; background: url("../images/table_border.gif") no-repeat right center; border-radius: 5px; display: block; } .productList .selected a { background: #d82e00; } .productMenu, .productList { position: relative; } .productMenu .flex-disabled { display: none !important; } .productMenu .flex-direction-nav { position: absolute; top: 50px; width: 100%; display: none; } .productMenu .productList .flex-direction-nav { top: 8px; } .productMenu .flex-direction-nav .flex-prev, .productMenu .box2 .flex-direction-nav .flex-next, .box2 .productMenu .flex-direction-nav .flex-next, .productMenu .productList .flex-prev, .productMenu .productList .box2 .flex-direction-nav .flex-next, .box2 .flex-direction-nav .productMenu .productList .flex-next { position: absolute; left: 10px; } .productMenu .flex-direction-nav .flex-next, .productMenu .productList .flex-next { position: absolute; right: 10px; background-position: -30px 0 !important; } .productMenu .flex-direction-nav a { dispay: block; width: 30px; height: 30px; background: url(../images/bg_direction_nav.png) no-repeat !important; overflow: hidden; text-indent: 9999px; opacity: .8; } .productDesc { padding: 20px; padding-top: 0; } .productDesc .pull-left { width: 37%; margin-right: 30px; } .productDesc .pull-left img { width: 100%; height: auto; } .productDesc .media-body h3 { min-height: 46px; font: 26px/40px Microsoft YaHei; color: #353535; border-bottom: 1px solid #ececec; padding-bottom: 5px; margin-bottom: 10px; } .productDesc .media-body p { font: 16px/28px Simsun; color: #242424; min-height: 260px; } .productDesc .media-body .more { text-align: right; } .productDesc .media-body .more a { font-size: 16px; color: #ef5906; } .productNavigationP { padding: 10px 4%; } /* 1024 版*/ @media (min-width: 992px) and (max-width: 1200px) { .indexWith { width: 1000px; } .bigPic .flex-control-paging { left: 448px; } .box2 { font-size: 12px; } .box2 .pull-left { width: 100px; } .box2 p { font-size: 18px; } .box4 { margin-top: 16px; padding-top: 1px; } .box4:first-child { padding: 0; } .box5 { padding: 8px 0; } .box6 li a { height: 35px; line-height: 35px; } .box6 li span { height: 35px; line-height: 35px; } .box8 .media { margin-top: 11px; } .box8 .media a { padding: 5px; height: 36px; font: 16px/30px Simsun; color: #353535; } .box8 .media a img { height: 36px; } .flexslider { padding-bottom: 20px; } .footContent { width: 1000px; } .inWrap { width: 1000px; } .productList li a { padding: 0 8px; } .productMenu .pm_item { width: 119px; } .productMenu .icon6 { width: 121px; } } /* 手机 ipad竖版 */ @media screen and (max-width: 992px) { .indexWith { width: 100%; margin: 0 auto; } .footContent { width: 100%; } .footContent .footLeft, .footContent .footRight { text-align: center; } .bigPic .flex-control-paging { position: absolute; width: 100%; text-align: right; bottom: 10px; *bottom: 10px; left: auto; right: 20px; } .pd1, .pd2, .pd3 { padding: 0 15px; } .box7 .flex-control-paging { width: 95%; } .inWrap { width: 96%; } .centerInner { margin-left: 0; min-height: 300px; padding: 10px 15px; } .breadCrumb { text-align: left; } .inSubTitle { border: 0; } .tableList th { border-top: 1px solid #ed4f01; } .productInner { margin-right: 0; } .productBox .item { width: 100%; margin: 0; } .newsContent, .htnlpageContent { padding-top: 0; } /* 核心业务 */ .productList { background: none; } .productList li { width: 42%; *width: 41.5%; border: 1px solid #e6e6e6; margin: 0px 4% 10px; border-radius: 4px; height: 30px; } .productList li a { padding: 0; margin: 0; text-align: center; background: none; font: 16px/30px Simsun; color: #353535; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .productList li a:hover { background-color: #ee720f; color: #fff; } .productList .selected a { background-color: #ee720f; color: #fff; } } /* 手机 */ @media screen and (max-width: 767px) { .bigPic .flex-control-paging { *bottom: 10px; bottom: 0; } .bigPic .flex-control-paging li a { width: 10px; height: 10px; } .box2 .pull-left { width: 100px; } .box6 li { background-position: 0px 12px; padding-left: 15px; } .box6 li a { height: 30px; line-height: 30px; } .box6 li span { float: none; height: 30px; line-height: 30px; } .box8 .b_lr { width: 100%; float: none; } .box8 .media a img { height: 100%; } .box8 .b_lr_phone .media:first-child { margin-top: 15px; } .box8 .b_lr:first-child { margin-right: 0; } .box9 .item { width: 100%; margin-bottom: 20px; } .box9 .item:first-child { margin-right: 0; } /* 列表 */ .inList ul li { padding: 8px 0; background: none; } .inList ul li a { width: 100%; } .inList ul li span { position: static; padding-bottom: 5px; display: block; } .searchBox .searchText { width: 60%; height: 22px; } .searchBox .searchButton { width: 20%; } /* 分页 */ #pageN { padding: 10px 0; } #pageN .pageInfo { display: none; } #pageN .pageNav { float: none; display: block; text-align: center; padding-top: 10px; } #pageN .pageNav .pageNum { display: none; } #pageN .pageNav .pageInfo2 { display: block; width: 38%; float: left; padding: 5px 0; } #pageN .pageNav .pagePrev, #pageN .pageNav .pageNext { float: left; width: 30%; text-align: center; background-color: #f2f2f2; border: 1px solid #e5e5e5; padding: 5px 0; border-radius: 3px; } #pageN .pageNav .pageNext { float: right; } .picItem .pull-left { width: 30%; } .picItem .pull-left img { width: 100%; height: auto; } } /*-------------yz begin------------*/ .dashed_border { border-bottom: 1px dashed #cccccc; margin: 8px 0; } .wrapbg .indexWith .box4 { margin-top: 10px; } .wrapbg .indexWith .box6 li a { height: 45px; line-height: 45px; } .wrapbg .indexWith .box6 li span { height: 45px; line-height: 45px; } .wrapbg .indexWith .mtbd ul li { padding: 20px 50px 30px; } .wrapbg .indexWith .mtbd ul li a { display: block; overflow: hidden; text-decoration: none; margin-bottom: 2px; } .wrapbg .indexWith .mtbd ul li .title { color: #353535; font: 16px/28px Microsoft YaHei; height: 28px; } .wrapbg .indexWith .mtbd ul li .desc { color: #858585; font: 14px/24px Microsoft YaHei; height: 72px; } .wrapbg .indexWith .mtbd ul li .date { color: #858585; font: 14px/24px Microsoft YaHei; } .wrapbg .indexWith .cpfw ul li { background: #ffffff; padding: 7px; margin-top: 11px; } .wrapbg .indexWith .cpfw ul li .pic { float: left; margin-right: 12px; } .wrapbg .indexWith .cpfw ul li .pic img { width: auto; height: 78px; } .wrapbg .indexWith .cpfw ul li .text { height: 78px; } .wrapbg .indexWith .cpfw ul li .text a { overflow: hidden; display: block; } .wrapbg .indexWith .cpfw ul li .text .title { height: 18px; margin-bottom: 18px; text-overflow: ellipsis; white-space: nowrap; font: 16px/18px Microsoft YaHei; color: #353535; } .wrapbg .indexWith .cpfw ul li .text .desc { font: 14px/20px Microsoft YaHei; color: #818181; height: 40px; } .wrapbg .indexWith .fwly ul { margin: 0 -5px; } .wrapbg .indexWith .fwly ul li { padding: 0px 5px 0px 5px; margin-bottom: 11px; } .wrapbg .indexWith .fwly ul li a { display: block; background-color: #ffffff; color: #353535; font: 14px/80px Microsoft YaHei; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .wrapbg .indexWith .fwly ul li a img { height: 72px; width: 72px; margin: 10px 6px; border-radius: 36px; } .wrapbg .indexWith .qywh .pic img { width: 100%; height: auto; } .wrapbg .indexWith .sitemap { background: #ffffff; } .wrapbg .indexWith .sitemap .row { margin: 0 -10px; } .wrapbg .indexWith .sitemap .row .column { float: left; padding: 0 10px; width: 16.66666667%; } .wrapbg .indexWith .sitemap .row .column h3 { padding: 20px 24px 14px; border-bottom: 1px solid #eb6100; } .wrapbg .indexWith .sitemap .row .column h3 a { font: 16px/16px Microsoft YaHei; color: #666666; text-decoration: none; } .wrapbg .indexWith .sitemap .row .column ul { padding: 12px 24px 28px; } .wrapbg .indexWith .sitemap .row .column ul li a { font: 16px/28px Microsoft YaHei; color: #808080; } .wrapbg .inWrap .center .centerInner .dsj { background: url(../images/dsj_bg.jpg) no-repeat; } .wrapbg .inWrap .productCenter .productInner .pm_item { width: 234px; } .wrapbg .inWrap .productCenter .productInner .icon1 a { background-image: url("../images/icon1-s.png"); } .wrapbg .inWrap .productCenter .productInner .icon2 a { background-image: url("../images/icon1-s.png"); } .footer .footer_link { font: 12px/20px Simsun; color: #b3b3b3; padding: 14px 0px 0 0px; text-align: right; } .footer .footer_link a { font: 12px/20px Simsun; color: #666666; } .footer .copyright { background: url(../images/logo_s.jpg) no-repeat 0 14px; padding: 14px 0px 0 200px; } .footer .copyright span { font: 14px/24px "Helvetica Light", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif"; color: #808080; } /* 1024 版 */ @media (min-width: 992px) and (max-width: 1199px) { .wrapbg .indexWith .box4 { margin-top: 26px; } .wrapbg .indexWith .cpfw ul li .pic img { height: 60px; } .wrapbg .indexWith .cpfw ul li .text { height: 60px; } .wrapbg .indexWith .cpfw ul li .text .title { margin-bottom: 0px; } .wrapbg .indexWith .fwly ul li a { line-height: 70px; } .wrapbg .indexWith .fwly ul li a img { height: 54px; width: 54px; border-radius: 27px; } } /* 768版 */ @media (max-width: 991px) { .wrapbg .indexWith { width: 96%; } .wrapbg .indexWith .box6 li a { height: 30px; line-height: 30px; } .wrapbg .indexWith .box6 li span { height: 30px; line-height: 30px; } .wrapbg .indexWith .sitemap { margin: 15px 15px 0; } .wrapbg .indexWith .sitemap .row { margin: 0 -10px; } .wrapbg .indexWith .sitemap .row .column { width: 33.33333333%; } .footer .footer_link { text-align: center; } .footer .copyright { background: none; padding: 14px 0px; text-align: center; } } @media (max-width: 767px) { .wrapbg .indexWith { width: 100%; } .wrapbg .indexWith .sitemap .row .column { width: 100%; } } .dc_style_Wrap p, .dc_style_Wrap h1, .dc_style_Wrap h2, .dc_style_Wrap h3 { margin: 0; padding: 0; } .dc_style_Wrap p, .dc_style_Wrap h1, .dc_style_Wrap h2, .dc_style_Wrap h3 { margin-bottom: 20px; } .dc_style_Wrap h1 { margin-top: 20px; color: #353535; font-size: 26px; font-weight: bold; } .dc_style_Wrap h2 { color: #eb6100; background: none !important; font-size: 22px; font-weight: bold; } .dc_style_Wrap h3 { color: #353535; background: none !important; font-size: 18px; font-weight: bold; } .dc_style_Wrap ol li { color: #353535; font-size: 16px; line-height: 28px; } .dc_style_Wrap p { color: #353535; font-size: 16px; line-height: 28px; } .dc_style_Wrap p.dc_style_slogan { color: #ac8751; font-size: 34px; } .dc_style_Wrap p.dc_style_review { color: #353535; font-size: 16px; font-weight: bold; } .dc_style_Wrap p a.dc_style_plink { color: #3b7ab8; text-decoration: none; border-bottom: 1px solid #c0d5eb; } .dc_style_Wrap p a.dc_style_plink:hover { border-bottom-color: #3b7ab8; } .dc_style_Wrap p span.dc_style_pimport { color: #804e00; font-weight: bold; } .dc_style_Wrap img { max-width: 100%; } .dc_style_Wrap .dc_style_layoutRight { float: right; } @media (max-width: 680px) { .dc_style_Wrap .dc_style_layoutRight { width: 50%; } } @media (max-width: 480px) { .dc_style_Wrap .dc_style_layoutRight { width: 100%; } .wrapbg .indexWith .mtbd ul li{ padding: 20px 20px 30px; } } @media (max-width: 680px) { .dc_style_Wrap .media .pull-left { float: none !important; } .dc_style_Wrap .media .pull-left .media-object { margin-bottom: 28px; } .dc_style_Wrap .media .pull-left p { text-align: center; } .dc_style_Wrap .media .pull-left img { width: 100%; } } .dc_style_Wrap .media .media-body { padding-left: 10px; } .dc_style_Wrap .mainTitle { color: #353535; font-size: 30px; line-height: 160%; } @media (max-width: 480px) { .dc_style_Wrap .mainTitle { font-size: 22px; } } .dc_style_Wrap .subTitle { color: #666; font-size: 18px; line-height: 160%; } .dc_style_Wrap .dateTitle { color: #666; font-size: 14px; border-bottom: 2px solid #f7f3f0; padding-bottom: 10px; } /*-------------yz end------------*/ /*# sourceMappingURL=main.css.map */