p {word-break: break-all;} .navbar{ border-radius: 0px; margin-bottom:0px; z-index:99; min-height: 65px; } .navbar-brand{ padding:0px; height: auto; display:block;} .navbar-brand img{ width:120px; } .navbar-nav{ margin-left:15px; height:58px; } .navbar-inverse2 { background-color:#FFF; border-color:Transparent; margin: 15px auto 0px;} .navbar-inverse2 .container { max-width: 1110px; } .navbar-inverse2 .navbar-collapse,.navbar-inverse2 .navbar-form { border-color: transparent;} .navbar-inverse2 .navbar-nav>li>.dropdown-toggle>a { color: #666666; font-weight:600; } .navbar-inverse2 .navbar-nav>li>.dropdown-toggle>a:focus,.navbar-inverse2 .navbar-nav>li>a:hover { color: #666666; background-color: transparent; } .swiper-contain,.swiper-container{ overflow: hidden; margin-bottom: 20px; height: auto !important; } .swiper-wrapper,.swiper-slide{ height: auto !important; } .navbar-inverse2 .navbar-nav>.active>a,.navbar-inverse2 .navbar-nav>.active>a:focus,.navbar-inverse2 .navbar-nav>.active>a:hover { color: #666666; background-color: transparent; } .navbar-inverse2 .navbar-nav>.open>a,.navbar-inverse2 .navbar-nav>.open>a:focus,.navbar-inverse2 .navbar-nav>.open>a:hover { color: #666666; background-color:transparent; } .navbar-inverse2 .navbar-toggle:focus,.navbar-inverse2 .navbar-toggle:hover { background-color:transparent; } .navbar-inverse2 .navbar-toggle { margin-top: 19px; border: 0px; padding: 0px; } .navbar-inverse2 .navbar-toggle .icon-bar{ background-color: #666666; width: 30px; height: 3px; border-radius: 3px; } .navbar-inverse2 .navbar-toggle:focus,.navbar-inverse2 .navbar-toggle:hover { background-color:transparent; } .navbar-nav>li { position: static; padding: 0px 20px; } .nav>li>.dropdown-toggle { position:relative; font-size:16px; padding: 22px 0px 11px; } .nav>li>.nav-check{ border-bottom: 4px solid #ff6600; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color:Transparent; } /*浜岀骇椤甸潰瀵艰埅*/ .container{ padding: 0 } .banner_container img{ width:100%; } .navbar-collapse .hover_div{ width:100%; height:2px; padding:0; } /*nav right*/ .navbar-right.na{ overflow: hidden; padding-top:22px; width:150px\9;} .navbar-right.na a{ float:left; margin-left:6px; } .navbar-right.na label{ float:left; display:block; line-height:20px; margin-right:8px; } .search{ float: left; display:block; border:1px solid #666666; width:100px; height:20px; position: relative; } .search_inp{ width:80%; height:18px; display: block; padding:0; margin:0; } .search_icon{ width:19%; height:18px; background:url(../images/icon_search-1.png) no-repeat center; position: absolute; right: 0; top:0; } /*dropdown-menu*/ .dropdown-menu{ width:100%; top: inherit; padding: 0px; border:0px; box-shadow:none; } .menu_border{ overflow:hidden; /*max-width: 1280px;*/ margin: 0 auto; background: #FFF; padding-bottom:30px; border-top:1px solid #d1d1d1; border-bottom:4px solid #d70c25; } .menu_two{ background:#f7f7f7; } .menu_box{ width:996px; margin:0 auto; overflow:hidden; } .menu_box .title{ display:block; font-size:14px; color:#666666; font-weight:600; margin:10px 0px 5px; } .menu_box li{ float:left; width: 25%; padding-top:20px; } /*瀵艰埅涓嬫媺鑿滃崟 榛樿4鍒?/ .menu_box li:last-child{ margin-right:0px; } .menu_box li .a-child-box{ margin-left:20px;} .menu_box li .a-child{ margin-right: 14%; padding-left: 6px; /*background: url(../img/p_bg.jpg) no-repeat 0% 50%;*/ } .menu_box a{ color:#666666; } .menu_box a:hover{ color:#FF6600; } .menu_type01 li{ float:none; width:100%; } /*瀵艰埅涓嬫媺鑿滃崟 6鍒?/ .menu_img{ width:996px; margin:0 auto; } .menu_img .title{ display:block; font-size:15px; color:#000; margin-top:10px; } .menu_img .list{ width:100%; } .list li{ margin-top:20px; } .list span{ color:#666; margin-left:15px; letter-spacing:5px;} .list .fl{ width:55%; } .list .fr{ width:45%; } .en_zh{ max-width:1080px; margin:0px auto; color:#999;font-size:12px; margin-top:10px; line-height:normal; text-align:right; } /*.main_bg{ width:100%; background:#f0f0f0; }*/ .main_bg img{ width:100%; } .main_bg .sect01 .row img{ max-width: 665px; height:380px; } .en_zh a{ color: #999 } .nav>li>.nav-check { border-bottom: 4px solid #d70c25; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide>a{ width:100%; display:block; } #sect01{ margin-bottom: 30px; background:#FFF; margin-bottom:30px; } #sect01 .sect01_pag{ bottom:12px; right:23px; width: auto; position:absolute; } #sect01 .swiper-pagination-bullet{ background:#CCC; opacity:1; } #sect01 .swiper-pagination-bullet-active{ opacity: 1; background: #ee5e16; } /*tianjia 20171025*/ .sect01_pag span{ width: 8px; height: 8px; display: inline-block; background: #ccc; border-radius: 50%; margin: 0 4px; } #sect01 .swiper-active-switch{ opacity: 1; background: #ee5e16; } .sect01{ width:100%; overflow:hidden; position:relative; top:0px; left:0px; } .sect01_lf{ position:relative; top:0px; left:0px; } .sect01_lf .show-text{ position:absolute; bottom:0px; left:0px; background: rgba(180,163,138,0.75); width:100%; height: 44px; line-height: 44px; padding: 0px 15px; font-size:20px; font-size:2.0rem; color:#FFF; overflow: hidden; text-overflow: ellipsis; /* for IE */ -o-text-overflow: ellipsis; /* for Opera */ white-space: nowrap; } .sect01 .sect01_rt{ padding-left:24px; padding-right:24px; } .sect01_rt .act-time{ font-size: 12px; font-size: 1.2rem; color: #666; margin-bottom: 10px; } .sect01 h1{ width:96%; font-size:20px; font-size:2.0rem; line-height:36px; margin:20px 0px 20px; height:65px; } .sect01 h1 a{ color:#666; text-decoration: none; } .sect01 .p_more{ position: absolute; bottom: 30px; right: 32.8%; } .sect01 .p_more a{ color:#666666; } .sect01 .word{ height: 142px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; font-size: 12px; font-size: 1.2rem; color: #666666; line-height: 20px; text-align: justify; } .container{ /*padding: 0;*/ } .sect02{ max-width: 1110px; margin: 0 auto; padding: 0 15px; } .sect02-left{ float: left; } .sect02-right{ float: right; margin-bottom: 20px; } .sect02-title{ padding-bottom: 10px; border-bottom: 1px solid #d70c25 } .sect02-title h3,.sect02-title p{ float: left; } .sect02-title a{ float: right; } .sect02-title h3{ font-size:16px; font-size: 1.6rem; color: #666; line-height: 28px; margin-right: 2%; font-weight: 600 } .sect02-title i{ float: left; margin-right: 2%; } .sect02-title p,.sect02-title a{ font-size: 14px; font-size: 1.4rem; color: #d70c25; text-decoration: none; margin-top: 10px; } .sect02 .col-md-6{ padding: 0; width: 48%; height: 365px; margin-bottom: 20px; overflow: hidden; } .sect02-left{ margin-right: 2%; margin-bottom: 20px; } .news-list li a{ color: #666; } .news-list li p{ float: left; text-indent: 1em; line-height: 16px; font-size: 14px; font-size: 1.4rem; width: 73%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; background: url(../images/t-yuan.png) no-repeat left center; } .news-list li span{ float: right; } .news-list li{ margin-bottom:16px; } .sect02 .news-list{ padding-top:24px; height: 320px; overflow: hidden; } .cc-1 { margin-top: 24px; position: relative; cursor: pointer; } .cc-1 span{ display: inline-block; position: absolute; left: 0; top:0; display: none; } .cc-1 span img{ width: 100%; } .cc-1 img{ width: 100%; } .cc-1 p{ padding-top: 6px; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 20px; } .foot{ margin-top: 40px; width: 100%; height: auto; background: #f0f0f0; padding: 18px 0 } .footer{ max-width: 1110px; margin: 0 auto; padding: 0 2%; } .footer-right{ float: right; line-height: 74px; } .footer-left{ float: left; } .footer-left{ width: 70%; } .foot-nav,.foot-nav li{ float: left; } .foot-nav ul{ margin-top: 10px; margin-bottom: 16px; } .erM{ float: right; margin-right:2%; text-align: center; font-style: normal; width: 8%; display: inline-block; } .erM p{ width: 100%; } .erM img{width: 100%;} .foot-nav{ width: 60%; } .foot-nav li{ width: 100%; margin: 0 auto; } .foot-nav li a{ display: inline-block; padding:0 8px; /*background: url(../images/shuG.png) no-repeat right center;*/ float: left; /* float: right;*/ color: #666; line-height: 24px; display: inline-block; } .foot-nav em { float: left; color: #666666; display: inline-block; padding: 0px 6px; line-height: 23px; font-style: normal; color: #fff; } .foot-nav li:last-child a{ background: none } .foot-nav p{ font-size: 14px; font-size: 1.4rem; color: #666; padding-left: 14px; } .footer-right p{ font-size: 24px; font-size: 2.4rem; color: #666; } .footer-right p span{ font-size: 18px; font-size: 1.8rem; } .navbar-brand{ padding-left: 0; } /*鎵€鏈変簩绾ч〉闈anner鏍峰紡*/ .t-banner{ width: 100%; margin-top: -20px; } .t-banner img{ width: 100%; } .content-box{ width: 100%; } .content-box .content{ margin: 0 auto; } .content-nav-title{ width: 100%; height: 40px; background:#f6f6f6; } .content-nav-title div{ max-width: 1110px; margin: 0 auto; } .content-nav-title a{ font-size: 1.6rem; color: #666; text-decoration: none; line-height: 40px; } .content-nav-title a.now{ color: #666666; } .content-now-c{ max-width: 1110px; margin: 0 auto; padding-top: 40px; } .content-now-c .now-c-left{ float: left; padding: 0 ; border: 1px solid #d7d5d5; border-bottom: 8px solid #d70c25 } @media only screen and (max-width: 767px){ .navbar-nav { height: auto; margin: 7.5px 0px; border-bottom: 1px solid #eee; } .footer-right{ float: right; line-height: 74px; font-size: 2.0rem; color: #666; } .content-nav-title{ height: auto; padding: 10px 0; } .content-nav-title a{ font-size: 13px; line-height: 2; } } .now-c-right{ float: right; } .big-name{ background: url(../images/big-name.png) no-repeat; color: #fff; height: 100px; } .big-name i{ margin-top: 28px; float: left; margin-left: 29px; } .big-name h3{ text-align: center; font-size: 30px; font-size: 3.0rem; padding-top: 26px; margin-right: 25px; padding-bottom: 5px; } .big-name p{ padding-left: 32%; } .now-c-left ul{ margin-top: 18px; } .now-c-left ul li{ width: 100%; padding: 0 10%; border-top: 1px solid #d7d5d5 } .now-c-left ul li a{ font-size: 18px; font-size: 1.8rem; line-height: 70px; text-align: left; text-decoration: none; color: #666; } .now-c-left li a span{ float: right; line-height: 70px; font-size: 14px; font-size: 1.4rem; } .now-c-left li.active{ background: url(../images/jianbian.png) no-repeat; background-size: 100% 100%; /*background: -webkit-linear-gradient(left,#fff8f8, #fde5e7); background: linear-gradient(left, #fff8f8 , #fde5e7)*/ } .now-c-left li.active a{ color: #d70c25; } .right-content-title{ width: 100%; height: 38px; border-bottom: 1px solid #d70c25 } .right-content-title i,.right-content-title p,.right-content-title span{ float: left; } .right-content-title i img{ vertical-align: middle; margin-top: 4px; margin-right: 4px; } .right-content-title i.talen img{ margin-top: 8px; } .talent-cearch .input-group-btn:last-child>.btn{ width: 100%; } .right-content-title p{ font-size: 24px; font-size: 2.4rem; color: #666; line-height: 38px; } .right-content-title .span{ font-size: 14px; font-size: 1.4rem; color: #666666; margin-top: 14px; margin-left: 8px; float: left; min-width: 10px; } /*鎵€鏈変簩绾ч〉闈anner鏍峰紡缁撴潫*/ /*blacktea*/ .right-content-c ul li{ height: 220px; position: relative; margin-top: 38px; } .right-content-c li img{ width: 100%; height: 220px; } .right-content-c li .cc-zheZ{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.5) ; } .right-content-c li .cc-zheC{ width: 100%; height: 100%; background: url(../images/mouse-on.png) no-repeat center center ; } .right-content-c li a{ color: #fff; text-decoration: none; } .right-content-c li p{ width: 100%; position: absolute; bottom: 0; left: 0; font-size: 24px; font-size: 2.0rem; line-height: 40px; text-align: center; color: #fff; } .left-margin{ margin-right: 6%; } /*blacktea璇︽儏椤?/ .blackTea-x{ width: 100%; } .blackTea-x h3{ font-size: 30px; font-size: 3rem; color: #666; margin-top: 40px; } .blackTea-x h4{ font-size: 26px; font-size: 2.6rem; color: #666; margin-top: 30px } .blackTea-x h5{ font-size: 22px; margin-top: 30px; } .blackTea-x p{ font-size: 16px; font-size: 1.6rem color: #666; margin-top: 20px; line-height: 20px; } .blackTea-x p span{ color: #d70c25; } /*鏂伴椈涓績*/ .medla-cot-1{ /*height: 240px;*/ padding:11px 0; overflow: hidden; } .medla-cot-1 .time{ float: left; } .medla-cot-1 .col-md-2,.medla-cot-1 .col-md-10,.medla-cot-1 .col-xs-8,.medla-cot-1 .col-xs-4{ padding: 0; } .medla-cot-1 .right-t-content{ float: left; } .right-t-content .img-new{ float: left; margin-right: 2%; } .right-t-content .img-new img{ width: 100%; max-height: 130px; } .right-t-content .right-tc-content{ float: left; } .medla-cot-1 a{ text-decoration: none; display: block; overflow: hidden; } .medla-cot-1 .col-xs-8{ width: 64%; } .medla-cot-1 .time{ padding-top: 18px; padding-left: 2% } .medla-cot-1 .time .time-1{ font-size: 28px; font-size: 2.8rem; color: #666; } .medla-cot-1 .time .time-2{ font-size: 16px; font-size: 1.6rem; color: #9b9b9b; } .right-tc-content h4{ font-size: 18px; font-size: 1.8rem; color: #555; } .right-tc-content p{ font-size: 14px; font-size: 1.4rem; color: #aaa; } .medla-cot-1 .time-ph{ display: none; } .medla-cot-1{ border-bottom: 1px dotted #b3b3b3 } .medla-cot-2 .right-tc-content h4{ margin-bottom: 13px; margin-top: 5px; } /*鏂伴椈涓績璇︽儏椤?/ .lastest-x{ margin-top: 60px; text-align: center; } .lastest-x h3{ font-size: 24px; font-size: 2.4rem; text-align: center; } .lastest-x .time{ font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 48px; margin-bottom: 0; text-indent: 0; text-align: center; } .lastest-x p{ font-size: 16px; font-size: 1.6rem; color: #666; line-height:26px; margin-bottom:30px; text-indent: 2em; /* text-align: left;*/ } .lastest-x img{ width: 60%; /*display: block; */ /*margin:0 auto;*/ max-width: 80%; height:auto !important; } .lastest-x img, .lastest-x video { margin-left: -2em; max-width: 100%; height: auto; } .right-content-c .lastest-x li{ height: auto; margin-top: 20px; } .lastest-x li p{ float: left; text-align: left; } .lastest-x li span,.lastest-x li a{ float: right; } .lastest-x li a{ text-decoration: none; color: #666; text-align: right; } .lastest-x li span{ text-align: right; color: #666666; } .lastest-x .title p{ font-size: 24px; font-size: 2.4rem; text-align: left; color: #666; word-wrap: normal; padding-left: 0; } .lastest-x ul p{ text-indent: 0; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; margin-bottom: 0; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #666666; padding-left: 0; width:70%; } /*浜烘墠鍙戝睍*/ .talent-cearch .row{ margin: 0; margin-top:36px; border: 2px solid #d70c25; } .talent-cearch .col-lg-2{ padding:0; } .talent-cearch .col-lg-2,.talent-cearch .col-lg-10{ margin: 0; padding:0; float: left; } .talent-cearch .form-control{ border-radius: 0; font-size: 20px; font-size: 2.0rem; height: 40px; border: none; box-shadow: none; } .talent-cearch .row p{ font-size: 20px; color: #fff; font-size: 2.0rem; padding: 6px 0px; height: 40px; line-height: 28px; text-align: center; background: #d70c25; } .talent-cearch .btn{ height: 40px; border: none; margin: 0; border-radius: 0; right: -1px; } .right-content-c .select li{ height: auto; margin-top: 0; } .right-content-c .select{ padding:5px 0px; background: #efefef; width:100%; margin:5% 0; font-size:12px } .right-content-c .select li{ list-style:none; padding:10px 0 5px 100px } .right-content-c .select dl{ zoom:1; position:relative; line-height:24px; } .right-content-c .select dl:after{ content:" "; display:block; clear:both; height:0; overflow:hidden } .right-content-c .select dt{ width:100px; margin-bottom:5px; position:absolute; top:0; font-size: 18px; font-size: 1.8rem; left:-100px; text-align:right; color:#666; height:24px; line-height:24px; font-weight: normal; } .right-content-c .select dd{ /*float:left;*/ display:inline; margin:0 0 5px 5px; } .right-content-c .select a{ display:inline-block; white-space:nowrap; height:24px; padding:0 10px; text-decoration:none; color:#666; border-radius:2px; line-height: 24px; font-size: 18px; font-size: 1.8rem; } .right-content-c .select a:hover{ color:#f60; } .right-content-c .select .selected a{ color:#d70c25; } .right-content-c .select-result dt{ font-weight:bold } .right-content-c .select-no{ color:#999 } .right-content-c .select .select-result a{ padding-right:20px; /*background:#f60 url("close.gif") right 9px no-repeat*/ } .right-content-c .select .select-result a:hover{ background-position:right -15px } .search-content .no-search{ text-align: center; font-size: 24px; font-size: 2.4rem; color: #666; } /* 鎷涜仒 */ .search-content .rec-conter li{ margin-top: 0; height: auto; padding: 3% 0; border-bottom: 1px solid #eee; } .rec-conter li h3{ font-size: 16px; font-size: 1.6rem; color: #d70c25; font-weight: bold; margin-bottom: 1%; } .rec-conter li span{ font-size: 16px; font-size: 1.6rem; color: #d70c25; float: right; } .rec-conter .titBox{ font-size: 16px; font-size: 1.6rem; color: #333; } .rec-conter .titBox span{ font-size: 16px; font-size: 1.6rem; color: #333; float: right; } /*鍥㈤槦绠$悊*/ .team-man-1{ margin-top: 20px; } .team-man-1 h4{ font-size: 26px; font-size: 2.6rem; color: #666; line-height: 60px; width: 25%; border-bottom: 1px solid #333; margin-bottom: 10px; font-weight: normal; } .team-man-1 p{ font-size: 16px; font-size: 1.6rem; color: #666; line-height:30px; } /*鍏徃绠€浠?/ .company-pro{ margin-top: 40px; } .company-pro img, .company-pro video {max-width: 100%;height: auto;} .company-big-title .big-title-left{ float: left; width: 80%; } .company-big-title .big-title-right{ float: right; width: 20%; }.company-big-title .big-title-right img{ width: 100%; } .big-title-left h2{ font-size: 68px; font-size: 6.8rem; color: #eeeeee; margin-top: 60px; word-break: normal; } .big-title-left .p{ font-size: 26px; font-size: 2.6rem; color: #d70c25; } .company-content{ margin-top: 20px; } .company-content p{ font-size: 16px; font-size: 1.6rem; color: #666; line-height: 28px; margin-bottom: 28px; } .company-team{ margin-top:30px; } .company-team h5{ font-size: 24px; font-size: 2.4rem; color: #666; line-height: 40px; } .company-team p{ font-size: 16px; font-size: 1.6rem; color: #666; line-height: 34px; } .strucre{ padding-top: 38px; } .strucre img{ width: 100%; } .channel-focus{ padding-top: 20px; } .channel-focus p{ font-size: 20px; font-size: 2.0rem; line-height: 30px; color: #666; } .input-group-btn:last-child>.btn{ background-color: #d70c25; } .channel-focus img{ max-width: 100%; display: block; margin:40px auto 0; } .core-brand-title{ text-align: center; padding: 30px 0; } .core-brand-content h3{ font-size: 30px; font-size: 3.0rem; color: #666; margin-top: 30px; margin-bottom: 30px; } .core-brand-content p{ font-size: 16px; font-size: 1.6rem; color: #666; line-height: 24px; margin-bottom: 16px; } .core-brand-content p span{ font-size: 20px; font-size: 2.0rem; color: #666; } .category-cot{ margin-top: 20px; } .cat-left-img{ float: left; width: 20%; height: 120px; text-align: center; border: 1px solid #ccc; vertical-align: middle; } .cat-left-img img{ width: 50%; vertical-align: middle; } .cat-left-img span{ display:inline-block; height:100%; vertical-align:middle } .cat-right-cot{ width: 78%; float: right; font-size: 16px; font-size: 1.6rem; color: #333; } /*浼佷笟鑽h獕*/ .enterprjse-honor{ margin-top:56px; padding-top: 30px; position: relative; } .honor .honor-time{ width: 100%; height: 51px; line-height: 51px; background:#d8142c } .top-watch{ position: absolute; left: 17%; top: 0; background: #fff; z-index: 2; width: 6%; } .top-watch img{ width: 100%; } .honor .honor-time .sp-1{ float: left; color: #fff; font-size: 26px; font-size: 2.6rem; line-height: 26px; display: inline-block; height: 51px; line-height: 51px; text-indent: 1em } .honor .honor-time .sp-2{ font-size: 12px; font-size: 1.2rem; display: inline-block; line-height: 26px; float: left; color: #fff; height: 51px; line-height: 51px; } .honor .honor-time .sp-3{ float: right; color: #fff; line-height: 51px; height: 51px; display: inline-block; font-size: 26px; font-size: 2.6rem; margin-right: 2%; font-weight: normal; } .honor .honor-content{ width: 85%; float: right; position: relative; padding-top: 30px; padding-bottom: 20px; background: url(../images/honor-bg.png) repeat-y 0 0; } .geduan{ width: 100%; height: 10px; } .geduan.now{ width: 85%; height: 10px; float: right; background: url(../images/honor-bg.png) repeat-y 0 0; } .honor .time-things{ display: none; } .honor-content .honor-content-c{ position: relative; left: -6px; padding-left: 6%; font-size: 14px; font-size: 1.4rem; color: #666 } .honor-content-c i{ margin-right: 16px; position: absolute; left: 0; top: 0; } .history{ margin-top: 40px; } .history img{ width: 100%; } /*鑱旂郴鎴戜滑*/ .content-us{ width: 98%; padding: 0 1%; } .contact-us-mail .us-left,.contact-us-mail .us-right{ float: left; width: 46%; } .contact-us-mail .us-right{ float: right; } .us-left .p{ /*padding-left: 30px;*/ font-size: 16px; font-size: 1.5rem; color: #666; line-height: 1.75em; overflow: hidden; } /*.us-left .p span{ padding-right: 10px; }*/ .us-left .p img{ width:auto !important; } .us-left .mapDiv{ width: 100%; height: 390px; margin-top: 20px; } .us-left h3,.us-right h3{ font-size: 24px; font-size: 2.4rem; color: #666; line-height:74px; } .us-right .p-1{ font-size: 12px; font-size: 1.2rem; color: #d70c25 } .input-text p{ font-size: 16px; font-size: 1.6rem; color: #666; line-height: 40px; } .input-text input{ width: 100%; height: 38px; line-height: 38px; font-size: 20px; font-size: 2.0rem; color: #333; border:1px solid #cccccc; background: #f5f5f5; } .input-text textarea{ width: 100%; height: 38px; line-height: 38px; font-size: 16px; font-size: 1.6rem; color: #333; border:1px solid #cccccc; background: #f5f5f5; height: 120px; } .input-text-ym input{ width: 20%; float: left; margin-right: 10px; } .erma{ height: 38px; float: left; } .erma img{ margin-top: 4px; } .input-text-ym a{ float: left; display: inline-block; line-height: 38px; font-size: 12px; font-size: 1.2rem; color: #333; margin-left: 10px; } .us-right .btn{ width: 50%; float: right; } .us-right .btn div{ float: right; width: 48%; height: 38px; line-height: 38px; font-size: 16px; font-size: 1.6rem; color: #f5f5f5; text-align: center; } .us-right .btn span{ font-size: 16px; font-weight: normal; margin-top: 10px; display: inline-block; margin-right: 10px; } .us-right .btn .quxiao{ background:#999999; } .us-right .btn .tijiao{ background:#d70c25; margin-right: 4% } .culture { /*text-align: center;*/ } .culture p{ font-size: 16px; font-size: 1.6rem; color: #666; margin-top: 30px; line-height: 20px; text-align: left; } .culture img{ margin-top: 30px; /*width: 100%*/ /*width:30%;*/ } .recruitmfnt{ margin-top: 30px; border: 1px solid #666; } .right-content-c .all-title li{ float: left; width: 20%; line-height:80px; text-align: center; background: #d70c25; font-size: 20px; font-size: 2.0rem; color: #fff; font-weight: bold; height: 80px; margin-top: 0; } .right-content-c .zhiwei{ width: 100%; } .right-content-c .zhiwei li{ width: 20%; float: left; height: 80px; text-align: center; margin-top: 0; line-height: 80px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .zhiweiX{ width: 92%; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #666; border-bottom: 1px solid #666; } .zhiweiX h5,.zhiweiX p{ font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; } .zhiwei-btn{ width: 315px; margin: 30px auto; } .zhiwei-btn a{ width: 145px; height: 46px; } .zhiwei-btn .fanhui { float: left; background: #999999; text-align: center; line-height: 46px; font-size: 16px; font-size: 1.6rem; color: #f5f5f5; text-decoration:none; } .zhiwei-btn .fanhui img{ width: 14%; margin-right: 10px; vertical-align: middle; } .zhiwei-btn .shenqing span{ margin-right: 5px; } .zhiwei-btn .shenqing{ float: right; background:#d70c25; text-align: center; line-height: 46px; font-size: 16px; font-size: 1.6rem; color: #f5f5f5; text-decoration:none; } .right-tc-content .col-xs-12{ padding: 0 } .medla-content a:hover p,.medla-content a:hover h4,.medla-content a:hover .time-2,.medla-content a:hover .time-1{ color: #d70c25 } .right-content-c li a{ color: #666 } .pagination{ float: right; } .pagination>li:first-child>a, .pagination>li:first-child>span{ border:none; } .pagination>li:last-child>a, .pagination>li:last-child>span{ border:none; } .pagination>li>a, .pagination>li>span{ border:none; } .pagination>li>a:hover{ color: #cf000d } /*鍒嗗叕鍙告ā鍧楀紑濮?/ .blackTea-tem>h3{ font-size: 32px; color: #666; line-height: 80px; } .col-xs-3 ,.col-sm-3 ,.col-md-3.col-xs-1, .col-sm-1, .col-md-1,.col-xs-2,.col-sm-2,.col-md-2,.col-xs-9 ,.col-sm-89 ,.col-md-9{ padding: 0; } .company-tem-title p,.company-tem-title span{ float: left; } .company-tem-title p{ font-size: 24px; font-size: 2.4rem; color: #fff; line-height: 32px; background: #d70c25; text-align: center; } .company-tem-title .sp-1{ font-size: 14px; font-size: 1.4rem; color: #666666; margin-top: 14px; margin-left: 3px; text-align: center; } .company-tem-title .sp-2{ border-bottom: 1px solid #666666; margin-top: 30px; } .company-tem-contact{ margin-top:36px; padding-bottom:60px; } .company-tem-contact .tem-con-left{ float: left; width: 32%; margin-right: 20px; } .company-tem-contact .tem-con-left img{ width: 100%; } .company-tem-contact .tem-con-right{ width: 100%; font-size:16px; font-size: 1.6rem; color: #666; margin-top: 10px; } .company-tem-contact .pro{ width: 90%; float: left; margin-right: 3%; position: relative; } .company-tem-contact .pro .out-border{ text-align: center; width: 100%; height: 179px; border:1px solid #666666; display:block !important; /*padding: 6px 0;*/ } /*.pro .out-border span{ display: inline-block; height: 100%; vertical-align: middle; }*/ .pro .out-border img{ /*width: 40%;*/ width:100%; height:100%; vertical-align: middle; } .company-tem-contact .pro .p{ font-size: 14px; font-size: 1.4rem; /* color:#333;*/ line-height: 28px; color: #fff; position: absolute; top: 0; padding: 10px; height: 180px; background: #000; /*opacity: 0.4;*/ opacity:0.8; filter:alpha(opacity=40); overflow: hidden; display: none; width: 100%; } .company-tem-contact .pro:last-child{ margin-right: 0; } .tem-con-right .logo{ float: left; width: 30%; } .tem-con-right .p{ text-indent: 2em; } .tem-con-right .telphone{ float: right; width: 100%; font-size:32px; font-size: 3.2rem; color: #d70c25; text-align: right; } .tem-con-right .telphone span{ font-size: 38px; font-size: 3.8rem; } .tem-con-us .tem-con-left{ width: 60%; } .te5 .tem-con-us .tem-con-left{ width: 100%; float:none; margin:0; } .tem-con-us .tem-con-right{ width: 56%; } /*鍒嗗叕鍙告ā鍧楃粨鏉?/ /*浼佷笟璐d换*/ .strucre{ position: relative; } .strucre .stru{ position: absolute; width: 36%; height: 130px; cursor: pointer; z-index: 20; filter:alpha(opacity=0); opacity: 0; background: #000 } .strucre .str-1{ left: 7%; top: 28px; } .strucre .str-2{ right: 2%; top: 56px; } .strucre .str-3{ left: 1%; bottom: 198px; } .strucre .str-4{ height: 164px; width: 32%; left: 34%; bottom: 0px; } .strucre .str-5{ width: 30%; right: 0%; height: 184px; bottom: 130px; } .st-content{ width: 50%; font-size: 16px; font-size: 1.6rem; color: #666; background-size: 100% 100%; display: none; position: absolute; } .st-content h4{ font-size: 20px; font-size: 2.0rem; color: #666; line-height: 30px; display: none; } .st-content-1{ background: url(../images/st-content-1.png) no-repeat; background-size: 100% 100%; } .st-content-2{ background: url(../images/st-content.png) no-repeat; background-size: 100% 100%; } .st-content-3{ background: url(../images/st-content-2.png) no-repeat; background-size: 100% 100%; } .st-content-4{ background: url(../images/st-content-3.png) no-repeat; background-size: 100% 100%; } .st-content-5{ background: url(../images/st-content-4.png) no-repeat; background-size: 100% 100%; } .st-content-1{ top: 162px; left: 36%; padding: 3% 3% 3% 5%; } .st-content-2{ left: 50%; padding: 3% 5% 3% 3%; margin-left: -39%; top: 162px; } .st-content-3{ top: 162px; left: 32%; padding: 3% 3% 3% 5%; } .st-content-4{ top: 162px; left: 45%; padding: 3% 3% 3% 3%; } .st-content-5{ top: 162px; left: 18%; padding: 3% 5% 3% 3%; } @media only screen and (min-width:1110px){ .footer-right{ float: right; line-height: 74px; font-size: 2.4rem; color: #666; } .foot-nav .ci{ font-size: 1.4rem;color: #666;padding-left: 14px; } .container { width: 1110px; } /*.talent-cearch .col-lg-10{ width: 80%; }*/ .tem-con-us .tem-con-right{ width: 66%; } } @media only screen and (max-width:1110px){ .content-nav-title div{ padding: 0 2%; } .medla-cot-1,{ height: 196px; overflow: hidden; } .medla-cot-1 .right-tc-content{ height: 120px; overflow: hidden; } } @media only screen and (max-width: 1023px){ .st-content h4{ display: block; line-height: 60px; } .st-content{ display: block; position:static; margin-left: 0; width: 100%; background: no-repeat; padding: 0; line-height: 26px; } } @media (min-width: 992px){ .content-now-c .col-md-2{ width: 20%; } .content-now-c .col-md-10{ width: 75%; } .content-now-c{ /*padding-left:15px; padding-right: 15px;*/ } .right-content-c .col-md-6{ padding: 0; width: 47% } .medla-cot-1 .col-md-8{ width: 64% } /*鍏徃鏉垮潡*/ .content-now-c .company-tem-title .col-md-2{ width: 15%; } } @media only screen and (min-width:768px){ .col-lg-2 { width: 20%; } .col-lg-10 { width: 80%; } .nav>li>a{ padding: 10px 24px; } .container-fluid{ padding:0 20px; } .container-fluid .search-for{ right: 20px } .zh-cn{ right: 28%; } .navbar>.container-fluid .navbar-brand{ margin-left: 0; } /*.medla-cot-1{ height: 197px; }*/ /*鏂板姞*/ .navbar-header{ float: none; } .caret { display: none; } } @media only screen and (max-width:768px){ .foot-nav .ci{ font-size: 1.0rem;color: #666;padding-left: 14px; } .right-content-c li p{ font-size: 1.7rem; } .right-content-title p{ font-size: 2.0rem; } .right-tc-content h4{ font-size: 1.5rem; } .erM{ margin-right: 1%; } .sect01 .sect01_rt{ padding-left: 0; padding-right: 0 } .sect01 .p_more{ left: 24px; bottom: 10px; } .foot-nav li a{ padding: 0 10px; } .foot-nav{ width: 54%; } .sect02 .col-md-6{ /*height: 310px;*/ height:auto; } /*鍒嗗叕鍙?/ .navbar-default .navbar-nav>li>a{ padding: 10px 22px; } .company-tem-title .col-sm-2{ width:25%; } .company-tem-title .col-sm-8{ width: 50%; } .company-tem-title .col-sm-3{ width: 34%; } .company-tem-title .col-sm-7{ width: 40%; } .company-tem-title .col-sm-9{ width: 67%; } /*淇敼*/ .nav>li >.dropdown-toggle { font-size: 14px; padding: 22px 0px 13px; } .navbar-nav>li { padding: 0px 10px; } } @media only screen and (max-width:767px){ .company-pro img, .company-pro video {max-width: 100%;height: auto;display: block;width: 100%;} html{ font-size: 52%; } .main_bg .sect01 .row img{ height: auto; } .now-c-left .clear li a{ font-size: 1.5rem; line-height: 36px; } .now-c-left ul{ margin-top: 0; } .now-c-left ul li a{ line-height: 40px; } .erM{ width: 20%; } .erM img{ width: 100%锛 } .contact-us-mail .us-left, .contact-us-mail .us-right{ width: 100%; } /*.dropdown-menu ul li{ float: none; text-align: center; background-color: #414141; border-bottom: 1px solid #828282; }*/ /*.dropdown-menu ul li a{ padding: 10px 0; color: #fff; }*/ .company-tem-contact .pro .p { height: auto; position: static; display: block !important; background: none; color: #666; padding: 0; opacity: 1; filter: alpha(opacity=100); line-height: 20px; overflow: hidden; text-overflow: none !important; word-break: normal !important; } .enterprjse-honor{ padding-top: 24px; } .big-title-left h2{ font-size: 50px; font-size: 5.0rem; margin-top: 26px; } .t-banner{ width: 100%; margin-top: 18px; } .sect02{ padding: 0 2%; } .container-fluid{ padding:0 2%; height: auto; } .navbar-default{ height: auto; } .navbar-header{ height: auto; } .container-fluid .search-for{ top: 90px; width: 96%; left: 2%; } .container-fluid .zh-cn{ right: 2%; top: 14px; } .navbar-toggle{ margin-top:44px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: none; border: none } .navbar-toggle{ border: none; padding-left: 0; padding-right: 0: } .navbar-default .navbar-toggle .icon-bar{ background-color: #a7a7a7; } .navbar-toggle .icon-bar{ width: 30px; height: 3px; } .container-fluid>.navbar-collapse{ margin: 0; position: absolute; z-index: 2; width: 60%; float: right; border: none; right: 8px; } /*.navbar-toggle{ margin-right: -8px; }*/ .lastest-x img, .lastest-x video { width: 100%; height: auto; } .navbar-nav{ margin: 0; } .nav>li{ width: 100%; position: static; padding: 0 5% } .navbar-default .navbar-nav>.active{ background-color:#414141 } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ width: 100%; color:#fff; border: none; background-color: #414141; } .navbar-default .navbar-nav>li>a{ color: #fff; border-bottom: 1px solid #828282 } .navbar-nav .open .dropdown-menu{ /*position: absolute; left: 0%; top: 0; width: 50%; padding-top: 12px;*/ } .dropdown-menu>li>a{ width: 100%; } .navbar-nav .open .dropdown-menu>li{ padding: 0 5%; width: 100%; background-color: #414141; } .navbar-nav .open .dropdown-menu>li>a{ padding: 10px 15px; border-bottom: 1px solid #828282 } .dropdown-menu{ min-width: 0; padding: 0; margin: 0; } .ip-duoB{ position: absolute; right: 5%; top: 0; width: 10%; display: block } .navbar-toggle{ padding-bottom: 0; } .sect01 h1{ margin-top: 15px; font-size: 1.7rem; } .container { padding-right: 15px; padding-left: 15px; } .form-control{ background: #e6e6e8; border-radius: 18px; } .sect01 .word { margin-bottom: 60px; } .sect01 .p_more { bottom: 13px; left: 24px; } .main_bg{ margin-top: 77px; } .talent-cearch .input-group-btn .btn{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group-btn .btn{ border-top-right-radius: 17px; border-bottom-right-radius: 17px; } .sect02 .col-md-6{ padding: 0; width: 100%; padding: 0 2%; margin-top: 20px; } .sect02-left{ margin-right: 0%; } .sect02-right{ float: left; } .erM{ float: none; margin-left: 2%; margin-right: 2%; } .foot-nav{ width: 100%; } .foot-nav li{ width: 100%; text-align:center; float: none; } .foot-nav em{ float: none; } .foot-nav li a{ /*width: 100%;*/ padding: 0 ; float: none; } .big-name{ display: none; } .now-c-left ul li{ float: left; width: 33%; padding: 0; border: none; } .now-c-left ul li a{ font-size: 1.6rem; line-height: 2em; } .now-c-left ul li a span{ display: none; } .content-now-c .now-c-left{ border: none; } .content-now-c{ padding-top: 0; padding: 0 2%; } .content-now-c .col-sm-9,.content-now-c .col-xs-12{ padding: 0; } .now-c-right{ margin-top: 18px; } .now-c-left li.active{ background: none; } .medla-cot-1 .time{ display: none; } .medla-cot-1 .time-ph{ position: absolute; right: 0; bottom: 6px; display: block; font-size: 12px; color: #666666; font-size: 1.2rem; } .medla-cot-1{ /*height: 167px;*/ height:auto; position: relative; } .medla-cot-1 .right-tc-content p{ display: none; } .medla-cot-1 .right-tc-content{ /*height: 90px;*/ height:auto !important; } .medla-cot-2 .right-t-content p{ display: none; } .medla-cot-2 .time-ph{ position: static; float: right; text-align: right; } .medla-cot-2 .right-t-content h4{ height: 22px; overflow: hidden; float: left; text-overflow:ellipsis; white-space:nowrap; } .medla-cot-2{ height: 44px; padding: 0; padding: 10px 0; } /*鍒嗗叕鍙?/ .company-tem-contact .tem-con-left{ width: 100%; margin-bottom: 3%; } .company-tem-contact .tem-con-right{ width: 100%; } .company-tem-title .sp-1{ display: none; } .company-tem-contact .tem-left-img{ width: 30%; } .company-tem-contact .tem-left-cot{ width: 68%; text-align: left; margin-top: 0 } .tem-left-cot .telphone{ font-size: 22px; font-size: 2.2rem; text-align: left; } .tem-left-cot .telphone span{ font-size: 22px; font-size:2.2rem; } .company-tem-contact .pro .out-border{ height: 144px; } .company-tem-contact .pro p{ height: 144px; position: static; display: block; background: none; color: #666; padding: 0; opacity: 1; filter:alpha(opacity=100); line-height:20px; overflow: hidden; text-overflow: none !important; word-break: normal !important; } .company-tem-contact .pro{ width: 95%; margin-right: 0; margin-bottom: 20px; } .pro .out-border img{ width: 100%; height:auto; } .company-tem-contact .pro .out-border{ height:auto; } /*.company-tem-title .col-sm-2{ width: 29%; } .company-tem-title .col-sm-8{ width: 40%; } .company-tem-title .col-sm-3{ width: 40%; } .company-tem-title .col-sm-7{ width: 30%; } .company-tem-title .col-sm-9{ width: 60%; }*/ .company-tem-title .col-sm-8,.company-tem-title .col-sm-7,.company-tem-title .col-sm-9{ width: 75%; } /*淇敼*/ .navbar-nav { height: auto; margin: 7.5px 0px !important; border-bottom: 1px solid #eee; } .navbar-nav>li { padding: 0px 0px; border-top: 1px solid #eee; } .nav>li>.dropdown-toggle { padding: 10px 0px 10px; } .navbar-brand { margin-left: 15px; height: auto; padding: 0; } .main_bg { margin-top: 24px !important; } .menu_box li { float: none; width: 100%; margin-right: 0px; padding-top: 0px; margin-left: 10px; } .menu_border { padding-bottom: 10px; border-bottom: 0px; } .blackTea-tem>h3{ font-size: 2rem; line-height: 60px; } .company-tem-title .col-sm-2{ width:auto; padding:0 10px; } .company-tem-title .p{ font-size:1.8rem !important; } .company-tem-title .p{font-size: 2rem; } .us-left .p{ padding:0; } .te3 .swiper-slide{ align-items: flex-start; -webkit-align-items: flex-start; } } @media only screen and (max-width:375px){ /* .honor .honor-time{ width: 24%; }*/ .honor .honor-content{ width: 76%; } .top-watch{ left: 21%; } /*.content-nav-title a{ font-size:1.6rem; }*/ } @media only screen and (max-width:320px){ html{ font-size: 52%; } .medla-cot-1 .right-tc-content{ height: 67px; } } #dituContent label{ max-width: none;} .my_nav .navbar-nav > li{ position: static;} .my_nav .navbar-header{ float: none;} .my_nav .navbar-brand{ padding: 0px; height: auto; display: block;} .navbar-nav > li > .dropdown-menu{ box-shadow: 0 0 0 0 rgba(0,0,0,0); border: 0; padding: 0;} .overview{ padding: 70px 0 117px; } .overview .tit{ font-size: 24px; text-align: center; } .overview .list{ margin: 50px 33px; } .overview .list:after{ content: ""; display: block; clear: both; } .overview .list .li{ width: 334px; height: 184px; position: relative; float: left; overflow: hidden; margin: 0 7px 15px; background: url(../images/jpg1_03.jpg) no-repeat center; background-size: cover; } .overview .list .li:after{ content: ""; width: 7px; height: 64px; background: #d10001; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } .overview .list .li:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #dcdcdc; pointer-events: none; } .overview .list .li a{ color: #000; display: block; height: 100%; } .overview .list .li .wh22{ position: absolute; top: 50%; left: 20px; right: 20px; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .overview .list .li .wh22,.overview .list .li .h22{ font-size: 22px; } .overview .list .li .txtbox{ position: absolute; width: 100%; height: 100%; background: #d10001; position: absolute; top: 0; left: 0; color: #fff; display: none; } .overview .list .li .txtbox .inner{ padding: 12.5px 20px 0; } .overview .list .li .txtbox .p{ line-height: 1.5; margin-top: 25px; } .overview .list .li .txtbox .icon{ position: absolute; width: 24px; height: 24px; background: url(../images/png1_03.png) no-repeat center; background-size: cover; left: 20px; bottom: 9px; } .overview .list .li:hover .txtbox{ display: block; } .page-mod{ width: 100%; text-align: center;} .page-mod .page-box{ display: inline-block; vertical-align: top;} .page-mod .page-item{ float: left; margin: 0 2.5px; min-width: 33px; font-family: 'xfont', Arial; font-size: 16px; line-height: 31px;} .page-mod .page-item > a{ display: block; padding: 0 5px; border-radius: 4px; border: 1px solid #e3e3e3; height: 33px; color: #707070; -webkit-transition: all .2s; transition: all .2s; } .page-mod .page-input{ display: inline-block; vertical-align: middle; padding-right: 8px; width: 36px; margin-top: -2px;} .page-mod .page-input input{ display: block; width: 100%; height: auto; line-height: normal; text-align: center;} .page-mod .page-btn{ display: inline-block; padding: 0 5px; vertical-align: top; min-width: 35px; cursor: pointer; color: #fff; background: #c7c7c7; height: 33px; margin-top: -1px; margin-right: -1px; border-radius: 4px; } .page-mod .page-item > a:hover{ text-decoration: none; } .page-mod .page-item > a.cur{ background-color: #d10001; border-color: #d10001; color: #fff; cursor: default;} .page-mod .page-item > a.disable{ opacity: 0.5; filter: alpha(opacity=50); color: inherit; cursor: default;} .page-mod .p_prev a,.page-mod .p_next a{ background-repeat: no-repeat; background-position: center; background-size: cover; } .page-mod .p_prev a{ background-image: url(../images/png2_03.png); } .page-mod .p_next a{ background-image: url(../images/png3_03.png); } .page-mod .prev{ margin-right: 10px;} .page-mod .next{ margin-left: 10px;} .page-mod .jump{ margin-left: 2.5px;} .page-mod .jump a{ padding: 0; } .m-show{ display: none; } .content-now-c.rw .now-c-right{ float: none; width: 100%; padding-right: 0; padding-left: 0; } @media screen and (max-width: 750px){ .m-show{ display: block; } .p-show{ display: none; } .overview{ padding: 30px 0; } .overview .tit{ font-size: 18px; } .overview .list{ margin: 20px 10px; } .overview .list .li{ width: 100%; margin: 0 0 15px; } .overview .list .li .wh22, .overview .list .li .h22{ font-size: 16px; } .overview .list .li .txtbox .p{ margin-top: 15px; } .overview .list .li .txtbox .inner{ padding: 20px 30px 0; } .overview .list .li .txtbox .icon{ bottom: 20px; left: 30px; } .overview .list .li .txtbox{ display: block; } /* 绉诲姩绔垎椤 */ .page-mod .page-box{ display: none;} .page-mod .page-item{ margin: 0 0.05rem; min-width: 0.6rem; font-size: 0.32rem; line-height: 0.6rem;} .page-mod .page-item > a{ padding: 0 0.1rem; border-radius: 0.05rem;} .page-mod .page-input{ padding-right: 0.1rem; width: 1rem;} .page-mod .page-btn{ min-width: 0.8rem; padding: 0 0.1rem;} .page-mod .prev{ margin-right: 0.1rem;} .page-mod .next{ margin-left: 0.1rem;} .page-mod .jump{ float: none; display: table; vertical-align: top; margin: 0 auto; padding-top: 0.2rem; clear: both;} .page-mod .page-more{ display:inline-block; vertical-align: top; border:1px solid; border-radius: 30px; padding: 5px 10px; color: #000;} }