body{background: #131313;color: #999} /*Top002026 */ .Top002026{ position:absolute; z-index:102; width: 100%;top: 0;left: 0} .Top002026_2{ position:relative; z-index:100;border-bottom: 1px solid #282828} .Top002026_2:hover{z-index:101;} .Top002026 .auto{ max-width:1440px;} .Top002026_{ position: fixed;background: rgba(0, 0, 0, 0.8);} @media(max-width:1440px){ .Top002026 .auto{padding-left: 2%;padding-right: 2%;} } .Top002026 header{ position:relative;} .Top002026 .logo{ padding:1.37% 0%;position: relative;z-index: 100;max-width: 130px} .Top002026 .logo img{ display:block;} .Top002026 .logo a{ position:relative; z-index:10;} .Top002026 .top{ position:absolute; right:0%; bottom:30%; z-index:20;} .Top002026 .top dt, .Top002026 .top dd{ float:left;} .Top002026 .top dd.search{ width:30px; height:30px; position:relative; background:url(../images/Top002026-search.png) no-repeat center center;} .Top002026_2 .top dd.search{ width:30px; height:30px; position:relative; background:url(../images/Top002026-search.png) no-repeat center center;} .Top002026 .top dd.search div{ position:absolute; right:0; top:0px; height:100%; width:0; overflow:hidden; transition:0.3s;z-index: 200} .Top002026 .top dd.search:hover div{ width:200px;} .Top002026 .top dd.search .text{border:1px solid #666; border-radius:3px; width:100%; line-height:30px; height:30px; color:#333;background:#fff; padding:0 30px 0 10px;} .Top002026 .top dd.search .btn{ position:absolute; right:0; top:0; height:100%; width:30px; background:url(../images/Top002026-searchon.png) no-repeat center center; cursor:pointer; padding:0; border:none;} .Top002026 .top dt{ margin-left:35px;position: relative} .Top002026 .top dt a{padding-left: 24px; height:30px; line-height:30px;font-size:14px; color:#fff;} .Top002026_2 .top dt a{padding-left: 24px; height:30px; line-height:30px;font-size:14px; color:#666;} .Top002026 .top dt a.a_cn{background: url(../images/Top002026-icon1.png)no-repeat left center;} .Top002026 .top dt a.a_en{background: url(../images/Top002026-icon2.png)no-repeat left center;} .Top002026 .top dt a.a_de{background: url(../images/Top002026-icon3.png)no-repeat left center;} .Top002026 .top dt a.a_jp{background: url(../images/Top002026-icon4.png)no-repeat left center;} .Top002026 .top dt figure{position: absolute;right: -14px;top: 120%;box-shadow: 0 0 5px #ccc;background: #fff;width:76px;z-index: 100;text-align: center;border-radius: 5px; padding-top: 2px; display: none; } .Top002026 .top dt:hover figure{ display: block !important; } .Top002026 .top dt figure a{color: #666666;font-size: 12px;display: inline-block;line-height: 24px;height: auto;padding-bottom: 5px;font-weight: normal} .Top002026 .top dt figure::before{position: absolute;content: '';right: 40%;top: 0%;margin-top: -8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;} .Top002026 nav{ position:relative;} .Top002026 nav > .auto ul{ padding-left:15.15%; margin-top:-68px;} .Top002026 nav li{ float:left; margin-right:3.8%;line-height:68px;} .Top002026_2 nav li{ float:left; margin-right:3.8%;line-height:68px;border-bottom: 4px solid transparent} .Top002026 nav li em{ font-style: normal} .Top002026 nav li em a{font-size: 15px;padding: 7px 20px;color: #999} .Top002026_2 nav li em a{font-size: 15px;padding: 7px 20px;color: #999} .Top002026 nav li span, .Top002026 nav li > a{ color:#fff;border-bottom:1px solid transparent; position:relative; z-index:10;} .Top002026_2 nav li > a{ color:#333;border-bottom:1px solid transparent; position:relative; z-index:10;} .Top002026_1 nav li em a:hover, .Top002026_1 nav li.aon span, .Top002026_1 nav li em a.aon{background: #0071c4;color: #fff} .Top002026_2 nav li:hover, .Top002026_2 nav li.aon{border-bottom: 4px solid #0071c4} .Top002026_2 nav li em a:hover, .Top002026_2 nav li.aon span, .Top002026_2 nav li em a.aon{color: #0071c4} .Top002026 nav li.aon > a, .Top002026 nav li.aon span, .Top002026 nav li a:hover{} .Top002026 nav li span{ display:none;} .Top002026 nav li .subnav{ position:absolute; top:100%; display:none; width:100%; left:0; background-color:rgba(32,32,32,0.9); text-align:left;padding: 20px 0} .Top002026 nav li.aon .subnav{ display:block; } .Top002026 nav li .subnav dl{float: left;width: 25%;position: relative;border-right: 1px solid #626262;padding: 10px 25px;height: 173px;overflow: hidden;} .Top002026 nav li .subnav dl .pic{float: left;width: 50%;max-width: 146px;margin-right: 70px;padding: 15px 0;} .Top002026 nav li .subnav dl .pic img{max-width: 100%} .Top002026 nav li.has_dd .subnav{ padding:2.5% 0;} .Top002026 nav li dt{padding-bottom: 10px} .Top002026 nav li dt a{font-size:26px;color: #fff} .Top002026 nav li dd{line-height: 24px} .Top002026 nav li dd a{font-size: 18px;color: #999;line-height: 26px} .Top002026 nav li dd i{ font-style:normal; color:#333;padding-top: 20px;font-weight: normal;line-height: 20px} .Top002026 nav li dd img{ max-width:122px;transition: 0.3s} .Top002026 nav li dd:hover a{color: #fff} .Top002026 nav li.has_dt{} .Top002026 nav li dt{ text-align:left; line-height:30px;} .Top002026 nav li dt a{} @media(max-width:1760px){ .Top002026 nav li .subnav dl{padding: 10px; } .Top002026 nav li .subnav dl .pic{ max-width: 126px; margin-right: 20px; } .Top002026 nav li dt a{font-size: 20px; } .Top002026 nav li dd a{font-size: 14px; } } @media(max-width:1366px){ .Top002026 .top{right:2%;} .Top002026 nav li .subnav dl .pic{max-width: 126px;margin-right: 20px;padding: 20px 0; } } @media(max-width:1200px){ .Top002026 nav li .subnav dl{ width: 50%; border-bottom: 1px solid #626262; padding: 20px; } .Top002026 nav li .subnav dl:nth-last-of-type(1), .Top002026 nav li .subnav dl:nth-last-of-type(2){ border-bottom: 0; } } @media(max-width:1000px){ .Top002026{ position:relative; z-index:100;width: 100%;top: 0;left: 0;background: #131313;} .Top002026_2{ position:relative; z-index:100;width: 100%;top: 0;left: 0;background: #131313} .Top002026_2 nav li > a{color:#fff;} .Top002026 .logo{ margin-left:50px;} .Top002026 .top{ position:absolute; right:2%; bottom:24%; z-index:101;} .Top002026 .top dt{ margin-left:15px;} .Top002026 .top dt figure{right: 0px} .Top002026 .mobile_menu{ position:absolute; left:0; top:0; width:40px; height:100%; background-color:#131313;} .Top002026 .mobile_menu span, .Top002026 .mobile_menu span::before, .Top002026 .mobile_menu span::after{position:absolute;height:3px; background-color:#0071c4; left:0; width:100%;} .Top002026 .mobile_menu span{ width:80%; left:10%; top:50%; margin-top:-1.5px;} .Top002026 .mobile_menu span::before, .Top002026 .mobile_menu span::after{ content:'';} .Top002026 .mobile_menu span::before{ top:10px;} .Top002026 .mobile_menu span::after{ top:-10px;} .Top002026 nav{ position:fixed; left:0; top:0; height:100%; z-index:100;background-color:#333; width:60%; max-width:320px; overflow:auto; max-height:100%; opacity:0; transform:translateX(-100%); transition:0.3s;} .Top002026 nav.navOut{ opacity:1; transform:translateX(0);} .Top002026 nav > .auto ul{ padding-left:0; margin-top:0;} .Top002026 nav li{ float:none; padding-right:0;margin-right: 0;position: relative;line-height: 50px} .Top002026 nav li.has_sub > a{ display:none;} .Top002026 nav li em a, .Top002026_2 nav li em a{color: #fff;font-size: 16px} .Top002026 nav li > a, .Top002026 nav li.has_sub span{line-height:normal; padding:5% 20px; font-size:14px; border-bottom:1px solid rgba(255,255,255,0.3);color: #fff} .Top002026 nav li > span{ display:block; position:absolute;width: 100%;top: 0;left: 0;background: #333;padding: 7% 20px!important;font-size: 16px!important} .Top002026 nav li > span::after{ position:absolute; content:''; width:0; height:0; border:6px solid transparent; border-top-color:#fff; right:5%; top:50%; margin-top:-6px;} .Top002026 nav li .subnav{ position:relative; top:auto;box-shadow: none} .Top002026 nav li dd{ float:none; width:auto !important; padding:3% 0;} .Top002026 nav li dt a{ padding:3%;} .Top002026 nav .close{ overflow:hidden; padding:5%;} .Top002026 nav .close span{ float:right; width:30px; height:30px; position:relative;} .Top002026 nav .close span::before, .Top002026 nav .close span::after{ width:100%;left:0%; height:3px; position:absolute; content:''; background-color:#fff; top:50%; transform:rotate(-45deg);} .Top002026 nav .close span::before{ transform:rotate(45deg);} .Top002026 nav li .subnav dl{float: none;width: 100%;border-right: none;padding: 10px;border-bottom: 1px solid #333;height: auto} .Top002026 nav li .subnav dl .pic{display: none;} .Top002026_2 nav li:hover, .Top002026_2 nav li.aon{border-bottom: 4px solid transparent} .Top002026 nav li dt a{font-size:18px;color: #fff} .Top002026 nav li dd a{font-size: 14px;color: #999;line-height: 26px} } @media(max-width:768px){ .Top002026 .top dt{} .Top002026 .top dd a{ margin:0 5px;} } @media(max-width:480px){ .Top002026 .logo{ padding-top:4%; padding-bottom:4%;} } /* .Banner002345 为demo编号 */ .Banner002345{} .Banner002345{ position: relative; overflow: hidden;} .Banner002345 .bx-wrapper{ position:relative; z-index:1;} .Banner002345 .bx-viewport{ z-index:1;} .Banner002345 li .linkb{ display:block; position: relative;} .Banner002345 li img{ display:block; width:140%; position: relative; left: -20%; max-width: none; } .Banner002345 li .linkb .txt{position: absolute;width:520px;height: 320px;top: 50%;margin-top:-160px;left: 15%;} .Banner002345 li .linkb .txt .h5{font-size:36px;font-weight:normal;color: #fff;margin:0;margin-bottom:15px;} .Banner002345 li .linkb .txt .p{font-size:48px;color: #fff;margin:0;margin-bottom:15px;} .Banner002345 li .linkb .txt span{font-size:24px;color: #fff;display:block;margin-bottom:50px;} .Banner002345 li .linkb .txt a{display: inline-block;line-height:40px;width:150px;text-align: center;border:1px solid rgba(255,255,255,.5);background:rgba(0,116,193,.25);font-size:18px;color: #fff;transition:.3s;} .Banner002345 li .linkb .txt a:hover{background:rgba(0,116,193,.5);border:1px solid rgba(255,255,255,.8);} .Banner002345 li .linkb .txt a.more{margin-right:40px;} .Banner002345 li .linkb .txt a.buy{} .Banner002345 .bx-pager{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;display: none} .Banner002345 .bx-pager div{ display:inline-block; width: 20px; height: 20px; padding: 6px; overflow: hidden;} .Banner002345 .bx-pager div a{ display:block; width:8px; height:8px; position: relative; background-color:#FFFFFF; -moz-opacity:0.8; opacity: 0.8; filter:alpha(opacity=80); border-radius:100%; text-indent: 9999px; transition: all .5s ease-in-out;} .Banner002345 .bx-pager div a:after{ content:""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-radius: 50%; display: block; opacity: 0;transition: all .3s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;} .Banner002345 .bx-pager div a.active{position: relative;} .Banner002345 .bx-pager div a.active:after{ opacity: 1;left: -5px; top: -5px; width: 18px; height: 18px;border: 1px solid #fff;} .Banner002345 .bx-controls-direction{ display: none;} @media(min-width:768px){ .Banner002345 li img{width:100%; left: 0; max-width: 100%;} .Banner002345 .bx-pager{ bottom:40px;} .Banner002345 .bx-controls-direction{ display: block;} .Banner002345 .bx-controls-direction a {position:absolute; top:50%; z-index: 6; text-indent: 99999px; overflow: hidden; margin-top:-25px; width:26px; height:26px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;border-top: 2px solid #fff;border-right: 2px solid #fff} .Banner002345 .bx-controls-direction .bx-prev {left:-50px;transform: rotate(-135deg);} .Banner002345 .bx-controls-direction .bx-next {right:-50px;transform: rotate(45deg);} .Banner002345 .bx-controls-direction.on .bx-prev {left:120px;} .Banner002345 .bx-controls-direction.on .bx-next {right:120px;} } @media(max-width:1024px){ .Banner002345 li .linkb .txt{left: 0;height: 200px;margin-top:-100px;} .Banner002345 li .linkb .txt .h5{font-size:20px;} .Banner002345 li .linkb .txt .p{font-size:24px;} .Banner002345 li .linkb .txt span{font-size: 14px;margin-bottom:15px;} .Banner002345 li .linkb .txt a{width:110px;font-size:14px;} } /*Floor002656 */ .Floor002656{ font-family:Arial, Helvetica, sans-serif;padding: 1% 0} .Floor002656 li{ float:left; width:49.75%; margin-right:0.5%;/* max-width: 956px;max-height: 800px; */ text-align: center;overflow:hidden;position: relative} .Floor002656 li:nth-child(1) .txt h2{color: #fff;} .Floor002656 li:nth-child(1) .txt p{color: rgba(255,255,255,.8);} /*.Floor002656 li:nth-child(2){text-align: left}*/ .Floor002656 li:nth-child(2n){ margin-right:0;} /*.Floor002656 li a{ display:block; position:relative;transition:0.3s;padding:28% 14% 20%}*/ .Floor002656 li a{ display:block; position:relative;padding:10% 14% 74%;background-repeat: no-repeat;background-size:110%;background-position: center;transition:all 0.3s;} .Floor002656 li a:before{content: '';display: block;position: absolute;left: 3%;top: 3%;border: 3px solid #0171c5;height: 94%;width: 94%;z-index: 2;transform: scale(0);transition:all 0.3s;opacity: 0.75} /*.Floor002656 li:nth-child(1) a{ background:#fbfaff;} .Floor002656 li:nth-child(2) a{ background:#e9f0f9;}*/ /*.Floor002656 li .txt{ position:absolute;top:50%; width:20%;text-align: left}*/ .Floor002656 li .txt{position: absolute;z-index: 99;width: 100%;padding: 0 15%;top: 10%;left: 0;text-align: center} /*.Floor002656 li:nth-child(1) .txt{left: 24%;} .Floor002656 li:nth-child(2) .txt{right: 24%;}*/ .Floor002656 li .txt h2{ margin:0; font-size:32px; color:#000;font-weight: normal;font-family: 'Arial'} .Floor002656 li .txt p{ font-size:14px; color:#666;margin: 0;padding-top: 8px} .Floor002656 li a:hover img{transform: scale(1.1)} .Floor002656 li a:hover:before{transform: scale(1);} .Floor002656 li img{position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;transition: all 0.3s} .Floor002656 li img.wap{display: none;} @media(max-width:1366px){ /*.Floor002656 li a{ padding:24% 8% 16%}*/ /*.Floor002656 li:nth-child(1) .txt{left: 15%;} .Floor002656 li:nth-child(2) .txt{right: 15%;}*/ .Floor002656 li .txt h2{font-size:24px;} } @media(max-width:768px){ .Floor002656 li{ float:none; width:auto; margin-right:0; margin-bottom:2%;} .Floor002656 li a{background-image: none!important} .Floor002656 li img.pc{display: none} .Floor002656 li img.wap{display: block} /*.Floor002656 li .txt{ position:absolute;top:80%; width:100%;text-align: center;left: 0!important;right: 0!important;}*/ } @media(max-width:480px){ .Floor002656 .title-intro h3{ font-size:24px;} .Floor002656 .title-intro p{ font-size:14px; line-height:20px;} .Floor002656 li .txt h2{font-size:20px;} .Floor002656 li .txt p{ font-size:14px;} } /*---banenr---*/ .HomeBan .owl-nav { display: none; } .HomeBan .owl-dots { position: absolute; width: 100%; bottom: 20px; text-align: center; } .HomeBan .owl-dots .owl-dot { margin: 0 4px; display: inline-block; } .HomeBan .owl-dots .active span { background: #0171c5; } .HomeBan .owl-dots span { display: block; width: 10px; height: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; } .HomeBan .libox { position: relative; } .HomeBan .libox .wap { display: block; } .HomeBan .libox .pc { display: none;} .HomeBan .libox .txt{position: absolute;width:520px;height: 320px;top: 50%;transform: translateY(-50%);left: 15%;z-index: 100} .HomeBan .libox .txt .h5{font-size:24px;font-weight:normal;color: #fff;margin:0;margin-bottom:15px;} .HomeBan .libox .txt .p{font-size:36px;color: #fff;margin:0;margin-bottom:15px;} .HomeBan .libox .txt span{font-size:16px;color: #fff;display:block;margin-bottom:50px;} .HomeBan .libox .txt a{display: inline-block;line-height:36px;width:110px;text-align: center;border:1px solid rgba(255,255,255,.5);background:rgba(0,116,193,.25);font-size:14px;color: #fff;transition:.3s;} .HomeBan .libox .txt a:hover{background:rgba(0,116,193,.5);border:1px solid rgba(255,255,255,.8);} .HomeBan .libox .txt a.more{margin-right:25px;} .HomeBan { position: relative; } .HomeBan .Bannerup { display: none; } .HomeBan .videoBox{position:relative;} .HomeBan .videoBox .videoobj{object-fit:cover;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;} .HomeBan .videoBox .videobtn{opacity:1;position:absolute;left:0;top:0;z-index:10;background:rgba(0,0,0,0.2) url('../images/videoBtn.png') no-repeat center;display:block;width:100%;height:100%;cursor:pointer;} .HomeBan .videoBox.viboxon .videobtn{opacity:0;} .HomeBan .vibox{position:relative;z-index:7;} @media(max-width:1100px){ .HomeBan .libox .txt{left: 5%;height: 150px;width: 210px;} .HomeBan .libox .txt .h5{font-size:20px;margin-bottom:5px;} .HomeBan .libox .txt .p{font-size:24px;margin-bottom:5px;} .HomeBan .libox .txt span{font-size: 14px;margin-bottom:15px;} .HomeBan .libox .txt a{width:80px;font-size:12px;} .HomeBan .libox .txt a.more{margin-right:15px;} } @media screen and (min-width:768px) { .HomeBan .libox .Txt .h3 { font-size: 22px; max-width: 40%; } .HomeBan .libox .Txt .more { font-size: 16px; line-height: 45px; padding: 0 40px; } } @media screen and (min-width:1100px) { .HomeBan .w1280 { width: 90%; } .HomeBan .libox .wap { display: none; } .HomeBan .libox .pc { display: block; } .HomeBan .libox .Txt .h3 { font-size: 60px; max-width: 60%; } .HomeBan .owl-dots { display: none; } .HomeBan .owl-nav { display: block; } .HomeBan .owl-nav .owl-prev { width: 140px; color: #fff; height: 100%; text-align: center; position: absolute; left: 3%; top: 50%;transform: translateY(-50%); -moz-display: block; background: url(../images/Banner000933_prev.png)no-repeat center;opacity: 0;transition: all 0.3s} .HomeBan .owl-nav .owl-prev span { display: none; } .HomeBan .owl-nav .owl-prev:after { content: "\e86e"; font-family: iconfont; display: block; line-height: 45px; font-size: 18px; position: relative; top: -2px;display: none } .HomeBan .owl-nav .owl-next { width: 140px; color: #fff; height: 100%; text-align: center; position: absolute; right: 3%; top: 50%; transform: translateY(-50%); -moz- display: block;background: url(../images/Banner000933_next.png)no-repeat center;opacity: 0;transition: all 0.3s} .HomeBan .owl-nav .owl-next span { display: none; } .HomeBan .owl-nav .owl-next:after { content: "\e64a"; font-family: iconfont; display: block; line-height: 45px; font-size: 18px; position: relative; top: -2px;display: none } .HomeBan .Bannerup { display: block; position: absolute; left: 50%; width: 40px; bottom: 0px; margin-bottom: 40px; margin-left: -25px; color: #fff; z-index: 88; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0.8; filter: alpha(opacity=80); animation: bangd 2s infinite; -moz-animation: bangd 2s infinite; -webkit-animation: bangd 2s infinite; -o-animation: bangd 2s infinite; } .HomeBan .Bannerup .iconfont { font-size: 45px; } .HomeBan .owl-nav .owl-prev:hover{opacity: 1;} .HomeBan .owl-nav .owl-next:hover{opacity: 1;} } /*Banner002167 */ .Banner002167{ position:relative; z-index:1;} .Banner002167 .pc{display:block; width:100%; /* height:655px; background-position:center top; background-repeat:no-repeat; */} .Banner002167 .wap{ display:none;} .Banner002167 .txt{position: absolute;width:520px;height: auto;top: 50%;transform: translateY(-50%);left: 15%;z-index: 200} .Banner002167 .txt .h5{font-size:24px;font-weight:normal;color: #fff;margin:0;margin-bottom:15px;} .Banner002167 .txt .p{font-size:36px;color: #fff;margin:0;margin-bottom:15px;} .Banner002167 .txt span{font-size:16px;color: #fff;display:block;margin-bottom:50px;} @media(max-width:1000px){ .Banner002167 .pc{ display:none;} .Banner002167 .wap{ display:block; width:100%;} .Banner002167 .txt{left: 5%;} .Banner002167 .txt .h5{font-size:20px;margin-bottom:5px;} .Banner002167 .txt .p{font-size:24px;margin-bottom:5px;} .Banner002167 .txt span{font-size: 14px;margin-bottom:15px;} } /*Floor002573 */ .Floor002573{ position:relative;padding:1% 0 8px;} .Floor002573 .owl-carousel{ position:relative; z-index:10;} .Floor002573 .owl-stage-outer{ overflow:hidden;} .Floor002573 .owl-item{ float:left;} .Floor002573 .item{ position:relative; overflow:hidden;border: 3px solid #313131} .Floor002573 .item .xycenterbox{ color:#fff;text-align:center;transition:0.3s;padding:0 6px 6px;} .Floor002573 .item .pic{ display:block; width:100%;max-height: 393px} .Floor002573 .item .img {padding-bottom:83.975%; background:no-repeat center center; background-size:cover;} /*.Floor002573 .item a > div{ width:100%;padding-top: 38%}*/ .Floor002573 .item .xycenterbox > div{ width:100%;background: #222;transition:all 0.3s;} .Floor002573 .item p{ line-height:24px; height:24px;font-size:14px;max-width:220px; margin:0 auto;transition:0.3s; margin-bottom:0; padding:0 2%;color: #000;font-weight: lighter;opacity: 0.5} .Floor002573 .item:hover{} .Floor002573 .item:hover .xycenterbox > div{background: #0171c5;color: #fff} .Floor002573 .item h3{ margin:0; font-size:30px;font-weight:normal;font-family: 'Arial';color: #fff;line-height: 76px;transition:all 0.3s;} @media(max-width:1366px){ .Floor002573 .item h3{font-size:24px;} } @media(min-width:1025px){ .Floor002573 .disabled{ display:none;} .Floor002573{} } @media(max-width:1024px){ .Floor002573 .owl-nav{ text-align:center; padding:3% 0;} .Floor002573 .owl-nav button{ margin:0 1px; position:relative; border:none; background:#333; width:40px; height:40px; padding:0; cursor:pointer;} .Floor002573 .owl-nav span{ overflow:hidden; display:block; text-align:left;text-indent:-999em; width:12px; height:12px; border-top:3px solid #fff; border-right:3px solid #fff; } .Floor002573 .owl-nav .owl-prev span{margin-left:15px; transform:rotate(-135deg);} .Floor002573 .owl-nav .owl-next span{margin-left:12px;transform:rotate(45deg);} } @media(max-width:480px){ .Floor002573 .item .icon{ max-width:40px; max-height:40px;} } /*Bottom002673 */ .Bottom002673{ background:#181818;color:#fff; text-align:center;padding: 1% 0 0} .Bottom002673 .auto{max-width: 1440px;} @media(max-width:1440px){ .Bottom002673 .auto{padding-left: 2%;padding-right: 2%;} } .Bottom002673 .logo{ padding:3% 0;} .Bottom002673 footer{ padding:1% 0; border-top:1px solid #4a4a4a; margin-top:2%;text-align: left;color: #999;font-size: 13px} .Bottom002673 footer a{color: #999;} .Bottom002673 footer span{ margin-left:3%;float: right;} .Bottom002673 footer span a{color: #999999;} .Bottom002673 footer span a::after{ display:inline-block; font-style:italic; content:'/'; font-size:12px;color:#555;position: absolute;right: -30px;top: 0;display: none} .Bottom002673 footer span a:last-child::after{ display:none;} .Bottom002673 footer span a:hover{color: #fff} .Bottom002673 footer span i{font-size: 12px;color: #555;margin: 0 10px} .Bottom002673 nav{ padding-bottom:2%;} .Bottom002673 nav a{ font-size:14px;position: relative;margin-right: 52px;} .Bottom002673 nav a:last-child{margin-right: 0;} .Bottom002673 nav a::after{ display:inline-block; font-style:italic; content:'/'; font-size:12px;color:#555;position: absolute;right: -30px;top: 0} .Bottom002673 nav a:last-child::after{ display:none;} .Bottom002673 a{ color:#999; display:inline-block;} .Bottom002673 a:hover{color: #fff} .Bottom002673 .link{height: 40px;line-height: 40px} .Bottom002673 .link em{font-style: normal;display: inline-block;vertical-align: middle;color: #999} .Bottom002673 .link a{ display:inline-block;vertical-align: middle;margin:0 20px 0 0;float: none ;border:1px solid #777777; width:40px; height:40px; border-radius:50%; line-height: 35px;text-align: center;position: relative} .Bottom002673 .link a figure{ position:absolute; display:none; bottom:110%; left:50%; margin-left:-63px; background:url(../images/Bottom001908-ewm_bg.png) no-repeat; width:120px;height:133px; text-align:center; z-index:100;} .Bottom002673 .link a figure img{ width:120px; height:120px; display:block; padding:11px;} .Bottom002673 .link a:hover figure{ display:block;} @media(max-width:768px){ .Bottom002673 nav{ padding-bottom:5%;} .Bottom002673 nav a{ font-size:14px;position: relative;margin-right: 20px;} .Bottom002673 nav a::after{right: -13px} .Bottom002673 .link a{ margin:0 8px 0 0;} .Bottom002673 footer{text-align: center;padding: 2% 0;margin-top: 4%} .Bottom002673 footer span{ display: block;float: none;margin-top: 10px} } /* .TextList000594 为demo编号 */ .TextList000594{ padding-bottom:30px;} .TextList000594 .dl_top{ line-height:55px;background-color:#0071c4; color:#fff; font-size:16px;} .TextList000594 .dl_top dd{color:#fff!important;} .TextList000594 .dl{ overflow:hidden; clear:both;} .TextList000594 .list1 .dl{line-height: 34px; border-bottom:1px dashed #999;/* cursor:pointer; */padding:13px 0; } .TextList000594 .dl dd{ padding-left: 50px; float:left;position: relative;color: #999} .TextList000594 .dl dd .dow{ width:100%; height:30px;display:inline-block; position: relative; background:url(../images/dow.png) no-repeat center center ; } .TextList000594 .dl dd i{ position:absolute; width:22px; height:22px; background:#0071c4; border-radius:50%; right:16%; top:50%; margin-top:-16px;cursor: pointer} .TextList000594 .dl dd i::before, .TextList000594 .dl dd i::after{ position:absolute; content:''; background:#fff;} .TextList000594 .dl dd i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;} .TextList000594 .dl dd i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;} .TextList000594 .dl.select dd i::after{ display:none;} .TextList000594 .dl.select .dow{ color:#0071c4;} .TextList000594 .job-main{ display:none; padding:50px; border-bottom: 1px dashed #d1d1d1;} .TextList000594 .job-main .job-info{ line-height: 30px;color: #999} .TextList000594 .job-main .job-info .h3{ margin: 0; padding-bottom: 10px; } .TextList000594 .dl_top, .TextList000594 .list1{ padding:0 0% 0 0%;} .TextList000594 .list1{background: #222} .TextList000594 .list1 .info{ display:none; background-color:#f9f9f9; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;line-height: 24px;padding: 2%; margin-left:-2%; width:104%;} .TextList000594 .dl dd:nth-child(2){ width:35%;padding-left: 100px} .TextList000594_2 .dl dd:nth-child(2){ width:48%;padding-left: 100px} .TextList000594 .dl dd:nth-child(1){ width:28%; /*background:url(../images/TextList000594_cion1.png) no-repeat 138px 26px;*/} .TextList000594 .dl dd:nth-child(3){ width:12%;} .TextList000594_2 .dl dd:nth-child(3){ width:20%;} .TextList000594 .dl dd:nth-child(4){ width:15%;} .TextList000594 .dl dd:nth-child(5), .TextList000594 .dl dd:nth-child(6){ width:85px;} .TextList000594 .dl dd:nth-child(7){ width:13%;} .TextList000594 .dl dd a.btn{ display:inline-block;width: 80%;max-width: 108px; background: #ececec;border-radius: 5px;color: #363636;line-height: 34px;height: 34px;} .TextList000594 .dl dd a.btn:hover{ background-color:#e94f25; color:#fff;} .TextList000594 .list1 .dl dd:nth-child(5), .TextList000594 .list1 .dl dd:nth-child(6){ color:#999;} .TextList000594 .list1 #dl{ border-bottom:0; background-color:#fff;} .TextList000594 .list1 #dl dd:nth-child(1), .TextList000594 .list1 #dl dd:nth-child(2), .TextList000594 .list1 #dl dd:nth-child(3){color:#e94f25;white-space:normal; text-overflow:none; font-weight:bold; line-height:20px;} /*.TextList000594 .list .dl:hover dd:nth-child(1), .TextList000594 .list .dl:hover dd:nth-child(2), .TextList000594 .list .dl:hover dd:nth-child(3){color:#e94f25; font-weight:bold;}*/ .TextList000594 .list1 #dl a.btn{ background-color:#e94f25; color:#fff;} @media(max-width:1000px){ .TextList000594 .dl dd:nth-child(2), .TextList000594 .dl dd:nth-child(3), .TextList000594 .dl dd:nth-child(4){ display:none;} .TextList000594 .dl dd{ width:25% !important;} .TextList000594_2 .dl dd:nth-child(2), .TextList000594_2 .dl dd:nth-child(3){ display:none;} .TextList000594_2 .dl dd:nth-child(4){ display:block;} } @media(max-width:768px){ .TextList000594 .dl dd{ padding-left: 0px !important;text-align: center;} .TextList000594 .dl dd:nth-child(1), .TextList000594 .dl dd:nth-child(7){ display:block;} .TextList000594 .dl dd:nth-child(1){ width:60% !important;background: none} .TextList000594 .dl dd:last-child{ width:40% !important;} .TextList000594_2 .dl dd:last-child{ width:40% !important;} .TextList000594 .dl_top{ font-size:14px; line-height:45px;} .TextList000594 .job-main{padding:20px;} } /* .Floor001732 为demo编号 */ .Floor001732{ text-align:center; padding:8% 0;} .Floor001732 h1{ font-size:36px; font-weight:normal; color:#999; margin:0; padding-bottom:4%;} .Floor001732 h1 span{ color:#c9b27c;} .Floor001732 h2{ color:#0071c4; font-size:64px;margin: 15px 0;} .Floor001732 h2 span{ font-size:18px; font-weight: normal } .Floor001732 h2 i{ display:inline-block; content:""; width:1px; height:50px; background:#0071c4;margin: 0 10px;} .Floor001732 b{ display:block; font-size:18px; font-weight:normal; font-family:Arial; color:#c3c2c1; text-transform:uppercase; } .Floor001732 figure{color:#999; line-height:24px; padding-bottom:0%; font-size:17px;} .Floor001732 dd{ width:100%; } .Floor001732 dd:last-child{ margin-right:0;} .Floor001732 dd img{ display:block; width:100%;} .Floor001732 ul{ margin:0 auto;margin-top:3%; max-width:528px;} .Floor001732 li{ float:left; width:25%;} .Floor001732 li a{ display:block; font-size:16px; padding:65px 0 20px 0; border-radius:5px; background:url(../images/Floor001732-icon1.png) no-repeat center 15px;} .Floor001732 li.li_2 a{ background-image:url(../images/Floor001732-icon2.png);} .Floor001732 li.li_3 a{ background-image:url(../images/Floor001732-icon3.png);} .Floor001732 li.li_4 a{ background-image:url(../images/Floor001732-icon4.png);} .Floor001732 li a:hover{background-color:#c9b27c; background-image:url(../images/Floor001732-icon1_hover.png); color:#fff;} .Floor001732 li.li_2 a:hover{ background-image:url(../images/Floor001732-icon2_hover.png);} .Floor001732 li.li_3 a:hover{ background-image:url(../images/Floor001732-icon3_hover.png);} .Floor001732 li.li_4 a:hover{ background-image:url(../images/Floor001732-icon4_hover.png);} @media(max-width:640px){ .Floor001732 h1{ font-size:24px;} .Floor001732 b{font-size:14px;} } @media(max-width:375px){ .Floor001732 dd{ float:none; width:auto; margin-right:0; margin-bottom:2%;} .Floor001732 li a{font-size:14px; background-size:auto 30px; padding-top:50px;} } .divDown .dlimg{padding-top: 4%;} .divUp .dlimg{padding-bottom: 4%;} /* .Banner002267 为demo编号 */ .Banner002267{ position: relative; /*max-width: 1720px;*/ margin: 0 auto;} .Banner002267 .bx-wrapper{ position:relative; z-index:1;} .Banner002267 .bx-viewport{ z-index:1;} .Banner002267 li{} .Banner002267 li img.wap{ display:none;} .Banner002267 .bx-pager{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;} .Banner002267 .bx-pager div{ display:inline-block; height:13px; margin:0 3px; padding: 2px;} .Banner002267 .bx-pager div a{ display:block; width:30px; height:5px; background-color:#FFFFFF; -moz-opacity:0.4; opacity: 1; filter:alpha(opacity=40);overflow:hidden; text-indent: 9999px; overflow: hidden; transition: all .3s ease-out;} .Banner002267 .bx-pager div a.active{ background: #0071c4;} @media(min-width:768px){ .Banner002267 li img{width:100%; left: 0; max-width: 100%;} .Banner002267 .bx-pager{ bottom:40px;} } @media(max-width:1000px){ .Banner002267 li img.pc{display: none;} .Banner002267 li img.wap{display: block;} } .innerBan{position: relative;} .innerBan .auto_815{position: absolute;width: 100%;min-height: 115px;top: 50%;left: 0;margin-top: -57px;} .innerBan .auto_815 .auto_in815{max-width:815px;margin:0 auto;position: relative;min-height:115px;} .innerBan .h5{font-size:48px;color: #fff;position: absolute;margin:0;line-height:1;} .innerBan .h5.txt1{left: 0;top: 0;} .innerBan .h5.txt2{right: 0;bottom:0;} @media(max-width:640px){ .innerBan .h5{font-size:24px;} .innerBan .h5.txt2{right: auto;left: 0;} .innerBan .auto_815{min-height: 62px;margin-top: -31px;} .innerBan .auto_815 .auto_in815{min-height: 62px;} } /* .Floor001338 为demo编号 */ .Floor001338{ padding:8% 0;} .Floor001338 p{ line-height:35px; font-size:17px;} .Floor001338 .pic{ float:right; width:49.5%;} .Floor001338 .pic img{ width:100%;} .Floor001338 .con{ float:left; width:45.6%; padding-top:14%;} .Floor001338 .title span{ color:#e83428; font-size:18px; display:block; background:url(../images/Floor001338-titlebg.png) no-repeat left bottom; padding-bottom:10px;} .Floor001340 .title{ color:#fff; font-size:36px; display:block;padding-bottom:25px;} .Floor001338 .title p{ margin:10px 0 0 0; overflow:hidden; height:27px;} .Floor001338 .title p i{ font-style:normal; font-size:36px; color:#ddd; position:relative;top:-3px; line-height:25px;} .Floor001338 .info{ padding:2% 0;} .Floor001338 .info .title{ font-size:36px; color:#fff; padding-bottom: 25px;} .Floor001338 .more{ color:#fff; width:107px; height:34px; line-height:34px; display:inline-block; background-color:#f5c140; text-align:center; border-radius:34px;} @media(max-width:640px){ .Floor001338 .pic, .Floor001338 .con{ float:none; width:auto;padding-top: 0} } /* .Floor001340 为demo编号 */ .Floor001340{ padding:8% 0; } .FloorDivBackground{background-color:#f7f7f7; background-position: center center;background-repeat: no-repeat; background-size: cover;} .Floor001340 .pic{ float:left;width:37.9%; text-align:center;} .Floor001340 .pic img{ width:100%;} .Floor001340 .con{ float:right; width:46.7%; padding-top:9%; padding-right:5%;} .Floor001340 .title span{ color:#362a03; font-size:36px; display:block;padding-bottom:25px;} .Floor001340 .title p{ margin:10px 0 0 0; overflow:hidden; height:27px;} .Floor001340 .title p i{ font-style:normal; font-size:36px; color:#ddb34b; position:relative;top:-3px; line-height:25px; text-transform:uppercase;} .Floor001340 .info{ padding:0% 0 10% 0; color:#666; line-height: 35px; font-size: 17px;} .Floor001340 .more{ color:#fff; width:107px; height:34px; line-height:34px; display:inline-block; background-color:#e83428; text-align:center; border-radius:34px;} @media(max-width:1100px){ .Floor001340 .con{ padding-right:0; width:58%; padding-top:0;} } @media(max-width:640px){ .Floor001340 .pic, .Floor001340 .con{ float:none; width:auto;} .Floor001340 .pic img{ max-width:417px;} } /*PicList002171 */ .PicList002171{ padding:3% 0 4%; min-height: 620px; } .PicList002171 .title h1{ border-bottom:1px solid #eee;padding-left:50px; font-size:20px; color:#999;margin: 0; margin-bottom:20px;padding: 30px 0px 20px 55px; position: relative} .PicList002171 .title h1 i{width: 43px;height: 33px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;display: block} .PicList002171 ul{ width: 31%; margin-right: 3.5%; float: left; } .PicList002171 ul:nth-of-type(3n){ margin-right:0; } .PicList002171 li{ float:left; width:48%; margin-right: 4%; margin-bottom:4%; } .PicList002171 li:nth-of-type(2n){ margin-right: 0; } .PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;background: #eee;display: block;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li a:hover{ background:#c5c5c5;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,108,186,0.95); opacity:0; transition:0.3s;} .PicList002171 li a:hover figure{ opacity:1;} .PicList002171 li dl{ display:table; width:100%; height:100%;} .PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;} @media(max-width:768px){ .PicList002171 ul{ width: 100%; margin-right:0%; float: none; } } @media(max-width:480px){ .PicList002171 li dt{ font-size:15px;} } /*Location002087 */ .Location002087{ border-bottom:3px solid #f5f5f5; color:#8e8e8d; line-height:20px; padding-top:15px;margin-bottom:15px; background: #f2f2f2;} .Location002087:after{ display:block; width:100%; content:''; height:1px; background-color:#d7d7d7; margin-top:15px;} .Location002087 a:hover, .Location002087 span{ color:#0071c4;} .Location002087 a{ color:#8e8e8d;} .Location002087 b{ background:url(../images/Location002087-icon.png) no-repeat left center; padding-left:30px; color:#333;} @media(max-width:480px){ .Location002087 b{ display:block;} } /*Menu002119 */ .Menu002119{margin:2% 0;} .Menu002119 li{ float:left; margin-right:2px;} .Menu002119 li a{ display:block;line-height:35px; height:35px; padding:0 26px;font-size:16px;color: #999} .Menu002119 li a:hover, .Menu002119 li.aon a{ color:#fff; background:#0071c4;} @media(max-width:768px){ .Menu002119{margin:4% 0 2%;} .Menu002119 li{ margin-bottom:2px;} } @media(max-width:640px){ .Menu002119 li{ margin:0 0 2px 0; width:25%; text-align:center;} .Menu002119 li a{ padding:0;} } @media(max-width:480px){ .Menu002119 li{ width:33.3333333%;} .Menu002119 li a{ font-size:14px; overflow:hidden;} } /*PicList002525 */ .PicList002525{ padding:0% 0 30px;} .PicList002525 ul{ overflow:hidden;} .PicList002525 li{ float:left; position:relative; padding:2% 0; margin-top:-1px;} .PicList002525 li a, .PicList002525 li::after{ position:absolute;width:100%; height:100%; left:0; top:0; } .PicList002525 li .Ispic{ padding-bottom:94.3%; background-size:100%;transition: 0.5s;} .PicList002525 li a{ border:4px solid #0071c4; opacity:0; z-index:5; transition:0.3s;} .PicList002525 li p{ margin:0; color:#fff; padding:3% 5%;font-size: 24px;background: #222222;transition: all 0.3s} .PicList002525 li p span{ color:#7b7b7b;display: block;padding-top: 8px;font-size: 14px;height: 30px;overflow: hidden} .PicList002525 li:hover .Ispic{background-size: 110%;-webkit-transition: background-size .3s linear;transition: background-size .3s linear;} .PicList002525 li:hover p{background: #0071c4;} .PicList002525 li:hover p span{color: #fff} .PicList002525 .more{ text-align:center; padding-top:3%;} .PicList002525 .more a{ display:inline-block; background:url(../images/PicList002525_more.png) no-repeat; width:28px; height:28px; overflow:hidden; line-height:1000px;} @media(min-width:769px){ .PicList002525 li{width:32.8%;margin-right: 0.8%} .PicList002525 li:nth-child(3n){margin-right: 0} } @media(max-width:768px){ .PicList002525 li{width:49%;margin-right: 2%} .PicList002525 li:nth-child(2n){margin-right: 0} .PicList002525 li p{font-size: 16px} } /* .Page002274 为demo编号 */ .Page002274{ text-align:center; padding:1% 0 60px;color:#666666;} .Page002274 .Pages *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #313131; color:#fff; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#0071c4;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 宋体; font-weight: bold; padding:0 25px; } .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end, .Page002274 .Pages .p_jump{ display:none;} @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } /* .TextList001214 为demo编号 */ .TextList001214 {padding:50px 0 30px; } .TextList001214 .title{ position:relative; color:#0071c4; padding-left:20px;} .TextList001214 .title:after{ position:absolute; left:0; top:6px; content:""; width:3px; height:30px; background:#0071c4} .TextList001214 li{ float:left; width:49%; margin-right:2%; margin-bottom:2%;height: 205px;background: #222; border-left:2px solid #65a6d6; padding:2% 12% 2% 2%;position: relative} .TextList001214 li:nth-child(2n){ margin-right:0;} .TextList001214 li h3{ color:#999; font-size:18px; margin:0;} .TextList001214 li p{ margin:11px 0; font-size:15px;color: #999} .TextList001214 li p span{ color:#f08200; font-size:18px; vertical-align:middle;} .TextList001214 li p u{ color:#0555e4;} .TextList001214 li:hover{ box-shadow:0 2px 7px rgba(0,0,0,0.19);} .TextList001214 li .pic{position: absolute;right: 3%;top: 50%;width: 120px;height: 120px;transform: translateY(-50%)} @media(max-width:768px){ .TextList001214 li{ width:49%;height: auto} .TextList001214 li:nth-child(3n){ margin-right:2%;} .TextList001214 li:nth-child(2n){ margin-right:0;} .TextList001214 li .pic{position: relative;right: 0%;top: 0%;width: 120px;height: 120px;transform: translateY(0);margin-left: 20px} } @media(max-width:640px){ .TextList001214 .city dl{ float:none; width:100%; clear:both; margin-bottom:2%;} } @media(max-width:480px){ .TextList001214 li{ float:none; width:auto; margin-right:0 !important;} .TextList001214 li h3{font-size:16px;} } /* .TextList0012141 为demo编号 */ .TextList0012141 {padding:50px 0 50px;background: #222} .TextList0012141 .title{ position:relative; color:#0071c4; padding-left:20px;} .TextList0012141 .title:after{ position:absolute; left:0; top:6px; content:""; width:3px; height:30px; background:#0071c4} .TextList0012141 li{ float:left; width:49%; margin-right:2%; margin-bottom:2%; height: 205px;border-left:2px solid #65a6d6; padding:2%;background: #131313;position: relative} .TextList0012141 li:nth-child(2n){ margin-right:0;} .TextList0012141 li h3{ color:#555; font-size:18px; margin:0;} .TextList0012141 li p{ margin:11px 0; font-size:15px;} .TextList0012141 li p span{ color:#f08200; font-size:18px; vertical-align:middle;} .TextList0012141 li p u{ color:#0555e4;} .TextList0012141 li:hover{ box-shadow:0 2px 7px rgba(0,0,0,0.19);} .TextList0012141 li .pic{position: absolute;right: 3%;top: 50%;width: 120px;height: 120px;transform: translateY(-50%)} @media(max-width:768px){ .TextList0012141 li{ width:49%;height: auto} .TextList0012141 li:nth-child(3n){ margin-right:2%;} .TextList0012141 li:nth-child(2n){ margin-right:0;} .TextList0012141 li .pic{position: relative;right: 0%;top: 0%;width: 120px;height: 120px;transform: translateY(0);margin-left: 20px} } @media(max-width:640px){ .TextList0012141 .city dl{ float:none; width:100%; clear:both; margin-bottom:2%;} } @media(max-width:480px){ .TextList0012141 li{ float:none; width:auto; margin-right:0 !important;} .TextList0012141 li h3{font-size:16px;} } /* .Form000961 为demo编号 */ .Form000961{ padding:30px 0 40px;} .Form000961_1{ padding:30px 0 40px;} .Form000961 .title{ position:relative; color:#0071c4; padding-left:20px;} .Form000961 .title:after{ position:absolute; left:0; top:6px; content:""; width:3px; height:30px; background:#0071c4} .Form000961 .form{ display:table; width:100%;} .Form000961 figure{ display:table-cell; vertical-align:middle;} .Form000961 figure:nth-child(2){ width:47%; padding-left:7%;} .Form000961 figure p{ line-height:28px; color:#999; text-indent:25px;} .Form000961 td{ padding-bottom:32px;} .Form000961 td div{ position:relative;} .Form000961 td div .form_err{ position:absolute; right:8px; top:18px; color:#f31313; line-height:20px; font-weight:bold;} .Form000961 td div .text{ width:100%; border:1px solid #dadada; line-height:46px; height:46px; padding:0 10px;} .Form000961 td div textarea.text{ line-height:23px; height:138px; padding:11px 10px;} .Form000961 td div.float_l{ float:left; width:48%} .Form000961 td div.float_r{ float: right; width:50%;} .Form000961 td.btn{ text-align:center;} .Form000961 td.btn input{ cursor:pointer; color:#fff; border:none; background:#0071c4; width:70%; max-width:167px; height:45px;} @media(max-width:1000px){ .Form000961 figure{vertical-align:top;} } @media(max-width:768px){ .Form000961 figure:nth-child(2){ display:none;} } /* TextList000858 为demo编号 */ .TextList000858 { padding:3% 0} .TextList000858 ul{ overflow:hidden;} .TextList000858 ul li{ cursor:pointer; margin-bottom:5px;} .TextList000858 ul li span,.TextList000858 ul ol span{ width:20%; float:left; position:relative; font-weight:bolder; background: #0071c4; margin-bottom: 5px; line-height:45px; height:45px; color:#fff; text-align:center;} .TextList000858 ul li span{ background:#222; color:#999; font-weight:normal;} .TextList000858 ul ol span::before{ content:""; position:absolute; left:0; width:1px; height:45px; background:#0789e9;} .TextList000858 ul li span:first-child{ padding-left:0; width:20%;} .TextList000858 ul li span em{ font-style:normal; width:15px; height:15px; border-radius:3px; text-align:center; line-height:15px; color:#fff; font-weight:normal; position:absolute; left:10%; top:15px; background:#363636; display:block; font-size:18px;} .TextList000858 ul li span em::before, .TextList000858 ul li span em::after{ position:absolute; content:''; background:#fff;} .TextList000858 ul li span em::before{ left:20%; width:60%; height:1px; top:50%; margin-top:-1px;} .TextList000858 ul li span em::after{ left:50%; margin-left:-1px; width:1px; top:20%; height:60%;} .TextList000858 ul li.on span em::after{ display: none} .TextList000858 ul li dl{ display:none; position:relative; padding:0px 168px 20px 28px;} .TextList000858 ul li dl a{ background:#333; width:120px; height:31px; line-height:31px; text-align:center; color:#fff; font-weight:bold; position:absolute; right:6.5%; top:25px;} .TextList000858 ul li dl dt{ font-size:15px; font-weight:bold;margin-top: 20px; color:#999;height:30px; line-height:30px;} .TextList000858 ul li dl dd{ font-size:14px; color:#999; line-height:28px;} @media (max-width:1366px){ .TextList000858 ul li span em::after{margin-left:0px;} } @media (max-width:768px){ .TextList000858 ul li span,.TextList000858 ul ol span{ width:25%; } .TextList000858 ul li span:nth-child(5),.TextList000858 ul ol span:nth-child(5){display: none} .TextList000858 ul li span em{display: none} .TextList000858 ul li dl a{ position:static; display:block; margin-top:15px;} .TextList000858 ul li dl{ padding:28px} } @media (max-width:480px){ .TextList000858 ul li span{ font-size:12px;} .TextList000858 ul li span:first-child{ width:25%;} .TextList000858 ul li span em{ left:5%;} } @media (max-width:320px){ .TextList000858 ul li span em{ left:2%;} } /* .RighInfo002238 为demo编号 */ .RighInfo002238{ padding:55px 0 50px;} .RighInfo002238 .fz_24{color:#5e5e5e; font-weight:100; margin:0; font-size:16px;} .RighInfo002238 .fz_36{ color:#0071c4; margin:0; font-size:28px;font-weight: bold;} .RighInfo002238 .tit:after{ content:"";width:71px; height:1px; background:#0071c4; margin:15px 0; display:block; } .RighInfo002238 .con{font-size:15px; color:#999; line-height:30px; margin:0} .RighInfo002238 .fz_60{ font-size:30px;} .RighInfo002238 .bg{ position: relative;margin: 20px 0 0;} @media only screen and (min-width:768px){ .RighInfo002238 .fz_24{ font-size:18px;} .RighInfo002238 .fz_36{ font-size:30px;} .RighInfo002238 .fz_60{ font-size:40px;} } @media only screen and (min-width:1024px){ .RighInfo002238 .fz_24{ font-size:20px;} .RighInfo002238 .fz_36{ font-size:32px;} .RighInfo002238 .fz_60{ font-size:50px;} .RighInfo002238 .bg{} .RighInfo002238 .bg li{width:20%; } } @media only screen and (min-width:1200px){ .RighInfo002238 .fz_24{ font-size:24px;} .RighInfo002238 .fz_36{ font-size:28px;} .RighInfo002238 .fz_60{ font-size:60px;} .RighInfo002238 .bg li{width:191px; margin: 0 61px 0 0;} .RighInfo002238 .bg li p{width: 191px; height:191px;border-radius: 191px;} .RighInfo002238 .bg li.last{ margin: 0 0 0 0} } /*RighInfo002519 */ .RighInfo002519{ padding:3% 0; background: #222;} .RighInfo002519 .fz_36{ color:#0071c4; margin:0; font-size:28px;font-weight: bold;} .RighInfo002519 .tit:after{ content:"";width:71px; height:1px; background:#0071c4; margin:15px 0; display:block; } .RighInfo002519 .list_img_group{ margin:2% 0 1%;} .RighInfo002519 .list_img_group li{ text-align:center;} @media(min-width:641px){ .RighInfo002519 .list_img_group li{ float:left; width:32.34375%;} .RighInfo002519 .list_img_group li:nth-child(2){ width:33.828125%; margin:0 0.492578125%;} } @media(max-width:640px){ .RighInfo002519 .list_img_group li{ margin:2% 0;} } /* .RighInfo002223 为demo编号 */ .RighInfo002223{ background-color: #222; } .RighInfo002223 .auto{ padding-top: 3%; padding-bottom: 3%; } .RighInfo002223 .pic{ margin-top: -200px; } .RighInfo002223 .h3{ color:#1f71c3;line-height:1.6;margin:0; font-size: 20px; } .RighInfo002223 .h4{ font-size:16px;color:#1f71c3;margin:30px 0px 0 0; } .RighInfo002223 .h3:after,.RighInfo002223 .h4:after{ color:#0071c4;width:50px;height:1px;background:#0071c4;border:none;margin:15px 0px; content: ""; display: block; } .RighInfo002223 .ul{ margin: 0; clear: both; } .RighInfo002223 .ul li{ font-size:16px;line-height:45px;color: #999; } .RighInfo002223 .ul li span{ font-size:21px;color:#1f71c3; } .RighInfo002223 p{ line-height:2.245;font-size:14px;color:#666;margin:0px 0px 25px;clear:both; } @media screen and (min-width: 1024px){ .RighInfo002223 .h3{ font-size: 24px; } .RighInfo002223 .pic{ width:23.765%; } .RighInfo002223 .con{ width:71.235%; } } @media screen and (min-width: 768px){ .RighInfo002223 .h3:after,.RighInfo002223 .h3:after{ margin: 15px 0;} .RighInfo002223 .h4{ font-size:18px; margin-top: 55px; } .RighInfo002223 .pic{ float:right;width:33%; } .RighInfo002223 .con{margin-top:100px; float:left; width:35%; } } @media(max-width:768px){ .RighInfo002223 .h3{font-size: 28px;} } /* .RighInfo002226 为demo编号 */ .RighInfo002226{ padding:3% 0 70px;background: #131313;} .RighInfo002226 .fz_36{ color:#0071c4; margin:0; font-size:28px;font-weight: bold;} .RighInfo002226 .tit:after{ content:"";width:71px; height:1px; background:#0071c4; margin:15px 0; display:block; } .RighInfo002226 .dl{color:#666;} .RighInfo002226 .dl .h4{ font-size:18px; margin:0;} .RighInfo002226 .dl .h4 span{display:inline-block; border-bottom: 2px #e95355 solid; padding-bottom:10px;} .RighInfo002226 .dl .con{ font-size:15px; padding:15px 0 30px; line-height:32px;color: #999} .RighInfo002226 .word{ float:right; width:37%; margin-top: 40px;} .RighInfo002226 .pic{float:left; width:55%} @media(max-width:768px){ .RighInfo002226 .word{ float:none; width:100%; margin-top: 0px;} .RighInfo002226 .pic{float:none; width:100%} } /*Location001821*/ .Location001821{background: #222;position: relative;z-index: 100;transition:.3s; } .Location001821.sctopon{position: fixed;top: 73px;left: 0;background:rgba(34,34,34,.8);width: 100%;} .Location001821 .current{ padding:12px 0; line-height:31px; color:#a4b5cd; } .Location001821 em{ font-style:normal; float:right; background:url(../images/Location001821-icon.png) no-repeat left center; /*padding-left:25px;*/;} .Location001821 em i{ font-style:normal; font-family:'宋体'; margin:0 5px;} .Location001821 em .aon{ color:#0071c4} .Location001821 .buy{background:#0071c4;margin-left:20px;display: inline-block;padding: 0 30px;position: relative;float: right;z-index: 10} .Location001821 .buy dt{text-align: center;cursor: pointer} .Location001821 .buy dt a{ color:#fff;font-size: 12px;display: block} .Location001821 .buy dd{ position:absolute; left:0; width:100%;display:none;top:100%;background:#0071c4;text-align: center} .Location001821 .buy dd a{ color:#fff;line-height:30px;display:block; border-top:1px solid #fff;font-size: 12px} .Location001821 .menu{ width: 19px;height: 30px;background: url(../images/00.png)no-repeat center center;display: none;float: right;} .Location001821 b{ font-size:18px; padding-left:10px; font-weight:normal;} .Location001821 em, .Location001821 em span, .Location001821 b{color:#999;} .Location001821 em span{ margin-left: 20px;border-bottom: 1px solid transparent; cursor: pointer} .Location001821 em span:hover, .Location001821 em .aon{ border-bottom: 1px solid #0071c4; color: #0071c4; } @media(max-width:1440px){ .Location001821{padding: 0 2%} } @media(max-width:640px){ .Location001821 em{position: absolute;width: 100%;top: 50px;left: 0;display: none;background: #222;padding-bottom: 20px;float:none;font-size:12px;} .Location001821 em span{ display: block;border-bottom: 1px solid #353535;line-height: 40px} .Location001821 em span:last-child{ border-bottom:none;} .Location001821 .menu{ display: block} } @media(max-width:640px){ .Location001821 em{ } } /*PicList002149 */ .PicList002149{ padding-top:2%;} .PicList002149 h3{ margin:0; font-size:18px;transition:0.3s;position: relative} .PicList002149 h3 a{color: #999} .PicList002149 h3:hover{padding-left: 30px;} .PicList002149 h3:hover a{color: #0071c4} .PicList002149 h3::before{content:'';position: absolute;left: 0;top: 50%;width:0px;height: 2px;background: #0071c4;transition: 0.3s} .PicList002149 h3:hover::before{width:20px;} .PicList002149 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;} .PicList002149 ol{ background-color:#222; margin-bottom:2%; position:relative; padding-left:36.25%;} .PicList002149 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;} .PicList002149 ol .Ispic img{ display:none;} .PicList002149 ol div{ padding:5% 10% 3% 5%;} .PicList002149 ol h3 a{ color:#0071c4;} .PicList002149 ol time{ display:block; padding:3% 0;} .PicList002149 ol p{ margin:0 0 3% 0; height:78px;} .PicList002149 ol span{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#0071c4; font-size:12px;transition: 0.3s} .PicList002149 ol span a{ color:#fff} .PicList002149 ol span:hover{width: 150px} .PicList002149 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#222;} .PicList002149 li .more{ position:absolute; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #666;transition: 0.3s} .PicList002149 li .more:hover{background:url(../images/PicList002149-more1.png) no-repeat center center #0071c4;} .PicList002149 li div{border-left:1px solid #666; padding:2% 3%;} .PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;} .PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;} .PicList002149 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;} .PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li:after{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} } @media(max-width:768px){ .PicList002149 h3{ font-size:16px;} } @media(max-width:640px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3%;} } @media(max-width:480px){ .PicList002149 li{padding-left:80px;padding-right:0;} .PicList002149 li .more{ display:none;} .PicList002149 li time{width:80px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:30px;} .PicList002149 h3{ font-size:14px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:60px;} } /* .Floor001022 为demo编号 */ .Floor001022{ padding:1% 0;} .Floor001022 ul{ overflow:hidden;} .Floor001022 ul li{ float:left; width:48%; margin-right: 4%; margin-bottom: 2%; } .Floor001022 ul li:nth-child(2n){ margin-right:0;} .Floor001022 .intro{ background: #222; padding: 5%;} .Floor001022 ul li a.img{ position: relative; display: inline-block; font-size: 62px; line-height: 122px; font-weight: normal; letter-spacing: -4px; width: 115px; height: 115px; text-align: center; padding-bottom: 0; color: #FFF; float:left;} .Floor001022 ul li a.img:before{ position:absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ""; border-radius: 3px; border: 1px solid #ddd; } .Floor001022 ul li a.img time, .Floor001022 ul li a.img span{color: #999; font-size: 50px; line-height:80px; display:block; vertical-align: middle;} .Floor001022 ul li a.img span{font-size: 12px; line-height:12px; display:block;letter-spacing: 0px;} .Floor001022 ul li .text{ float:right; width:76%; } .Floor001022 ul li h3{ font-size: 18px; line-height: 30px; color:#303334; margin:0; font-weight:normal;} .Floor001022 ul li h3 a{ color:#999;} .Floor001022 ul li:hover h3 a{ color:#0071c4;font-weight: bold;} .Floor001022 ul li p{ line-height: 24px; height: 72px; overflow: hidden; color:#9C9C9C; font-size:14px;} .Floor001022 ul li .pic{border: 1px solid #eee; overflow: hidden;} .Floor001022 ul li .pic img{ width:100%;transition: 0.3s} .Floor001022 ul li:hover .pic img{transform: scale(1.05)} .Floor001022 ul li:hover a.img time, .Floor001022 ul li:hover a.img span{color:#0071c4;} .Floor001022 ul li:hover p{ color:#0071c4;} @media (max-width:768px){ .Floor001022 .intro{padding: 3%;} .Floor001022 ul li { width:100%; float:none; margin:0; margin-bottom:40px;} .Floor001022 h1{ font-size: 20px;} .Floor001022 ul li h3{ font-size: 18px;} .Floor001022 ul li p{ font-size:16px; padding:0;} .Floor001022 ul li a.img,.Floor001022 ul li .text{} .Floor001022 ul li .text{ width:72%;} .Floor001022 ul li a.img{ width: 80px; height: 80px;} .Floor001022 ul li a.img time{font-size: 36px;line-height: 56px} } @media (max-width:640px){ .Floor001022 h1{ font-size: 18px;} .Floor001022 ul li h3{ font-size:14px;} .Floor001022 ul li p{ font-size:12px; padding:0;} .Floor001022 ul li{ margin-bottom: 20px;} } /*PicList001958*/ .PicList001958{padding: 1% 0;} .PicList001958 li{ overflow:hidden; padding:20px 0; border-bottom:1px solid #ebecec;} .PicList001958 li:last-child{ border-bottom:0;} .PicList001958 li div{ position:relative; padding-left:29%;} .PicList001958 li .Ispic{ position:absolute; left:0; top:0; height:100%; width:26%;} .PicList001958 li .Ispic img{ display:none;} .PicList001958 li h1{ margin:0; font-size:18px; font-weight:normal; padding:15px 0;} .PicList001958 li h1 a{color: #999} .PicList001958 li h1:hover a{color: #0071c4} .PicList001958 li time{ color:#999;} .PicList001958 li p{color:#666; margin:10px 0 0 0; line-height:30px; height:90px; overflow:hidden;} .PicList001958 li .more{color:#999;} .PicList001958 li .more:hover{color:#0071c4;} @media(max-width:768px){ .PicList001958 li div{ padding-left:45%;} .PicList001958 li .Ispic{width:42%;} } @media(max-width:480px){ .PicList001958 li div{ padding-left:0;} .PicList001958 li .Ispic{ position:relative; display:block; width:auto; padding-bottom:50%;} .PicList001958 li p{line-height:20px; height:60px; font-size:12px;} .PicList001958 li h1{font-size:16px;} } /* .TextList001202 为demo编号 */ .TextList001202{ padding: 1% 0; } .TextList001202 li{padding-bottom:10px;} .TextList001202 dl{ position:relative; padding-left:60px;} .TextList001202 dl dt, .TextList001202 dl dd{ border:1px solid #999;} .TextList001202 dl dt{ position:absolute; width:50px; left:0; top:0; color:#0071c4; text-align:center; font-size:24px;} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:50px; line-height:50px;} .TextList001202 dl.A dd{ padding:2%; line-height:24px; font-size:14px;color: #999;background: #222} .TextList001202 dl.Q dt{cursor: pointer} .TextList001202 dl.Q dd{ padding:0 2%;cursor: pointer;color: #999;background: #222} .TextList001202 li figure{ padding-top:2%;} .TextList001202 li figure a{ display:inline-block; padding:0 20px; line-height:25px;color:#fff; background-color:#0071c4;} .TextList001202 dl.A{ display:none; padding-top:10px;} .TextList001202 dl.A dt{ top:10px;} .TextList001202 dl.A p{ margin:0;} .TextList001202 dl.A dt, .TextList001202 dl.Q_on dt{ color:#fff; background-color:#0071c4;} .TextList001202 dl.A dd, .TextList001202 dl.Q_on dd{background-color:#fff;color: #333} .TextList001202 .tips{ position: relative; } .TextList001202 .tips .select{ } .TextList001202 .tips .select{ margin-bottom:2%; line-height:42px; padding:10px 0;} .TextList001202 .tips .select h3, .TextList001202 .tips .select dd{ float:left;text-align:center; position: relative; } .TextList001202 .tips .select h3{ font-weight:bold; font-size: 15px; color:#999; max-width:120px; margin: 0; padding-right: 20px; } .TextList001202 .tips .select dl{ padding-left: 0; } .TextList001202 .tips .select dd{ width:50%; position:relative;z-index:10; border: 0;} .TextList001202 .tips .select dd figure{ display:none; position:absolute; top:42px; left:0; width:100%; max-width:250px;background-color:#0071c4;border-radius:15px; padding:0 2%; border:1px solid #ddd; } .TextList001202 .tips .select dd figure a{border-bottom: 1px solid #287dbb;line-height: 36px;color: #fff;} .TextList001202 .tips .select dd figure a:hover{ color:#fff;} .TextList001202 .tips .select dd figure a:last-child{ border-bottom:0;} .TextList001202 .tips .select dd a{ display:block;} .TextList001202 .tips .select dd a.a_sel{width:100%; padding-right:30px; max-width:250px; background-color:#0071c4; color:#fff; border-radius:30px; font-size:14px; position:relative;} .TextList001202 .tips .select dd a.a_sel::before{ position:absolute; content:''; right:25px; width:0px; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; top:50%; margin-top:-2px;} .TextList001202 .search{ position:absolute; right:0; top:50%; margin-top:-25px;width:26.6%; height:46px; border:1px solid #999; } .TextList001202 .search input{border:none; } .TextList001202 .search .text{ width:100%; height:42px; line-height:42px; padding:0 56px 0 10px; background:none; color:#999!important;} .TextList001202 .search .btn{ cursor:pointer; position:absolute; right:0; top:0; width:56px; height:100%; background:url(../images/TextList001202-search.png) no-repeat center center; padding:0;} @media(max-width:768px){ .TextList001202 .search{ position:relative; right:0; top:0%; margin-top:0;width:100%; height:46px; border:1px solid #eee;margin-bottom: 20px} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:40px; line-height:40px;} .TextList001202 h1, .TextList001202 dl dt{font-size:20px;} .TextList001202 dl.A p{ max-height:66px; overflow:hidden;} } /* .RighInfo002254 为demo编号 */ .RighInfo002254 .auto_1440{ max-width: 1440px;} @media only screen and (max-width:1440px) { .RighInfo002254 .auto_1440{ padding: 0 2%;} } .RighInfo002254{ padding:3% 0 1%;} .RighInfo002254 .tab{ padding-bottom:3%;} .RighInfo002254 .tab .h1_tab{ margin:0;overflow:hidden; font-size:16px; font-weight:normal; color:#000;padding: 40px;box-shadow: 0 3px 12px #eee} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 1.5%; line-height:50px; background-color:#f2f2f3; margin-right:20px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#0071c4; color:#fff;} .RighInfo002254 .tab .info{ padding-top:2%;display: none} .RighInfo002254 .tab .info h3{font-size: 22px;color: #666;font-weight: normal} .RighInfo002254 .tab .info .content{float: left;width: 65%;box-shadow: 0 3px 12px #eee} .RighInfo002254 .tab .info .content li{position: relative;padding: 5% 8% 6% 11.5%} .RighInfo002254 .tab .info .content li .user{width: 46px;height: 46px;position: absolute;left: 5%} .RighInfo002254 .tab .info .content li .user img{width: 100%;height: 100%;} .RighInfo002254 .tab .info .content li .infor a{color: #000;font-size: 16px;line-height: 18px} .RighInfo002254 .tab .info .content li .infor p{color: #b0b0b0;font-size: 14px;height: 20px;line-height: 20px;margin: 6px 0 0 0;} .RighInfo002254 .tab .info .content li .txt{color: #666;font-size: 18px;padding: 10px 0 20px;line-height: 30px} .RighInfo002254 .tab .info .content li .imglist dd{float: left;width: 32%;margin-right: 1.5%;margin-bottom: 1.5%;} .RighInfo002254 .tab .info .content li .imglist dd:nth-child(3n){margin-right: 0%;} .RighInfo002254 .tab .info .content li .hander{padding-top: 10px} .RighInfo002254 .tab .info .content li .hander a{background: url(../images/hander.png)left center no-repeat;padding-left: 30px;height: 24px;line-height: 27px;display: inline-block} .RighInfo002254 .tab .info .content li .inputt{padding-top: 20px;position: relative;} .RighInfo002254 .tab .info .content li .inputt input {height: 44px;width: 85%;max-width: 620px;padding: 10px 0 10px 20px;line-height: 44px;font-size: 14px;outline: none;color: #b0b0b0;border: 1px solid #e0e0e0;} .RighInfo002254 .tab .info .content li .inputt .btn {display: inline-block;width: 18%;height: 44px;line-height: 44px;color: #757575;border: 1px solid #e0e0e0;border-left: none;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;font-size: 14px;text-align: center;padding-top: 1px;position: absolute;right: 0;bottom: 0;} .RighInfo002254 .tab .info .content li .answer{padding-top: 50px} .RighInfo002254 .tab .info .content li .answer .answer-item{position: relative;margin-bottom: 46px;padding-left: 47px;} .RighInfo002254 .tab .info .content li .answer .answer-img{position: absolute;width: 32px;height: 32px;overflow: hidden;left: 0;top: 0;} .RighInfo002254 .tab .info .content li .answer h3{font-weight: normal;font-size: 14px;margin: 0;padding-bottom: 5px} .RighInfo002254 .tab .info .content li .answer h3.office{color: #0071c4} .RighInfo002254 .tab .info .content li .answer p{margin: 0;line-height: 24px} @media(max-width:1440px){ .RighInfo002254 .tab .info .content{width: 70%;} .RighInfo002254 .tab .info .content li .inputt .btn {width: 15%;} } @media(max-width:768px){ .RighInfo002254 .tab .h1_tab{padding: 15px;} .RighInfo002254 .tab .h1_tab span{margin-right:5px;} .RighInfo002254 .tab .info .content{float: none;width: 100%;} .RighInfo002254 .tab .info .content li{position: relative;padding: 5% 4% 6% 15%} .RighInfo002254 .tab .info .content li .user{left: 2%} .RighInfo002254 .tab .info .content li .infor{} } @media(max-width:640px){ .RighInfo002254 .list li{ height:100px;} .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px;} .RighInfo002254 .list li{ height:80px;} .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 3%;} } /* .PicList000671 为demo编号 */ .PicList000671{padding: 3% 0} .PicList000671 *{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .PicList000671 .nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .PicList000671 .nowrap a{ color: #fff; } .PicList000671 ul li{ width:32%; float:left; margin:0 2% 2% 0;} .PicList000671 ul li:nth-child(3n){ margin-right:0;} .PicList000671 ul li figure{ padding-bottom:70%; position:relative; background-repeat:no-repeat; background-position: center center; background-size: cover;transition: 0.3s} .PicList000671 ul li:hover figure{} .PicList000671 ul li figure a{ position:absolute; display:block; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); background-image:url(../images/PicList000671-icon-video.png); background-repeat:no-repeat; background-position: center center;} .PicList000671 ul li figure a:hover{ background-color:transparent} .PicList000671 ul li h5{ font-size:18px; padding:20px 0; margin:0; text-align:center; border-bottom: solid 1px #ddd;} .PicList000671 ul li h5 a{ color: #999} .PicList000671_video{ position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.5);} .PicList000671_video .close{ cursor:pointer; position:absolute; right:5%; top:5%; width:40px; height:40px;} .PicList000671_video .close::before, .PicList000671_video .close::after{ position:absolute; content:''; transform:rotate(-45deg); width:100%; height:3px; background:#fff;} .PicList000671_video .close::after{ transform:rotate(45deg);} .PicList000671_video .files{ margin:0 auto; width:100%; max-width:1000px; max-height:70%;} .PicList000671_video .files video{ background:#000;} @media screen and (max-width:640px){ .PicList000671 ul li{ width:49%;} .PicList000671 ul li:nth-child(2n){ margin-right:0;} .PicList000671 ul li:nth-child(2n+1){ margin-right:2%;} .PicList000671 ul li h5{ font-size:14px;} } /* .Banner002341 为demo编号 */ .Banner002341{ position: relative; max-width: 1440px; margin: 0 auto; overflow: hidden;padding: 3% 0 6%;} @media(max-width:1440px){ .Banner002341{padding: 3% 2% 6%} } .Banner002341 .bx-wrapper{ position:relative; z-index:1;} .Banner002341 .bx-viewport{ z-index:1;} .Banner002341 li a{ display:block; } .Banner002341 li img{ display:block; width:140%; position: relative; left: -20%; max-width: none; } .Banner002341 .bx-pager{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:-30px; z-index:10;} .Banner002341 .bx-pager div{ display:inline-block; height:13px; margin:0 3px; padding: 2px;} .Banner002341 .bx-pager div a{ display:block; width:80px; height:4px; background-color:#ccc; -moz-opacity:0.8; opacity: 0.8; filter:alpha(opacity=80); overflow:hidden; text-indent: 9999px; overflow: hidden; transition: all .3s ease-out;} .Banner002341 .bx-pager div a.active{ background: #0071c4} .Banner002341 .bx-controls-direction{ display: none;} @media(min-width:768px){ .Banner002341 li img{width:100%; left: 0; max-width: 100%;} .Banner002341 .bx-pager{ bottom:-50px;} .Banner002341 .bx-controls-direction{ display: block;} .Banner002341 .bx-controls-direction a {position:absolute; top:50%; z-index: 6; text-indent: 99999px; overflow: hidden; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms; background: #fff;} .Banner002341 .bx-controls-direction .bx-prev {left:-100px;background:url(../images/Banner002341-prev.png) no-repeat 0 0;} .Banner002341 .bx-controls-direction .bx-next {right:-100px;background:url(../images/Banner002341-next.png) no-repeat 0 0;} .Banner002341 .bx-controls-direction.on .bx-prev {left:50px;} .Banner002341 .bx-controls-direction.on .bx-next {right:50px;} } @media(max-width:768px){ .Banner002341{padding: 3% 2% 10%} .Banner002341 .bx-pager div a{ display:block; width:30px; height:4px; background-color:#ccc; -moz-opacity:0.8; opacity: 0.8; filter:alpha(opacity=80); overflow:hidden; text-indent: 9999px; overflow: hidden; transition: all .3s ease-out;} } /* .PicList002239 为demo编号 */ .PicList002239{ padding:3% 0 0;} .PicList002239 .auto{max-width: 1440px;} @media(max-width:1440px){ .PicList002239 .auto{padding: 0 2%} } .PicList002239 li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 3%; float:left; } @media(min-width:769px){ .PicList002239 li{margin-right:2.6%; width:23%; } .PicList002239 li:nth-child(4n){ margin-right:0;} } .PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;} .PicList002239 li dl{ position:relative;line-height:60px;} .PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;} .PicList002239 li dt{font-size: 16px; color: #999;text-align: center} @media(max-width:768px){ .PicList002239 li{ width:48%; margin-right:4%;} .PicList002239 li:nth-child(2n){ margin-right:0;} } /* .Bottom002184 为demo编号 */ .Banner002185{ position:relative;padding: 3% 0 6%} .Banner002185 .auto{ max-width: 1440px;} @media(max-width:1440px){ .Banner002185 .auto{padding: 0 2%} } .Banner002185 .owl-carousel{position:relative;z-index:1;display:none;width:100%;-webkit-tap-highlight-color:transparent} .Banner002185 .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .Banner002185 .owl-carousel .owl-stage:after{clear:both;display:block;visibility:hidden;height:0;content:".";line-height:0} .Banner002185 .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .Banner002185 .owl-carousel .owl-item,.Banner002185 .owl-carousel .owl-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-ms-transform:translate3d(0,0,0)} .Banner002185 .owl-carousel .owl-item{position:relative;float:left;min-height:1px;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .Banner002185 .owl-carousel .owl-item img{display:block;width:100%} .Banner002185 .owl-carousel .owl-dots.disabled,.Banner002185 .owl-carousel .owl-nav.disabled{display:none} .Banner002185 .owl-carousel .owl-dot,.Banner002185 .owl-carousel .owl-nav .owl-next,.Banner002185 .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .Banner002185 .owl-carousel.owl-loaded{display:block} .Banner002185 .owl-carousel.owl-loading{display:block;opacity:0} .Banner002185 .owl-carousel.owl-hidden{opacity:0} .Banner002185 .owl-carousel.owl-refresh .owl-item{visibility:hidden} .Banner002185 .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .Banner002185 .owl-carousel.owl-grab{cursor:move;cursor:grab} .Banner002185 .owl-carousel.owl-rtl{direction:rtl} .Banner002185 .owl-carousel.owl-rtl .owl-item{float:right} .Banner002185 ul li img.wap{ display:none !important;} .Banner002185 .owl-dots{ position:absolute; bottom:20px; text-align:center; width:100%;} .Banner002185 .owl-dot{ display:inline-block; max-width:30px; width:15%; height:5px; background:#eaeaea; margin:0 5px;} .Banner002185 .owl-dot.active{ background-color:#0071c4;} @media (max-width: 768px){ .Banner002185{ position:relative;padding: 10% 0 20%} .Banner002185 .owl-dots{bottom:-34px;} } /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .auto{ max-width:1470px;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#999; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#815122; font-size:16px; margin:0; font-weight:normal; position:relative;} .RighInfo002228 .single-header h1:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h1 span{display: block;font-size: 14px;padding-top: 10px;color: #999} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding:2% 0; border-bottom: 1px solid #f3eee9} .RighInfo002228 .single-content h3{font-size: 18px;color: #214d97;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0;font-size: 15px;line-height: 30px;color: #999} .RighInfo002228 .single-content p img{text-indent: 0;margin: auto;display: block} .RighInfo002228 .single-content ul li{ float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;text-align: center;font-size: 15px;} .RighInfo002228 .single-content ul li img{ margin-bottom: 10px} .RighInfo002228 .single-content ul li:nth-child(3n){margin-right: 0;} .RighInfo002228 .btn{padding: 2% 0} .RighInfo002228 .back1{float: left;width: 90%;} .RighInfo002228 .back1 span{display: block;line-height: 26px;font-size: 15px} .RighInfo002228 .back1 span a{color: #999} .RighInfo002228 .back2{float: right;width: 10%;text-align: right} .RighInfo002228 .back2 a{display: inline-block;width: 120px;height: 36px;line-height: 36px;background: #0071c4;text-align: center;color: #fff;} @media(max-width:1366px){ .RighInfo002228{ padding:3% 2%;} } @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:32%;margin-right: 2%} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;} } @media(max-width:768px){ .RighInfo002228 .back1{float: none;width: 100%;font-size: 12px} .RighInfo002228 .back1 span{font-size: 12px} .RighInfo002228 .back2{float: none;width: 100%;} .RighInfo002228 .back2 a{margin:20px auto;display: block} .RighInfo002228 .single-content ul li{ font-size: 12px;line-height: 20px} } /* .Form001725 为demo编号 */ .Form001725{ padding:2% 0 5%;} .Form001725 .auto{ max-width: 1440px} .Form001725 .name{padding:15px 0; font-size:18px;border-bottom:1px solid #e5e5e5;} .Form001725 .name span{ display:inline-block; border-left:6px solid #f29200; padding-left:15px;} .Form001725 .tips{ padding:20px 0;border-bottom:1px solid #e5e5e5; font-size:14px;position:relative;} .Form001725 .tips h1{ margin:0; font-weight:normal; font-size:18px; color:#f29200;} .Form001725 .search{ position:absolute; right:0; top:50%; margin-top:-25px;width:26.6%; height:46px; border:2px solid #999; } .Form001725 .search input{border:none; } .Form001725 .search .text{ width:100%; height:42px; line-height:42px; padding:0 56px 0 10px; background:none; color:#999;} .Form001725 .search .btn{ cursor:pointer; position:absolute; right:0; top:0; width:56px; height:100%; background:url(../images/Form001725-search.png) no-repeat center center; padding:0;} .Form001725 .form{ padding-top:30px; max-width:700px; width:100%;margin: auto;background: #222;padding: 5%;border-radius: 5px} .Form001725 .form td{ padding-bottom:20px; font-size:14px; } .Form001725 .form td span.job{font-size: 18px;color: #999;display: block;border:1px solid #cfcfcf;line-height: 36px;text-indent:10px;} .Form001725 .form tr:last-child {text-align: center;} .Form001725 .form td.w1{ width:47%;} .Form001725 .form td.w2{ width:6%;} .Form001725 .form .text{ width:100%; border-radius:3px; border:1px solid #cfcfcf; line-height:36px;height:36px; text-indent:10px; background:none;color: #999} .Form001725 .form p{ margin:0 0 10px 0;color:#999; background:url(../images/Form001725-icon.jpg) no-repeat left center; padding-left:15px;font-size: 16px} .Form001725 .form p.p1{ border-left: 6px solid #0071c4} .Form001725 .form td em{ font-style:normal; color:#bcbcbc;} .Form001725 .form td em i{ font-style:normal; color:#fadbbe;} .Form001725 .form .btn{ background:#0071c4; color:#fff; cursor:pointer; font-size:18px; width:60%; max-width:180px; height:50px; border-radius:3px; border:none; margin-top:20px;} .Form001725 .form dl{ position:relative;} .Form001725 .form dt{ text-indent:10px; cursor:pointer; border:1px solid #cfcfcf;line-height:36px;height:36px; background:url(../images/Form001725-check.png) no-repeat 95% center;} .Form001725 .form dd{ display:none; position:absolute; left:0; top:100%; background-color:#eee; width:100%; z-index:10;} .Form001725 .form dd a{ display:block; line-height:36px; padding:0 10px;} .Form001725 .form dd a:hover{ background-color:#ccc;} @media(max-width:768px){ .Form001725 .search{ position:relative; margin-top:10px; top:auto; width:auto;} } /* .TextList002322 */ .TextList002322{ padding: 3% 0 1%;min-height: 528px} .TextList002322 .auto{ max-width: 1440px} @media (max-width: 1440px){ .TextList002322 .auto{ padding: 0 2%} } .TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;} .TextList002322 .list li *{ color: #999;} .TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block;} .TextList002322 .list li a{position: relative; display: block; width: 100%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 15px; } .TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;} .TextList002322 .list li a:hover{ color: #0071c4;} @media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;min-height: 100%} } /* .PicList001213 为demo编号 */ .PicList001213{padding-top: 3%} .PicList001213 .auto{max-width: 1440px;} .PicList001213 .title{font-size: 30px;border-bottom: 1px solid #999;color: #fff;text-align: center;padding-bottom: 3%} @media(max-width:1440px){ .PicList001213 .auto{padding-left: 2%;padding-right: 2%;} } .PicList001213 dl{margin:3% 0;text-align: center} @media(min-width:481px){ .PicList001213 dl{ display:table; width:100%;} .PicList001213 dl dt, .PicList001213 dl dd{ display:table-cell; vertical-align:middle;} .PicList001213 dl dt{ width:49%;} .PicList001213 dl dt img{ width:90%;} .PicList001213 dl:nth-child(2n) dt{} } .PicList001213 dl h2{ font-size:20px; margin:0;color: #999} .PicList001213 dl h2::after{content: '';display: block;width: 30px;height: 1px;background: #333;margin:20px auto;} .PicList001213 dl p{ line-height:22px; max-height:110px; overflow:hidden; padding-right:3%;color: #999} @media(max-width:480px){ .PicList001213 dl dd{ padding:3%;} } /* PicList000871 为demo编号 */ .PicList000871{ padding:3% 0;} .PicList000871 .auto{max-width: 1440px} @media(max-width:1440px){ .PicList000871 .auto{padding-left: 2%;padding-right: 2%;} } .PicList000871 .title{font-size: 30px;border-bottom: 1px solid #999;color: #fff;text-align: center;padding-bottom: 3%;margin-bottom: 3%} .PicList000871 li{width:23%;float: left;margin:0 1% 15px 1%; text-align: center;} .PicList000871 li h1{ margin:0;width: 100%;font-size: 20px;color: #999;margin: 0;padding-bottom:20px;} .PicList000871 li p{width: 100%;font-size: 14px;color: #666;margin:0 0 5px;padding:0 0 10px;height: 20px;overflow: hidden;} .PicList000871 li img{width: 100%;} @media(max-width:768px){ .PicList000871 li{width:49%; margin-left:0;} .PicList000871 li h1{line-height:30px;} .PicList000871 li:nth-child(2n){ margin-left:1%; margin-right:0;} } @media(max-width:640px){ .PicList000871 li{width:100%; margin:0; margin-bottom:10px;} .PicList000871 li:nth-child(2n){ margin:0; margin-bottom:10px;} } /*PicList002546 */ .PicList002546 .auto{max-width: 1440px;} @media(max-width:1440px){ .PicList002546 .auto{padding-left: 2%;padding-right: 2%;} } @media(min-width:1201px){ .PicList002546 li{float:left; width:50%;} .PicList002546 ul:nth-child(2n) li .txt{ right:auto; left:0;} .PicList002546 ul:nth-child(2n) li a .Ispic{ float:right;} .PicList002546 ul:nth-child(2n) li a::before{ border-right-color:transparent; border-left-color:#f7f7f7; margin-left:15px;} } .PicList002546 .title{font-size: 30px;border-bottom: 1px solid #999;color: #fff;text-align: center;padding-bottom: 3%;margin-bottom: 3%} .PicList002546 li a{overflow:hidden; display:block;position:relative; background:#222; transition:0.3s;} .PicList002546 li .Ispic{ padding-bottom:102.44%; transition:0.3s;} @media(min-width:481px){ .PicList002546 li a::before{ position:absolute; content:''; border:15px solid transparent; border-right-color:#f7f7f7; left:50%; top:50%; transform:translate(-50%, -50%); margin-left:-15px; z-index:10;} .PicList002546 li .Ispic{ padding-bottom:51.22%; width:50%;} .PicList002546 li .txt{ position:absolute; right:0; top:0; width:50%; height:100%;} .PicList002546 li .table{ display:table; width:100%; height:100%;} .PicList002546 li .table_cell{ display:table-cell; vertical-align:middle;} } .PicList002546 li figure{ padding:5%; text-align:center; color:#666;} .PicList002546 li .txt i{ width:22px; height:22px;display:block; margin:15% auto 0; position:relative;transition:0.3s;} .PicList002546 li .txt i::before, .PicList002546 li .txt i::after{ position:absolute;content:''; width:100%; height:2px; background:#000; left:0; top:50%; margin-top:-1px;} .PicList002546 li .txt i::after{ transform:rotate(90deg);} .PicList002546 li h3{color:#999; font-size:20px; margin:10px 0; height:26px; overflow:hidden;} .PicList002546 li pre{ text-align:center;max-height:126px; overflow:hidden; line-height:26px;color: #999} .PicList002546 li a:hover .txt i{ transform:rotate(180deg);} .PicList002546 li a:hover .Ispic{opacity:0.9;} @media(max-width:1200px) and (min-width:481px){ .PicList002546 li:last-child .txt{ right:auto; left:0;} .PicList002546 li:last-child a .Ispic{ float:right;} .PicList002546 li:last-child a::before{ border-right-color:transparent; border-left-color:#f7f7f7; margin-left:15px;} } /* PicList000877 为demo编号 */ .PicList000877{ padding: 3% 0;} .PicList000877 .auto{max-width: 1440px;} @media(max-width:1440px){ .PicList000877 .auto{padding-left: 2%;padding-right: 2%;} } .PicList000877 .title{font-size: 30px;border-bottom: 1px solid #999;color: #fff;text-align: center;padding-bottom: 3%;margin-bottom: 3%} .PicList000877 ul li{ float:left; width:32%; margin-right:2%; margin-bottom:15px;} .PicList000877 ul li:nth-child(3n){ margin-right:0;} .PicList000877 ul li .Ispic{ padding-bottom:37%; position:relative; display:block;} .PicList000877 h1{ color: #999; font-size: 20px;line-height: 62px; font-weight: bold; margin:0; border-bottom: 1px dotted #c0c0c0;} .PicList000877 ul li p{font-size: 14px; line-height: 24px;height: 90px;color: #999} .PicList000877 ul li a.but{ background:url(../images/PicList000877_green.png) no-repeat; width: 100px; height: 36px; font-size: 14px; text-align: center; line-height: 36px; display: block; float: left; margin-right: 10px; color: #fff;} .PicList000877 ul li a.but:hover{background:url(../images/PicList000877_red.png) no-repeat;} @media(max-width:768px){ .PicList000877 ul li{width:49%;} .PicList000877 ul li:nth-child(3n){ margin-right:2%;} .PicList000877 ul li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000877 ul li{ width:100%; margin-right:0 !important;} } /* .TextList002243 为demo编号 */ .TextList002243{padding: 3% 0} .TextList002243 .auto{max-width: 1440px} @media(max-width:1440px){ .TextList002243 .auto{padding-left: 2%;padding-right: 2%;} } .TextList002243 .ul li h4{font-size: 16px; color: #999;margin-top: 0;float: left;width: 19%} .TextList002243 .ul li h4:after{ content: ""; display: block; width: 0px; border-bottom: 1px solid #333; margin: 17px 0 5px;} .TextList002243 .ul dl{float: left;width: 81%;} .TextList002243 .ul dl dd p{float: left;width: 25%;margin: 0px;} .TextList002243 .ul dl dd p:nth-child(1){padding-right: 4%} .TextList002243 .ul dl dd p:nth-child(2){float: left;width: 75%;margin: 0px;} .TextList002243 .ul dl dd{font-size: 14px; line-height: 24px; color: #999; margin: 0 0 20px; position: relative;} .TextList002243 .ul li{ border-bottom: 1px solid #999; padding-bottom: 30px; margin-bottom: 30px} @media(max-width: 768px){ .TextList002243 .ul li h4{width: 20%} .TextList002243 .ul dl{float: right;width: 75%;} .TextList002243 .ul dl dd p{width: 35%;margin: 0px;} .TextList002243 .ul dl dd p:nth-child(2){float: right;width: 60%;margin: 0px;} } @media (min-width: 640px){ .TextList002243 .ul li{} .TextList002243 .ul li:nth-child(3n){margin-right: 0} .TextList002243 .ul li.odd{ float: left;} .TextList002243 .ul dl{min-height: 262px;} } @media (min-width: 1024px){ .TextList002243 .ul li h4{ font-size: 18px;} .TextList002243 .ul dl dd{ font-size: 16px;;} } /*发展历程*/ .Timeline001265{padding:3% 0;} .Timeline001265 .auto{ position:relative;max-width: 1440px} @media(max-width:1440px){ .Timeline001265 .auto{padding-left: 2%;padding-right: 2%;} } .Timeline001265 .fz_36{ color:#0071c4; margin:0; font-size:28px;font-weight: bold;margin-bottom: 2%} .Timeline001265 .tit:after{ content:"";width:71px; height:1px; background:#0071c4; margin:15px 0; display:block; } .Timeline001265 .bg{ position:relative;padding: 3% 0;} .Timeline001265 .bg::before{ position:absolute; content:''; z-index:-1; top:0; width:1px; height:100%; left:20px; background-color:#dcdcdc;} .Timeline001265 .list{height: 490px;overflow: hidden;position: relative;} .Timeline001265 ul{position: relative;} .Timeline001265 li{padding:15px 0 15px 50px;} .Timeline001265 li h1{font-size:26px; margin:0; position:relative;color: #1f71c3} .Timeline001265 li h1::before{content: '';display: block;width: 20px;height: 1px;background:#1f71c3;position: absolute;left: -30px;top: 50%;} .Timeline001265 li h1 i{ display:block; width:12px; height:12px; position:absolute; left:-36px; top:50%; margin-top:-6px; border-radius:50%; background-color:#1f71c3;} .Timeline001265 li dt{ padding:5px 0;color: #999} .Timeline001265 .btn{ position:absolute; width:0; height:0; border:15px solid #1f71c3; border-left-color:transparent; border-right-color:transparent; left:6px; z-index:10; cursor:pointer;} .Timeline001265 .prev{ border-top:0; top:0;} .Timeline001265 .next{ border-bottom:0; bottom:0;} @media(max-width:768px){ .Timeline001265 li h1{ font-size:24px;} } @media(max-width:480px){ .Timeline001265 .list{height: 400px;} } /*新首页banner*/ .Banner000933{ position:relative;} .Banner000933 .banner{ position:absolute; width:100%; height:100%; left:0; top:0;} .Banner000933 .img img, .Banner000933 .banner .slide img{ width:100%;} .Banner000933 .banner { overflow:hidden;} .Banner000933 .img{ z-index:0; opacity:0; } .Banner000933 .wap{display: none } .Banner000933 .txt{position: absolute;width:520px;height: 320px;top: 50%;transform: translateY(-50%);left: 15%;z-index: 200} .Banner000933 .txt .h5{font-size:24px;font-weight:normal;color: #fff;margin:0;margin-bottom:15px;} .Banner000933 .txt .p{font-size:36px;color: #fff;margin:0;margin-bottom:15px;} .Banner000933 .txt span{font-size:16px;color: #fff;display:block;margin-bottom:50px;} .Banner000933 .txt a{display: inline-block;line-height:36px;width:110px;text-align: center;border:1px solid rgba(255,255,255,.5);background:rgba(0,116,193,.25);font-size:14px;color: #fff;transition:.3s;} .Banner000933 .txt a:hover{background:rgba(0,116,193,.5);border:1px solid rgba(255,255,255,.8);} .Banner000933 .txt a.more{margin-right:25px;} .Banner000933 .txt a.buy{} .Banner000933 .banner .bx-controls .bx-pager{text-align:center; position:absolute; bottom:5%; z-index:99; width:100%; left:0;/* display:inline-block;*/ height:18px;display: none} .Banner000933 .banner .bx-controls .bx-pager-item{ display:inline-block; margin:0 4px;} .Banner000933 .banner .bx-controls .bx-pager-item a{ display:block;overflow:hidden; width:15px; height:15px; border:1px solid transparent; background:rgba(255,255,255,0.5); border-radius:50%; line-height:100px;} .Banner000933 .banner .bx-controls .bx-pager-item a.active{ background-color:#0071c4; border-color:#fff;} .Banner000933 .bx-controls .Prev, .Banner000933 .bx-controls .Next{ position:absolute; top:0; width:10%; height:100%; overflow:hidden; text-align:center; z-index:101;} .Banner000933 .bx-controls .Prev{ left:0;} .Banner000933 .bx-controls .Next{ right:0;} .Banner000933 .bx-controls .bx-prev,.bx-controls .bx-next{display: none; opacity:1;-moz-transition:all ease-out .3s; -ms-transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s;} .Banner000933 .bx-controls .bx-prev span, .Banner000933 .bx-controls .bx-next span{ display:inline-block; width:41px; height:100%;} .Banner000933 .bx-controls .bx-prev span{ background:url(../images/Banner000933_prev.png) no-repeat center center;} .Banner000933 .bx-controls .bx-next span{ background:url(../images/Banner000933_next.png) no-repeat center center;} .Banner000933 .banner .video_files{ position:absolute; background:#000; width:100%; left:0; top:0; height:100%; /*display:none; */z-index:10; overflow:hidden;} .Banner000933 .banner .video_files #myvideo{ position: absolute; visibility: visible; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%;} .Banner000933 .banner .intro{ position:absolute; color:#fff; text-align:center; padding:11% 20% 0 20%; width:100%;} .Banner000933 .banner .intro .more{ position:relative; text-align:center;} .Banner000933 .banner .intro .more span{ display:inline-block; position:relative;} .Banner000933 .video_controls{ z-index:20;position:absolute; top: 40%; margin-left: -23.5px; margin-top: -23.5px; left: 50%;} .Banner000933 .video_controls span{ float:left; display:block; width:47px; height:47px; border-radius:50%; border:1px solid rgba(255,255,255,0.25); position:relative; cursor:pointer;} .Banner000933 .video_controls span::before{ position:absolute; content:'';} .Banner000933 .video_controls span.btnplay{ display:none;} .Banner000933 .video_controls span.btnplay::before{ width:0; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:12px solid rgba(255,255,255,0.8);border-radius:2px;left:50%; margin-left:-4px; top:50%; margin-top:-12px;} .Banner000933 .video_controls span.btnpause::before{ left:50%; margin-left:-9px; top:50%; margin-top:-9px; width:19px; height:19px; border-radius:3px; background:rgba(255,255,255,0.8);} .Banner000933 .video_controls .btnpause{ display:none;} @media(max-width:1100px){ .Banner000933 .wap{display: block} .Banner000933 .pic{display: none } .Banner000933 .txt{left: 5%;height: 150px;} .Banner000933 .txt .h5{font-size:20px;margin-bottom:5px;} .Banner000933 .txt .p{font-size:24px;margin-bottom:5px;} .Banner000933 .txt span{font-size: 14px;margin-bottom:15px;} .Banner000933 .txt a{width:80px;font-size:12px;} .Banner000933 .txt a.more{margin-right:15px;} } #wap{display: none} @media(max-width:768px){ #pc{display: none} #wap{display: block} } .bigbox .list{min-height: 560px} .bigbox .list p{ margin: 0;} /* 下载中心 搜索 */ .TextList001234 .search_box { display: flex; position: absolute; right: 0; top: 50%; margin-top: -78px; width: 26.6%; height: 46px; align-items: center; } .TextList001234 .search_box span{ margin-right:15px; } .TextList001234 .auto_1440{ position: relative; } .TextList001234 .search{ border:1px solid #999; } .TextList001234 .search input{border:none; } .TextList001234 .search .text{ width:100%; height:42px; line-height:42px; padding:0 56px 0 10px; background:none; color:#999!important;} .TextList001234 .search .btn{ cursor:pointer; position:absolute; right:0; top:0; width:56px; height:100%; background:url(../images/TextList001202-search.png) no-repeat center center; padding:0;} @media(max-width:768px){ .TextList001234 .search{ border:1px solid #eee} .TextList001234 .search_box{ position: relative; right: 0; top: 0%; margin-top: 0; width: 100%; height: 46px; } } .search-box{ } .search-box ul.search{position: relative; width: 500px; float: right; padding-right: 132px; z-index: 2; margin-top: -70px; } .search-box ul.search .btn{ font-size: 16px; position: absolute;right: 0; top: 0; width: 120px; line-height: 40px; background: #333; text-align: center; color: #fff;} .search-box ul.search .text{ font-size: 16px; width: 100%; line-height: 40px; height: 40px; background: #f9f9f9; border: 0;padding: 0 20px; color: #666; } .search-box ul.search .text.focus{color: #333;} .totop{position: fixed; right: 10px; bottom: 10%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 999; border-bottom: 0; width: 50px; } .totop li .icon{ text-align: center;display: block;background-position: center 12px;background-repeat: no-repeat; font-size: 14px;color: #fff; } .totop li.top .icon{background-image: url("../images/gettop.png");background-position: center 12px; background-color: #666;font-size: 14px;font-family: 'Oswald';color: #fff; margin-left: -1px; margin-right: -1px;padding-top: 22px; height: 50px; line-height: normal;border-radius: 50px;} .totop li.top:hover .icon{background-color:#0171c5;} .totop ul li{ position:relative;}