@charset "utf-8"; /* CSS Document */ /* -----------------------------内页样式start----------------------------- */ /*subBanenr*/ .subBanner { clear: both; width: 100%; height: 180px; background-position: center center; background-repeat: no-repeat; } .minH { min-height: 300px } /**/ .pageBox { clear: both; overflow: hidden; background: #f5f5f5; } /*当前位置*/ .location { clear: both; height: 60px; overflow: hidden; line-height: 60px; } .location a { float: left; height: 60px; color: #999999; font-size: 14px; } .location a.home { padding-left: 30px; background: url(../images/icon2.png) no-repeat left center; } .location a:hover { color: #cd2027 } .location a.hover { color: #cd2027 } .location i { float: left; width: 24px; height: 60px; background: url(../images/icon1.png) no-repeat center center; } /**/ .nav { clear: both; overflow: hidden; border-bottom: 1px solid #f5f5f5; padding: 0 20px; line-height: 50px; } .nav a { float: left; height: 48px; overflow: hidden; line-height: 50px; font-size: 14px; color: #666666; padding: 0 3px; margin-right: 35px; border-bottom: 2px solid #fff; } .nav a.hover { color: #cd2027; border-bottom: 2px solid #cd2027; } .nav a:hover { color: #cd2027; border-bottom: 2px solid #cd2027; } /**/ .pageBoxC { background: #fff; overflow: hidden; padding: 10px 0; border-radius: 3px; } .pageBoxCBox { overflow: hidden; padding: 0 20px; } /*产品中心左侧*/ .pdtBoxL { width: 183px; overflow: hidden; background: #f5f5f5; margin-top: 20px; } .pdtBoxLDl dd { clear: both; overflow: hidden; } .pdtBoxLDl dd a { display: block; height: 40px; overflow: hidden; line-height: 40px; padding: 0 20px; color: #666666; font-size: 14px; } .pdtBoxLDl dd.hover a { color: #fff; background: #cd2027 url(../images/icon3.png) no-repeat 156px center; } /*产品中心*/ .pdtBoxR { overflow: hidden; padding: 20px } .imgList1.typ2 dd { width: 25% } /*产品详情*/ .pdtPic { width: 535px; height: 430px; overflow: hidden; border: 1px solid #e6e6e6; margin-right: 25px; position: relative; } .pdtPic img { display: block; max-width: 535px; max-height: 430px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .pdtR { overflow: hidden; } .pdtR .divT { clear: both; overflow: hidden; line-height: 26px; font-size: 20px; color: #333333; font-weight: bold; } .pdtR .txt { overflow: hidden; color: #666666; line-height: 35px; font-size: 14px; } .pdtR .txt em { display: inline-block; width: 90px; text-align: right; font-style: normal } .pdtR .txt span { color: red } .pdtR .txt strong { color: #333333 } .pdt_a { clear: both; overflow: hidden; line-height: 24px; padding: 10px 0; color: #666666; font-size: 14px; } .pdt_a .div { margin-right: 70px; } .pdt_a .div a { color: #666666; } .pdt_a .div a:hover { color: #cd2027; } .pdtT { clear: both; height: 56px; overflow: hidden; border-bottom: 1px solid #e6e6e6; line-height: 56px; color: #333333; font-size: 22px; } /*newsView*/ .subPageC { padding: 0px 30px; } .singleArticle { position: relative; background-color: #fff; margin-bottom: 20px; } .articleBox { font-size: 16px; line-height: 40px; padding: 10px 40px; color: #222; } .articleBox ul, .articleBox ul li { list-style-type: initial; margin-left: 9px } .articleBox img { max-width: 100%; } .articleTitle { clear: both; text-align: center; padding: 20px 10px 0 10px; line-height: 36px; font-size: 28px; font-family: "microsoft yahei"; color: #333; font-weight: bold; } .articleTime { display: inline-block; clear: both; text-align: center; color: #999999; font-size: 14px; line-height: 42px; } .articleTime span { margin-right: 10px; } .pageUp { display: block; line-height: 30px; color: #333333; font-size: 14px; } .share { display: block; clear: both; padding: 10px 0; } .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: #cd2027; } .articlePage a.hover { color: #fff; background: #cd2027; } /** * 文章阅读页-内容上部大图 */ #play { width: 600px; height: 400px; position: relative; overflow: hidden; background: #fff; border: 1px solid #e9e9e9; padding: 5px; margin: 20px auto 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/file/article_icon.png) no-repeat 0px -50px; left: 0; } #play .next_a span { background: url(../images/file/article_icon.png) no-repeat -30px -50px; right: 0; } #play .img_ul { position: relative; z-index: 1; width: 600px; height: 400px; } #play .img_ul li { position: relative; z-index: 1; width: 600px; height: 400px; background: #fff; margin: 0 0 5px 0; } #play .img_ul li img { position: absolute; } .imgMove { width: 600px; clear: both; margin: 20px auto; position: relative; } .img_hd { margin: 0 auto; overflow: hidden; height: 60px; position: relative; } .img_hd ul { position: absolute; z-index: 1 } .img_hd ul li { float: left; height: 47px; width: 70px; padding: 3px; margin: 0 7px; cursor: pointer; background: #fff; border: 1px solid #d4d4d4; position: relative; } .img_hd ul li p { height: 47px; width: 70px; display: block; background: #fff; position: relative; } .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: 99999999999999; 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; height: 47px; width: 70px; } .img_hd ul li.on { border: 1px solid #cd2027; background: #cd2027; } .imgMove .bottom_a { width: 20px; height: 25px; display: block; cursor: pointer; z-index: 10; float: left; top: 15px; position: absolute; z-index: 9999999999999; background: url(../images/file/article_icon.png) no-repeat; } .imgMove .prev_a { background-position: left top; left: 0; } .imgMove .next_a { background-position: right top; right: 0; } .articleHand { clear: both; font-size: 16px; padding: 10px 0px 20px 0; overflow: hidden; } .articleHand a { display: block; line-height: 32px; padding: 0 20px 10px 30px; float: left; background: url(../images/file/file.png) no-repeat left center; } .articleHand a.word { background: url(../images/file/word.png) no-repeat left 3px; color: #37a6ff !important; } .articleHand a.ppt { background: url(../images/file/ppt.png) no-repeat left center; color: #ff7735 !important; } .articleHand a.excel { background: url(../images/file/excel.png) no-repeat left center; color: #15bf44 !important; } .articleHand a.pdf { background: url(../images/file/pdf.png) no-repeat left center; color: #1369c0 !important; } .articleHand a.zip { background: url(../images/file/zip.png) no-repeat left 3px; color: #ff9779 !important; } .shareBox { height: 40px; overflow: hidden; background: #fff; float: right; } .shareBoxL { float: left; padding: 0 0 0 20px; } .shareBoxL B { display: block; line-height: 40px; float: left; font-size: 12px; font-style: normal; } .shareBoxL .bds_qzone { background-image: url(../images/qq_icon1.png) !important; background-position: 0 !important; } .shareBoxL .bds_qzone:hover { background-image: url(../images/qq_icon1h.png) !important; background-position: 0 !important; } .shareBoxL .bds_weixin { background-image: url(../images/wx_icon1.png) !important; background-position: 0 !important; } .shareBoxL .bds_weixin:hover { background-image: url(../images/wx_icon1h.png) !important; background-position: 0 !important; } .shareBoxL .bds_tqq { background-image: url(../images/fx_icon1.png) !important; background-position: 0 !important; } .shareBoxL .bds_tqq:hover { background-image: url(../images/fx_icon1h.png) !important; background-position: 0 !important; } .shareBoxL .bds_tsina { background-image: url(../images/wb_icon1.png) !important; background-position: 0 !important; } .shareBoxL .bds_tsina:hover { background-image: url(../images/wb_icon1h.png) !important; background-position: 0 !important; } .bdsharebuttonbox { float: left; padding: 6px 0 0 10px; } .shareBoxR { line-height: 40px; float: right; padding: 0 20px 0 0; font-size: 14px; color: #000; } .articleBox1 { display: inline-block; } /*单篇+文章页end*/ /*全图列表页start*/ .imgList { padding: 30px 20px 0px 20px; } .imgList1 { margin-right: -15px; } .imgList1:after { content: ""; display: block; width: 100%; height: 0; clear: both; } .imgList1 dd { float: left; display: inline; width: 20%; margin-bottom: 20px; } .imgList1 dd .con { overflow: hidden; margin-right: 15px; background: #fff; border: 1px #e6e6e6 solid; transition-duration: 0.3s; } .imgList1 dd .con:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } .imgList1 dd .pic { width: 100%; position: relative; background: #fff; } .imgList1 dd .pic:before { display: block; content: ''; padding-top: 75.5813%; } .imgList1 dd .pic img { display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .imgList1 dd .text { text-align: center; color: #333; overflow: hidden; height: 90px; line-height: 20px; padding: 0 15px; } .imgList1 dd:hover .text .text_sp1 { color: #cd281e; } .text_sp1 { font-size: 14px; height: 24px; overflow: hidden; word-break: break-all; line-height: 24px; color: #333333; display: block; text-align: left; } .text_sp2 { line-height: 24px; color: #999999; display: block; text-align: left; } .text_sp3 { line-height: 24px; color: #c80000; display: block; text-align: left; } /*全图列表页end*/ /*图文列表页start*/ /*textImg1 start*/ .textImg1 { position: relative; z-index: 9; background: #fff; } .textImg1 dd { padding: 20px 0; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; overflow: hidden; clear: both; position: relative; z-index: 3; border-bottom: 1px solid #e6e6e6; } .textImg1 dd .wrap { position: relative; z-index: 3; } .textImg1 dd .picture { display: block; width: 220px; height: 146px; overflow: hidden; position: relative; float: left; margin-right: 30px; } .textImg1 dd .listData { overflow: hidden; } .textImg1 dd .picture img { display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; transform: scale(1); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; object-fit: cover; } .textImg1 dd .picture .jqthumb { transition: 0.4s ease; } .textImg1 dd:hover .jqthumb { transform: scale(1.05); } .textImg1 h3 { font-size: 18px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; } .textImg1 h3 a { color: #333333; } .textImg1 .listInfo { height: 80px; margin: 8px 0; line-height: 28px; overflow: hidden; font-size: 14px; color: #777777; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .textImg1 dd:hover .picture img { transform: scale(1.05) } .textImg1 dd:hover h3 a { color: #cd2027; } .textImg1 dd h6 { font-weight: normal; overflow: hidden; padding-top: 10px; } .textImg1 dd h6 span { font-size: 14px; display: block; color: #999999; } /*textImg1 end*/ /*textList2 start*/ .downList1 { padding: 0px 25px 0 17px; } .downList2 dd { clear: both; overflow: hidden; height: 54px; border-bottom: 1px solid #dbdbdb; } .downList2 dd a i { display: inline-block; font-style: normal; width: 4px; height: 4px; background: url(../images/q_point.png) no-repeat left center; vertical-align: middle; margin-right: 13px; } .downList2 dd:hover .listTit { color: #cd2027; } .downList2 dd:hover a i { background: url(../images/q_pointh.png) no-repeat left center; } .downList2 dd .listTit { display: block; overflow: hidden; height: 54px; color: #666666; line-height: 54px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px; } .downList2 .downBtn { background: url(../images/downIco.png) center center no-repeat; height: 72px; width: 25px; float: right; display: inline; cursor: pointer; } .downList2 .downBtn a { display: block; height: 100%; } .downList2 .downBtn:hover { background-image: url(../images/downIco_h.png) } /*textList2 end*/ /*图文列表页end*/ /*全文列表页start*/ .textList1 { padding-bottom: 30px; } .textList2 { overflow: hidden; background-color: #fff; padding: 0px 20px; } .textList2 dd { overflow: hidden; border-bottom: 1px solid #E6E6E6; } .textList2 dd .text .title a { font-size: 20px; line-height: 28px; color: #333333; height: 28px; overflow: hidden; font-weight: 600; } .textList2 dd .text .title { padding-top: 30px; } .textList2 dd .time { height: 28px; overflow: hidden; padding: 15px 0px 10px 0px } .textList2 dd .time span { font-size: 14px; line-height: 28px; color: #999; height: 28px; overflow: hidden; } .textList2 dd .textC { font-size: 14px; line-height: 30px; color: #666666; height: 56px; overflow: hidden; padding-bottom: 20px; } .textList2 dd:hover a { color: #36468A; } /*全文列表页end*/ /* 招聘页 start */ /* 招聘详情页 start */ .jobInfo { clear: both; overflow: hidden; line-height: 26px; font-size: 14px; padding: 10px 0 0 0; } .jobInfoBox { font-size: 16px; line-height: 36px; display: block; text-align: left; color: #cd2027; } .jobTitle { font-size: 17px; color: #333; border-bottom: solid 1px #E7E7E7; line-height: 30px; margin-top: 30px; padding-bottom: 10px; } .jobTitle i { width: 3px; background: #666; height: 20px; display: block; float: left; position: relative; top: 5px; margin-right: 10px; font-style: normal; } .jobBt { clear: both; width: 180px; height: 50px; border-radius: 3px; text-align: center; line-height: 50px; color: #FFFFFF !important; background: #068fe6; display: block; font-size: 18px; margin: 0 auto; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .jobBt:hover { background: #0074c3; } .jobField { clear: both; overflow: hidden; line-height: 36px; font-size: 16px; color: #555555; padding-top: 15px; } .jobField dd { width: 33%; float: left; } .jobNameBox { border-bottom: 1px #f0f0f0 solid; } .jobName { text-align: left; font-weight: bold; font-size: 24px; clear: both; color: #555555; padding-bottom: 15px; } .jobName_time { font-size: 14px; line-height: 14px; display: block; text-align: left; color: #999999; padding-bottom: 10px; } .ruirecView1 { padding: 0px 20px 50px 20px; } .jobTime { font-size: 14px; line-height: 30px; padding: 0 0 10px 0; color: #999; border-bottom: solid 1px #E7E7E7; } /* 应聘表单 */ .subPopBox { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.65); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#65000000', endColorstr='#65000000')\9; z-index: 999999; display: none; } .subPopCont { width: 790px; height: 555px; /*overflow: hidden;*/ border: 10px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #fff; position: relative; left: 50%; top: 50%; margin-left: -395px; margin-top: -277px; } .joinForm { overflow: hidden; padding: 20px 40px; } .joinFormTit { display: block; font-size: 24px; color: #333; text-align: center; overflow: hidden; } .joinForm_dl { overflow: hidden; } .joinForm_dl dd { clear: both; /*height: 32px; line-height: 32px;*/ /*overflow: hidden;*/ padding-left: 70px; position: relative; margin-bottom: 10px; } .joinFormName { display: block; width: 70px; height: 32px; overflow: hidden; line-height: 32px; text-align: right; font-size: 12px; color: #444; position: absolute; left: 0px; top: 0px; } .joinFormName i { font-style: normal; padding-right: 3px; color: #cc0000; } .joinFormInp { display: block; width: 203px; height: 30px; overflow: hidden; border: 1px solid #ddd; padding: 0px 5px; font-size: 12px; color: #666; font-family: "microsoft yahei"; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .customUpload { width: 100% !important; height: 100% !important; } .joinForm_dl dd label { margin-right: 15px; } .joinForm_dl dd label span { padding-left: 6px; } .joinFormInp[disabled="disabled"] { background: #fff; } .joinForm_dl dt { overflow: hidden; position: relative; padding-left: 70px; margin-bottom: 10px; } .joinForm_dl dt textarea { width: 580px; height: 140px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ddd; padding: 5px 10px; font-size: 12px; color: #666; line-height: 20px; } .joinFile { display: block; width: 110px; height: 30px; overflow: hidden; background: #535353; font-size: 14px; color: #fff; line-height: 30px; text-align: center; } input.w_100 { width: 100px; } .joinCode { height: 32px; overflow: hidden; line-height: 32px; margin-left: 10px; } .joinCode img { display: block; height: 32px; float: left; } .joinCode i { display: block; height: 32px; overflow: hidden; float: left; padding-left: 10px; color: #666; } .joinCode i:hover { color: #d70112; } .closeSubPop { width: 30px; height: 28px; overflow: hidden; background: url(../images/closeVideoPop.png) no-repeat center center; position: absolute; right: 10px; top: 10px; } .bbsBt { display: block; width: 90px; height: 40px; overflow: hidden; margin: 0px auto; text-align: center; line-height: 40px; font-size: 14px; color: #fff !important; background: #e75a19; } #picker { position: relative; display: inline-block; cursor: pointer; background: #00b7ee; padding: 6px 15px; color: #fff; text-align: center; overflow: hidden; font-family: "microsoft yahei"; border-radius: 2px; } /* 招聘详情页 end */ /* 招聘页 start */ .ruirectList1 { padding: 0px 55px 25px 55px; } .recruitTitle { padding: 0 45px 0 30px; background-color: #cd2027; } .recruitTitle dd { font-size: 16px; font-weight: bold; float: left; display: inline; height: 50px; line-height: 50px; color: #fff; } .recruitList { overflow: hidden; } .recruitList dd { overflow: hidden; } .recruitList dd .recruitT { overflow: hidden; height: 60px; line-height: 60px; padding: 0 45px 0 30px; color: #656565; transition: all .3s; -webkit-transition: all .3s; border-bottom: 1px #f0f0f0 solid; } .text1 { background: none; font-size: 16px; overflow: hidden; float: left; display: inline; width: 540px; } @media (max-width:1650px) { .text1 { width: 419px; } } .text2 { background: none; font-size: 16px; overflow: hidden; float: left; display: inline; width: 288px } .text3 { background: none; font-size: 16px; overflow: hidden; float: left; display: inline; width: 288px } .recruitList dd .recruitT .btn { font-size: 16px; float: right; display: inline; width: 90px; height: 60px; background: url(../images/zpShow.png) no-repeat center center; } .recruitList dd .recruitT .btn a { display: block; color: #666; } .recruitList dd .recruitC { overflow: hidden; font-size: 14px; color: #888; line-height: 30px; display: none; padding: 20px; background: #FFF; } .recruitList dd .recruitC strong { color: #333; } .recruitTable { font-size: 14px; color: #555555; padding: 0px 0; border-bottom: 1px solid #ddd; } .recruitTable table { border: none; } .recruitTable table tr { border: none; height: 50px; } .recruitTable table tr td { border: none; } .recruitTable table b { margin-right: 20px; } .recruitBtn { overflow: hidden; padding-top: 20px; } .recruitBtn a { border: 1px solid #cb0202; font-size: 16px; overflow: hidden; display: block; height: 50px; line-height: 50px; float: left; display: inline; padding: 0 40px; background: #cb0202; color: #FFF; border-radius: 3px; transition: all .3s; -webkit-transition: all .3s; } .recruitBtn a:hover { opacity: 0.9 } .recruitBtn a.btn2 { margin-left: 15px; background: none; color: #cb0202; } .recruitList dd .recruitT .btn:hover { background: url(../images/zpShowh.png) no-repeat center center; } .recruitList dd .recruitT .btn:hover a { color: #0074c3; } .recruitList dd.active .recruitT { background: #cb0202; color: #FFF; } .recruitList dd.active .recruitT .btn { background: url(../images/zpHide.png) no-repeat center center; } /* 招聘页 end */ /* 留言 start */ .fromBox { overflow: hidden; } .fromTip { font-size: 14px; color: #999; overflow: hidden; } .fromTip em { color: #cc3333; padding-right: 5px; } .form1 { clear: both; } .form1 dd { clear: both; padding: 15px 0; } .form1L { width: 115px; height: 40px; line-height: 40px; text-align: right; vertical-align: top; color: #666; padding: 0 5px 0 0; font-size: 14px; float: left; } .form1L em { color: #cc0000; padding: 5px 5px 0 0; font-style: normal; } .form1Input { width: 290px; padding: 5px; position: relative; zoom: 1; height: 28px; line-height: 28px; background: #fff; border: 1px solid #ebebeb; font-size: 14px; color: #888; border-radius: 1px; } .form1Input[readonly="readonly"] { background: #fafafa; color: #666; } .form1Input.w400 { width: 400px; } .form1Input.w200 { width: 200px; } .form1Input.w100 { width: 100px; } .codeSrc { margin: 0 0 0 10px; height: 40px; cursor: pointer; } .form1Textarea1 { resize: none; width: 400px; height: 80px; padding: 5px; position: relative; zoom: 1; line-height: 20px; background: #fff; border: 1px solid #ebebeb; outline: none; } .form1Textarea1.w600 { width: 600px; height: 200px; } .form1Textarea1.w700 { width: 700px; height: 200px; } .form1R { float: left; } .form1Bt { overflow: hidden; padding: 15px 0 20px 120px; } .form1Bt a { width: 110px; display: block; height: 40px; background: #068fe6; text-align: center; line-height: 40px; color: #fff !important; font-size: 14px; border-radius: 2px; padding: 0px 5px; float: left; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .form1Bt a:hover { opacity: 0.8; } /* 留言板 */ .msgTitle { font-size: 16px; clear: both; font-weight: bold; color: #000; padding: 0 0 10px 0; border-bottom: 2px solid #d5d5d5; } .msgList { clear: both; overflow: hidden; padding: 30px 0 0 0; font-size: 14px; } .msgList dd { clear: both; padding: 15px 0; overflow: hidden; position: relative; } .msgTitle { clear: both; line-height: 30px; } .msgTitle span { padding: 0 0 0 30px; } .msgInfo { clear: both; line-height: 30px; } .msgReply { clear: both; line-height: 30px; border-top: 1px dotted #d5d5d5; margin-top: 10px; } .msgName { width: 100px; padding: 10px 0 0 0; position: absolute; left: 10px; top: 10px; } .msgName strong { display: block; clear: both; font-size: 14px; } .msgName span { display: block; line-height: 20px; padding: 5px 0 0 0; } .msgList_r { border: 1px solid #d5d5d5; background: #fff; padding: 15px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 0 100px; } .msgList_jt { width: 11px; height: 18px; position: absolute; left: -11px; top: 20px; background: url(../images/jiantou.jpg) no-repeat; } /* 留言 end */ /*联系start*/ .information { overflow: hidden; } .contact { background-color: #fff; position: relative; } .contact1 { overflow: hidden; height: 450px; } .contact1_sp1 { font-size: 22px; line-height: 32px; display: block; color: #333333; } .contact1_sp2 { font-size: 16px; line-height: 36px; display: block; color: #666666 } .contact1_box { padding: 0 30px; } .contact1fr { overflow: hidden; height: 485px; } /*留言start*/ .messageForm { width: 1080px; margin: 0 auto; font-size: 14px; color: #333333; } .messageForm dd { clear: both; } .messageForm dd .con { width: 50%; float: left } .messageForm dd .subtitle { height: 38px; line-height: 38px; color: #da0100; font-size: 16px; font-weight: bold; } .messageForm dd .title { height: 38px; width: 130px; line-height: 38px; text-align: right; color: #555555; font-size: 16px; margin-right: 5px; } .w_355 { width: 355px } .w_255 { width: 255px } .w_895 { width: 895px } .messageForm dd .title2 { height: 38px; line-height: 38px; text-align: right; color: #555555; font-size: 16px; margin-right: 10px; margin-left: 5px; } .messageForm dd .title2 span { line-height: 38px; color: #da0100; padding-left: 5px; } .messageForm dd .formC { border: 1px solid #e2e2e2; padding: 0 10px; } .messageForm dd .formC.np { padding: 0px; } .messageForm dd input { display: block; height: 38px; line-height: 38px; border: none; background: none; } .messageForm dd input.input1 { width: 100%; } .messageForm dd textarea { display: block; width: 100%; padding: 6px 0; line-height: 25px; height: 25px; border: none; background: none; } .messageForm dd.dd1 { width: 33.3333%; } .messageForm dd.dd2 { width: 100%; } .messageForm dd.dd3 { width: 50%; } .messageformSel { height: 38px; position: relative; padding-right: 38px; } .messageformSel .seljg { padding-left: 10px; line-height: 38px; color: #333333; font-size: 13px; cursor: pointer; } .messageformSel i { display: block; width: 38px; height: 38px; background: url(../images/formSel.png) no-repeat center center; position: absolute; right: 0px; top: 0px; cursor: pointer; } .messageformSel .selTj { width: 100%; overflow: hidden; border: 1px solid #dedede; border-top: none; max-height: 120px; overflow-y: auto; position: absolute; left: -1px; top: 38px; background: #FFF; display: none; z-index: 100000 } .messageformSel .selTj a { display: block; height: 35px; line-height: 35px; padding-left: 10px; color: #666666; margin-bottom: 1px; font-size: 12px; } .messageformSel .selTj a:hover { background: #1a83e0; color: #FFF; } .messageformSel .selTj a.hover { background: #1a83e0; color: #FFF; } .formYzm { overflow: hidden; position: relative; padding-right: 100px; } .formYzm img { height: 40px; cursor: pointer; width: 90px; position: absolute; right: 0px; top: 0px; } .messageFormBtn { text-align: center; font-size: 0px; clear: both; margin-left: 264px } .messageFormBtn a { display: inline-block; font-size: 16px; color: #FFF; padding: 0 50px; height: 50px; line-height: 50px; background: #cd2027; border-radius: 5px; margin-right: 30px } .messageFormBtn a.typ { background: #999999 } .messageFormBtn a:hover { opacity: 0.9 } .messageT { clear: both; height: 35px; line-height: 35px; text-align: center; color: #454545; font-size: 24px; font-weight: bold; } .mapBox { width: 760px; height: 410px; overflow: hidden; margin-right: 25px; } .mapBoxR { overflow: hidden; } .mapBoxR .divT { clear: both; height: 55px; overflow: hidden; font-size: 22px; color: #333333; line-height: 55px; margin-top: 60px; } .mapBoxR .txt { clear: both; overflow: hidden; color: #666666; font-size: 16px; line-height: 36px; } .jmText { overflow: hidden; clear: both; font-size: 16px; line-height: 36px; color: #333333; padding: 0 50px; } /*留言end*/ .slider { position: relative; width: 560px; margin: 0px auto; } .slider .bt { display: block; width: 48px; height: 48px; overflow: hidden; position: absolute; top: 50%; margin-top: -24px; z-index: 999; border-radius: 100%; background-color: #e7e7e7 !important; } .slider .prev { left: -300px; background-image: url(../images/Wprev.png); background-repeat: no-repeat; background-position: center center; } .slider .prev:hover { background-image: url(../images/Wprevh.png); background-repeat: no-repeat; background-position: center center; background-color: #cd2027 !important; } .slider .next { right: -300px; background-image: url(../images/Wnext.png); background-repeat: no-repeat; background-position: center center; } .slider .next:hover { background-image: url(../images/Wnexth.png); background-color: #cd2027 !important; } @media (max-width:14450px) { .slider .prev { left: -250px; } .slider .next { right: -250px; } } .honorCon { overflow: hidden; } .roundabout-holder { height: 485px; } .roundabout-holder li { width: 466px; height: 330px; position: relative; } .roundabout-holder li .honorImg { clear: both; width: 466px; height: 330px; } .roundabout-holder a { display: block; } .roundabout-holder span { overflow: hidden; font-size: 16px; color: #333; text-align: center; padding-top: 10px; display: none; } .roundabout-holder .roundabout-in-focus span { display: block; } .roundabout-holder li img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .roundabout-in-focus .honorName { display: block; } .honorName { display: none; overflow: hidden; font-size: 16px; color: #666; text-align: center; padding-top: 10px; } .textList dd { clear: both; overflow: hidden; border-bottom: 1px solid #eeeeee; } .textList dd a { display: block; overflow: hidden; line-height: 30px; padding: 11px 0; color: #666666; font-size: 14px; padding-left: 17px; background: url(../images/icon4.png) no-repeat left center; } .textList dd a:hover { color: #cd2027 } /* * 大事件 */ .bigThingsSlide { width: 100%; height: 530px; overflow: hidden; position: relative; z-index: 1; } .bigThingsSlide .bt { display: block; width: 38px; height: 38px; cursor: pointer; position: absolute; left: 50%; top: 50%; margin-top: -19px; z-index: 1; background-repeat: no-repeat; background-image: url(../images/icon5.png); } .bigThingsSlide .bt.prev { background-position: left top; margin-left: -560px; } .bigThingsSlide .bt.prev:hover { background-position: left bottom; } .bigThingsSlide .bt.next { background-position: right top; margin-left: 525px; } .bigThingsSlide .bt.next:hover { background-position: right bottom; } .bigThingsSlide:after { content: ""; display: block; width: 100%; height: 2px; background: #cd2027; position: absolute; top: 50%; left: 0; z-index: -1; } .bigThingsSlide .bd { width: 1020px; height: 530px; margin: 0 auto; overflow: hidden; } .bigThings_dl dd { float: left; width: 33.3333%; height: 530px; position: relative; } .bigThingsBox { height: 215px; position: absolute; left: 10px; right: 10px; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .bigThings_dl dd.style1 .bigThingsBox { top: 15px; } .bigThings_dl dd.style2 .bigThingsBox { bottom: 15px; } .bigThingsBox .time { width: 100%; height: 60px; overflow: hidden; line-height: 60px; text-align: center; color: #999999; font-size: 24px; padding-top: 48px; background: url(../images/bigThingsIcon.png) no-repeat center top; position: absolute; top: 100%; left: 0; } .bigThings_dl dd.style1:hover .bigThingsBox .time { background: url(../images/bigThingsIconh.png) no-repeat center top; color: #cd2027 } .bigThings_dl dd.style2 .time { top: -108px; background: url(../images/bigThingsIcon2.png) no-repeat center bottom; padding-top: 0; padding-bottom: 48px; } .bigThings_dl dd.style2:hover .bigThingsBox .time { background: url(../images/bigThingsIcon2h.png) no-repeat center bottom; color: #cd2027 } .bigThingsCont { overflow: hidden; height: 195px; line-height: 30px; color: #666666; font-size: 14px; margin: 10px 15px; } .bigThingsCont .div { overflow: hidden; } .bigThingsT { clear: both; overflow: hidden; height: 60px; line-height: 60px; text-align: center; color: #333333; font-size: 28px; } .smilesDl { overflow: hidden; margin-left: 60px; margin-top: 95px; } .smilesDl dt { clear: both; overflow: hidden; height: 40xp; line-height: 40px; color: #666666; font-size: 14px; } .smilesDl dd { clear: both; overflow: hidden; margin-bottom: 10px; } a.smilesBtn { display: block; height: 20px; overflow: hidden; line-height: 20px; padding-left: 30px; color: #666666; font-size: 14px; background: url(../images/icon6.png) no-repeat left center; } .smilesBtn.sct { background: url(../images/icon7.png) no-repeat left center; } /*查询结果*/ .queryT { clear: both; height: 50px; overflow: hidden; line-height: 50px; color: #333333; font-size: 16px; border-bottom: 1px solid #e6e6e6; } .queryT .bt { width: 90px; height: 35px; overflow: hidden; text-align: center; background: #cd2027; font-size: 14px; color: #ffffff; line-height: 35px; margin-top: 5px; border-radius: 3px; } .queryT .bt:hover { opacity: 0.9 } /**/ .queryDl dd { clear: both; overflow: hidden; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6; } .queryDl dd .pic { width: 270px; height: 205px; overflow: hidden; margin-right: 25px; border: 1px solid #e6e6e6; position: relative; } .queryDl dd .pic img { display: block; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .queryDl dd .divR { overflow: hidden; } .queryDl dd .divR .divT { clear: both; height: 32px; overflow: hidden; line-height: 32px; color: #333333; font-size: 22px; } .queryDl dd:hover .divR .divT { color: #cd2027 } .queryDl dd .divR .txtBox { clear: both; overflow: hidden; } .queryDl dd .divR .txtBox .div1 { float: left; width: 260px; overflow: hidden; margin-right: 18px; font-size: 14px; line-height: 30px; color: #666666; } .queryDl dd .divR .txtBox .div1 span { color: #d50000 } .queryDl dd .divR .txtBox .div2 { overflow: hidden; font-size: 14px; line-height: 30px; color: #666666; } /*客户*/ .customerT { clear: both; height: 65px; overflow: hidden; line-height: 65px; text-align: center; color: #333333; font-size: 30px; } .customerText { overflow: hidden; clear: both; padding: 0 100px; line-height: 36px; color: #666666; font-size: 16px; padding-bottom: 30px; height: 722px; position: relative; } .customerText img { width: 1140px; position: absolute; left: 50%; margin-left: -570px; } .customerDl { margin: 0 -10px; } .customerDl dd { float: left; width: 20%; overflow: hidden; margin-bottom: 20px; } .customerDl dd a { display: block; overflow: hidden; margin: 0 10px; } .customerDl dd a .pic { padding-top: 38.5826%; overflow: hidden; position: relative; border: 1px solid #e6e6e6; transition-duration: 0.3s; } .customerDl dd a:hover .pic { border: 1px solid #cd2027 } .customerDl dd a .pic img { display: block; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } /**/ .khzxBox { width: 642px; height: 642px; margin: 0 auto; position: relative; } .khzxBoxC { width: 642px; height: 642px; position: absolute; top: 50%; left: 50%; z-index: 0; margin: -321px 0 0 -321px; border-radius: 100%; overflow: hidden; transform-origin: center center; transition-duration: 0.3s; } .khzxBoxC.el7 { z-index: 0 } .khzxBoxC.el6 { z-index: 1 } .khzxBoxC.el5 { z-index: 2 } .khzxBoxC.el4 { z-index: 3 } .khzxBoxC.el3 { z-index: 0 } .khzxBoxC.el2 { z-index: 5 } .khzxBoxC.el1 { z-index: 6 } .khzxBoxC.show { transform: scale(1.05); z-index: 9 } .khzxBoxC div { width: 321px; height: 321px; overflow: hidden; position: absolute; left: 0; top: 0; transform-origin: right bottom; } .khzxBoxC div { box-shadow: -8px 0px 8px rgba(0, 0, 0, 0.2) } .khzxBoxC div:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; transform-origin: right bottom; transition-duration: 0.3s; } .khzxBoxC.show div:after { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) } .khzxBoxC.el1 div { transform: rotate(26deg); background: url(../images/el1Bg01.png) no-repeat right bottom; } .khzxBoxC.el2 div { transform: rotate(102deg); background: url(../images/el2Bg01.png) no-repeat right bottom; } .khzxBoxC.el3 div { transform: rotate(151deg); background: url(../images/el3Bg01.png) no-repeat right bottom; } .khzxBoxC.el4 div { transform: rotate(178deg); background: url(../images/el4Bg01.png) no-repeat right bottom; } .khzxBoxC.el5 div { transform: rotate(225deg); background: url(../images/el5Bg01.png) no-repeat right bottom; } .khzxBoxC.el6 div { transform: rotate(284deg); background: url(../images/el6Bg01.png) no-repeat right bottom; } .khzxBoxC.el7 div { transform: rotate(-32deg); background: url(../images/el7Bg01.png) no-repeat right bottom; } /*.khzxBoxC.el1 div:after{background:#f7e4d1;transform: rotate(-17deg)} .khzxBoxC.el2 div:after{background:#c4eef2;transform: rotate(-42deg)} .khzxBoxC.el3 div:after{background:#64c1d1;transform: rotate(-63deg)} .khzxBoxC.el4 div:after{background:#f7e4d1;transform: rotate(-43deg)} .khzxBoxC.el5 div:after{background:#c1dff8;transform: rotate(-32deg)} .khzxBoxC.el6 div:after{background:#c4eef2;transform: rotate(-43deg)} .khzxBoxC.el7 div:after{background:#c1dff8;transform: rotate(-29deg)}*/ .khzxBoxCBox { width: 642px; height: 642px; position: absolute; top: 50%; left: 50%; z-index: 99; background: url(/subsiteSrc/xlswPC/images/khzx201.png) no-repeat center center; margin: -321px 0 0 -321px; border-radius: 100%; overflow: hidden; } .khzxBoxCBox a { display: block; width: 200px; height: 200px; position: absolute; } .khzxBoxCBox a.a1 { top: 226px; left: 25px; } .khzxBoxCBox a.a2 { top: 426px; left: 268px; } .khzxBoxCBox a.a3 { top: 400px; left: 74px; } .khzxBoxCBox a.a4 { top: 316px; left: 437px; } .khzxBoxCBox a.a5 { top: 24px; left: 372px; } .khzxBoxCBox a.a6 { top: 18px; left: 154px; } /* 天然产物库列表页 start */ .naturalList{ overflow: hidden; margin: 0 30px; } .naturalList dd{ float: left; display: inline; width: 20%; padding: 8px 0; } .naturalList dd a{ margin: 0 10px; border-radius: 5px; background: #fafafa; display: block; padding:10px 15px; font-size: 16px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; } .naturalList dd a strong{ display:block; clear:both; font-weight:normal; line-height:30px; } .naturalList dd a span{ display:block; clear:both; font-size:12px; padding:0 0 04px 0; white-space: nowrap; overflow: hidden; color:#999999; text-overflow: ellipsis; transition: all 0.3s ease-in; } .naturalList dd a:hover{ background:#fde8d0; color:#cd2027; transform: translateX(-1px); -webkit-transform: translateX(-1px); box-shadow: 0 1px 5px 0 rgb(0 0 0 0.4); } .naturalList dd a:hover span{ color:#cd2027;} /* 天然产物库列表页 end */ /* 天然产物库综合页 start */ .naturalList dt{ margin: 0 10px; overflow: hidden; } .naturalList dt a{ height: 60px; line-height: 60px; font-size: 16px; display: inline-block; color: #cd2027; font-weight: bold; position: relative; padding-right: 10px; } .naturalList dt a::after{ display: block; content: ""; position: absolute; width: 1400px; left:0; height: 2px; top:50px; background: rgba(205,32,39,0.5); } /* 天然产物库综合页 end */ /* -----------------------------内页样式end----------------------------- */