@charset "utf-8"; body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word} table{border-collapse:collapse;border-spacing:0;}img{border:none} pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */} h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none} input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;} code,kbd,pre,samp{font-family:courier new,courier,monospace;} ul,ol,li{list-style:none;} select optgroup{color:#CAC8BB;} header{ display:block; height: 100%;} .clearfix:before,.clearfix:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0} .clearfix:after{clear:both} .clearfix{zoom:1} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} body{font-size:14px;font-family: "Microsoft YaHei","Microsoft YaHei UI", "Segoe UI", Arial, Verdana, Sans-Serif, sans-serif;} a{color:#ad251f;text-decoration:none; cursor:pointer;} a:hover{color:#ad251f;text-decoration:none;} .fl{ float:left;} .fr{ float:right;} @keyframes active { 0% { transform: translate(0px, 5px); } 50% { transform: translate(0px, -5px); } 100% { transform: translate(0px, 5px); } } .por{ position: relative; } .poa{ position:absolute; } .hide{ display: none; } .show{ display: block; } #loading{ position: fixed; width:100%; height: 100%; background: #fff; transition: all 300ms; z-index: 100; } #loading img{ position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); } .viewport{ position: relative; height: 100%; } .view-bg{ position: absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; } .view-bg img{ opacity: 0; filter: alpha(opacity=0) } .view-bg1{ position: absolute; bottom:0; width:100%; overflow:hidden; } .view-bg1 img{ width:100%; } .view-bg2{ position: absolute; bottom:0; left:-40px; overflow:hidden; } .view-bg3{ position: absolute; height:25%; bottom:0; width:100%; background-color: #ad251f; overflow:hidden; } .view-bg4{ position: absolute; height:200px; top:0; width:100%; background-color: #ad251f; overflow:hidden; } .viewport-cont{ position: absolute; width:100%; bottom:0; left:0; overflow: hidden; } .viewport-cont .wrapper{ min-height:500px; margin-top:0; position: absolute; left: 50%; top:50%; transform: translate(-50%, -60%); width:1200px; } .viewport-cont .wrapper .tit{ display: flex; justify-content: space-between; align-items: center; width:100%; line-height:1; margin-bottom:30px; color:#666; text-align:center; } .viewport-cont .wrapper .tit .h3{ color:#333; font-weight: normal; letter-spacing: 5px; font-size:30px; } .viewport-cont .wrapper .tit a{ color:#333; display: flex; align-items: center; } .viewport-cont .wrapper .tit a img{ height:10px; margin-left:10px; } .view-next, .view-prev, .ban .bg{ position: absolute; left: 50%; margin-left: -13px; bottom: 47px; width: 26px; height: 15px; background: url("../image/bg1.png?v=1") no-repeat center; cursor: pointer; z-index: 10; animation: 2s linear 0s infinite running active; } .view-next.bg2{ background:url("../image/bg2.png?v=1") no-repeat center; } .view-next.bg3{ background:url("../image/bg3.png?v=2") no-repeat center; } .view-next.bg4 ,.view-prev.bg4{ background:url("../image/bg4.png?v=1") no-repeat center; } .view-next.bg5{ background:url("../image/bg5.png?v=1") no-repeat center; } .banner-slide a.prev, .banner-slide a.next{display:block; width:36px; height:73px; margin-top:-36px; background:url("../image/arrow.png") no-repeat; overflow:hidden; position:absolute; top:50%; z-index:10;} .banner-slide a.prev{background-position:0 -73px; left:68px;} .banner-slide a.next{background-position:-36px -73px; right:68px;} .banner-slide video{ width: 100%; height: 100vh; /*object-fit: cover !important;*/ object-fit: fill; display: block; } .bg10001{ background-color:#f5f6f6; } .container{ width:1200px; margin-left: auto; margin-right: auto; } .container.img{ width: 100%; min-width: 1200px; } .container.img img{ width: 100%; } .header{ transition: all 300ms; background-color:#fff; height:70px; width:100%; line-height: 70px; box-shadow: 0 1px 3px rgba(0,0,0, .2); z-index:11; } .header.fixed{ position: fixed; width:100%; top:0; } .header .container{ width: 95% !important; min-width: 1200px; } .index .header{ position: fixed; background-color: rgba(255,255,255, 0.8); } .activ.header{ background-color: transparent; box-shadow: none; } .logo{ float:left; } .logo a{ display: flex; flex-direction: column; justify-content: center; align-content: center; height: 70px; line-height: 70px; } .logo a img{ margin-top:5px; height:25px; } .logo .logo-white{ transition: all 300ms; display: none; } .logo .logo-def{ transition: all 300ms; display: block; } .activ .logo .logo-white{ display: block; } .activ .logo .logo-def{ display: none; } .slogan{ float:left; margin-left:15px; } .nav{ float:right; position:relative;} .nav ul{ } .nav li{ position: relative; transition: all 300ms; float:left; width:85px; height: 70px; border-left:1px solid rgba(255,255,255, 0.6); } .nav li a.tit{ font-size:15px; display:block; color:#333; line-height:70px; text-align:center; width:100%;} .nav li.navdown, .nav li.hover { background-color:#ad251f; color:#fff; } .nav li.navdown a.tit, .nav li.hover a.tit{ color:#fff;} .nav ul li dl{ position:absolute; transform: translateX(-50%); left: 50%; top:70px; z-index:20; display:none; } .nav ul li dl dd{ display: flex; height:48px; line-height:48px; } .nav ul li dl dd a{ font-size:13px; padding-left:15px; color:#333; margin:0; align-items: center; min-width: 100px; display:flex;} .nav ul li dl dd a:hover{color:#ad251f} .nav ul li dl dd a i{ margin-right:10px; } .nav ul li dl dd a:last-child{ border-bottom:0 none;} .nav ul li dl dd a.n0{ border-top:0 none !important; } .nav-bg{position: absolute; top:70px; width: 100%; z-index:10; height: 48px; background:#fff; background:rgba(255,255,255,0.7); display: none;} .activ .nav li{ border-left-color:transparent; } .activ .nav li a.tit{ color:#fff; } .activ .nav li.navdown, .activ .nav li.hover{ background-color: rgba(0,0,0,0.4); } .activ .nav-bg{ background-color: transparent !important; } .activ .nav ul li dl dd a{ color:#fff; } .banner .slides li{ background-size: cover !important; } .box{} .box-hd{ position: relative; text-align: center; margin-bottom:40px; } .box-bd{} .box-title{ font-size:20px; } .box-des{ margin-top:10px; font-size:12px; color:#666; } .box-more{ position: absolute; top:20px; right:0; color:#ad251f; } .mod{ margin-top:50px; } .mod-link{ position: relative; z-index:10; margin-top:-80px; } .mod-link ul{ width:80%; margin-left:auto; margin-right:auto; padding-top:20px; background-color: #f5f6f6; border-radius: 10px 10px 0 0; } .mod-link li{ width:50%; float:left; } .mod-link li a{ margin:0 25px; text-align: center; display: block; line-height: 70px; padding-bottom:5px; vertical-align: middle; border-bottom:1px solid #ccc; } .mod-link li.n1{ margin-right:-1px; border-right:1px solid #ccc; } .service-item{ margin-right:-30px; } .service-item .item{ width:380px; height:300px; margin-right:30px; margin-bottom:20px; float:left; } .service-item .item a{ display: block; background-color:#ad251f; } .service-item .item-info{ color:#fff; position:relative;; padding:23px 29px 26px 29px; } .service-item .item-info span{ display: block; } .service-item .item-ch{ font-size:20px; } .service-item .item-en{ margin-top:10px; font-size:14px; } .service-item .item-more{ float:right; margin-top:2px; border:1px solid #fff; line-height: 20px; padding:0 60px 0 10px; background:url(../image/ico6.png) no-repeat right center; } .mod-youshi{ } .mod-youshi .container{ padding-bottom:40px; border-bottom:1px solid #ad251f; } .li-youshi li{ float:left; width:25%; } .li-youshi li .inner{ padding-left:30px; } .li-youshi .li-ico{ width:60px; margin-top:10px; float:left; text-align: center; } .li-youshi .li-info{ margin-left:70px; } .li-youshi .li-info span{ display: block; } .li-youshi .li-t{ font-size:16px; } .li-youshi .li-hr{ width:50px; height:2px; background-color:#ad251f; margin-top:3px; margin-bottom:3px; } .li-youshi .li-des{ font-size:12px; display: block; color:#888; line-height: 1.5; } .mod-news{ margin-top:70px; margin-bottom:50px; } .news-wrapper{ margin-right:-20px; } .news-wrapper .hd{ margin-top:20px; text-align: center; } .news-wrapper .hd li{ display:inline-block; width: 90px; height: 5px; background: #8eb3e6; text-indent:-999em; margin:0 5px; cursor:pointer; } .news-wrapper .hd li.on{ background-color:#ad251f; } .li-news{ } .li-news li{ margin-right:20px; float:left; width:590px; } .dl-news{ margin-bottom:15px; background-color: #e6e6e6; } .dl-news dt { float:left; width:150px; height:120px; overflow: hidden; } .dl-news dt img{ width:100%; height:100%; } .dl-news dd{ padding:20px 30px 0 30px; margin-left:150px; } .dl-news .dl-t{ line-height: 20px; display: block; font-size:16px; height:20px; overflow: hidden; margin-bottom:15px; color:#333; } .dl-news a:hover{ color:#ad251f; } .dl-news .dl-des{ color:#666; font-size:12px; line-height: 22px; } .amap-container{height: 100%; width:100%;} .show-wm{ float:right; width:150px; padding-top:32px; text-align:center;} .show-wm .p1{ font-size:16px; line-height:24px; height:24px; color:#333;} .show-wm .p3{ font-size:14px;} .mod-add{ } .mod-add .add-box{ padding-bottom:30px;} .mod-add .add-box-l{ width:295px; /* border-right:1px solid #c3aca0; */ float:left; margin-right:55px;} .mod-add .add-box-m{ width:295px; float:left; border-right:1px solid #c3aca0;} .mod-add .add-box-r{ float:right; } .mod-add .inner{ width:450px; padding-top:32px; float:left;} .mod-add .add-box-l .inner{ margin:0;} .mod-add .add-box-r .inner{ float:right; margin:0;} .mod-add h2{font-size:16px; line-height:24px; color:#333; padding-bottom:24px; margin-bottom:33px;} .mod-add p{ font-size:14px; line-height:20px;} .mod-add .line{ height:1px; background:#c3aca0; margin:35px auto 25px;} .mod-add .p1{ height:40px;} .mod-add .meta{ background:url("../image/ico-add.png") no-repeat 0 2px; padding-left:32px; line-height:40px;} .mod-add .p3{ background-position:0 -32px;} .mod-add .p4{ background-position:0 -66px;} .mod-add .p5{ background-position:0 -100px;} .mod-add a{ color:#333;} .list_news{ list-style:none;} .list_news li{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee; line-height:24px;} .list_news .img{ display:block; float:right; margin-left:20px; height:120px; overflow:hidden; width:220px; border-radius:7px; } .list_news .img img{ min-height:120px; } .list_news .t{line-height:26px; height:26px; font-size:20px; font-weight:400; overflow:hidden; display:block;} .list_news .t_cat{ position:relative; float:left; margin:0 15px 0 0; height:26px; line-height:26px; padding:0 10px; background-color:#ad251f; color:#fff; font-size:12px;} .list_news .t_cat .fa{color:#ad251f ; font-size:18px; position:absolute; right:-5px; top:4px;} .list_news .t label::after{ content:''; position:absolute; right:-12px; top:7px; width:0; height:0; border:6px solid transparent; border-left-color:#ad251f;} .list_news a{color:#595757;} .list_news a:hover{} .list_news .des{ font-size:14px; text-indent:2em; line-height:1.5em; color:#8e8e8e; margin-top:10px;} .list_news .date{ font-size:14px; color:#8e8e8e; margin-top:5px; float:right; } .list-links{ margin-bottom:80px; } .list-links li{ float:left; width:12.5%; text-align: center; } .module1, .module2, .module3{position:relative; padding:20px 0 50px; } .pdt40{ padding-top:40px;} .pd40{ padding-bottom:40px;} .mb{ margin-bottom:25px;} .bg { background-color:#fff;} .container .m{ width:1100px; margin-left:auto; margin-right:auto; } .m-title{ padding-top:40px; border-bottom:1px solid #dbdbdb; margin-bottom:30px; line-height:66px; } .m-title span{ font-size:24px; color:#ba0006;} .article.shownews{ padding:0 50px; } .bg26 .article, .container.asidenone .article{ margin:0; padding:0 50px 50px; float:none; width:1100px;} .container .article .null{ background:url(../image/null.png?v=1) no-repeat center 40%; min-height:400px;} .container .article_head{ padding-left:15px; line-height:60px; font-size:20px; border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:30px;} .container .article_head h1{ float:left; background-color:#ad251f; color:#fff; border-radius: 20px; line-height: 30px; padding:0 20px; font-size:18px; margin:15px 0; font-weight:normal; } .container .article1{ padding:50px; background:#fff;} .container .article_head1 h1{ height:49px; line-height:49px; font-size:36px; color:#222; text-align:center; background:url(../image/bg14.jpg) no-repeat center center; font-weight:normal;} .container .article_head1 .sub_title{ text-align:center; line-height:20px; height:20px; font-size:18px; color:#222; margin-top:5px; margin-bottom:50px;} .container .article_title{ margin-bottom:8px; border-bottom:1px solid #ddd; text-align:center; padding-bottom:15px; margin-top:30px; } .container .article_title h1{ font-weight:normal; font-size:24px; color:#333; } .container .article_title .infos{} .container .article_title .infos .author{ margin-top:20px; color:#666; font-size:14px; display:block;} .container .article_title .infos .date{ font-size:12px; display:block; line-height:16px; color:#999; margin-top:10px;} .container .rlist a{ color:#154a7c; font-size:16px; display:block; background-color:#ad251f; padding:5px 20px; border-radius:5px; color:#fff; width:100px; text-align:center; float:right; } .mod-job .container .rlist{ margin-top:50px; text-align: center; width: 100%; display: block; } .mod-job .container .rlist a{ float:none; display: inline-block; } .mod-job .container .article_title{ margin-bottom:50px; } .container .article_showimgs{ padding:30px 35px;} .article_showimgs dl{ text-align:center; border-top:1px solid #ddd; padding:20px 0; position:relative; overflow:hidden;} .article_showimgs dl.n0{ border-top:0 none; padding-top:0;} .article_showimgs dd{ font-size:0;} .article_showimgs dt{ position:absolute; bottom:0; font-size:16px; color:#fff; height:0; line-height:45px; left:0; width:92%; padding:0 4%; background-color:#ad251f; background-color:rgba(3,92,172,0.4); -webkit-transition:height 0.4s; -moz-transition:height 0.4s; transition:height 0.4s;} .article_showimgs dl:hover dt{ height:45px;} .container .article_content{ padding:20px 15px 35px;} .container .article_tools{ padding:0;} .module2_list{} .module3_list_des{ background-color:#eee; padding:20px; text-indent:2em; margin:20px 40px 0; color:#666; border-radius:10px;} .crumbs{ color:#a3a3a3; float:left;} .crumbs a{ color:#a3a3a3;} .crumbs .fa{ margin-right:5px;} .aside{ border-bottom:1px solid #ededed; height:70px; line-height: 70px; background-color:#f5f6f6;} .grid_aside{ float:right;} .grid_aside h2{font-size:16px; color:#333; padding-left:20px; padding-right:20px; line-height:61px;} .grid_aside h2 i{ float:right; color:#fff; line-height:61px;} .aside_list .list-none{ display: inline-block; margin:0 5px; } .aside_list .list-none dt a{ color:#333; display:block; } .aside_list .list-none dt a:hover{ } .aside_list .list-none dt span{ padding:2px 15px; } .aside_list .list-none dt.on span{ border-radius: 20px; color:#fff; line-height: 30px; background-color:#595757; } .new-box{ width:350px; float:left; } .new-box:nth-child(even){ float:right; } .new-box .box-hd{ line-height: 30px; height:30px; font-size:18px; margin-bottom:10px; color:#333; font-weight: bold; display: block; text-align: left; background: url("../image/line.jpg") repeat-x center center; } .new-box .box-hd h3{ background: #fff; float:left; padding-right:10px; } .new-box .box-hd span{ color:#ad251f; } .new-box .box-bd{ height:180px; } .list-news{ width: 100%; display: flex; justify-content: space-between; } .list-news li{ width:31%; opacity:0; top:40px; background-color: #fff; border-radius: 8px 8px 0 0 ; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .list-news .list-thumb{ display: block; width:100%; height:380px; overflow: hidden; border-radius: 8px 8px 0 0 ; position: revert; } .list-news .list-thumb img{ min-width: 100%; vertical-align: middle; height: 100%; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; } .list-news .list-info { padding:15px; } .list-news .list-title{ line-height: 26px; font-size:16px; color:#000; height:52px; overflow: hidden; } .list-news .list-date{ margin-top:10px; color:#888; font-size:13px; } .li-news1{ line-height: 26px; } .li-news1 .list-desc{ float:right; color:#999; margin-left:10px; } .li-news1 .list-title{ color:#000000; height:28px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; } .li-news1 .list-title:hover{ color:#ad251f } .focusBox { position: relative; width: 400px; height: 240px; overflow: hidden; text-align: left; } .focusBox-pic img { width: 400px; height: 240px; display: block; } .focusBox-txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.8; overflow: hidden; } .focusBox-txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; } .focusBox-txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;} .focusBox-txt li a{ display: block; color: white; padding-left:10px; } .focusBox-num { position: absolute; z-index: 3; bottom: 11px; right: 8px; } .focusBox-num li{ float: left; position: relative; width: 12px; height: 12px; border-radius:100%; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer; } .focusBox-num li a, .focusBox-num li span { position: absolute; z-index: 2; display: block; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; font-size:0; background:white;} .focusBox-num li.on a, .focusBox-num a:hover{ background:#ad251f; } .mod-cat .list-none{ width:25%; float:left;} .mod-cat.row3 .list-none{ width:33.33%;} .mod-cat dt{ border-right:1px solid #dbdbdb; line-height:78px; height:78px; position:relative; text-align:center;} .mod-cat dt a{ display:block; font-size:18px; transition:color 0.3s; line-height:74px;} .mod-cat dt a:hover{ border-bottom:4px solid #ba0006; } .mod-cat dt.on a{ border-bottom:4px solid #ba0006; color:#ba0006} .li-p{} .li-p li{ float:left; width:25%; padding-top:15px; padding-bottom:15px;} .li-p li a{ display:block; border-right:1px solid #efefef; padding:20px; } .li-p li.last a{ border-right:0 none;} .li-p li img{ width:100%;} .li-p li p{ margin-top:10px;} .li-p li em{ display:block; width:80px; line-height:20px; background-color:#ad251f; text-align:center; color:#fff; border-radius:5px; font-size:12px; margin-top:5px;} .li-p .btn{ width:150px; height:44px; background:#ff7010; font-size:20px; color:#fff; position:absolute; bottom:30px; right:20px; line-height:43px; border-radius:6px; cursor:pointer; text-align:center;} .mod-cats{ } .list-cats{ display: flex; flex-wrap: wrap; justify-content: space-between; } .list-cats li{ width:19%; height:460px; position: revert; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: #ffff; opacity: 0; top:40px; border-radius: 10px; overflow: hidden; display: flex; justify-content: flex-start; align-items: stretch; background-size: cover; background-position: center; } .list-cats .list-info{ flex: auto; transition: all 300ms; width:100%; height:100%; background-color: rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; } .list-cats .list-info:hover{ background-color: rgba(0,0,0,0); } .list-cats .list-title{ height:24px; line-height: 24px; font-size:24px; color:#fff; } .list-cats .list-entitle{ margin-top:10px; font-size:13px; color:#ddd; text-transform: capitalize; } .list-cats .list-desc{ margin-top: 15px; font-size:12px; color:#666; line-height: 1.7; } .list-cats .list-more{ position: absolute; bottom:15px; background-color: #ddd; line-height: 26px; padding:0 20px; border-radius: 20px; color:#333; } .list-cats .list-more:hover{ background-color: #ad251f; color:#fff; } .footOneBox{height: 70px; line-height:70px; margin-top:10px; background: #a1040f; color:#fff; } .footOneOrder a{float:left; display: block; width: 150px; height: 30px; border: 1px solid #ffffff; margin-top: 19px;margin-left:70px; color:#ffffff; font-size: 14px;line-height: 30px;text-align:center; } .footOneOrder a:hover{ background-color:#fff; color:#ad251f;} .footText{ float:left; font-size:24px; padding-left:80px;} .footTel{ float: left;padding-left:100px;margin-left:30px; background:url("../f-tel.png") 60px center no-repeat; } .footTel .tel{ } .footTel .tel .num{ float:left; font-size:32px;} .footImg{ float: left; padding-left:50px; width: 100px; height: 116px; margin-top: -46px;} .footClose{ float:right; cursor: pointer; width: 23px; height: 23px; margin-top: 23px;} .footer{ background:#4b4c4d url(../image/bg7.jpg) repeat-x center top; padding-top:40px; color:#333; } .f-info{ border-left:1px solid #bbb; float:right; padding-left:70px; width: 250px; } .f-nav{ float:left; } .f-link{ line-height:60px; border-bottom:1px solid #dedede; margin-bottom:40px; } .f-link h4{ float:left; margin-right:20px; font-size:15px; } .f-link a{ margin-right:20px; color:#333; } .f-nav dl{ float:left; width:210px; } .footer dl:first-child{ margin-left:0; } .footer dt{ font-size:16px; color:#fff; line-height:2; } .footer dt a{ color:#fff; } .footer dd a{ width:100%; font-size:12px; display:block; color:#bbb; line-height:2; } .footer dd a:hover{ color:#fff; } .footer dd.line{ height:2px; width:30px; background-color:#ad251f; margin-top:10px; margin-bottom:10px;} .f-contact p{ width:100%; font-size:12px; display:block; color:#bbb; line-height:2;} .copyright{margin-top:40px; font-size:12px; padding:15px 0; color:#acacac; background:#222;} .copyright a{ color:#acacac} /* 寮圭獥 */ .pop-up {width: 960px;height:300px; border: 1px solid #bbb; border-radius: 5px; box-shadow: 0 0 2px rgba(187,187,187,.5); background: #fff; position: fixed; left: 50%; top: 40%; padding:35px 0; margin: -120px 0 0 -480px; font-size: 14px;z-index: 12;_position: absolute;_top:220px;} .pop-up .title {padding-left:10px;padding-right:10px; border-bottom: 1px solid #d9d9d9; margin: 0 30px 25px; height: 50px; font-size: 18px;color: #333;font-weight: normal;} .pop-up .close{ float:right; font-size: 34px; line-height: 34px; font-family: "寰蒋闆呴粦"; color: #797979;} .pop-up .close:hover{ color: #e25353;} .pop-up .text{ position:relative; height:230px; width: 930px; padding: 0 0 0 30px; overflow: hidden; } .pop-up .con{ font-size: 12px; height: 230px; width: 900px; position: relative; } .body-shadow{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter:alpha(opacity=50); z-index: 11; _position: absolute; _top:expression(offsetParent.scrollTop);} .hidden{display:none; } .pop-up .t{ color:#62310f; font-size:14px; } .pop-up .line{ height:1px; background-color:#62310f; margin-top:5px; width:50%;} .pop-2wm{ float:right; width:300px; text-align:center;} .pop-2wm .t{ font-weight:bold;} /*浠ヤ笅CSS鏍峰紡璋ㄦ厧淇敼锛屽唴椤靛悇妯″潡鏍峰紡锛屽妯℃澘鍙叡鐢?/ .met_clear{clear:both} .met_none{display:none} .met_hidden{visibility:hidden} .met_fl{float:left} .met_fr{float:right} .met_editor{line-height:2; padding:0 50px;} .met_editor ul,.met_editor ol{padding:0 0 0 25px;margin:0} .met_editor img{max-width:100%;height:auto!important;} .met_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd} .met_editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box} .met_editor .metvideobox{ text-align:center; visibility:hidden; margin:10px auto; } .met_editor .video-js{ max-width:100%; } .met_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0} .met_editor table td{border:1px solid #ddd!important} .met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd} .met_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd} .met_editor #page_break .collapse{display:none} .met_editor #page_break .num{padding:10px 0;text-align:center} .met_editor #page_break .num li{display:inline;margin:0 2px;padding:3px 5px;border:1px solid #ccc;background-color:#fff;color:#666;text-align:center;cursor:pointer;font-family:Arial;font-size:12px;overflow:hidden} .met_editor #page_break .num li.on{background-color:#ccc;color:#fff;font-weight:bold} .met_pager{text-align:center;} .met_pager a{border:1px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px; text-align:center; display:inline-block;color:#aaa; margin-left:5px; margin-right:1px;} .met_pager a:hover{border:1px solid #a0a0a0;color:#aaa} .met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#f0f0f0;color:#ccc;display:inline-block} .met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#aaa} .met_pager .PreSpan,.met_pager .PreA{margin-right:6px} .met_pager .NextSpan,.met_pager .NextA{margin-left:6px} .met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#aaa} .met_pager .Ahover{font-weight:bold;background:#f0f0f0;color:#aaa} .met_pager .PageText{margin-left:10px;color:#aaa} .met_pager #metPageT,#metPageB{text-align:center;border:1px solid #e0e0e0;color:#aaa} .met_pager #metPageT{width:20px;padding:6px 5px 5px} .met_pager #metPageB{min-width:40px;_width:40px;padding:6px 0 5px;cursor:pointer;font-weight:bold} *html .met_pager #metPageT{height:13px;line-height:13px} *html .met_pager #metPageB{padding:0;height:28px;line-height:20px} *+html .met_pager #metPageT{height:13px;line-height:13px} *+html .met_pager #metPageB{padding:0;height:28px;line-height:20px} .met_module1{} .met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px} .met_tools .met_page{clear:both;position:absolute;right:5px;top:0;color:#818181} .met_tools .met_page li{ display:inline; list-style:none; margin-left:30px;} .met_tools .met_page li span{ padding-right:5px;} .met_tools .met_page a{color:#607fa6} #imglist ul.list_1{list-style:none;visibility:hidden} #imglist ul.list_1 li{float:left;text-align:center;margin-bottom:30px;overflow:hidden} #imglist ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;font-size:0; } #imglist ul.list_1 li h2{font-size:14px;padding:5px 10px;font-weight:normal;border-top:1px solid #ddd; height:30px; line-height:30px; overflow:hidden;} #imglist ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s; } #imglist ul a:hover h2{color:#333} #imglist ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5} #imglist ul.list_2{list-style:none;visibility:hidden} #imglist ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd} #imglist ul.list_2 dt{float:left;position:relative} #imglist ul.list_2 dd{float:left;width:100%} #imglist ul.list_2 dd h2{padding:5px 10px;font-size:15px} #imglist ul.list_2 dd p{padding:5px 10px;color:#818181} #joblist{ margin-top:30px;} #joblist dl{padding:10px 5px 10px;margin-bottom:30px;border:1px solid #ddd; background-color: #fff;} #joblist dt{padding:0 10px;font-size:16px;font-weight:bold} #joblist dt a{ color:#ad251f} #joblist dd .dtail{padding:5px 10px 0;border-top:1px solid #ddd} #joblist dd .dtail span{margin-right:15px} #joblist dd .dtail a{color:#1c57c4} #joblist dd .editor{padding:10px} #joblist dd .mis{padding:5px 10px;border-bottom:1px solid #ddd;font-size:12px} #joblist dd .mis span{margin-right:15px;color:#999} #showjob h1.title{font-size:24px;border-bottom:1px solid #ddd;margin-bottom:30px; line-height:60px;} #showjob .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd} #showjob .met_editor{padding:0 10px} #cvlist{ margin-top:30px;} #showjob .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px; visibility:hidden} #showjob .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd} #showjob .paralist li:last-child{border-bottom:0} #showjob .paralist li a{color:#fff} #showjob .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word} #showjob .info_cv{margin-top:30px;margin-left:10px} #showjob .info_cv a{display:inline-block;background:#e84517 ;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px} #showjob .info_cv a:hover{background:#ff7900 } #showjob .info_cv a.active{background:#ff7900 } #messagelist{padding:15px} #messagelist .metlist{margin-top:30px;border:1px solid #ddd;padding:5px} #messagelist .metlist dt{padding:5px} #messagelist .metlist dt span.name{color:#2c7199} #messagelist .metlist dt span.time{padding-left:5px;color:#aaa;font-size:12px} #messagelist .metlist dt span.tt{float:right;padding-right:5px;color:#aaa} #messagelist .metlist dd.info span.tt{display:none;clear:both} #messagelist .metlist dd.info span.text{display:block;line-height:1.5;padding:0 5px 10px;border-bottom:1px solid #ddd} #messagelist .metlist dd.reinfo span.tt{display:block;padding:10px 5px 0;color:#2c7199} #messagelist .metlist dd.reinfo span.text{display:block;line-height:1.5;padding:5px 5px 10px} #messagelist .v52fmbx{margin-bottom:30px;} #linklist{padding:15px 15px 25px} #linklist .ctitle{margin:10px 0 10px;padding:5px 10px;border-bottom:1px solid #ddd} #linklist .inside{padding:15px 0 0} #linklist .metlist .img li{list-style:none;display:inline;padding-right:5px} #linklist .metlist .img img{width:88px;height:31px} #linklist .metlist .txt li{list-style:none;float:left;width:88px;height:20px;line-height:20px;margin-right:5px;overflow:hidden} #linksubmit{padding:15px} #linksubmit table{margin:0 auto} #memberbox{padding:15px} ul.searchnavlist{list-style:none;padding:0 20px;margin:0} ul.searchnavlist li{padding:5px 0} ul.searchnavlist .advsearch_searchword input{width:90%;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px} ul.searchnavlist .searchgo{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'} ul.searchnavlist .searchgo:hover{background:#38c4f0} ul.searchnavlist .searchgo:active{background:#1ba4cf} #sitemaplist dl{margin-top:30px;padding:20px;border:1px solid #ddd} #sitemaplist dt h2{font-size:18px;font-weight:normal;padding:10px 0;border-bottom:1px solid #ddd} #sitemaplist dt h2 i{font-size:22px;margin-left:10px;font-weight:normal;color:#888;position:relative;top:2px} #sitemaplist dd ul{float:left;width:25%;list-style:none;margin-top:20px} #sitemaplist dd li{margin-top:5px} #sitemaplist dd li h4 a{font-weight:normal;color:#666} .v52fmbx_hr{border-top:1px solid #ddd;margin:0;padding:0 5px 0 15px;font-weight:bold;font-size:16px;background:#ddd;height:60px;line-height:60px;} :-ms-input-placeholder{color:#999} .met-focus{border:1px solid #23b7e5!important} .v52fmbx{border:1px solid #ddd;border-top:0;overflow:hidden;text-align:left} .v52fmbx dl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .v52fmbx dl{width:100%;zoom:1;background:#fff} .v52fmbx dl{border-top:1px solid #ddd;margin:0;display:-webkit-box;display:-moz-box;display: box;display:-ms-flexbox;position:relative;padding:5px 0} .v52fmbx dl dt{padding:15px 15px 10px 15px;width:105px;text-align:left;font-weight:normal;overflow:hidden;line-height:1.2} .v52fmbx dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0; box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0} .v52fmbx dl dd label input{position:relative;top:1px;margin-right:3px} .v52fmbx dl dd .fbox{margin:0 10px 0 0} .v52fmbx dl dd .tips{color:#aaa} .v52fmbx dl dd .tips:hover{color:#f00} .v52fmbx dl dd.labelinline label{display:inline} .v52fmbx dl dt.addimgdt{padding:10px 5px 10px} .v52fmbx dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px} .v52fmbx dl.noborder{border-bottom:0} .formerror{margin-top:6px;height:20px;line-height:20px} .formerror .fa-times{color:#fff;border-radius:3px;padding:1px 2px;font-size:16px;margin-right:5px;background:red} .formerror .fa-check{color:#fff;border-radius:3px;padding:2px;font-size:14px;margin-right:5px;background:#10aa00} .formerrorbox{border:2px solid #f00!important} .v52fmbx dl dd.ftype_description{color:#fff;padding:8px;margin:0 5px;background:#6c6fbf} .ftype_input .fbox{float:left} .ftype_input .tips{float:left;padding-top:5px} .ftype_input .fbox input{width:350px;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px} .placeholder-ie{position:relative} .placeholder-ie label{position:absolute;left:8px;top:7px;cursor:text;color:#999} .ftype_textarea .tips{display:block} .ftype_textarea textarea{width:350px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0} .ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px} select{line-height:31px;height:31px;vertical-align:middle;background-color:#fff;outline:0;border:1px solid #ccc;padding:4px;color:#656565} .ftype_radio .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block} .ftype_radio .fbox input[type='radio']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0;position:relative;top:-1px;margin-right:6px} .ftype_radio .formerror{margin-top:0} .ftype_checkbox .fbox input[type='checkbox']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0} .ftype_checkbox .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block} .ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important} .ftype_checkbox .formerror{margin-top:0} .ftype_transverse .fbox label{display:inline;margin-right:15px} .submit{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'} .submit:hover{background:#38c4f0} .submit.active{background:#1ba4cf} .v52fmbx dl dd.ftype_code input{width:80px;margin-right:10px} .v52fmbx dl dd.ftype_code img{height:30px;position:relative;bottom:2px} .scroltop{position:fixed;_position:absolute; display:block; width:58px;height:58px;right:18px;_right:-47px;bottom:32px; display:none; line-height:58px; cursor:pointer; background-color:#f1f1f1; text-align:center;} .scroltop i{ font-size:22px;} #page { margin-top: 20px; text-align: center; } .pagination { width: 100%; text-align: center; } .pagination ul { display: inline-block; } .pagination li { display: inline-block; margin-right: 10px; line-height: 40px; height: 40px; } .pagination li:last-child { margin-right:0; } .pagination li a, .pagination li span { display: block; color: #555; background-color: #f3f3f3; padding: 0 15px; } .pagination li a:hover, .pagination li a:focus, .pagination li span:hover, .pagination li span:focus { background-color: #d7d7d7; } .pagination .page-active a, .pagination .page-active a:hover, .pagination .page-active a:focus, .pagination .page-active span, .pagination .page-active span:hover, .pagination .page-active span:focus { background-color: #d7d7d7; } .li-pic { margin-right: -20px; } .li-pic li { width: 380px; margin-right: 20px; margin-bottom: 20px; float: left; text-align: center; } .li-pic .list-thumb { border: 1px solid #cacaca; padding: 5px; width: 380px; height: 250px; line-height: 170px; box-sizing: border-box; border-radius: 3px; overflow: hidden; position: relative; } .li-pic li img { vertical-align: top; max-height: 100%; max-width: 100%; border-radius: 3px; } .li-pic .list-info { margin-top:10px; line-height: 30px; font-size:14px; } .li-pic .list-cat{ position: absolute; top:0; left:0; background-color: #ad251f; color:#fff; line-height: 30px; padding:0 10px; border-radius: 0 0 3px 0; } .li-pic .list-title{ text-align: center; } .li-pic li p { display: block; margin-top: 5px; font-size: 15px; color: #333; font-weight: normal; line-height: 24px; height: 24px; } .li-pic a:hover .list-thumb { border-color: #ad251f; } #allmap { height: 700px; width: 100%; min-width: 1190px; } .poa { position: absolute; } .por { position: relative; } .address { left: 50%; top: 90px; margin-left: -110px; padding: 50px 60px 0 50px; width: 580px; height: 450px; background-color: #fff; border-bottom: 2px solid #ad251f; z-index: 0; } .page-hd { font-size: 30px; color: #ad251f; line-height: 1em; padding-bottom: 10px; text-align: right; padding-right: 10px; border-bottom: 1px solid #dfdfdf; margin-bottom: 40px; } .page-bd { color: #999; font-size: 15px; line-height: 1.8; } .page-bd h3 { font-size: 20px; line-height: 40px; color: #ad251f; font-weight: bold; } .fixed-view-ico{ position: fixed; _position: absolute; left: auto; right: 30px; top: 50%; z-index: 999; width: 14px; height: 210px; margin-top:70px; transform: translate(0, -50%); } .fixed-view-ico a{ display: block; width: 14px; height: 14px; margin-bottom: 16px; background-color: #fff; border-radius: 50%; overflow: hidden; box-shadow: 0 0 4px #ccc; } .fixed-view-ico a:last-child{ margin-bottom:0; } .fixed-view-ico a.cur, .fixed-view-ico a:hover{ background-color: #ad251f; } .bg{ background-color:#f9f9f9; } .mod-job .container{ background-color: #fff; padding:50px; box-sizing: border-box; } .jobChoice{ } .jobChoice-wrapper{ width:100%; } .jobChoice-item{ margin-bottom:20px; display: flex; justify-content: flex-start; font-size:16px; line-height: 28px; } .jobChoice-item dt{ flex: none; width: 120px; } .jobChoice-item dd{ flex: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; } .jobChoice-item dd a{ margin-right: 30px; padding:0 12px; margin-bottom:10px; } .jobChoice-item dd a:hover, .jobChoice-item dd a.active{ margin-right: 30px; background-color: #ad251f; color:#fff; border-radius: 15px; } .job-list{ margin-top:40px; } .job-list table{ line-height: 28px; width:100%; } .job-list thead{ line-height: 50px; background-color: #f9f9f9; } .job-list tbody{ text-align: center; } .table-job { width: 800px; margin: 0 auto; } .table-job th, .table-job td { border: 1px solid #eee; line-height: 20px; text-align: center; padding: 10px 10px; } .table-job th { width: 120px; background-color: #f6f6f6; } .table-job td { width: 280px; line-height: 1.6; } .job-contact{ width: 800px; margin: 40px auto 0; font-size:18px; line-height: 1.6; } .job-contact dt{ font-weight: bold; } .job-contact dd{ margin-top:10px; color:#ad251f; } .index-zero{ background: url("../image/mod1-bg.jpg") no-repeat right bottom; background-size: 100% auto; } .element-item{ position: absolute; left:0; top: 10px !important; } .element-item.element-right{ left:auto; right:0; } #indexWrap{ /*max-width: 1920px;*/ margin-left:auto; margin-right:auto; } .index-zero-box{ text-align: center; left:50%; width:100%; top:50% !important; min-width: 1200px; transform: translate(-50%, -50%); } .index-zero-box img{ width: 100%; } .zero-info{ width: 1200px; margin-left:auto; margin-right:auto; text-align: left; margin-top:40px; font-size:17px; line-height: 1.5; background: rgba(255, 255, 255, 0.4); padding:15px; } .zero-info p{ margin: 10px 0; }