/** * * * * * * * * * * * * * *@description : main *@authro : zhengxue *@created : 2019-5-15 /*==================================================全局==========================================================================*/ @charset "UTF-8"; body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; } html {overflow: hidden;overflow-y: auto;} /*始终让 Firefox 显示滚动条*/ * {word-wrap: break-word;}/*文字强制换行word-break:keep-all;(Ff)*/ table {border-collapse: collapse;}/*细线表格*/ fieldset, img {border: none;}/*清除描边*/ ul, li {list-style-type: none;}/*无列表项目标记*/ a {text-decoration: none;}/* 链接无下划线,有为underline;链接去框 */ a:link {color: #666;}/* 未访问的链接 */ a:visited {color: #666;}/* 已访问的链接 */ a:hover {color: #b02715;}/* 鼠标在链接上 */ a:active {color: #666;blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */ body {font-family: "microsoft yahei";font-size: 12px;color: #666;background:#f8f8f8;} select, input {vertical-align: middle;outline: none;} em, i {font-style: normal;} input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] {cursor: pointer} .h10 {clear: both;height: 10px;overflow: hidden;} .h15 {clear: both;height: 15px;overflow: hidden;} .h20 {clear: both;height: 20px;overflow: hidden;} .h25 {clear: both;height: 25px;overflow: hidden;} .h30 {clear: both;height: 30px;overflow: hidden;} .h35 {clear: both;height:35px;overflow: hidden;} .h40 {clear: both;height: 40px;overflow: hidden;} .h45 {clear: both;height: 45px;overflow: hidden;} .h50 {clear: both;height: 50px;overflow: hidden;} .h60 {clear: both;height: 60px;overflow: hidden;} .h70 {clear: both;height: 70px;overflow: hidden;} .h90{clear: both;height: 90px;overflow: hidden;} .clear {clear: both;overflow: hidden;} .fl {float: left;display: inline;} .fr {float: right;display: inline;} .wrap { width: 1200px; clear: both; margin: 0 auto; } /*图片放大效果*/ .imghover{ -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .imghover:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } .animated2{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} /*===========================头部begin===========================*/ /*顶部开始*/ .top{height:150px;overflow: hidden;background:#b02715;} .logo{display: block;overflow: hidden; height:88px; margin-top:40px;} .logo img{height:88px;} .searchBox{width: 228px;height:27px;overflow: hidden;border:1px solid #ff9898;padding:0 12px;border-radius:25px; margin-top:65px;} .searchBox input{width:200px;height:27px;overflow: hidden;background:none; border:none; line-height:27px;font-family: "microsoft yahei"; font-size:12px; color:#fff;} .searchBox .goSearch{width:28px;height:27px;overflow: hidden;background:url(../images/search.png) no-repeat right center; border:none;} /*导航*/ .menuBox{ height:46px;background:#fff;position:relative;} .menubg{ height: 13px;background:url(../images/menubg.png) repeat-x left bottom; position: absolute; left:0; bottom:-13px;z-index: 3; width: 100%} .menu{height:46px; position:relative;} .menu dd {float:left;height:46px;display:inline;position:relative; z-index:4; width:100px;} .menu dd span{font-size:16px; display:block;height:46px;line-height:46px;text-align:center;} .menu dd span a{ display:block; height:100%; color:#000;} .menu dd:hover span a{color: #b02715} .menu dd.hover span a{color: #b02715} .menu dd .second{ position:absolute; top:46px;z-index:5; display:none; background:rgba(255,255,255,.7); width: 100%; left:0;} .menu dd .second a{line-height:24px; font-size:14px; display: block; text-align: center;color: #000; padding:5px;} .menu dd .second a:hover{color:#b02715;} /*顶部结束*/ /*banner开始*/ .banner{overflow: hidden;position: relative;} .banner .hd{width:100%;position: absolute;z-index: 1;bottom:35px;left: 0;height:7px;text-align: center;} .banner .hd ul{overflow: hidden;display: inline-block;} .banner .hd ul li{cursor: pointer;float:left;display: inline;zoom:1;width:12px;height:12px; border-radius:25px;overflow:hidden;line-height:55px;margin:0 6px;background:#fff;} .banner .hd ul li.on{background:#b02715;} .banner .bd{z-index: 0;overflow: hidden;} .banner .bd li{background-size:cover !important;} .banner .bd li a{display: block;width:100%;height:100%;} .banner .btn{ width:64px; height:101px; position:absolute; top:50%; margin-top:-50px; cursor:pointer; display: none} .banner .bprev{left:30px; background:url(../images/bprev.png) no-repeat left center} .banner .bnext{right:30px; background:url(../images/bnext.png) no-repeat left center} .banner:hover .btn{ display: block; } /*banner结束*/ /*===========================头部end===========================*/ /*indexTit*/ .indexTit{height:40px; border-bottom:1px solid #dbdbdb; position:relative; margin-top:-10px;} .indexTit .a1{ height:39px; line-height:39px; border-bottom:2px solid #b02715; font-size:18px; color:#b02715; position:absolute; left:0; bottom:-1px; display:block;} .indexTit .a1:hover{ color:#b02715} .indexTit .a1 em{color: #333; font-size: 16px; padding-left: 10px;} .indexTit .more{ width:60px; line-height:40px; height:40px; text-align:center; color:#b4b4b4; text-transform:uppercase; font-size:13px; font-family:"Arial"; background:url(../images/icon4.png) no-repeat center center;} .indexTit .more:hover{ color:#b02715} /*con1*/ .p15{ padding:15px;background:#fff; overflow:hidden;} .focus{ width:505px; height:337px; overflow:hidden; position:relative;} .focus .hd{width:100%;position: absolute;z-index:9;bottom:25px;right:10px;height:7px;text-align: right;} .focus .hd ul{overflow: hidden;display: inline-block;} .focus .hd ul li{cursor: pointer;float:left;display: inline;zoom:1;width:8px;height:8px; border-radius:25px;overflow:hidden;line-height:55px;margin:0 3px;background:#fff;} .focus .hd ul li.on{background:#b02715;} .focus .bd{ position:relative; height:100%; z-index:1;} .focus .bd li{ zoom:1; vertical-align:middle;width:505px; height:360px;} .focus .bd li a{ display:block;width:505px; height:337px;} .focus .bd img{width:505px; height:337px;display:block;} .focus .textbg{position:absolute; bottom:0px;left:0px;height:48px;background:rgba(0,0,0,0.7);width:415px; z-index:1;color:#fff; line-height:48px;font-size:16px; padding:0 80px 0 10px;} .con1R{ width:645px; overflow:hidden; height:336px;} /*hotNews*/ .hotNews{ overflow:hidden; padding-bottom:15px; border-bottom:1px dashed #dcdcdc; margin-bottom:5px;} .hotNews .pic{ width:154px; height:97px; overflow:hidden; margin-right:18px;} .hotNews .pic img{ width:154px; height:97px;} .hotNews .textBox{ overflow:hidden; height:97px;} .hotNews .divTop{ overflow:hidden; height:30px; line-height:30px; margin-bottom:10px;} .hotNews .a1{ height:30px; line-height:30px; font-size:16px; color:#b02715;} .hotNews .a1:hover{ color:#b02715; text-decoration:underline} .hotNews em{ font-style:normal; font-size:12px; color:#999;} .hotNews span{ color:#888; display:block; overflow:hidden; line-height:30px; height:57px;} /*indexList*/ .indexList{ overflow:hidden; clear:both;} .indexList dd{ clear:both; overflow:hidden; line-height:41px; height:41px; font-size:14px; border-bottom: 1px dashed #ccc} .indexList dd i{ width:4px; height:4px; background:#b5b5b5; float:left; display:inline; background:#b5b5b5; margin:19px 6px 14px 1px} .indexList dd a{ color:#777;} .indexList dd a:visited{ color:#777} .indexList dd a:hover{ color:#b02715} .indexList dd a:active{ color:#777} .indexList dd span{ color:#999; font-size:12px; float:right; display:inline;} .indexList dd:hover i{background:#b02715;} /*con2*/ .con2Box{ overflow: hidden; width: 100%; background: url(../images/bg1.png) repeat-x center center } .con2L{ width:575px; height:287px; overflow: hidden; position: relative;} .con2L a{ display: block; height: 100%;} .con2L img{ width: 100%; height:100%} .con2L .mc{ height: 50px; line-height: 50px; width: 100%; text-align: center; font-size: 18px; color: #fff; position: absolute;left:0; bottom:0; background: rgba(0,0,0,.7) } .con2R{width:575px; height:287px; overflow: hidden;} .con2R dl{ overflow: hidden; text-align: center} .con2R dt{ border-bottom: 1px dashed #333; height: 90px; line-height: 90px; font-size: 28px; overflow: hidden; color: #000; margin-bottom: 15px;} .con2R dd{ height: 70px; line-height: 70px; font-size: 22px; overflow: hidden; color: #000} .ksNav{overflow:hidden;} .ksNav ul{width:1220px;overflow:hidden;} .ksNav li{ width:285px; margin-right:20px; height:100px; overflow:hidden; float:left; display:inline-block; position: relative;} .ksNav li a{ display:block; height:100px;} .ksNav li img{ width:100%; height:100%; } .ksNav li .mc{ height:30px; line-height: 30px; background: rgba(0,0,0,0.7); text-align: center; color: #fff; font-size: 16px; position: absolute;left:0; bottom:0; width: 100% } /*con3*/ .con3L{width:675px; overflow:hidden; height:365px;} .indexList2{ overflow:hidden; clear:both;} .indexList2 dd{ clear:both; overflow:hidden; height:60px; font-size:14px; border-bottom: 1px solid #ccc; padding:10px 0;} .indexList2 dd i{ width:50px; height:60px;float:left; display:inline; background:#e86a71; margin-right: 10px; font-size:30px; text-align: center; line-height: 60px; font-weight: bold; color: #fff;} .indexList2 dd a{color: #777;width: 595px;display: block;height: 60px; overflow: hidden; float: left; line-height: 2} .indexList2 dd a:visited{ color:#777} .indexList2 dd a:hover{ color:#b02715} .indexList2 dd a:active{ color:#777} .indexList2 dd span{ color:#999; font-size:12px; float:right; display:inline;} .indexList2 dd:hover i{background:#b02715;} .con3R{width:470px; overflow:hidden; height:365px;} .indexVideo{ width:470px; height:280px;position:relative;} .indexVideo i { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/player.png) no-repeat center center; z-index: 5555; background-size: 80px; display: block; } .videoText{ height: 50px; line-height: 50px; font-size:16px; text-align: center; color: #fff; background:#b02715; position: absolute;left:15%; bottom:-25px; z-index: 5; width:70%; border-radius: 10px; box-shadow: 0 7px 8px 2px #c5c5c5} /*con4*/ .ImgSlide{overflow: hidden;position: relative;} .ImgSlide .bd{overflow: hidden;} .ImgSlide dd{width:275px;overflow: hidden;float:left;display: inline; margin-right:22px;} .ImgSlide dd a{display: block;overflow: hidden; height:100%;} .ImgSlide dd p{width:275px; height:205px;overflow: hidden;} .ImgSlide dd p img{width:100%;display:block;} .ImgSlide dd span{display:block;width: 100%;overflow: hidden;font-size:16px;text-align: center;line-height:38px; height:38px;} .ad{ height: 105px; overflow: hidden; } .ad a{ display: block; height: 100% } .ad a img{ width: 100%;height:100%; } .con5Box{overflow: hidden; width: 100%; /*background:#eee url(../images/bg2.png) repeat-x center center; height: 500px padding:50px 0;*/} .navSlide{position: relative; } .navSlide .bd{ width: 1200px; overflow: hidden; } .ksNav2{width:1220px; overflow:hidden;} .ksNav2 dd{ width:285px; margin-right:20px; height:125px; overflow:hidden; float:left; display:inline-block; position: relative;} .ksNav2 dd a{ display:block; height:125px;} .ksNav2 dd img{ width:100%; height:100%; } .ksNav2 dd .mc{ height:30px; line-height: 30px; background: rgba(135,129,189,0.6); text-align: center; color: #fff; font-size: 16px; position: absolute;left:0; bottom:0; width: 100% } .navSlide .btn{ width:35px; height:55px; position:absolute; top:50%; margin-top:-27px; cursor:pointer; display: none; background-size: 100% auto !important;} .navSlide .kPrev{left:0px; background:#000 url(../images/bprev.png) no-repeat left center} .navSlide .kNext{right:0px; background:#000 url(../images/bnext.png) no-repeat left center} .navSlide:hover .btn{display:block;} /*底部开始*/ .footer{overflow: hidden;background:url(../images/footbg1.jpg) no-repeat center center; background-size:100% auto; padding:30px 0 30px;line-height:30px; color:#fff; font-size:14px;} .footer a{color:#fff;} .footer a:hover{color:#fff;} .footText{ line-height:30px; font-size: 14px; overflow: hidden; margin-left: 150px; margin-top: -30px; letter-spacing: 1px} .ewmBox{ overflow: hidden; width: 120px;margin-right: 20px;} .ewmBox span{font-size: 14px;color: #fff; text-align:center; display: block; line-height: 30px;} .ewmBox p{ width:120px; height:120px;background:#fff; overflow:hidden;} .ewmBox p img{width:100%; height:100%;} /*floatBox*/ .floatBox {position: absolute;right: 0px;top: 0px;z-index: 999;} .floatBox .toTop{ height: 30px; width: 30px; cursor: pointer; position: absolute; right:0; top:55px; z-index: 5;} .floatBox .float_tittle {width: 30px;height: 141px;background: url(../images/float.png) no-repeat center center;cursor: pointer; margin-top:50px;} .floatBox .float_bg {width: 118px;border: 1px solid #b02715;background:#fff;border-radius: 5px;padding: 15px 10px 15px 10px;display: none;} .float_bg span {text-align: center;color: #b02715;line-height: 23px;display: block;} .float_bg .ewm {width: 108px;height: 108px;margin: 5px auto;overflow:hidden;} .float_bg .ewm img{width: 108px;height: 108px;} .float_bg .qq {height: 30px;background: url(../images/qq.png) no-repeat 5px center;padding-left: 30px; font-size:14px;color: #333;line-height: 30px;display: block;} /*---------------------------content--------------------------------*/ /*************************二级页面样式 begin***********************************/ .subbanner{overflow: hidden;height:400px;} .subbanner a{display: block;width:100%;height:100%;} /*leftNav*/ .leftNav{width:250px; position: relative;z-index: 2} .leftNavDl{ background:#fff;} .leftNavDl dt{height:55px;line-height:55px;width:190px;padding:0px 30px;text-align:center;background:#b02715;text-align: center;} .leftNavDl dt span{font-size:22px; color: #fff} .leftNavDl dd{overflow: hidden;line-height:55px;} .leftNavDl dd span{ display:block; height:100%; padding-left:30px;background:url(../images/icon7.png) no-repeat 18px center;border-bottom:1px solid #efefef;} .leftNavDl dd span a{ display:block; height:100%; font-size:15px; color:#777;} .leftNavDl dd .third{ clear:both; overflow:hidden; padding:0px 20px 0px 47px;} .leftNavDl dd .third a{ height:30px; line-height:30px; font-size:14px;display:block; clear:both; overflow:hidden; border-bottom:1px dashed #efefef;} .leftNavDl dd .third a:hover{ color:#b02715;} .leftNavDl dd .third a.hover{ color:#b02715;} .leftNavDl dd .third a:last-child{ border-bottom: none } .leftNavDl dd .third.active{ padding: 10px 20px 10px 47px; border-bottom:1px solid #efefef;} .leftNavDl dd:hover span{ background:url(../images/icon8.png) no-repeat 18px center} .leftNavDl dd.hover span{background:url(../images/icon8.png) no-repeat 18px center} .leftNavDl dd:hover span a{ color:#b02715;} .leftNavDl dd.hover span a{ color:#b02715;} .leftNavDl dd.hover .third{ display:block;} .hotNews{ overflow: hidden; background:#fff; padding-bottom: 10px } .hotNews dt{ height: 40px; line-height: 40px; text-align: center; overflow: hidden; font-size: 16px; color: #fff; background:#b02715; margin-bottom: 10px; } .hotNews dd{height:30px; line-height:30px; overflow: hidden; padding: 0 10px;} .hotNews dd a{padding-left:8px; background:url(../images/ddico.gif) no-repeat left center; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .rightBox{ overflow: hidden; width: 900px; padding:0 20px 20px; background: #fff } /*===========================当前位置 begin===========================*/ .location{width:100%;height:55px; line-height:55px;overflow:hidden; font-size: 14px; border-bottom:1px solid #ccc;} .location span{ height:55px; line-height:55px; font-size:20px; color:#333;float:left; display:inline;} .location a:last-child{color:#b02715;} .contentBox{min-height:520px;height:auto !important;height:520px} /*页码开始*/ .page{overflow: hidden;margin:0px auto;text-align: center;} .page ul{ display: inline-block; } .page li{ float: left; display: inline;margin:0 5px; border:1px solid #dbdbdb; height: 30px; line-height: 30px; width: 35px;} .page li a{display: block;} .page li:hover{background: #b02715;color: #fff;border:1px solid #b02715;} .page li:hover a{ color: #fff;} .page li.active{background: #b02715;color: #fff;border:1px solid #b02715;} .page li.active a{ color: #fff;} .page li a:hover{ color: #fff;} /*页码结束*/ .newsList{overflow:hidden;} .newsList dd{display:block;clear:both;height:80px;padding:20px 0; border-bottom:1px solid #ddd} .newsList dd .divleft{ width:65px; overflow:hidden; color:#fff; margin-right:15px;} .newsList .divleft span{ height:50px; display:block; text-align:center; font-size:24px; line-height:50px; margin-bottom:1px;background:#cacaca;} .newsList .divleft em{ height:25px; display:block; text-align:center;line-height:25px; background:#cacaca; font-style:normal;} .newsList dd .divright{overflow:hidden;} .newsList dd a{display:block;line-height:25px;height:30px;clear:both; overflow:hidden;font-size:16px;} .newsList dd .divright span{display:block;line-height:26px;font-size:14px;color:#999;height:50px;clear:both;overflow:hidden;} .newsList dd:hover a{ color:#b02715} /*downList*/ .downList{ overflow: hidden;border:1px solid #eee; border-bottom:none;} .downList dt{ background: #f7f7f7; height: 40px; line-height: 40px; overflow: hidden;border-bottom:1px solid #eee; font-size: 14px; } .downList dd{display:block;clear:both; overflow: hidden;border-bottom:1px solid #eee; font-size: 14px; line-height: 40px; height: 40px;} .downList span{ float: left;display: inline; overflow: hidden; text-align: center; border-right:1px solid #eee; box-sizing: border-box;-webkit-box-sizing: border-box; height: 40px} .downList span.span1{ width: 6% } .downList span.span2{ width: 12% } .downList span.span3{ width: 15% } .downList span.span4{ width: 20% } .downList dt span:last-child{border-right: none} .downList dd span:last-child{border-right: none} .downList dd .down{ height: 30px; width: 30px; background: url(../images/down.png) no-repeat center center; display: block; margin:5px auto;} .downList dd:hover .down{background: url(../images/down2.png) no-repeat center center;} /*全图列表*/ .newsAllImg{ clear:both; overflow:hidden; width:920px; } .newsAllImg dd{overflow: hidden;padding: 10px 0;} .newsAllImg dd .pic{ width:180px; height:220px; display:block; overflow:hidden;margin-right:20px;} .newsAllImg dd .pic img{width:100%; height:100%;} .newsAllImg dd .text{overflow: hidden;height: 190px;font-size:14px;color:#333;line-height:26px;} .newsAllImg dd .a1{ height:45px;display:block; line-height:45px;font-size:18px; text-align:center; overflow:hidden;} /*全图列表2*/ .newsAllImg2{ clear:both; overflow:hidden; width:920px; } .newsAllImg2 dd{ width:285px; margin:0 20px 20px 0;float:left; display:inline;text-align:center} .newsAllImg2 dd .pic{ width:285px; height:190px; display:block; overflow:hidden; margin-bottom:10px;} .newsAllImg2 dd .pic img{width:100%; height:100%;} .newsAllImg2 dd .a1{ height:35px; line-height:35px;font-size:16px; color:#ffa200;display:block;overflow:hidden;} .newsAllImg2 dd .a1:hover{color:#ffa200} /*图文列表*/ .newsTextImg{ clear:both; overflow:hidden;} .newsTextImg dd{ height:164px;overflow:hidden; margin-bottom:28px; padding-bottom:28px; border-bottom:1px solid #e9e9e9;} .newsTextImg dd .pic{width:243px; height:183px; overflow:hidden; margin-right:25px;} .newsTextImg dd .pic img{width:243px; height:183px; display:block;} .newsTextImg dd .text{overflow:hidden;height:183px;} .newsTextImg dd .a1{ height:45px; line-height:45px; font-weight:bold; font-size:18px; color:#333; display:block;overflow:hidden;} .newsTextImg dd .a1:hover{ color:#b02715;} .newsTextImg dd span{ height:72px; line-height:24px; font-size:14px; color:#888; display:block;overflow:hidden;} .newsTextImg dd em{ font-size:14px; color:#999; font-style:normal; display:block; line-height:25px; margin-bottom: 10px;} /******招聘˜*****/ .join_dl{overflow: hidden;} .join_dl dt{ height:45px; line-height:45px; margin-bottom:15px; overflow:hidden; font-size:14px; color:#999; padding:0 30px 0 48px;} .join_dl span{ width:24%; float:left; display:inline; text-align:center; height: 45px;} .join_dl span.span1{ width:40%; text-align:left} .join_dl span.span6{ width:11%} .join_dl dd{overflow: hidden;margin-bottom:25px;} .join_dl a.joinTit{display: block;height:50px;overflow: hidden;line-height:50px;font-size:14px;color:#666;padding:0 30px 0 48px;background:#f3f3f3;} .join_dl a.joinTit .span6{ font-size:32px;} .join_dl dd.hover .joinTit{background:#b02715;-webkit-box-shadow: none;box-shadow: none;} .join_dl dd.hover .joinTit span{color:#ffffff;} .joinDeta{overflow: hidden;padding:10px 30px 30px 48px; border:1px solid #b02715;font-size: 14px;color:#888;line-height:34px;display: none;} .joinDeta em{ text-decoration:underline; color:#e76033; font-style:normal;} .joinDeta .border{ height:1px; background:#e3e3e3; overflow:hidden; margin:30px 0;} /*大事记开始*/ .bigEvent{position:relative;background:url(../images/bigEventLine.png) repeat-y center top;padding:50px 0; width:886px; margin:30px auto} .bigEvent .bd{ position:relative;z-index:0;overflow:hidden;} .bigEventList{ overflow:hidden; width:886px; margin:0 auto;} .bigEventList dd{ height:84px; line-height:28px; overflow:hidden; position:relative; margin-bottom:20px;} .bigEventList dd .dd1Icn{ display:block; width:11px; height:11px; background:url(../images/bigEventBtn.png) no-repeat -26px -6px; position:absolute; left:50%; margin-left:-5px; top:8px} .bigEventListL1{ text-align:right; height:28px; line-height:28px; width:410px; overflow:hidden; color:#999999; font-size:14px;} .bigEventListL2{ width:410px; overflow:hidden;} .bigEventListL2T{ color:#333333; font-size:18px; height:28px; overflow:hidden;} .bigEventListL2Text{ color:#999999; font-size:14px; height:56px; overflow:hidden;} .bigEventList dd.dd2 .bigEventListL1{ text-align:left;} .bigEventList dd:hover .dd1Icn{ background:url(../images/bigEventBtn.png) no-repeat -41px -6px;} /* 下面是前/后按钮代码，如果不需要删除即可 */ .bigEvent .prev{ display:block; width:22px; height:22px; background:url(../images/bigEventBtn.png) no-repeat 0px 0px; position:absolute; top:0px; left:50%; margin-left:-11px;} .bigEvent .next{ display:block; width:22px; height:22px; background:url(../images/bigEventBtn.png) no-repeat -56px 0; position:absolute; bottom:0px; left:50%; margin-left:-11px;} /*大事记结束*/ /*表单*/ .message_box{ clear:both; overflow:hidden;} .message_box dd{ clear:both; margin-bottom:20px; line-height:35px;} .message_box .leftName{ width:70px;font-size:16px; line-height:35px;color:#565656; text-align: right; padding-right: 10px;} .message_box .input{ float:left; display:inline;height:33px; line-height:33px; border:1px solid #dedede; background:#fafafa;padding:0 10px;font-family:"microsoft yahei"; width:350px} .message_box .textarea{display:block;line-height:25px;width:688px;height:180px;padding:0 10px;border:1px solid #dedede;background:#fafafa;font-family:"microsoft yahei"; resize:none} .message_box .radio{ margin:2px 5px;} .message_box .code{height:35px; width:90px; margin:0 10px;overflow:hidden} .message_box img{height:35px; width:90px;} .message_box .change{ color:#565656; line-height:35px; font-size:14px;} .message_box .change:hover{ text-decoration:underline} .message_box .upload{width:102px; height:42px; line-height:42px; text-align:center; color:#fff;display:block; background:#2090c4; font-size:16px;} .message_box .upload:hover{ opacity:0.8} .message_box .error{ line-height: 35px; color: #cc0000; padding-left:5px; } .formBtn{ overflow:hidden;height:45px; margin-left:80px;} .forms_btn{ display:block; width:370px; height:45px; text-align:center; line-height:45px; background:#ffa200; color:#fff; font-size:18px; border:none; font-family: "microsoft yahei"} .forms_btn:hover{ opacity: 0.8 } /*联系我们*/ .conText{ line-height:35px; font-size:16px; color:#454545; overflow:hidden;} .mapBx{ width:100%; overflow:hidden; height:415px;} /*单篇，新闻详细页*/ .articleBox{ line-height:30px; font-size:14px; clear:both; overflow:hidden; color:#666; min-height:430px; height:auto !important; height:430px; padding:20px 0;} .articleBox img{max-width:100%;} .articleTitle {clear: both;text-align: center;padding:0 10px;line-height:40px;font-size:24px;color:#666;} .articleTime {text-align:center;color:#666;line-height:40px;border-bottom:1px dashed #f0f0f0;position:relative; font-family:"songti"} .articleTime .fontSize{ position:absolute; height:40px; right:0; top:0; font-family:"microsoft yahei"} .articleTime span{ display:inline-block; cursor:pointer;} .articleTime span.hover{ color:#b02715} .articleTime .art_more{margin: 13px 6px 6px 5px !important; background:url(../images/icon8.png) no-repeat center center !important;} #play{width:780px;height:450px;position:relative;overflow: hidden;background:#fff;border:1px solid #e9e9e9;padding:9px;margin:0 auto;} #play .change_a{width:40%;height: 100%;position: absolute;top: 0;z-index: 1;cursor: pointer;display: block;overflow: hidden;background:url(about:blank);} #play .prev_a{left: 0;} #play .next_a{right: 0} #play .change_a span{width: 24px;height: 43px;display: block;position: absolute;top: 50%;margin-top: -21px;display: none} #play .prev_a span{background: url(../images/article_icon.png) no-repeat 0px -50px;left: 0;} #play .next_a span{background: url(../images/article_icon.png) no-repeat -30px -50px;right: 0;} #play .img_ul{position: relative;z-index: 1;width:780px;height:450px;overflow:hidden;} #play .img_ul li{position: relative;z-index: 1;width:780px;height:450px;background:#fff;} #play .img_ul li img{position:absolute;} .imgMove{width:800px;clear:both;margin:20px auto;position:relative;} .img_hd{margin:5px auto 0;overflow: hidden;height:80px;position:relative;} .img_hd ul{position: absolute;z-index: 1} .img_hd ul li{float: left;height:70px;width:100px;padding:3px;margin:0 7px;cursor: pointer;background:#fff;border:1px solid #d4d4d4;position:relative;} .img_hd ul li p{height:70px;width:100px;display:block;background:#fff;position:relative;overflow: hidden;} .img_hd ul li i{display:block;clear:both;line-height:20px;padding:0 5px;background:#000;color:#fff;position:absolute;right:3px;bottom:3px;z-index:2;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;font-family:Arial;font-size:12px;font-style:normal;} .img_hd ul li img{position:absolute;} .img_hd ul li.on{border:1px solid #3698d9} .imgMove .bottom_a{width:25px;height:25px;display: block;cursor: pointer;z-index: 10;float:left;top:25px;position:absolute;z-index:2;background:url(../images/article_icon2.png) no-repeat;} .imgMove .prev_a:hover{background-position:left bottom;left:0;} .imgMove .next_a:hover{background-position:right bottom} .imgMove .prev_a{background-position:left top;left:0;} .imgMove .next_a{background-position:right top;right:0;} .video{width:800px;height:450px;overflow: hidden;margin:0px auto;} .video img{ display:none !important} .article_pageUp{clear:both;overflow:hidden;padding:15px 0 0 0;border-top:1px solid #e8e8e8; position:relative} .article_pageUp dl dd{display:block;height:30px;clear:both;line-height:30px;} .article_pageUp dl dd span{float: left;display: inline-block;height:30px;overflow: hidden;text-align: center;color:#666;font-size: 14px;} .article_pageUp dl dd a{float: left;font-size: 14px;display: inline-block;height:30px;overflow: hidden;} .articlePage{clear:both;height:30px;text-align:center;font-family:Arial;} .articlePage a{margin:0 1px;background:#ccc;padding:5px 10px;} .articlePage a:hover{color:#fff;background:#1e8ddc;} .articlePage a.hover{color:#fff;background:#1e8ddc;} .download{clear:both;height:32px;font-size:18px;padding:10px 0 0 0;} .download a{display:block;line-height:32px;float:left;padding:0 0 0 40px;color:#0079ce;font-family:"microsoft yahei";margin:0 10px 0 0;font-size:14px;background:url(../images/download.png) no-repeat left center;} /*产品详情*/ .procon {border-bottom: 1px solid #c0c0c0; padding-bottom:30px; overflow:hidden;} .protu { width:400px; height:355px; border: 1px solid #eee; padding:10px; overflow:hidden; margin-right:30px;} #proPlay{width:400px;height:300px;position:relative;overflow: hidden;background:#fff;margin:0 auto;} #proPlay .change_a{width:40%;height: 100%;position: absolute;top: 0;z-index: 1;cursor: pointer;display: block;overflow: hidden;background:url(about:blank);} #proPlay .prev_a{left: 0;} #proPlay .next_a{right: 0} #proPlay .change_a span{width: 24px;height: 43px;display: block;position: absolute;top: 50%;margin-top: -21px;display: none} #proPlay .prev_a span{background: url(../images/article_icon.png) no-repeat 0px -50px;left: 0;} #proPlay .next_a span{background: url(../images/article_icon.png) no-repeat -30px -50px;right: 0;} #proPlay .img_ul{position: relative;z-index: 1;width:400px;height:300px;overflow:hidden;} #proPlay .img_ul li{position: relative;z-index: 1;width:400px;height:300px;background:#fff;} #proPlay .img_ul li img{position:absolute;} .imgMove2{width:400px;margin:0px auto;} .img_hd2{height:53px;} .img_hd2 ul li{height:45px;width:45px;} .img_hd2 ul li p{height:45px;width:45px;} .imgMove .bottom_a{ top:15px; } .proTxt {height:377px;position: relative; overflow:hidden;} .proTxt h3 { display:block;line-height:35px; overflow:hidden; font-size: 16px; color: #ffa200; } .proTxt span { display: block; font-size:14px; color: #9b9b9b; line-height: 30px;overflow:hidden; height:30px;} .proTxt p {display: block; font-size:14px;font-size:14px;line-height:30px; height:120px; overflow: hidden;} .proTxt a.zx { display: block; width: 133px; height: 35px; line-height: 35px; text-align: center; color:#ffffff; background-color: #ffa200;font-size: 15px; position: absolute; bottom: 0px; right: 0px;} .pronotice{font-size: 16px; color: #ffffff; background-color: #ffa200; line-height: 42px; padding-left: 15px;} .searchlist{ overflow: hidden; min-height: 250px; height: auto !important; height: 250px;} .searchlist li{ padding:10px 0; overflow: hidden; border-bottom: 1px solid #eee; } .searchlist li a{ display: block; height: 100% } .searchlist li h3{ height: 30px; line-height: 30px; font-size: 14px; color: #333; overflow: hidden; display: block; } .searchlist li:hover h3{ color: #ffa200 } .searchlist li span{line-height: 30px; font-size:12px; color: #666; overflow: hidden; display: block; } .noInfo{ padding-top: 300px; background: url(../images/noinfo.png) no-repeat center top; text-align: center; font-size: 20px;} /*视频列表*/ .videoList{margin: 0 -10px;} .videoList dd{ float: left; display: inline; width: 33.33333%; padding: 10px 0; } .videoList dd a{ margin: 0 10px; display: block; background: #fff; } .videoList dd .pic{ position: relative; padding-top: 66.66667%; } .videoList dd .pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .videoList dd .text{ display: block; text-align: center; font-size: 16px; line-height: 40px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }