/*Top002960 */ .Top002960 .hello{line-height: 38px;background: #0072b3;color: #fff;} .Top002960 .hello .day{float:left;} .Top002960 .hello .day a{color:#fff;} .Top002960 .hello .day span{margin-right:5px;} .Top002960 .hello .login{float:right;} .Top002960 .hello .login a{margin-left:25px;font-size:14px;position: relative;color: #fff;} .Top002960 .hello .login .a{color:#fa7b22;} .Top002960 .hello .login a:nth-child(1){margin-left:0;} .Top002960 .hello .login a:after{content:'';width:1px;height: 11px;background: rgba(255,255,255,0.3);position: absolute;right:-16px;top:4px;} .Top002960 .hello .login a:last-child:after{display: none;} .Top002960 .hello .gethome{float: right;background: url("../images/Top002960_icon.png") no-repeat left center;padding-left: 24px;color: #666;} .Top002960 .hello .gethome:hover{color: #205393;} .Top002960 .logo-area{background-size: cover;background: #0072b3;} .Top002960 .logo-area .logo img{margin-top:0%;} .Top002960 .logo a{max-width: 520px;display: block; width: 90%;} .Top002960 .logo .day{margin-top:5px;color: #fff;} .Top002960 .logo .day span{font-size:15px;margin-right:2px;} .Top002960 .offer{width:164px;margin-left:10px;} .Top002960 .offer a{display: block;text-align: center;line-height: 44px;margin-left:15px;font-size:22px;margin-top:-5px;} .Top002960 .top-search{padding: 0;} .Top002960 .top-search .bq{} .Top002960 .top-search .bq b{display: none;} .Top002960 .top-search .bq span{color:#fff;padding:3px 11px;display: inline-block;font-size:16px;} .Top002960 .top-search .bq span.on{color:#fff;background:#f47b22;} .Top002960 .top-search .box{position: relative;background: #fff; border:0px solid #ff4408; overflow: hidden;padding-right: 80px;} .Top002960 .top-search dl{margin-top:11px;font-size:15px;color: #fff;} .Top002960 .top-search dl dd a{margin-right:6px;color: #fff;} .Top002960 .top-search .box .text{ height: 44px; line-height: 44px;background: none;border: 0;width: 100%; padding: 0 12px;} .Top002960 .top-search .box .btn{width: 90px;line-height: 44px;background: #f47b22;text-align: center;} .Top002960 .top-search .box .btn span{display: inline-block;background: url("../images/Top002960_btn_search.png") no-repeat right center/22px;padding-right: 27px;color: #fff;font-size:16px;} .Top002960 .top-menu{} .Top002960 .top-menu_{border-bottom:1px solid #f0f0f0;} .Top002960 .top-menu li span, .Top002960 .top-menu li a{display: block;} .Top002960 .top-menu li span a{line-height: 54px;font-size: 18px;color: #333;} .Top002960 .top-menu li.active span a{background: #f47b22;color: #fff !important;} .Top002960 .today{background: #f4f4f4;line-height: 1.572em;padding: 14px 0;} .Top002960 .today strong{color: #205393; } @media(min-width:1025px){ .Top002960 .logo-area{height: 128px;} .Top002960 .logo-area .ytable{height: 100%;} .Top002960 .top-search{width: 552px;} .Top002960 .top-search{display: table-cell;} .Top002960 .top-search .box{} .Top002960 .top-menu li{float: left; text-align: center;} .Top002960 .top-menu li span{position: relative;} .Top002960 .top-menu li:not(:last-child) span:after{position: absolute; content: '';width: 1px; height: 18px; top: 50%; margin-top: -9px;right: 0;background: rgba(0,0,0,0.1);} .Top002960 .top-menu li:hover span a, .Top002960 .top-menu li.aon span a{color:#fa7b22;} .Top002960 .today .class{margin-left: 36px;} .Top002960 .logo-area-2{position: fixed;width:100%;z-index: 99;top:0;height: 70px;} .Top002960 .logo-area-2 .top-search dl dd{display: none;} .Top002960 .logo-area-2 .logo a{max-width:150px;} .Top002960 .logo-area-2 .top-search dl{margin-top:0;} .Top002960 .logo-area-2 .offer a{margin-top:-1px;} .Top002960 .logo-area-2 .top-search .bq{position: absolute;z-index: 5;width:88px;top:13px;text-align: center;} .Top002960 .logo-area-2 .top-search .bq span{color:#666;background:#fff;display: block;line-height: 28px;display: none;} .Top002960 .logo-area-2 .top-search .bq span.on{color:#fff;background:#f47b22;} .Top002960 .logo-area-2 .top-search .bq b{display: block;font-size:16px;font-weight: normal;height: 44px;line-height: 44px;position: relative;border-right: 1px solid #ddd} .Top002960 .logo-area-2 .top-search .box .text{padding-left:23%;} } @media(max-width:1024px){ .Top002960 .logo-area .ytable, .Top002960 .logo-area .ytable-cell{} .Top002960 .offer{position: absolute;right: 120px;top: 50%;transform: translateY(-50%);} .Top002960 .logo-area .top-search{display:none;position: absolute; left: 0; top: 100%; width: 100%;} .Top002960 .logo-area{position: relative; z-index: 100;} .Top002960 .logo a{width: 70%;} .Top002960 .logo{padding: 1vw 0;} .Top002960 .wap-nav{position: absolute; right: 2%; top: 50%; transform: translateY(-50%);} .Top002960 .wap-nav > *{float: left;width: 30px; height: 30px;} .Top002960 .open-search{border-radius: 50%;background: #1b4b88 url(../images/Top002960_btn_search.png) no-repeat center center/24px;margin-left: 20px;} .Top002960 .open-search.on:before, .Top002960 .open-search.on:after{background-color: #fff;} .Top002960 .open-menu i{background: #fff;} .Top002960 .top-menu{position: relative; z-index: 100;} .Top002960 .top-search .box{margin-top: -27px;} .Top002960 #menu{position: absolute; left: -100%; top: 100%;background: #1b4b88; width: 220px; border-radius: 0 0 0 5px; padding: 10px 20px;} .Top002960 #menu li{width: auto!important; transform: translateX(50px);opacity: 0; transition: 0.5s 0.1s;} .Top002960 #menu li:nth-child(2){transition-delay: 0.2s;} .Top002960 #menu li:nth-child(3){transition-delay: 0.3s;} .Top002960 #menu li:nth-child(4){transition-delay: 0.4s;} .Top002960 #menu li:nth-child(5){transition-delay: 0.5s;} .Top002960 #menu li:nth-child(6){transition-delay: 0.6s;} .Top002960 #menu li:nth-child(7){transition-delay: 0.7s;} .Top002960 #menu li span a{line-height: 50px;} .Top002960 #menu li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.5);} .menu-show #menu{left: auto;right: 0;} .menu-show #menu li{ transform: translateX(0);opacity: 1; } .Top002960 .today .class{display: block;} } @media(max-width:960px){ .Top002960 .logo .day,.Top002960 .hello .login{width:100%;float:left;} .Top002960 .offer{right: 106px;width: 120px;} } @media(max-width:480px){ .Top002960{font-size: 3.5vw;} .Top002960 .hello{line-height: 30px} } .Personaltop .hello{background:#f6f6f6;} .Personaltop .hello .login a{color:#333;} .Personaltop .hello .day a{color:#333;} .Personaltop .hello .login a:after{background:rgba(0,0,0,0.1);} .Personaltop .hello .login span{color:#333;} .Personaltop .logo-area{background-image: linear-gradient(to right,#0072b3, #00b7ee);} .Personaltop .logo-area .logo img{float:left;} .Personaltop .logo a span{font-size:30px;color:#fff;margin-left:22px;float:left;margin-top:5%;} @media(max-width:640px){ .Personaltop .logo a span{font-size:22px;margin-top: 9%;} .Personaltop .logo a{width: 50%;max-width: 200px;display: initial;} .Personaltop .logo-area .logo img{/* display:inline-block; */} } .homecon .btn {display:none;} .homecon{padding-bottom:0%;} .homecon .rk{width:25%;float:left;height: 423px;background:url(../images/rkbg.jpg) no-repeat left center/cover;padding:3% 4%;padding-top:2.5%;} .homecon .rk dl dd{font-size: 18px;line-height: 35px;padding: 16px 0;border-bottom: 1px solid rgba(255,255,255,.1);} .homecon .rk dl dd a{color:#fff;} .homecon .rk dl dd img{width:45px;margin-right:16px;margin-top:-10px;} @media(max-width:1024px){ .homecon .rk{width:100%;float: none;height: 100%;padding: 2% 30px;position: relative;} .homecon .rk dl dd{border: none;padding: 0;text-align: center;} .homecon .auto{padding:0;} .homecon .btn {display:block;} .homecon .btn .slick-arrow{width: 20px;height: 20px;position: absolute;top: 50%;margin-top: -14px;} .homecon .btn .slick-arrow:before{position: absolute;content: '';width: 12px;height: 12px;border-right: 2px solid #fff;border-top: 2px solid #fff;transform: rotate(45deg);left: 50%;top: 50%;margin: -6px 0 0 -8px;} .homecon .btn .slick-arrow:hover, .homecon .btn .slick-arrow:hover:before{border-color: #ee7133;} .homecon .btn .slick-prev{float: left;transform: rotate(180deg);left: 5px;} .homecon .btn .slick-next {float: right;right: 5px;} } @media(max-width:768px){ .homecon .rk dl dd{} .homecon .rk dl dd img{margin-right: 5px;width: 36px;} .homecon .rk{padding: 20px 30px;} } .homecon .Banner002563{width:75%;float:right;} /*Banner002563 */ .Banner002563{ padding:0% 0% 0%;margin:0% auto;} /*slick Basic*/ .Banner002563 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Banner002563 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Banner002563 .slick-list:focus {outline: none} .Banner002563 .slick-list.dragging {cursor: pointer;cursor: hand;} .Banner002563 .slick-slider .slick-track, .Banner002563 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Banner002563 .slick-track {position: relative; top: 0; left: 0; display: block;} .Banner002563 .slick-track:before, .Banner002563 .slick-track:after{display: table; content: '';} .Banner002563 .slick-track:after{ clear: both;} .Banner002563 .slick-loading .slick-track { visibility: hidden;} .Banner002563 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Banner002563 .slick-slide .slick-loading img { display: none;} .Banner002563 .slick-slide .dragging img { pointer-events: none;} .Banner002563 .slick-initialized .slick-slide { display: block;} .Banner002563 .slick-loading .slick-slide { visibility: hidden;} .Banner002563 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Banner002563 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Banner002563 .slick-arrow{ position:absolute; z-index:10; width:50px; height:50px; background:rgba(0,0,0,0.1); top:50%; margin-top:-35px;font-size: 0;padding: 0; cursor: pointer;transition:0.2s; border: 0;border-radius: 50%} .Banner002563 .slick-arrow:hover{ background:#ff4408;} .Banner002563 .slick-arrow::before{ position:absolute; content:''; width:15px; height:15px; transform:rotate(-45deg); top:50%; margin-top:-7px;border-top:2px solid #fff; border-left:2px solid #fff;} .Banner002563 .slick-arrow:hover::before{ border-color:#fff !important;} .Banner002563 .slick-prev{ left:2%;} .Banner002563 .slick-prev::before{ left:42%;} .Banner002563 .slick-next{ right:2%;} .Banner002563 .slick-next::before{ left:30%;transform:rotate(135deg);} .Banner002563 .slick-dots{ position:absolute; left:0; text-align:center; width:100%; bottom:5%; z-index:10;display: none !important;} .Banner002563 .slick-dots li{ display:inline-block;padding-right:28px; position:relative; cursor: pointer;} .Banner002563 .slick-dots li:after{ position:absolute; content:''; right:0; top:0; width:28px; height:1px; background:rgba(255,255,255,0.28); top:50%;} .Banner002563 .slick-dots li:last-child{ padding-right:0;} .Banner002563 .slick-dots li:last-child:after{ display:none;} .Banner002563 .slick-dots li button{ display:block; border:1px solid transparent; width:30px; height:30px; border-radius:50%; margin:0 2px; position:relative;font-size: 0;padding: 0;background: none;} .Banner002563 .slick-dots li button::before{ position:absolute; left:50%; top:50%; margin-top:-6px; margin-left:-6px; width:12px; height:12px;border-radius:50%; content:''; background:#fff;} .Banner002563 .slick-dots li.slick-active button{ border-color:#fff;} .Banner002563 li{position: relative;} .Banner002563 li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;} .Banner002563 li .txt-img{ position:absolute; width:100%; top:0; left:0; text-align:center; z-index:1; height:80%;} .Banner002563 li .txt-img .ytable{height: 100%;} .Banner002563 li .txt-img img{opacity: 0; transform: translateX(-100%); transition: 1s;} .Banner002563 li.slick-current .txt-img img{transform: translateX(0);opacity: 1;} @media(max-width:1200px){ .Banner002563{ padding:0;} } @media(min-width:1025px){ .Banner002563 li > img{ display:block; width:100%;} .Banner002563 li img.wap{ display:none;} } @media(max-width:1024px){ .Banner002563 li img.pc{ display:none;} .Banner002563 li .table img{ max-width:75%; margin:0 auto;} .homecon .Banner002563{width:100%;float: none;} } @media(max-width:480px){ .Banner002563 .slick-arrow{ transform:scale(0.7);} .Banner002563 .slick-dots li{padding-right:10px; } .Banner002563 .slick-dots li::after{ width:10px;} .Banner002563 .slick-dots li button{width:20px; height:20px; } } .h-title{margin-bottom:2%;border-bottom:1px solid #e8e8e8;padding-bottom:15px;} .h-title .more{float:right;font-size:16px;color:#999;margin-top:18px;} .h-title h2{font-size:32px;font-weight: normal;margin:0;color:#333;} .h-title h2 span{font-size:16px;text-transform: uppercase; color:#c3c3c3;} .h-title .more:hover{color:#0072b3;} @media(max-width:1024px){ .h-title h2{font-size:28px;} } @media(max-width:640px){ .h-title h2{font-size: 22px;} } /* .TextList001652 */ .TextList001652{padding:2% 0;background:#f8f8f8;position: relative;} .TextList001652 .left{position: absolute;left:4%; width:11%;z-index: 1} .TextList001652 .left dl{margin-top:22px;} .TextList001652 .left dd{margin-bottom:12px;border:1px solid #e8e8e8;padding:6px;background:#fff;} .TextList001652 .right{position: absolute;right:4%; width:11%;} .TextList001652 .right .box{margin-bottom:10px;} .TextList001652 .right .box figure{padding-bottom:126%;} .TextList001652 .auto{width: 64%;} .TextList001652_list{background:#fff;padding-top:1%;} .TextList001652 .list_ul, .TextList001652 .job_ol{ overflow:hidden; clear:both;} .TextList001652 .job_ol li, .TextList001652 .list_ul li{ list-style:none; float:left; width:10%; text-align:center;font-size:15px;color:#333;} .TextList001652 .job_ol li:nth-child(3), .TextList001652 .list_ul li:nth-child(3), .TextList001652 .job_ol li:nth-child(8), .TextList001652 .list_ul li:nth-child(8){width:15%;} .TextList001652 .job_ol li{ background-color:#0072b3; color:#fff; line-height:3.1em;} .TextList001652 .list{border:1px solid #ebebeb; border-top:none;background:#fff;} .TextList001652 .job_info{ display:none;} .TextList001652 .list_ul{ cursor:pointer;font-size:12px;} .TextList001652 .list_ul li{ padding:1em 0;} .TextList001652 .list_ul li:last-child{color:red;} .TextList001652 .list_ul li img{max-width:25px;} .TextList001652 .list_ul li:nth-child(5) a{ border:1px solid #ededed; border-radius:5px; display:inline-block; padding:0 7%; line-height:1.8em;} .TextList001652 .list_ul li:nth-child(5) a:hover{ background-color:#0072b3;color:#fff;} .TextList001652 .job_info{padding:2% 3% 2%;background:#edf5fb;font-size:15px;color:#333;} .TextList001652 .job_info p{margin:0;} .TextList001652 .job_info p span{margin-right:5%;} .TextList001652 .job_info p span img{max-width:25px;margin-top:-4px;} .TextList001652 .job_info .xj{background:#0072b3;color:#fff;float:right;padding:4px 11px;border-radius: 3px;margin-top:-4px;} @media(max-width:1440px){ .TextList001652 .auto{width:62%;} .TextList001652 .right{right:6%;} .TextList001652 .left{left:6%;} } @media(max-width:1024px){ .TextList001652 .left,.TextList001652 .right{width: 100%;position:relative;right: 0;left: 0;padding: 0 2%;} .TextList001652 .left dd{margin: 0 10px;text-align: center;} .TextList001652 .left dl{margin:20px 0} .TextList001652 .right .box{width:49%;float:left;margin-right:2%;} .TextList001652 .right .box:nth-child(2n){margin-right:0;} .TextList001652 .auto{width:100%;} .TextList001652 .table_1{overflow:auto;} .TextList001652 .table{width: 190%;} .TextList001652_list{overflow:auto;} .TextList001652_list .auto{width:150%;} } @media(max-width:640px){ .TextList001652_list .auto{width:300%;} } /* .TextList001653 */ .TextList001653{padding:4% 0;position: relative;} .TextList001653 .list_ul, .TextList001653 .job_ol{ overflow:hidden; clear:both;} .TextList001653 .job_ol li, .TextList001653 .list_ul li{ list-style:none; float:left; width:11.65%; text-align:center;font-size:15px;color:#333;} .TextList001653 .job_ol li:nth-child(3), .TextList001653 .list_ul li:nth-child(3), .TextList001653 .job_ol li:nth-child(7), .TextList001653 .list_ul li:nth-child(7){width:15%;} .TextList001653 .job_ol li{ background-color:#0072b3; color:#fff; line-height:3.1em;} .TextList001653 .list{border-bottom:1px solid #ebebeb; border-top:none;background:#fff;} .TextList001653 .job_info{ display:none;} .TextList001653 .list_ul{ cursor:pointer;font-size:12px;} .TextList001653 .list_ul li{ padding:1em 0;} .TextList001653 .list_ul li:last-child{color:red;} .TextList001653 .list_ul li img{max-width:25px;} .TextList001653 .list_ul li:nth-child(5) a{ border:1px solid #ededed; border-radius:5px; display:inline-block; padding:0 7%; line-height:1.8em;} .TextList001653 .list_ul li:nth-child(5) a:hover{ background-color:#0072b3;color:#fff;} .TextList001653 .job_info{padding:3% 3% 3%;background:#f9f9f9;font-size:15px;color:#333;} .TextList001653 .job_info .h2{font-size:18px;color:#333;font-weight: bold;} .TextList001653 .job_info .h3{font-size:16px;color:red;font-weight: normal;} .TextList001653 .job_info .xjinfo{color:#666;border:1px solid #e6e6e6;padding:2.5%;background:#fff;} .TextList001653 .job_info .xjinfo p{line-height: 28px;} .TextList001653 .job_info p{margin:0;} .TextList001653 .job_info p span{margin-right:5%;} .TextList001653 .job_info p span img{max-width:25px;margin-top:-4px;} @media(max-width:640px){ .TextList001653 .job_ol li, .TextList001653 .list_ul li{/* width:25%; */} .TextList001653 .job_ol li:nth-child(4), .TextList001653 .list_ul li:nth-child(4){/* display:none; */} } .quotation-form{padding:2% 0;} .quotation-form table{width:100%;} .quotation-form table th{border-bottom:1px solid #e6e6e6;background:#0072b3;color:#fff;padding:15px 2px;} .quotation-form table td{text-align: center;border-bottom:1px solid #e6e6e6;color:#333;padding:15px 2px;} .quotation-form table td .text{border:1px solid #e6e6e6;max-width:58px;height: 30px;text-align: center;padding:2px;} .quotation-form table td img{max-width:120px;} .quotation-form table td.on{color:#d60000;} .quotation-form .trade{margin-bottom:15px;} .quotation-form .trade li{float:left;} .quotation-form .trade li .btn{color:#fff;background:#5cb85c;padding:10px 22px;display: block;font-size:14px;margin-right:5px;} .quotation-form .trade li .btn-danger{background:#d9534f;} .quotation-form .trade li .btn-up{background:#009ed9;} .quotation-form .trade li .ser{position: relative;width: 300px;} .quotation-form .trade li .ser .btn{position: absolute;right: 0;top: 0;height: 100%;width: 6em;color: #fff;background: #0072b3;cursor: pointer;border: 0;text-transform: uppercase;font-size: 14px;margin-right:0;} .quotation-form .trade li .text{border:1px solid #e6e6e6;line-height: 37px;padding:0 5px;color:#666;width:100%;} @media only screen and (max-width:1024px ) { .quotation-form form{overflow:auto;} .PersonalCenter form table{width: 150%;} .PersonalCenter form.kf table{width: 100%;} .PersonalCenter form.bj table{width: 200%;} .quotation-form .trade li:last-child{margin-top:10px;} } .customerser{padding:2% 0;} .customerser table{width:100%;} .customerser table th{border-bottom:1px solid #e6e6e6;background:#0072b3;color:#fff;padding:13px 2px;font-size:14px;} .customerser table td{text-align: center;border-bottom:1px solid #e6e6e6;color:#333;padding:13px 2px;font-size:14px;} .customerser table td.on{color:#d60000;} .customerser .trade{margin-bottom:15px;} .customerser .trade li{float:left;} .customerser .trade li .btn{color:#fff;background:#5cb85c;padding:10px 22px;display: block;font-size:14px;margin-right:5px;} .customerser .trade li .btn-danger{background:#d9534f;} .customerser .trade li .ser{position: relative;width: 300px;} .customerser .trade li .ser .btn{position: absolute;right: 0;top: 0;height: 100%;width: 6em;color: #fff;background: #0072b3;cursor: pointer;border: 0;text-transform: uppercase;font-size: 14px;margin-right:0;} .customerser .trade li .text{border:1px solid #e6e6e6;line-height: 37px;padding:0 5px;color:#666;width:100%;} /* .Floor000881 */ .Floor000881{background-color:#fff; padding:2% 0 2%;} .Floor000881 h1{ margin:0; margin-bottom:24px; font-size:20px; font-weight:normal; background:url(../images/Floor000881-icon.png) no-repeat left center; padding-left:30px;color:#333;} .Floor000881 h1 a{ float:right; color:#999; font-size:16px;} /*slick Basic*/ .Floor000881 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor000881 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor000881 .slick-list:focus {outline: none} .Floor000881 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor000881 .slick-slider .slick-track, .Floor000881 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor000881 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor000881 .slick-track:before, .Floor000881 .slick-track:after{display: table; content: '';} .Floor000881 .slick-track:after{ clear: both;} .Floor000881 .slick-loading .slick-track { visibility: hidden;} .Floor000881 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor000881 .slick-slide .slick-loading img { display: none;} .Floor000881 .slick-slide .dragging img { pointer-events: none;} .Floor000881 .slick-initialized .slick-slide { display: block;} .Floor000881 .slick-loading .slick-slide { visibility: hidden;} .Floor000881 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor000881 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor000881 .list_scroll li a{display: block; margin: 0 16px;background:#fff;} .Floor000881 .list_scroll li .Ispic{padding-bottom:50%;} .Floor000881 .list_scroll li .txt{border:1px solid #e8e8e8;padding:14px 20px;} .Floor000881 .list_scroll li p{text-align:center; margin:0; font-size:18px; border-top:0;color:#333;margin-bottom:5px;} .Floor000881 .list_scroll li span{display: block;color:#666;line-height: 24px;margin-top:3px;} .Floor000881 .list_scroll li a:hover{ } .Floor000881 .list_scroll li a:hover p{ } .Floor000881 .slick-arrow{ position:absolute; width:22px; height:22px; top:50%; margin-top:-11px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #f47b22;border-left: 2px solid #f47b22;transform:rotate(-45deg);} .Floor000881 .slick-prev{ left:-25px;} .Floor000881 .slick-next{transform:rotate(135deg); right:-25px;} @media(min-width:1293px){ .Floor000881 .list_scroll .slider{margin: 0 -16px;} } @media(max-width:1292px){ .Floor000881 .slick-prev{ left:0;} .Floor000881 .slick-next{ right:0;} } @media(max-width:768px){ .Floor000881{ padding:20px 0;} .Floor000881 .list_scroll .slider{padding: 0 26px;} .Floor000881 .list_scroll li a{margin: 0 5px;} } /* .Floor001743 */ .Floor001743{padding: 2% 0;background:#f8f8f8;} .Floor001743 h3{font-size: 24px;color:#000;text-align: center; margin:0 0 3% 0;} .Floor001743 .slider{position: relative; z-index:1; padding:0 0px;} .Floor001743 .slick-arrow{ position: absolute;width: 18px;height: 18px;top: 50%;margin-top: -11px;overflow: hidden;font-size: 0;cursor: pointer;z-index: 10;border: 0;background: none;padding: 0;border-top: 2px solid #f47b22;border-left: 2px solid #f47b22;transform: rotate(-45deg);} .Floor001743 .slick-prev{ left:-35px;} .Floor001743 .slick-next{ right:-35px;transform: rotate(135deg);} .Floor001743 .list li a{display: block; max-width:88%; margin:0 auto;background:#fff;} .Floor001743 .list li img{ display:block; width:100%;} .Floor001743 .list li a:hover{ filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;} @media(max-width:1366px){ .Floor001743 .slick-prev{ left:0;} .Floor001743 .slick-next{ right:0;} } @media(max-width:640px){ .Floor001743 .list li a{max-width:90%;} .Floor001743 h3{font-size: 18px;} } .Floor001743_2{background:#fff;} /*Floor002862 */ .Floor002862{padding: 2% 0;} .Floor002862 .auto{width:64%;} .Floor002862 .left{position: absolute;left:4%; width:11%;z-index: 1} .Floor002862 .left dl{margin-top:22px;} .Floor002862 .left dd{margin-bottom:12px;border:1px solid #e8e8e8;padding:6px;background:#fff;} .Floor002862 .right{position: absolute;right:4%; width:11%;z-index: 5;} .Floor002862 .right .box{margin-bottom:10px;} .Floor002862 .right .box figure{padding-bottom:126%;} .Floor002862 .tab-ul{position: relative;padding: 0 26px;} .Floor002862 .tab-ul i{position:absolute;top: 0;height: 100%;background-repeat: no-repeat; width: 26px;} .Floor002862 .tab-ul i.l{background-image: url(../images/Floor002862_tit_l.png);background-position: right top; left: 0;} .Floor002862 .tab-ul i.r{background-image: url(../images/Floor002862_tit_r.png);background-position: left top; right: 0;} .Floor002862 .tab-ul ul{position: relative; border-bottom: 2px solid #ebebeb; height: 50px;background: #f8f8f8;} .Floor002862 .tab-ul li{float: left; border-bottom: 2px solid transparent;line-height: 48px; height: 50px;font-size: 18px; padding: 0 23px; cursor: pointer;} .Floor002862 .tab-ul li.on{ border-bottom-color: #429535;color: #429535;} .Floor002862 .tab-ul .more{position: absolute; right: 0; top: 0;line-height: 50px;font-size: 16px;background: url(../images/Floor002862_more.gif) no-repeat right center;padding-right: 14px;display: none;} .Floor002862 .tab-ul li.on .more{display: block;} .Floor002862 .tab-list ul{border: 1px solid #e8e8e8;padding:2.5%;} .Floor002862 .tab-list ul li{width:33.3%;float:left;text-align: center;margin:1.5% 0;position: relative; } .Floor002862 .tab-list ul li:after{content:'';width:1px;height: 75%;top:16%;right:0;background:#ddd;position: absolute;} .Floor002862 .tab-list ul li:nth-child(3n):after{display: none;} .Floor002862 .tab-list ul li p{margin:0;font-size:16px;line-height: 28px;} .Floor002862 .tab-list ul li p span.red{color:red;} .Floor002862 .tab-list ul li p span.green{color:green;} .Floor002862 .tab-list dl{padding-top: 0px;} .Floor002862 .tab-list dt{line-height: 41px;font-size: 16px; } .Floor002862 .tab-list dt time{font-size: 14px;color: #999;float: right;margin-left: 10px;} .Floor002862 .tab-list dd .pic img{display: block;width: 100%;} .Floor002862 .tab-list dd .txt{color: #999;} .Floor002862 .tab-list dd aside{font-size: 18px;line-height: 30px;} .Floor002862 .tab-list dd p{font-size: 16px;line-height: 24px;} @media(max-width:1440px){ .Floor002862 .auto{width:62%;} .Floor002862 .right{right:6%;} .Floor002862 .left{left:6%;} .Floor002862 .tab-list ul li p{font-size:14px;} } @media(min-width:1025px){ .Floor002862 .fl, .Floor002862 .fr{width:48%;} } @media(min-width:1261px){ .Floor002862 .fl .tab-ul{margin-left: -26px;} .Floor002862 .fr .tab-ul{margin-right: -26px;} } @media(max-width:1024px){ .Floor002862 .auto{width:100%;} .Floor002862 .fl{margin-bottom: 3vw;} .Floor002862 .left,.Floor002862 .right{width: 100%;position:relative;right: 0;left: 0;padding: 0 2%;} .Floor002862 .left dd{margin: 0 10px;text-align: center;} .Floor002862 .left dl{margin:20px 0} .Floor002862 .right .box{width:49%;float:left;margin-right:2%;} .Floor002862 .right .box:nth-child(2n){margin-right:0;} } @media(min-width:641px){ .Floor002862 .tab-list dd{height: 200px;position: relative;padding-left: 240px;} .Floor002862 .tab-list dd .pic{position: absolute; left: 0; top: 0; width: 240px;} .Floor002862 .tab-list dd .txt{padding: 0 36px;} } @media(max-width:640px){ .Floor002862 .tab-list dd .txt{padding: 3vw;} .Floor002862 .tab-list1 {overflow:auto;} .Floor002862 .tab-list1 .dl{width: 150%;} } @media(max-width:640px){ .Floor002862 .tab-list dd .txt{padding: 3vw;} } /*Floor002733 */ .Floor002733{overflow-x: hidden;padding:2% 0;background: #f8f8f8;} .Floor002733 .auto{padding: 0!important; width: 96%; } .Floor002733 .slick-dots{padding-top: 24px; text-align: center;} .Floor002733 .slick-dots li{list-style: none; display: inline-block; margin: 0 4px; width: 18px; height: 18px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;} .Floor002733 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: #d7d7d7; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;} .Floor002733 .slick-dots li.slick-active{border-color: #f47b22;} .Floor002733 .slick-dots li.slick-active button{ width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #f47b22;} .Floor002733 li.slick-slide{padding-top: 14px; height: auto;} .Floor002733 li.slick-slide .inner{ position: relative;transition: 0.3s; } .Floor002733 li.slick-slide .inner > a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; z-index: 10;transition: 0.3s;border: 3px solid #f47b22; opacity: 0;-webkit-opacity: 0;} .Floor002733 li.slick-slide .pic{overflow: hidden;} .Floor002733 li.slick-slide .Ispic{padding-bottom: 65.79%; transition: 0.3s;} .Floor002733 li:hover .Ispic{ transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);} .Floor002733 li.slick-slide:hover a{} .Floor002733 li.slick-slide:hover .inner{} .Floor002733 li.slick-slide .txt{padding: 26px 30px 30px;background:#fff;} .Floor002733 li.slick-slide .txt time{color: #999; font-size: 14px;} .Floor002733 li.slick-slide .txt aside{font-weight: normal; color: #333;font-size: 18px; margin-top: 10px;} .Floor002733 li.slick-slide .txt p{line-height: 28px;height: 55px;margin-bottom:0;margin-top:8px;} @media(min-width:1201px){ .Floor002733 .slider{margin-left: -20px; margin-right: -20px; } .Floor002733 li.slick-slide .inner{ margin: 0 20px;} } @media(max-width:1200px){ .Floor002733 li.slick-slide .inner{ margin: 0 14px;} } @media(max-width:1024px){ .Floor002733 li.slick-slide .txt{padding: 15px;} } /*Bottom002743 */ .Bottom002743{background: #0072b3;padding-top: 45px;color: rgba(255,255,255,0.8);} .Bottom002743 a{color: rgba(255,255,255,0.8);} .Bottom002743 a:hover{color: #fff;} .Bottom002743 .copyright{line-height: 24px;padding: 18px 0;color: rgba(255,255,255,0.8);border-top: 1px solid rgba(255,255,255,0.1);margin-top: 2%;} .Bottom002743 .copyright a{} .Bottom002743 .copyright a:hover{color: #f47b22;} .Bottom002743 .copyright a:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 13px;background: rgba(255,255,255,0.2);vertical-align: middle;margin: 0 9px;} .Bottom002743 .links{margin: 53px 0; border-top: 1px solid rgba(255,255,255,0.07);border-bottom: 1px solid rgba(255,255,255,0.07);position: relative; line-height: 24px; padding: 11px 0 11px 70px;} .Bottom002743 .links a{display: inline-block;} .Bottom002743 .links span{position: absolute; left: 0; top: 11px; color: rgba(255,255,255,0.4);} .Bottom002743 .links a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: rgba(255,255,255,0.07);vertical-align: middle; margin: 0 14px;} .Bottom002743 .contact{max-width: 340px;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 16px;color: #fff;padding-bottom: 23px;} .Bottom002743 .contact li{ padding-bottom: 8px;} .Bottom002743 .contact li aside{ padding-left: 25px;background-position: left center; background-repeat: no-repeat;} .Bottom002743 .contact li:nth-child(1){padding-bottom: 18px;} .Bottom002743 .contact li:nth-child(1) aside{background-image: url(../images/Bottom002743_icon_call.png);} .Bottom002743 .contact li:nth-child(2) aside{background-image: url(../images/Bottom002743_icon_email.png);} .Bottom002743 .contact li:nth-child(3) aside{background-image: url(../images/Bottom002743_icon_add.png);} .Bottom002743 .contact li b{font-size: 28px;color: #f47b22;} .Bottom002743 nav dl dt a{color: #fff;} .Bottom002743 nav{float: right; width: 70%; max-width:815px ;} .Bottom002743 nav dl{float: left; max-width: 180px;} .Bottom002743 nav dd{line-height: 20px; padding: 4px 0;} .Bottom002743 nav .code{text-align: center;} .Bottom002743 nav .code img{max-width: 110px;} @media(min-width:769px){ .Bottom002743 .contact{float: left;} .Bottom002743 .copyright aside{float: right;} } @media(max-width:768px){ .Bottom002743{padding-top: 5%;} .Bottom002743 nav{display: none;} .Bottom002743 .contact{display: table; margin: 0 auto;} .Bottom002743 .links{margin: 30px 0; } .Bottom002743 .contact .name, .Bottom002743 .copyright{text-align: center;} } /*Other002539 */ .Other002539{ position:fixed; z-index:200; right:20px;} .Other002539 ul li{ position:relative;margin-bottom:2px;} .Other002539 ul li figure{ position:absolute; top:0; right:48px;background:#fa7b22; color:#fff; display:none;} .Other002539 .li_wx figure{ width:120px; padding:10px;} .Other002539 .li_wx figure img{ display:block; width:100%;} .Other002539 li figure{ padding:0 20px; font-size:18px;line-height:48px;white-space:nowrap;} .Other002539 li figure a{ color:#fff;} .Other002539 .icon{ display:block; width:48px; height:48px; background:url(../images/Other002539-icon.png) no-repeat left top #0072b3; } .Other002539 ul li:hover .icon{background-color:#f47b22;} .Other002539 .li_qq .icon{ background-position:0 -50px;} .Other002539 .li_tel .icon{ background-position:0 -100px;} .Other002539 .li_email .icon{ background-position:0 -147px;} .Other002539 .icon.gettop{ background-position:0 100%;} .Other002539 .icon.open{ background-image:none; position:relative; } .Other002539 .open span{ color:#fff; font-size:24px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} @media(min-width:1025px){ .Other002539{ top:50%; transform:translateY(-50%);} .Other002539 ul{ display:block !important;} .Other002539 .icon.open{display:none;} } @media(max-width:1024px){ .Other002539{ bottom:5%;} .Other002539 ul{ display:none;} .Other002539 #open_2539{ background-color:#483f3e;} } /*Form002099 */ .Form002099{padding:3.5% 0;} .Form002099 section{ position:relative;} .Form002099 .ad aside, .Form002099 .ad{ position:absolute; left:0; top:0; height:100%; width:50%;} .Form002099 .ad img{ display:none;width:100%;} .Form002099 .ad aside{ width:100%;} .Form002099 .form{ padding:5% 10% 6% 59%; border:6px solid #f4f4f4;} .Form002099 .form h1{ margin:0; font-size:28px; font-weight: normal; color:#333;margin-bottom:20px;} .Form002099 .form h1:after{content:'';width:28px;height: 2px;background:#f47b22;display: block;margin-top:18px;} .Form002099 .form td{ padding-top:16px;} .Form002099 .form td .fgpsw {background: #00b7ee;color: #fff;padding: 5px 8px;border-radius: 2px;font-size: 12px;} .Form002099 .form td div{ position:relative; line-height:44px;} .Form002099 .form td div span{color:red;position: absolute;right:-15px;} .Form002099 .form td label{ position:absolute; left:10px; color:#999;} .Form002099 .form td .text{ width:100%; line-height:44px;height:44px; padding:0 10px;border-radius:3px; border:1px solid #e4e4e4; background:none;} .Form002099 .form td .text:focus{ border-color:#f47b22;} .Form002099 .form td.phone .text{width:70%;} .Form002099 .form td.phone a{float:right;text-decoration: underline; color: #f47b22;} .Form002099 .form .fgpsw{ color:#737373;} .Form002099 .form .fgpsw:hover{ text-decoration:underline; color:#f47b22;} .Form002099 .form .btn{ float:left; width:46%;border-radius:3px; font-size:16px; color:#fff; background:#f47b22; cursor:pointer; padding:0; border:none; height:44px;} .Form002099 .form .btn_reg{ float:right; background:#00b7ee;} .Form002099 .form .wx{line-height: 44px;margin-top:20px;} .Form002099 .form .wx a{color:#666;} .Form002099 .form .wx img{margin-right:7px;} @media(max-width:640px){ .Form002099 .ad{ position:relative; width:auto; height:auto;} .Form002099 .ad aside{ display:none;} .Form002099 .ad img{ display:block;} .Form002099 .form{ padding:3%;} .Form002099 .form h1{font-size:22px;} } /*Form0020991 */ .Form0020991{padding:3.5% 0;} .Form0020991 section{ position:relative;} .Form0020991 .ad aside, .Form0020991 .ad{ position:absolute; left:0; top:0; height:100%; width:50%;} .Form0020991 .ad img{ display:none;width:100%;} .Form0020991 .ad aside{ width:100%;} .Form0020991 .form{ padding:4% 10% 4% 59%; border:6px solid #f4f4f4;} .Form0020991 .form h1{ margin:0; font-size:28px; font-weight: normal; color:#333;margin-bottom:20px;} .Form0020991 .form h1:after{content:'';width:28px;height: 2px;background:#f47b22;display: block;margin-top:18px;} .Form0020991 .form td{ padding-top:16px;} .Form0020991 .form td div{ position:relative; line-height:44px;} .Form0020991 .form td div span{color:red;position: absolute;right:-15px;} .Form0020991 .form td label{ position:absolute; left:10px; color:#999;} .Form0020991 .form td .text{ width:100%; line-height:44px;height:44px; padding:0 10px;border-radius:3px; border:1px solid #e4e4e4; background:none;} .Form0020991 .form td .text:focus{ border-color:#f47b22;} .Form0020991 .form td.phone .text{width:70%;} .Form0020991 .form td.phone a{float:right;text-decoration: underline; color: #f47b22;} .Form0020991 .form .fgpsw{ color:#737373;} .Form0020991 .form .fgpsw:hover{ text-decoration:underline; color:#f47b22;} .Form0020991 .form .btn{ float:left; width:46%;border-radius:3px; font-size:16px; color:#fff; background:#f47b22; cursor:pointer; padding:0; border:none; height:44px;} .Form0020991 .form .btn_reg{ float:right; background:#00b7ee;} .Form0020991 .form .wx{line-height: 38px;margin-top:18px;} .Form0020991 .form .wx a{color:#666;} .Form0020991 .form .wx img{margin-right:7px;} @media(max-width:640px){ .Form0020991 .ad{ position:relative; width:auto; height:auto;} .Form0020991 .ad aside{ display:none;} .Form0020991 .ad img{ display:block;} .Form0020991 .form{ padding:3%;} .Form0020991 .form h1{font-size:22px;} } /* PicList000864 */ .PicList000864{ padding-top:1%;} .PicList000864 li{ float:left; width:31.3%; margin-right:3%; margin-bottom:3%;} .PicList000864 li .Ispic{ padding-bottom:60%; position:relative; display:block;} .PicList000864 li h5{font-size: 16px;font-weight: normal;margin:15px 0 10px;padding: 0;} .PicList000864 li h5 a:hover{color: #f47b22;} .PicList000864 li p{ margin:10px 0; line-height:23px; height:46px; overflow:hidden;} .PicList000864 ul li span{font-size: 14px;color: #999;} .PicList000864 li .more{float: left;width:42px;height: 11px;display: block;background:url(../images/PicList000864_icon.jpg) no-repeat center;} @media(min-width:769px){ .PicList000864 li:nth-child(3n){ margin-right:0;} } @media(max-width:768px){ .PicList000864 li{width:48%;margin-right:4%;} .PicList000864 li h5{line-height:30px;font-size: 18px;} .PicList000864 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000864 li h5{ margin-top:2px;} .PicList000864 li p{margin:2px 0 10px 0;font-size: 15px;} } /* .Page002193 */ .Page002193{zoom:1; overflow:hidden; text-align:center; padding:30px 0 4%; text-align:center;} .Page002193 span{ padding:0px 3px; display:inline-block;} .Page002193 a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;} .Page002193 a:hover{ color:#fff; border:1px solid #f47b22; background:#f47b22;} .Page002193 .p_cur,.Page002193 .p_count,.Page002193 .p_total,.Page002193 .p_jump,.Page002193 .a_first,.Page002193 .a_end{ display:none;} .Page002193 .p_cur b{ color:#F00;} .Page002193 .p_count b{ color:#F00;} .Page002193 .p_total b{ color:#F00;} .Page002193 .p_page em{ font-style:normal;} .Page002193 .p_page em a{} .Page002193 .p_page em a.a_cur{ color:#fff; background:#f47b22; border-color:#f47b22;} .Page002193 .p_page b{ font-weight:normal;} /* .Banner002187 */ .Banner002187{max-width:1200px;margin:0 auto;} .Banner002187 span{background-position: center center; background-repeat:no-repeat; background-size:cover; height:280px; display:block;} .Banner002187 img{ display:none;} @media (max-width: 960px){ .Banner002187 span{ height:auto; background:none; height:auto;} .Banner002187 img{ display:block;} } /* .Menu000706 */ .Menu000706{ padding-bottom:0%;margin-bottom:2%;} .Menu000706_{background:#f8f8f8;} .Menu000706 header{ margin-top:-66px;} .Menu000706 header h1{ margin:0; display:inline-block; padding:8px 0% 8px 18px; background:url(../images/Menu000706-icon.png) no-repeat 95% center #f47b22; color:#fff; font-weight:normal; font-size:24px;width:250px;} .Menu000706 header h1 span{ opacity:0.4; display:block; font-size:14px; text-transform:uppercase;} .Menu000706 nav{ border-bottom:1px solid #e6e6e6; position:relative;height: 60px;} .Menu000706 nav dl{ position:absolute; right:0; top:50%; margin-top:-12px; background:url(../images/Menu000706-cur.png) no-repeat left center; padding-left:25px; color:#999; line-height:24px;} .Menu000706 nav dl a{color:#999;} .Menu000706 nav dl span, .Menu000706 nav dl a:hover{color:#f47b22;} .Menu000706 nav li a{ display:block; font-size:16px; padding:18px 0;} @media(min-width:769px){ .Menu000706 nav ol{ display:none;} .Menu000706 nav ul{ display:block !important;} .Menu000706 nav li{ float:left; padding:0 2%;} .Menu000706 nav li a:hover, .Menu000706 nav li a.aon{ color:#f47b22; border-bottom:2px solid #f47b22;} } @media(max-width:1000px){ .Menu000706 nav dl{ display:none;} .Menu000706 header{ position:relative; z-index:5;} .Menu000706 header h1{ display:block; padding-right:0;} } @media(max-width:768px){ .Menu000706 nav{ position:relative;} .Menu000706 nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;} .Menu000706 nav ol span{display:block; background-color:#ed6c00; padding:5px;border-radius:3px;} .Menu000706 nav ol a{ display:block; background-color:#fff;color:#333; border-radius:5px; line-height:40px; padding:0 10px; position:relative; font-size:16px;} .Menu000706 nav ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ed6c00;} .Menu000706 nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#ed6c00; padding:5px; border-radius:0 0 5px 5px; display:none;z-index: 99} .Menu000706 nav li{ background-color:#fff; border-bottom:1px solid #ed6c00;border-radius:5px;} .Menu000706 nav li:nth-child(2n){ background-color:rgba(255,255,255,0.8);} .Menu000706 nav li a{ padding:0 2%; line-height:40px; } .Menu000706 nav li a:hover{color:#ed6c00;} } @media(max-width:768px){ .Menu000706 header h1{ font-size:20px;} } .Screening{ margin-bottom:10px;font-size:16px;} .Screening h2{font-size:28px;color:#333;font-weight: normal;margin-top:0;margin-bottom:16px;} .Screening .box{margin-bottom:13px;} .Screening dl{float:left;} .Screening dl:last-child{} .Screening dl dt{float:left;font-size:16px;color: #333;margin-right: 2px;line-height: 32px;} .Screening dl dd{float: left;} .Screening dl dd .text{width: 88%;border: 1px solid #ddd;line-height: 34px;height: 34px;border-radius: 2px;} .Screening dl dd select{border: 1px solid #ddd;line-height: 34px;height: 34px;border-radius: 2px;color:#666;padding:0 4px;} .Screening dl dd .btn{background:#0072b3;color:#fff;border:none;font-size:16px;line-height: 30px;padding: 2px 18px;border-radius: 2px;cursor: pointer;} .Screening dl dd .btns{background:none;border:1px solid #ddd;font-size:16px;line-height: 34px;padding:0 15px;margin-right:12px;cursor: pointer;} .Screening dl dd .btns.on{color:#0072b3;border:1px solid #0072b3;cursor: pointer;} .Screening .box2{} .Screening .box2 dl{margin-right:2%;} .Screening .box2 dl select{width:114px;} .Screening .box2 dl .text{max-width:130px;} @media(max-width:1200px){ .Screening dl{margin-bottom:10px;} } @media(max-width:1024px){ .Screening dl,.Screening .box2 dl{width: 33.333%;margin-right: 0;} .Screening .box2 dl:last-child{width:100%;} .Screening h2{font-size:24px;} } @media(max-width:640px){ .Screening dl,.Screening .box2 dl{width: 100%;float: none;height: 34px;} .Screening dl dt{width: 25%;} .Screening dl dd{width: 73%;} .Screening h2{font-size:22px;} .Screening .box2 dl select{width:100%;} .Screening .box2 dl .text{max-width:120px;} } /*Spec001883*/ .Spec001883{max-width:1200px;margin: 0 auto; border:1px solid #e7e7e7;border-bottom:none; margin-bottom:30px;} .Spec001883 dl{ border-bottom:1px solid #e8e7e7; line-height:32px; display:table; width:100%;} .Spec001883 dl.more{ border-bottom:0;} .Spec001883 dt, .Spec001883 dd{ display:table-cell; vertical-align:middle; padding-top:10px; padding-bottom:10px;} .Spec001883 dt{width:118px; font-size:16px; padding-left:20px; color:#fff; background-color:#0072b3;} .Spec001883 dd{position:relative;} .Spec001883 dd ol{padding-left:22px;overflow:hidden; position:relative;} .Spec001883 .input{ float:left;} .Spec001883 .input input{ max-width:100px; vertical-align:middle;} .Spec001883 .input .text{ border:1px solid #e5e5e5; border-radius:3px; height:32px; line-height:32px; width:25%; text-align:center;} .Spec001883 .input .btn{ border:none; cursor:pointer; background:#ff8200;height:32px; color:#fff; font-size:12px; border-radius:3px; margin-left:10px; width:30%;} .Spec001883 ol a{color:#333;font-size:15px; margin-right:20px; display:inline-block; cursor:pointer;} .Spec001883 a.on, .Spec001883 a:hover{ color:#ff8200;} .Spec001883 ol span, .Spec001883 ol a.all{ position:absolute; top:0;text-align:center; width:48px; height:32px;} .Spec001883 ol a.all{ left:0;margin-right:0;} .Spec001883 ol span{right:10px;color:#fff; border-radius:3px; padding:0 5px;background:#ff8200; cursor:pointer; display:none;} .Spec001883 .money ol, .Spec001883 .more ol{ float:left;} .Spec001883 figure{ float:left; position:relative; width:90px;} .Spec001883 figure em{ display:block; cursor:pointer;border:1px solid #e5e5e5; border-radius:3px; padding:8px 0; height:32px;} .Spec001883 figure em i{ font-style:normal; display:inline-block; width:60px; line-height:15px; text-align:center;border-right:1px solid #e5e5e5; color:#000; float:left;} .Spec001883 figure em:after{ content:''; display:inline-block; vertical-align:middle; margin-left:5px; margin-top:-10px; width:0; height:0; border:6px solid transparent; border-top-color:#ff8200;} .Spec001883 figure figcaption{ position:absolute; left:0; top:100%; width:100%;border:1px solid #e5e5e5; background-color:#fff; border-radius:3px; display:none;} .Spec001883 figure figcaption a{ display:block; text-align:center;} .Spec001883 figure:hover figcaption{ display:block;} @media(max-width:1000px){ .Spec001883 .input{ float:none;padding-bottom:10px; padding-left:10px;} .Spec001883 .money ol, .Spec001883 .more ol, .Spec001883 figure{ float:none;} .Spec001883 figure{ margin-left:10px;} } @media(max-width:768px){ .Spec001883 dd ol{ padding-right:65px;} .Spec001883 dt{width: 90px;font-size: 15px;padding-left: 10px;} } .sercon{padding:1% 0 2.5%;} .sercon ul li{float:left;width:48%;border:1px solid #e8e8e8;padding:2%;margin-bottom:2%;border-left:2px solid #0072b3;} .sercon ul li:nth-child(2n){float: right;} .sercon ul li .pic{float:left;margin-right:25px;} .sercon ul li h2{margin:0;font-size:24px;font-weight: normal;color:#333;margin-bottom:5px;margin-top:4%;} .sercon ul li span{font-size:16px;color:#999;} @media(max-width:768px){ .sercon ul li img{max-width:60px;} .sercon ul li h2{font-size:22px;} .sercon ul li span{font-size:14px;} } @media(max-width:480px){ .sercon ul li{/* width:100%; */} .sercon ul li img{max-width:40px;} .sercon ul li h2{font-size: 18px;margin-bottom: 10px;} .sercon ul li .pic{margin-right:5px;} .sercon ul li span{font-size: 13px;} } .advert{margin-bottom:30px;} .advert .wap{display: none;} @media(max-width:960px){ .advert .pic{display: none;} .advert .wap{display: block;} } /*RighInfo002523 */ .RighInfo002523{ padding:1% 0 3%;} .RighInfo002523 .word{width:46%;float:left;margin-bottom:3%;} .RighInfo002523 .img{width:53%;float:right;} .RighInfo002523 .word h2{font-size:28px;font-weight: normal;color:#333;margin:0;margin-top:24px; margin-bottom:15px;} .RighInfo002523 .word h3{font-size:22px;color:#0072b3;margin:0;margin-bottom:6%;} .RighInfo002523 .word p{font-size:16px;line-height: 28px;} .RighInfo002523 .word p span{color:#0072b3;border:1px solid #0072b3;padding:6px 28px;margin-right:15px;} .RighInfo002523 li{ float:left; text-align:center; margin-bottom:4%; position:relative;} .RighInfo002523 li span{ font-size:30px; color:#f47b22;} .RighInfo002523 li h5{ margin:0 0 14px 0; font-size:22px;font-weight: normal;color:#333;} .RighInfo002523 li .pic{ padding:7px;border-radius:50%; background:#fff;border:2px solid #f5f5f5; max-width:110px; width:60%; overflow:hidden; margin:0 auto; position:relative; z-index:10;} .RighInfo002523 li .pic img{ display:block;border-radius:50%; width:100%;} @media(min-width:769px){ .RighInfo002523 li{width:25%;} .RighInfo002523 ul:nth-child(2n) li{ float:right;} .RighInfo002523 li::before{ position:absolute; content:''; width:100%; top:65%; background:#eee; height:2px; left:0;} .RighInfo002523 ul li:first-child::before{width:50%; right:0; left:auto;} .RighInfo002523 ul li:last-child::before{ width:50%; border-top:2px solid #eee; border-right:0px solid #eee; background:none; height:50%; left:0; } .RighInfo002523 ul:nth-child(2n) li:first-child::before{ width:50%; right:auto; left:0;} .RighInfo002523 ul:nth-child(2n) li:last-child::before{ border-right:0; border-left:2px solid #eee; left:50%;} .RighInfo002523 li::after{ content:''; background:url(../images/RighInfo002523_icon_right.png) no-repeat; width:36px; height:36px; position:absolute; right:0; top:60%; margin-top:-7px; margin-right:-18px;} .RighInfo002523 ul li:last-child::after, .RighInfo002523 ul:nth-child(2n) li:last-child::after{ left:50%; top:auto; margin-left:-19px; bottom:-33px; background-image:url(../images/RighInfo002523_icon_down.png);} .RighInfo002523 ul:nth-child(2n) li::after{ right:auto; left:0; background-image:url(../images/RighInfo002523_icon_left.png);} .RighInfo002523 ul:nth-child(2n) li::after{ margin-right:0; margin-left:-10px;} .RighInfo002523 ul:nth-child(2n) li:last-child::after{margin-left:-18px;} .RighInfo002523 ul:last-child li:last-child::before{ width:50%; height:4px;} .RighInfo002523 ul:last-child li:last-child::after{ display:none;} } @media(max-width:1024px) and (min-width:769px){ .RighInfo002523 li h5{ height:40px; line-height:20px; overflow:hidden;} } @media(max-width:768px){ .RighInfo002523 ul::after{ display:none;} .RighInfo002523 li{ width:50%; padding:2%;} .RighInfo002523 li:nth-child(2n+1){ clear:left;} .RighInfo002523 li:nth-child(3n+1){ background:#eee;} .RighInfo002523 li .pic{max-width:60px;} .RighInfo002523 .word, .RighInfo002523 .img{width:100%;float:none;margin-top: 3%;} .RighInfo002523 .word h2{font-size:22px;} .RighInfo002523 .word h3{font-size:20px;} } /* .RichInfo005 */ .RichInfo005{ padding:1% 0 3%;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:26px; color:#333; font-weight:normal;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px solid #e6e6e6; padding-bottom:14px;} .RichInfo005 .news_info .title p span{ margin:0 8px; color:#666;font-size:14px;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info .img{max-width:700px;margin:0 auto;text-align: center;} .RichInfo005 .news_info .info .img span{color:#999;display: block;margin-top:15px;} .RichInfo005 .news_info .info p{font-size:16px;line-height: 28px;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:3% 0;} .RichInfo005 .news_info .info_back a{ color:#0072b3; font-size:16px;border:1px solid #0072b3;padding:8px 20px;} .RichInfo005 .news_info .info_pn span{ display:block;line-height: 28px;} .RichInfo005 .news_info .info_pn span a{ color:#999;font-size:16px;} .RichInfo005 .news_info .info_pn span a:hover{color:#0072b3;} @media(max-width:1024px){ .RichInfo005 .news_info .title h1{font-size: 24px;line-height:36px;} } @media(max-width:640px){ .RichInfo005 .news_info .title h1{font-size: 20px;} } /*TextList002957 */ .TextList002957{margin: 1% 0 2%;} .TextList002957 li{ border-bottom: 1px solid #e6e6e6; line-height: 54px;position: relative;padding-left:17px;} .TextList002957 li:after{content:'';width:5px;height: 5px;background:#e5e5e5;display: block;position: absolute;left:0;top:25px;border-radius: 50%;} .TextList002957 li time{float: right;color: #b2b2b2; margin-left: 20px;} .TextList002957 li a{font-size: 16px;} .TextList002957 li:hover a{color:#0072b3;} @media(max-width:480px){ .TextList002957 li{font-size: 3vw;line-height: 10vw;} .TextList002957 li a{font-size: 15px;} } /*Floor003031 */ .Floor003031{position: relative; z-index: 1;padding:1% 0 3%;} .Floor003031_list{padding-bottom:1%;} .Floor003031 .auto{max-width: 1200px;} .Floor003031 > img{opacity: 0;position: relative; z-index: -1;} .Floor003031 .txt{position: relative; margin-bottom:3%; width: 100%; height: 100%; text-align: center;} .Floor003031 .txt .ytable{height: 80%;} .Floor003031 .txt .email{ position: relative;max-width: 840px; margin: 0 auto;background: #fff;} .Floor003031 .txt .index-tit{font-size:28px;color:#333;margin-bottom:20px;} .Floor003031 .email input{font-size: 16px;} .Floor003031 .email .text{width: 100%; padding: 1.25em 1.5em; height: 3.6em; line-height: 1.25em;border: 0;color: #999;border:1px solid #e6e6e6;} .Floor003031 .email .text.focus{color: #333;} .Floor003031 .email .btn{position: absolute; right: 0; top: 0; height: 100%; width: 10em;color: #fff; background: #0072b3; cursor: pointer; border: 0;text-transform: uppercase;font-size:16px;} .Floor003031 .allgrades{margin-top:0%; border: 1px solid #e6e6e6;;} .Floor003031 .allgrades .title{background:#f8f8f8;color:#333;font-size:22px;padding:15px 28px;} .Floor003031 .allgrades .title .icon{display: inline-block;width: 26px;height: 26px;vertical-align: middle;background: url(../images/icon_09.png) no-repeat;margin-right:10px;margin-top:-2px;} .Floor003031 .allgrades .letters{padding-bottom:20px;margin:20px 28px; border-bottom:1px solid #e6e6e6;} .Floor003031 .allgrades .letters .letter{display: inline-block;width: 35px;height: 35px;line-height: 35px;font-size: 18px;text-align: center;color: #333;cursor: pointer;} .Floor003031 .allgrades .letters .letter.active, .Floor003031 .allgrades .letters .letter:hover{background:#edf6fd;} .Floor003031 .allgrades .classify{margin:20px 28px;} .Floor003031 .allgrades .classify .item{width:29.3%;float:left;margin-right:6%;margin-bottom:3%;} .Floor003031 .allgrades .classify .item h1{font-size:20px;color:#0072b3;border-bottom:1px solid #e6e6e6;padding-bottom:10px;margin:0;margin-bottom:10px;} .Floor003031 .allgrades .classify .item a{display: block;float:left;width:33.3%;font-size:16px;margin:6px 0;padding-right:8px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .Floor003031 .allgrades .classify .item a:nth-child(3n+1){} .Floor003031 .allgrades .classify .item a.more{color:#0072b3;font-size:14px;text-decoration: underline;} .Floor003031 .allgrades .classify .item a:hover{text-decoration: underline;} .Floor003031 .classlist{} .Floor003031 .classlist h2{font-size:22px;font-weight: normal;color:#333;border-bottom:1px solid #e6e6e6;padding-bottom:0px;margin:0;margin-bottom:10px;} .Floor003031 .classlist h2:after{content:'';width:43px;height: 2px;background:#0072b3;display: block;margin-top:15px;} .Floor003031 .classlist ul{} .Floor003031 .classlist li{border-bottom:1px solid #e6e6e6;padding:14px 0;} .Floor003031 .classlist li p{margin:0;line-height: 28px;} .Floor003031 .classlist li p.tit{font-size:18px;color:#333;margin-bottom:6px;} @media(min-width:961px){ .Floor003031 .allgrades .classify .item:nth-child(3n){margin-right:0;} } @media(max-width:960px){ .Floor003031 .allgrades .classify .item{width:48%;margin-right: 4%;} .Floor003031 .allgrades .classify .item:nth-child(2n){margin-right:0;} .Floor003031 .txt .index-tit{font-size:24px;} } @media(max-width:768px){ .Floor003031{overflow: hidden;} .Floor003031 .email input{font-size: 2.5vw;} .Floor003031 > img{max-width: inherit; width: 150%;margin-left: -25%;} } @media(max-width:640px){ .Floor003031 .allgrades .classify .item{width:100%;margin-right: 0;} .Floor003031 .txt .index-tit{font-size:22px;} .Floor003031 .classlist h2{font-size:20px;} } .classinfo{padding:0% 0 2%;} .classinfo .title p{margin:0;margin-bottom:3%; font-size:22px;text-align: center;color:#333;border-bottom:1px solid #0072b3;padding-bottom:18px;} .classinfo .title p span{margin:0 15px;} .classinfo .info{margin-bottom:4%;} .classinfo table{width:100%;} .classinfo table th{border:1px solid #e5e5e5;padding:10px 12px;line-height: 1.42857143;vertical-align: top;font-size:16px;vertical-align: middle;color:#333;text-align: left;background:#f7f7f7;} .classinfo table td{border:1px solid #e5e5e5;padding:8px 12px;line-height: 1.42857143;height: 43px;vertical-align: top;font-size:16px;vertical-align: middle;} .classinfo table td b{color:#333;} .classinfo h2.tit{font-size:22px;font-weight: normal;color:#333;} .classinfo h2.tit img{margin-right:8px;} .classinfo .table1 td:nth-child(1){text-align: center;width:18%;} .classinfo .table1 td:nth-child(2){width:43%;} .classinfo .table1 td:nth-child(3){text-align: center;width:18%;} .classinfo .table2 th:nth-child(1){text-align: center;} @media(max-width:768px){ .classinfo .title p,.classinfo h2.tit{font-size:20px;} .classinfo .bd{overflow:auto;} .classinfo table{width:200%;} } /* .Form002325 */ .Form002325{ position:fixed; background:rgba(0,0,0,0.5); width:100%; top:0; left:0; z-index:100; height: 100%;display:none;} .Form002325 .wrap-container{ position:absolute; background:#fff; z-index:101; padding:25px; width: 100%; height: 100%;border-radius: 3px;} .Form002325 dl{margin-bottom:2%;} .Form002325 dl dd{font-size:16px;line-height: 28px;width:48.5%;float:left;margin-right:3%;margin-bottom:4px;color:#333;} .Form002325 dl dd img{max-width:25px;} .Form002325 dl dd:nth-child(2n){margin-right:0;} .Form002325 dl dd span{display: inline-block;width:84px;text-align: right;color:#333;} .Form002325 .closeBtn{ position:absolute; top:24px; right:24px; height:17px; width:17px; display:block; background:url(../images/Form002325-colseBtn.jpg) no-repeat;} .Form002325 .rgtRight .title{ color:#333; font-size:28px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;padding-bottom:20px;} .Form002325 .rgtList{ position:relative; margin-bottom:16px; line-height:40px;} .Form002325 .rgtList input{ display:inline-block; width:100%; line-height:30px; padding:5px 15px; color:#6e6e6e;border:1px solid #e6e6e6; vertical-align:top;} .Form002325 .rgtList2 input{width:48.5%;margin-right:3%;float:left;} .Form002325 .rgtList2 input:nth-child(2){margin-right:0;} .Form002325 .rgtList textarea{ width:100%; line-height:28px; padding:5px 15px; color:#6e6e6e;border:1px solid #e6e6e6; vertical-align:top;font-size:14px;height: 100px} .Form002325 .rgtList .tit{ color:#6e6e6e;} .Form002325 .rgtBtn{ display:block;float: left; width:135px; height:40px; line-height:40px; border-radius: 4px; text-align:center; color:#fff; font-size:16px; background:#0072b3;cursor: pointer;} @media only screen and (min-width:768px ) { .Form002325 .wrap-container{ top:50%;margin-top: -320px; width:700px; margin-left:-350px; left:50%; height: auto; padding: 25px;position:fixed;} } @media only screen and (min-width:1024px ) { .Form002325 .wrap-container{ top:50%;margin-top: -350px; width:768px; margin-left:-384px; left:50%; padding: 42px; } } @media only screen and (min-width:1200px ) { .Form002325 .wrap-container{ top:50%;margin-top: -300px; width:750px; margin-left:-375px; left:50%; } } @media only screen and (max-width:767px ) { .Form002325 dl dd span{text-align:left;} } @media only screen and (max-width:480px ) { .Form002325 dl dd{width:100%;} } .PersonalCenter{background:#f6f6f6;padding-top:2%;} .PersonalCenter .auto{position: relative;} .PersonalCenter .w22{position: absolute;top: 0;left: 0;width: 180px;} .w22{width:15%; background:#fff;margin-bottom:4%;} .w75{width:83%; background:#fff;margin-bottom:4%;padding:2.5%;min-height: 554px;} .Personaltit{font-size:24px;color:#333;border-bottom:1px solid #e6e6e6;padding-bottom:0px;} .Personaltit span{font-size:15px;color:#999;} .Personaltit:after{content:'';width:24px;height: 2px;background:#f47b22;display: block;margin-top:17px;} @media only screen and (max-width:1024px ) { .PersonalCenter .w22{float: left;left: 2%;width: 150px;} .PersonalCenter .w75{width: 100%;background: none;padding: 0 0 0 170px;} .PersonalCenter .w75 .xx{background:#fff;padding: 2.5%;} .PersonalCenter .Menu002102 ul{padding: 0 10px;} .PersonalCenter .Menu002102 li{width:100%;border-bottom:1px solid #e6e6e6} .PersonalCenter .wdxj{overflow:auto;} .PersonalCenter .wdxj .TextList001653{width: 125%;} } @media only screen and (max-width:640px ) { .PersonalCenter .w22{width:100%;position:relative;} .PersonalCenter .w75{padding-left:0;} .PersonalCenter .Menu002102 ul{display:none;} .PersonalCenter .Menu002102 h2{margin-bottom:10px;} .PersonalCenter .wdxj .TextList001653{width: 160%;} .Personaltit{font-size:22px;} .Personaltit span{display: block;} } /*Menu002102 */ .Menu002102{ border:0px solid #dfdfdf; padding:1px;} .Menu002102 ul{ padding:10px 20px;} .Menu002102 h2{ margin:0; background-color:#0072b3;color:#fff;font-weight: normal; font-size:18px; line-height:40px; padding:7px 20px;} .Menu002102 h2 img{margin-top:-3px;margin-right:5px;} .Menu002102 li{ border-bottom:1px solid #e6e6e6; padding:10px;} .Menu002102 li.end{ border-bottom:0;} .Menu002102 li a{ line-height:30px; display:block;color:#666;font-size:16px;} .Menu002102 li a:hover{ color:#0072b3;} .Menu002102 li a.aon{ color:#0072b3;} @media(max-width:768px) { .Menu002102 ul{ overflow:hidden;} .Menu002102 li{ float:left; width:25%;border-bottom:0;} } @media(max-width:375px){ .Menu002102 li{ width:33.33333333%} } /* .Form002330 */ .Form002330{padding:5% 10px;} .Form002330 .row{ padding-bottom: 17px;} .Form002330 .rowbox{ padding-bottom: 0;} .Form002330 .rowbox:after{ content: "";height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #e6e6e6; border: none; display: block;} .Form002330 .row-inner{ max-width: 550px; position: relative; padding-left: 85px; color: #666; font-size: 14px; line-height: 34px;} .Form002330 .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0;width:80px; font-size: 16px; text-align: right; font-weight: normal;color:#666;} .Form002330 .rowbox .row-inner .h5{top:36%;} .Form002330 .row-inner .user-img{position: relative;width:120px;height: 120px;border:5px solid #e3e3e3;border-radius: 50%;overflow: hidden;} .Form002330 .row-inner span{font-size:16px;color:#333;} .Form002330 .row-inner span.red{position: absolute;right:-20px;color:red;} .Form002330 .row-inner span a{text-decoration: underline;} .Form002330 .row-inner .username{ display: block;} .Form002330 .row-inner .text{border:none;border-bottom: 1px solid #e5e5e5; font-size:16px; color: #333; line-height: 38px; width: 100%; padding: 0 10px; display: inline-block;} .Form002330 .row-inner .text.focus{border-color: #0072b3;color: #666;} .Form002330 .btn{border-radius: 4px; background-color: #0072b3; line-height: 38px; font-size: 16px; color: #fff; text-align: center; width: 126px; border: none; cursor: pointer; margin: 22px 72px 20px; display: block;} .Form002330_ .row-inner{padding-left:103px;} .Form002330_ .row-inner .h5{width:97px;} .Form002330_ .btn{margin:22px 103px 20px;} @media(max-width:640px){ .Form002330_ .row-inner .h5{text-align:left;} } /*Form002219*/ .Form002219{ padding-bottom:0%;padding-top:5%;} .Form002219 .h2{font-size:22px;color:#333;font-weight: normal;} .Form002219 dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:17px; max-width:420px;} .Form002219 dl.odd{ margin-left:4%;} .Form002219 dl .span{color:#ff0000;font-size:16px;position: absolute;right:0;} .Form002219 dt{ color:#666; font-size:16px; position:absolute; left:0; width:80px; text-align:right; line-height:40px;} .Form002219 dd{ position: relative;} .Form002219 select{border:1px solid #dfdfdf; border-radius:3px; width:96%; padding:0 10px; line-height:40px;height:40px; color:#666;} .Form002219 .text{ border:1px solid #dfdfdf; border-radius:3px; width:96%; padding:0 10px; line-height:40px;height:40px; color:#666;} .Form002219 dl .down_dd .text{ position: relative; padding-right: 20px; /*background: url(../images/select3.png) no-repeat 99% center;*/} .Form002219 dl .down_dd ul{ position: absolute; left: 0; top: 100%; padding: 10px;border:1px solid #dfdfdf; background-color: #fff;width: 96%; z-index: 10; display: none; line-height:30px; max-height: 300px; overflow: auto;} .Form002219 dl.dl{ width:100%; float:none; max-width:none;} .Form002219 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:96%; height:360px; padding:10px; color:#5b5b5b;} .Form002219 .btn{ display:inline-block; line-height:38px; min-width:125px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:16px; border:none; border-radius:4px; cursor:pointer;margin-top:14px;} .Form002219 .submitbtn{ color:#fff; background-color:#0072b3;} .Form002219 .bot-p{font-size:15px;margin-top:5%;padding-left:85px;color:#333;} @media(max-width:640px){ .Form002219 dl{ float:none; width:100%; margin-left:0 !important;} .Form002219 textarea{ height:250px;} } @media(max-width:480px){ .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } /*Form002220*/ .Form002220{ padding-bottom:0%;padding-top:5%;} .Form002220 .h2{font-size:22px;color:#333;font-weight: normal;} .Form002220 dl{ width:100%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:17px; } .Form002220 dl.odd{ margin-left:4%;} .Form002220 dt{ color:#666; font-size:16px; position:absolute; left:0; width:80px; text-align:right; line-height:40px;} .Form002220 select{border:1px solid #dfdfdf; border-radius:3px; width:100%; padding:0 10px; line-height:40px;height:40px; color:#666;} .Form002220 .text{ border:1px solid #dfdfdf; border-radius:3px; width:100%; padding:0 10px; line-height:40px;height:40px; color:#666;} .Form002220 dl.dl{ width:100%; float:none; max-width:none;} .Form002220 .pic img{max-width:540px;} .Form002220 .pic a{display: inline-block;color:#fff;background:#0072b3;line-height: 40px;padding:0 2%;border-radius: 3px;} .Form002220 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:200px; padding:10px; color:#5b5b5b;} .Form002220 .btn{ display:inline-block; line-height:38px; min-width:125px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:16px; border:none; border-radius:4px; cursor:pointer;margin-top:14px;} .Form002220 .submitbtn{ color:#fff; background-color:#0072b3;} @media(max-width:640px){ .Form002220 dl{ float:none; width:100%; margin-left:0 !important;} .Form002220 textarea{ height:250px;} .Form002220 dt{text-align:left;} } @media(max-width:480px){ .Form002220 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } /*Form002220 End*/ /*Form002221*/ .Form002221{ padding-bottom:0%;padding-top:5%;} .Form002221 .h2{font-size:22px;color:#333;font-weight: normal;} .Form002221 dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:17px; max-width:455px;} .Form002221 dl.odd{ margin-left:4%;} .Form002221 .dl{width:100%;} .Form002221 dt{ color:#666; font-size:16px; position:absolute; left:0; width:80px; text-align:right; line-height:40px;} .Form002221 select{border:1px solid #dfdfdf; border-radius:3px; width:100%; padding:0 10px; line-height:40px;height:40px; color:#666;} .Form002221 .text{ border:1px solid #dfdfdf; border-radius:3px; width:100%; padding:0 10px; line-height:40px;height:40px; color:#666;} .Form002221 dl.dl{ width:100%; float:none; max-width:none;} .Form002221 dl.dl img{max-width:480px;} .Form002221 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:200px; padding:10px; color:#5b5b5b;} .Form002221 dd .upload-label{position: relative;width: 100px;height: 100px;display: inline-block;margin-right: 5px;border: 1px solid #dfdfdf;font-size: 60px;line-height: 91px;color: #0072b3;text-align: center;vertical-align: top;cursor: pointer;border-radius: 3px;} .Form002221 .btn{ display:inline-block; line-height:38px; min-width:125px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:16px; border:none; border-radius:4px; cursor:pointer;margin-top:14px;} .Form002221 .submitbtn{ color:#fff; background-color:#0072b3;} @media(max-width:640px){ .Form002221 dl{ float:none; width:100%; margin-left:0 !important;} .Form002221 textarea{ height:250px;} } @media(max-width:480px){ .Form002221 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} .Form002221 dd .upload-label{width: 73px;height: 80px;line-height: 73px;} } /* .TextList001717 */ .TextList001717{ padding:3% 0; font-size:16px;} .TextList001717 .name{ display:table; width:100%;} .TextList001717 .name li{display:table-cell;vertical-align:middle;line-height:20px;padding:13px 0;font-size:14px;text-align: center;} .TextList001717 .name li:nth-child(1){width:15%;} .TextList001717 .name li:nth-child(2){ width:15%;} .TextList001717 .name li:nth-child(3){width:43%;} .TextList001717 .name li:nth-child(4){width:16%;} .TextList001717 ol.name{ background-color:#0072b3;color:#fff;margin-top:4%;} .TextList001717 ul.name{ border-bottom:1px solid #e5e5e5;cursor:pointer;} .TextList001717 ol.name li{font-size:16px;} .TextList001717 ul.name#open{ } .TextList001717 ul.name li:nth-child(3){ } .TextList001717 ul.name li span{ display:block; position:relative;} .TextList001717 .info{ display:none; padding:2% 6%;} @media(max-width:1024px){ .TextList001717 .bj{overflow:auto;} .TextList001717 .bj .box{width:150%} } /*Form002100 */ .Form002100 .reg_form h1{ margin:0; font-size:18px; color:#333;} .Form002100 .reg_form dl{ border-bottom:1px dashed #e2e2e2; padding:0 0 3% 0; margin-top:3%; overflow:hidden;} .Form002100 .reg_form dl:nth-child(2){border-bottom:none;} .Form002100 .reg_form dl dt, .Form002100 .reg_form dl dd{ float:left; line-height:37px;} .Form002100 .reg_form dl dt{ width:24%; padding-left:3%;font-size:16px;} .Form002100 .reg_form dl dt b{width:37px;height:37px;display:inline-block;margin-right:10px;text-align:center;line-height:37px;background: #0072b3;border-radius:50%;color:#fff;} .Form002100 .reg_form dl dd{ width:76%;} .Form002100 .reg_form dl.table dt{ width:20%; } .Form002100 .reg_form dl.table dd{ width:80%;} .Form002100 .reg_form dl.tab a{ float:left;border:1px solid #e4e4e4; padding:0 5%; border-radius:3px; line-height:38px; margin-right:2%; color:#999;font-size:14px;} .Form002100 .reg_form dl.tab a.on{border-color: #0072b3;color: #0072b3;} .Form002100 .reg_form table{ max-width:490px;} .Form002100 .reg_form td{ padding:0; line-height:38px; padding-bottom:20px;} .Form002100 .reg_form td.f_name{width: 133px;color:#666;font-size:16px;} .Form002100 .reg_form td .uploadImgPv{display:inline-block;width: 48%;margin-right: 2%;margin-top:15px;} .Form002100 .reg_form td .new{position: relative;} .Form002100 .reg_form td .new a{position: absolute;width: 22px;height: 22px;background: #0072b3;border-radius: 50%;right: 0;top: 0;} .Form002100 .reg_form td .new a:before, .Form002100 .reg_form td .new a:after{position: absolute;content: '';width: 70%;left: 15%;height: 2px;top: 50%;margin-top: -1.5px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Form002100 .reg_form td .new a:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .Form002100 .reg_form td .uploadImgPv_{width:100%;} .Form002100 .reg_form td .text{ width:100%; border:1px solid #dfdfdf; padding:0 10px; border-radius:3px; line-height:39px; height:39px;} .Form002100 .reg_form td .webuploader-pick a{background: #fff;color: #0072b3;border: 1px solid #0072b3;padding: 10px 22px;border-radius: 3px;} .Form002100 .reg_form td.btn{ text-align:center;} .Form002100 .reg_form td.btn input{width:40%;border-radius:4px;font-size:16px;color:#fff;background:#0072b3;cursor:pointer;padding:0;border:none;height:44px;min-width:120px;margin-top: 20px;} @media(max-width:1000px){ .Form002100 .reg_form dl dt, .Form002100 .reg_form dl dd{ float:none; width:auto !important;} .Form002100 .reg_form dl dt{ padding-left:0; padding-bottom:10px;} } @media(max-width:640px){ .Form002100 header span{ display:none;} .Form002100 header img{ height:50px;} .Form002100 .reg_form td.btn input{ font-size:15px; } .Form002100 footer{ text-align:left;} .Form002100 footer .bdsharebuttonbox{ float:none; margin-bottom:10px;} } .shopabout{padding:1% 0 2%;} .shopabout .pic{width:47%;float:left;} .shopabout .word{width:47%;float:right;} .shopabout .word h2{font-size:28px; color:#333; font-weight: normal;margin-top:5px;} .shopabout .word h2:after{content:'';width:54px;height: 2px;background:#f47b22;display: block;margin-top:20px;} .shopabout .word p{font-size:16px;line-height: 30px;text-align: justify;} .shopabout .con{margin-top:3%;} .shopabout .con .h2{font-size:28px; color:#333; font-weight: normal;} .shopabout .con .h2:after{content:'';width:54px;height: 2px;background:#f47b22;display: block;margin-top:20px;} @media(min-width:641px){ .shopabout .ul_con li{ float:left; width:50%; padding:0% 2%;} .shopabout .ul_con li:nth-child(1){width:100%;} } .shopabout .ul_con li{margin-bottom:17px;} .shopabout .ul_con li div{ padding-left:42px; background-repeat:no-repeat; background-position:left center;} .shopabout .ul_con li.location div{ background-image:url(../images/Map002516_address.png);} .shopabout .ul_con li.call div{ background-image:url(../images/Map002516_call.png);} .shopabout .ul_con li.fax div{ background-image:url(../images/Map002516_fax.png);} .shopabout .ul_con li.email div{ background-image:url(../images/Map002516_email.png);} .shopabout .ul_con li p{ margin:0; border-bottom:1px solid #efefef; padding-bottom:7px; margin-bottom:7px; color: #333; font-size:16px;} .shopabout .ul_con li pre{font-size:16px;} .shopabout .ul_con li:nth-child(3n+1){ clear:left;} @media(max-width:1024px){ .shopabout .pic, .shopabout .word{width:100%;float:none;} .shopabout .word h2{font-size:24px;} } @media(max-width:640px){ .shopabout .ul_con li{ padding:10px;} .shopabout .word h2{font-size:22px;} } .lm-h2{font-weight: normal;color:#333;font-size:28px;margin-top:0;} .lm-h2:after{content:'';width:54px;height: 2px;background:#f47b22;display: block;margin-top:20px;} @media(max-width:1024px){ .lm-h2{font-size:24px;} } @media(max-width:640px){ .lm-h2{font-size:22px;} } /* .PicList000762 */ .PicList000762{ padding-top:0%;padding-bottom:2%;} .PicList000762 li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; } .PicList000762 li:nth-child(3n){ margin-right:0;} .PicList000762 li a{ display:block; background-color:#f8f8f8;transition:all ease-in-out 0.3s;} .PicList000762 li h2{ margin:0; font-size:16px;font-weight: normal; color:#333; text-align:center; padding:4% 2%;background:#fff;border-bottom:1px solid #e6e6e6;} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:62%;} .PicList000762 li a:hover{ } .PicList000762 li a:hover h2{} @media(max-width:640px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li h2{font-size:14px;} } /* .RighInfo001108 */ .RighInfo001108{padding:1% 0 3%;} .RighInfo001108 .pic{ float:left; width:40%;} .RighInfo001108 .pic img{ width:100%;} .RighInfo001108 .txt{ float:right; width:55%; padding-right:0%; color:#333;} .RighInfo001108 .txt h1{ font-size:26px; font-weight:normal;} .RighInfo001108 .txt dl{ border-top:1px solid #e5e5e5; padding:2% 0; border-bottom:1px solid #e5e5e5;} .RighInfo001108 .txt dd{ line-height:28px; font-size:16px; padding:5px 0;} .RighInfo001108 .txt dd span{color:red;font-size:22px;font-weight: bold;} .RighInfo001108 .txt p{ line-height:29px;font-size:16px;color:#666;} .RighInfo001108 .txt .contact{ padding:3% 0;} .RighInfo001108 .txt .contact a{ color:#008fd7; width:120px; text-align:center; border:1px solid #008fd7; border-radius:30px; line-height:34px; display:inline-block;} .RighInfo001108 .txt .contact a:hover{ background-color:#008fd7; color:#fff;} .RighInfo001108 .tab{ margin-top:3%; background-color:#e8e8e8; overflow:hidden; font-weight:bold;} .RighInfo001108 .tab span{ cursor:pointer; display:inline-block; padding:0 3%; line-height:40px;} .RighInfo001108 .tab span.on{ background-color:#008fd7; color:#fff;} .RighInfo001108 .tab_info{ padding:2%;} @media(max-width:768px){ .RighInfo001108 .pic, .RighInfo001108 .txt{ float:none; width:auto;} } /* .Floor000881 */ .Floor000882{background-color:#f8f8f8; padding:2% 0 3%;} .Floor000882 h1{ margin:0; margin-bottom:24px; font-size:26px; font-weight:normal; color:#333;} .Floor000882 h1 a{ float:right; color:#999; font-size:16px;} /*slick Basic*/ .Floor000882 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor000882 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor000882 .slick-list:focus {outline: none} .Floor000882 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor000882 .slick-slider .slick-track, .Floor000882 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor000882 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor000882 .slick-track:before, .Floor000882 .slick-track:after{display: table; content: '';} .Floor000882 .slick-track:after{ clear: both;} .Floor000882 .slick-loading .slick-track { visibility: hidden;} .Floor000882 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor000882 .slick-slide .slick-loading img { display: none;} .Floor000882 .slick-slide .dragging img { pointer-events: none;} .Floor000882 .slick-initialized .slick-slide { display: block;} .Floor000882 .slick-loading .slick-slide { visibility: hidden;} .Floor000882 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor000882 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor000882 .list_scroll li a{display: block; margin: 0 16px;background:#fff;} .Floor000882 .list_scroll li .Ispic{padding-bottom:70%;} .Floor000882 .list_scroll li p{text-align:center; margin:0; line-height:55px;border:1px solid #eaeaea; border-top:0;font-size:16px;} .Floor000882 .list_scroll li a:hover{ background-color:#0072b3;} .Floor000882 .list_scroll li a:hover p{ color:#fff;} .Floor000882 .slick-arrow{ position:absolute; width:22px; height:22px; top:50%; margin-top:-11px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #f47b22;border-left: 2px solid #f47b22;transform:rotate(-45deg);} .Floor000882 .slick-prev{ left:-25px;} .Floor000882 .slick-next{transform:rotate(135deg); right:-25px;} @media(min-width:1293px){ .Floor000882 .list_scroll .slider{margin: 0 -16px;} } @media(max-width:1292px){ .Floor000882 .slick-prev{ left:0;} .Floor000882 .slick-next{ right:0;} } @media(max-width:1024px){ .Floor000882 h1{font-size:24px;} } @media(max-width:768px){ .Floor000882{ padding:20px 0;} .Floor000882 .list_scroll .slider{padding: 0 26px;} .Floor000882 .list_scroll li a{margin: 0 5px;} .Floor000882 h1{font-size:22px;} } /*Menu002136 */ .Menu002136{ padding:0% 0 2%;} .Menu002136 .auto{ border-bottom:1px solid #e6e6e6; text-align:center;} .Menu002136 ul{ display:inline-block; padding-bottom:2%;} .Menu002136 li{ float:left; position:relative; margin-bottom:2px;} .Menu002136 li a{ display:block; padding:0 18px; font-size:15px; line-height:36px; position:relative; z-index:1;} .Menu002136 li a:hover{color:#0072b3; } .Menu002136 li.aon a{ background:#0072b3; color:#fff; border-radius:5px;} @media(max-width:768px){ .Menu002136 ul{ display:block;} .Menu002136 li a{ padding:0;} } @media(max-width:768px) and (min-width:415px){ .Menu002136 li{width: 50%;} .Menu002136 li:nth-child(4n):after{ display:none;} } @media(max-width:414px){ .Menu002136 li{ width:33.3333333%;} .Menu002136 li:nth-child(3n):after{ display:none;} } .cn-chart{padding-bottom:3%;} .cn-chart .tit{font-size:28px;color:#333;margin-bottom:17px;} .cn-chart .headtop{background:#f6f6f6;color:#333;padding:16px;} .cn-chart .headtop dl dd{float:left;font-size:16px;width:20%;line-height: 25px;} .cn-chart .headtop dl dd:nth-child(1){font-size:22px;padding-top:11px;} .cn-chart .headtop dl dd:nth-child(2){font-size:26px;padding-top:11px;color:red;} .cn-chart .headtop dl dd span.red{color:red;} .cn-chart .headtop dl dd span.green{color:green;} .cn-chart .left{width:14%;background:#f6f6f6;text-align: center;color:#333;border-top:1px solid #fff;float:left;height: 401px;} .cn-chart .left ul{padding-top:20px;} .cn-chart .left li{line-height: 37px;font-size:16px;color:#0072b3;} .cn-chart .right{width:86%;float:right;} @media(max-width:1024px){ .cn-chart .tit{font-size:24px;} } @media(max-width:768px){ .cn-chart .tit{font-size:22px;} } .futures{padding-bottom:3%;} .futures .tit{font-size:28px;color:#333;margin-bottom:17px;} .futures table{width:100%;} .futures table th{border:1px solid #e4e4e4;font-size:16px;padding:12px 21px;color:#333;font-weight: normal;background:#f6f6f6;text-align: left;} .futures table td{border:1px solid #e4e4e4;font-size:16px;padding:12px 21px;color:#333;} .futures table td .red{color:red;} .futures table td .green{color:green;} .futures2{padding-bottom:3%;} .futures2 .tit{font-size:28px;color:#333;margin-bottom:17px;} .futures2 ul{border: 1px solid #e8e8e8;padding:1.2%;} .futures2 ul li{width:33.3%;float:left;text-align: center;margin:1.5% 0;position: relative; color:#333;} .futures2 ul li:after{content:'';width:1px;height: 75%;top:16%;right:0;background:#ddd;position: absolute;} .futures2 ul li p{margin:0;font-size:16px;line-height: 28px;} .futures2 ul li p span.red{color:red;} .futures2 ul li p span.green{color:green;} .futures2 .p1{font-size:16px;color:#333;margin-bottom:0;} @media(max-width:1024px){ .futures2 .tit{font-size:24px;} } @media(max-width:768px){ .futures2 .tit{font-size:22px;} .futures2 ul li{width:48%;margin-right:4%;} .futures2 ul li:nth-child(2n){margin-right:0;} } /*PicList002171 */ .PicList002171{ padding:3% 0;} .PicList002171 li{float:left;width: 18.5%;margin-right: 1.87%;margin-bottom: 1.87%;} .PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li figure{padding-bottom:35%;} .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(min-width:769px){ .PicList002171 li:nth-child(5n){ margin-right:0;} } @media(max-width:768px){ .PicList002171 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .PicList002171 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList002171 li{ width:49%;} .PicList002171 li:nth-child(2n){ margin-right:0;} .PicList002171 li dt{ font-size:15px;} } /* .Other000485 */ .Other000485 {position:fixed;top:30%;right: 100px;z-index:101;background: #f47b22;padding: 10px;} .Other000485 .icon_kefu{width:30px;height:104px;float:left;background:url(../images/Other000485-keifu.png) 0 0;position:relative;display:none;cursor:pointer;} .Other000485 .box_kefu{float:left;width: 110px;} .Other000485 .box_kefu .box{} .Other000485 .close{height: 41px;background-position: 0 -104px;font-size: 16px;position:relative;color: #fff;} .Other000485 .close img{padding-right: 10px;} .Other000485 ul{background: #e99c63;} .Other000485 ul li{height: 41px;line-height:33px;padding-left:12px;border-bottom: 1px solid #e1935a;color: #fff;} @media(max-width:768px){ .Other000485{right:2%;} } .corg{color:green;background-color:rgba(46,204,113,0.2)}.corn{color:#000;background-color:none}.corr{color:#eb4d5c;background-color:rgba(211,84,0,0.2)}.corg2{color:green}.corn2{color:#000}.corr2{color:#eb4d5c}.s{}.bgred{color:red}.bggreen{color:green}.bgnormal{color:#222}.bger{}.smer{}body{font-size:12px}a{text-decoration:none;color:#0064b9}.rowwrap{width:100%;display:table;overflow:hidden;padding-bottom:15px;line-height:35px}.rowhead{width:100%;display:table-row;height:35px;background-color:#dedede}.row{width:100%;display:table-row;height:35px;border-bottom:solid 1px #cdcdcd}.cell{display:table-cell;width:20%;display:inline-block;text-align:center;border-bottom:solid 1px #cdcdcd} .addContact{ float: right; font-size: 16px; margin-top: 10px;} .ContactPerson{ padding: 3% 0;} .ContactPerson .ul{ width: 100%; table-layout: fixed; font-size: 16px;} .ContactPerson li{ border: 1px solid #f5f5f5; padding: 10px; padding-left: 4%;} .ContactPerson li:last-child{ width: 190px; font-size: 0px;} .ContactPerson li:last-child span{ font-size: 16px;} .ContactPerson li a{font-size: 14px;} .ContactPerson li a:not(:last-child)::after{ content: ''; display: inline-block; width: 1px; height: 12px; background-color: #0064b9; vertical-align: middle; margin: 0 8px;} .ContactPerson li .text{ width: 100%; line-height: 24px; height: 24px; border: none; background-color: transparent; color: #333} .ContactPerson .Tablelist1 li .text{color: #fff;} .ContactPerson .Tablelist1 li:not(:last-child){background: #0072b3;} .ContactPerson li .text::placeholder{color: #fff} @media(max-width:640px){ .ContactPerson .ul{ font-size: 14px;} .ContactPerson li:last-child span{ font-size: 14px;} .ContactPerson li{ padding-left: 2%;} .ContactPerson li:last-child{ width: 100px; padding-left: 0; padding-right: 0; text-align: center;} .ContactPerson li a{font-size: 12px;} .ContactPerson li a:not(:last-child)::after{ margin: 0 3px;} }