@charset "utf-8"; /*初始化样式*/ * {-webkit-tap-highlight-color:transparent;} body {background-color:#fff; color:#333; font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande";/*设置字体*/ overflow-x:hidden; width:100%;/*设置宽度*/ min- width:300px;} table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;} table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;} table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;} /*html5设置*/ article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;} html,body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {margin:0; padding:0;} a {text-decoration:none; outline:none; color:#333;} a:focus {outline:none; -moz-outline:none;} a:hover {color:#00a9b7;} a img {border:none;} /*强制去除表单自带的样式*/ select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#878787; font-family:Lucida Bright,Arial;} input:focus { outline: none;} input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/} textarea{resize:none;/*-webkit-appearance:none;*/} textarea,input,select { background:none; border:none; margin:0; padding:0;} /*清楚浮动*/ .clear{ clear:both; height:0px; overflow:hidden;} /*该设置跟后台编辑器有关*/ .ul,.ul li,.dl,.dl dd,ul,ul li,ol,ol li,dl,dl dd{ list-style:none; margin:0; padding:0;} .h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;} /*该设置跟后台编辑器有关*/ /*全局样式*/ .inner1200 {width:1200px; margin:0 auto;} .inner1600 {width:1600px; margin:0 auto;} .entry img {max-width:100%; height:auto;} .owl-dots button {border:none; background:none;} /*全站底部*/ .footTop {background-color:#fafafa;} .footTop .inner1600 {padding-top:100px;} .footBox {float:left; width:13%; position:relative; padding-bottom:40px; padding-right:2%;} .footBox:before {content:''; display:block; position:absolute; width:23px; height:100%; background:url(../images/bg_foot.png) no-repeat top center; background-size:100% 100%; top:10px; left:0;} .footBox h2 {font-size:18px; color:#555; font-weight:normal; margin-bottom:15px; margin-left:30px;} .footBox ul {margin-left:30px;} .footBox li {font-size:16px; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .footBox li a {color:#999;} .footBox li a:hover {color:#00a9b7;} .footBox.follow {width:10%; padding-right:0;} .footBox.follow:before {background:none;} .footBox.follow h2 {margin-left:0;} .follow .qrcode {margin-bottom:30px;} .follow .qrcode img {display:block; width:100%; height:auto; border:1px solid #e5e5e5; background-color:#fff; padding:2px; border-radius:5px; box-sizing:border-box;} .follow .social dd {float:right; padding-left:15px; position:relative; overflow:hidden;} .follow .social a {display:block; width:35px; height:35px; background:no-repeat center center; border:1px solid #cbcbcb; text-indent:-9999em; border-radius:50%;} .follow .social .qq a {background-image:url(../images/icon_qq.png);} .follow .social .wx a {background-image:url(../images/icon_wx.png);} .follow .social .wb a {background-image:url(../images/icon_wb.png);} .follow .social dd.wb {padding-left:0;} .follow .social .weixin {position:absolute; left:50%; bottom:100px; width:150px; height:150px; background-color:#fff; border:1px solid #cbcbcb; border-radius:5px; padding:5px; margin-left:-81px; z-index:5; transition:all 0.3s ease 0s; opacity:0;} .follow .social .weixin:after {content:''; display:block; background-color:#fff; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; transform:rotate(45deg) translateX(-50%); position:absolute; bottom:-8px; left:50%; width:8px; height:8px;} .follow .social .wx.open {overflow:visible;position: relative;} .follow .social .wx.open .weixin {bottom:50px; opacity:1;} .footBtm {background:#2c3f50 url(../images/bg_bottom.png) repeat center center; overflow:hidden; position:relative;} .footBtm .inner1600 {padding:30px 0; overflow:hidden;} .pagesList {float:left;} .pagesList ul {overflow:hidden;} .pagesList li {padding-right:20px; margin-right:20px; background:url(../images/icon_04.png) no-repeat right center; float:left; font-size:16px; color:#979ea4;} .pagesList li:last-child {padding-right:0; margin-right:0; background:none;} .pagesList a, .copyright a {color:#979ea4;} .copyright {float:right; color:#979ea4;} /*全站头部*/ .header {background-color:#fff; height:100px; position:relative;} /*全站主体*/ main{overflow:hidden;clear: both;} /*logo*/ .logo {float:left; width:180px; height:46px; padding:27px 0;} .logo img {display:block; width:100%; height:auto;} /*语言切换*/ .language {font-size:18px; color:#333; float:right; /*border-bottom:1px solid #b2b2b2; background:url(../images/icon_01.png) */no-repeat right center; padding:5px 15px 5px 5px; margin:35.5px 0 35.5px 50px; position:relative; cursor:pointer; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none;} .language i {font-style:normal; display:block; line-height:1em;} .language ul {position:absolute; width:100%; height:auto; left:0; top:29px; text-align:center;padding:5px 0; background-color:#fff; display:none; z-index:3;} .language li {padding:2px 0;} /*顶部搜索*/ .search {padding:40px 0; float:right; position:relative;} .search_btn {width:20px; height:20px; background:url(../images/icon_02.png) no-repeat center center; cursor:pointer;} .search_form {position:absolute; right:0; top:101px; background-color:rgba(255,255,255,.8); border:1px solid #eee; z-index:3; width:250px; height:35px; line-height:normal; display:none;} .search_form .text {background:none; border:none; width:100%; height:35px; font-size:16px; width:213px; float:left; text-indent:10px;} .search_form a {display:block; float:right; width:35px; height:35px; background:url(../images/icon_02.png) no-repeat center center; cursor:pointer;} /*顶部导航*/ .navBg {height:50px; background-color:#fff; position:absolute; left:0; top:100px; width:100%; z-index:3; display:none;} .nav {float:right; padding-right:25px;} .nav ul {float:left; position:relative;} .nav li {float:left; line-height:100px; font-size:16px; color:#333; position:relative;} .nav li i {font-style:normal; background:no-repeat left center; padding:5px 0 5px 30px;} .nav li i.icon0 {padding-left:5px;} .nav li .icon1 {background-image:url(../images/nav_01.png);} .nav li .icon2 {background-image:url(../images/nav_02.png);} .nav li .icon3 {background-image:url(../images/nav_03.png);} .nav li .icon4 {background-image:url(../images/nav_04.png);} .nav li .icon5 {background-image:url(../images/nav_05.png);} .nav li .icon6 {background-image:url(../images/nav_06.png);} .nav li > a {color:#333; padding:0 25px; display:block; transition:background-color 0.2s ease 0s;} .nav li > a:hover, .nav li.cur > a, .nav li.on > a {background:#00a9b7 no-repeat bottom center; color:#fff;} .nav li > a:hover, .nav li.on > a {background-image:url(../images/icon_03.png);} .nav li a:hover .icon1, .nav li.cur .icon1, .nav li.on .icon1 {background-image:url(../images/nav_011.png);} .nav li > a:hover .icon2, .nav li.cur .icon2, .nav li.on .icon2 {background-image:url(../images/nav_022.png);} .nav li > a:hover .icon3, .nav li.cur .icon3, .nav li.on .icon3 {background-image:url(../images/nav_033.png);} .nav li > a:hover .icon4, .nav li.cur .icon4, .nav li.on .icon4 {background-image:url(../images/nav_044.png);} .nav li > a:hover .icon5, .nav li.cur .icon5, .nav li.on .icon5 {background-image:url(../images/nav_055.png);} .nav li > a:hover .icon6, .nav li.cur .icon6, .nav li.on .icon6 {background-image:url(../images/nav_066.png);} .nav dl {overflow:hidden; position:absolute; top:100px; z-index:4; height:50px; line-height:50px; left:50%; transform:translateX(-50%); display:none; font-size:0;} .nav dd {display:inline-block; font-size:15px; color:#888; padding:0 25px;} .nav dd a {color:#888;} .nav dd a:hover,.nav dd.cur a {color:#ffaa23;} .nav li#nav3 dl {width:390px;} .nav li#nav4 dl {width:582px;} .nav li#nav5 dl {width:340px;} .nav li#nav6 dl {width:600px;} .nav li#nav1, .nav li#nav2 {position:static;} .nav li#nav1 dl {left:-200px; transform:none;} .nav li#nav2 dl {left:-280px; transform:none;} /*首页轮播图*/ .homeSlides {clear:both;} .homeSlides .item {background:no-repeat top center / cover;} .homeSlides .inner {height:750px;} .homeSlides .owl-dots {font-size:0; text-align:center; position:absolute; left:0; bottom:40px; width:100%; line-height:normal;} .homeSlides .owl-dot {display:inline-block; padding:3px; border:1px solid transparent; transition:all 0.2s ease 0s; margin:0 12px;} .homeSlides .owl-dot.active {border-color:#fff;} .homeSlides .owl-dot span {display:block; background-color:#8999a9; width:32px; height:7px; transition:all 0.2s ease 0s;} .homeSlides .owl-dot.active span {background-color:#fff;} /*首页产品栏目*/ .homePro {background:#fff url(../images/bg_homeL.png) no-repeat left top; position:relative;} .homePro:after {content:''; display:block; background:url(../images/bg_homeR.png) no-repeat bottom right; width:287px; height:241px; position:absolute; right:0; bottom:0;} .homePro .inner1600 {overflow:hidden; padding:40px 0; position:relative; z-index:1;} .homePro ul {width:101.25%; overflow:hidden;} .homePro li {float:left; width:31.7654%; padding:40px 1.23456% 40px 0;} .homePro .thumbnail {overflow:hidden; padding-bottom:77.922%; position:relative;} .homePro img {display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:transform 0.2s ease 0s;} .homePro h2 {font-size:20px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1em; padding:25px 50px 25px 20px; background:url(../images/bg_title.png) no-repeat bottom center; background-size:contain;} .homePro a {color:#555; display:block; transition:color 0.2s ease 0s;} .homePro a:hover {color:#00a9b7;} .homePro a:hover img {transform:scale(1.2,1.2);} .homePro a:hover h2 {background-image:url(../images/bg_title2.png);} .frientlinksmall h2{font-size:14px; padding:25px 40px 25px 30px;} /*首页新闻看心*/ .homeNews {background:#f1f9fb url(../images/bg_homenews.jpg) no-repeat left center; background-size:50% 100%;} .homeNews .inner1600 {overflow:hidden;} .homeNews .left {width:50%; float:left;} .homeNews .right {width:50%; float:right;} #homeNews {padding-bottom:40px;} #homeNews .owl-dots {text-align:center; line-height:normal; font-size:0;} #homeNews .owl-dot {display:inline-block; padding:2px; border:1px solid transparent; margin:0 7px;} #homeNews .owl-dot span {display:block; width:22px; height:4px; background-color:#87dde4;} #homeNews .owl-dot.active {border-color:#ffaf31;} #homeNews .owl-dot.active span {background-color:#ffaf31;} #homeNews .owl-stage-outer {margin-bottom:25px;} .newsItem a {display:block; padding-left:160px; position:relative; color:#fff;} .newsItem .thumbnail {position:relative; padding-bottom:75%; margin-bottom:40px;} .newsItem img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;} .newsItem .title {font-size:19px; line-height:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px; position:relative; padding:0 25px 0 30px;} .newsItem .title:before {content:''; display:block; width:16px; height:4px; background-color:#fff; position:absolute; left:0; top:50%; margin-top:-2px;} .newsItem .excerpt {font-size:14px; line-height:1.5em; padding:0 25px 0 30px; height:4.5em; overflow:hidden;} .newsItem .date {position:absolute; left:0; top:0; width:180px; border-bottom:4px solid #ffaf31; padding:12px 0; text-align:center;} .newsItem .date time {display:block; width:77px; margin:0 auto; font-size:16px;} .newsItem .date i {display:block; font-style:normal; font-size:66px; line-height:1em; border-bottom:1px dashed #4dbcc6; margin-bottom:5px;} .rightNews {padding:50px 0 10px 100px;} .rightNews h2 {font-size:25px; color:#555; text-align:center; font-weight:normal; margin-right:130px; margin-bottom:40px;} .rightNews h2 i {font-style:normal; font-size:58px; line-height:1em; display:block; margin-bottom:5px;} .rightNews h2:after {content:''; display:block; width:4px; height:30px; background-color:#ffaf31; margin:10px auto 0;} .rightNews li {padding-right:130px; padding-bottom:15px; position:relative; margin-bottom:40px;} .rightNews .title {font-size:18px; color:#555; padding-left:30px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1em; margin- bottom:10px;} .rightNews .title:before {content:''; display:block; position:absolute; left:0; top:50%; width:16px; height:4px; margin-top:-2px; background-color:#00a9b7;} .rightNews a {color:#555;} .rightNews a:hover {color:#00a9b7;} .rightNews .excerpt {font-size:14px; color:#999; line-height:1.5em; padding-left:30px; height:3em; overflow:hidden;} .rightNews .date {position:absolute; right:0; top:0; color:#555; text-align:center;} .rightNews .date time {display:block; line-height:1em;} .rightNews .date i {font-style:normal; font-size:66px; display:block; line-height:0.75em; border-bottom:1px dashed #e2e2e2; padding-bottom:7px; margin-bottom:8px;} .rightNews .more a {display:block; width:225px; height:45px; background:url(../images/bg_title3.png) no-repeat center center; background-size:contain; text-align:center; line-height:45px; font-size:18px; color:#9bbcbf; margin:0 auto;} /*内页Banner*/ .banner {background:no-repeat top center; background-size:cover;} .banner .inner1600 {height:380px;} /*面包屑位置*/ .location {background-color:#fff; border-bottom:1px solid #e5e5e5;} .location .inner1200 {overflow:hidden; padding:20px 0;} .location h2 {font-size:20px; color:#00a9b7; position:relative; padding-left:15px; line-height:1em; font-weight:normal; float:left; line-height:30px;} .location h2:before {content:''; display:block; width:4px; height:16px; background-color:#00a9b7; position:absolute; left:0; top:50%; margin-top:-8px;} .breadcrumb {float:right; background:url(../images/icon_05.png) no-repeat left center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:27px; font- size:15px;} .breadcrumb a {color:#555;} .breadcrumb span {color:#00a9b7;} /*产品与市场*/ /*响应式*/ .responseSwiper{display: none;} @media only screen and (min-width:640px){ .responseButton{display: none;} } /*响应式*/ .selectMain {background-color:#f8f8f8;} .selectMain .inner1200 {padding:15px 0;} .selectMain .name {float:left; font-size:18px; color:#333; font-weight:bold; padding:15px 0;} .series {overflow:hidden; line-height:30px; border-bottom:1px solid #dfdfdf; margin-bottom:20px;} .series .name {width:110px;} .series ul {margin-left:198px; overflow:hidden;} .series li {float:left; cursor:pointer; padding:15px 0; width:200px;} .series li img {max-height:18px; width:auto; vertical-align:middle;} .series li a {display:block; color:#555;} .series li.cur a {color:#00a9b7;} .series li.cur .ns, .series li .ys {display:none;} .series li.cur .ys {display:inline;} .serList {padding:10px 0 35px; border-bottom:1px solid #dfdfdf;} .serItem {background-color:#fff; position:relative; padding:10px 0; display:none;} .serItem:first-child {display:block;} .serItem:before {content:''; display:block; background-color:#fff; width:20px; height:20px; transform:rotate(45deg); position:absolute; top:-10px; left:30px;} .serItem ul {position:relative; z-index:2; overflow:hidden;} .serItem li {font-size:16px; color:#555; float:left; padding:10px 30px 10px 30px;} .serItem li:last-of-type{ padding-right:0px;} .serItem li a {color:#555;} .specList {margin-left:130px; overflow:hidden; padding:15px 0; line-height:30px;} .specList .name {width:130px;} .specList .item {float:left; padding-left:68px;} .specList label {font-size:16px; color:#555; display:block; height:30px; line-height:30px; float:left; padding-right:10px;} .specList .text {height:30px; background-color:#fff; width:128px; display:block; float:left; border:none; line-height:normal; padding:0 18px; font-size:14px; color:#999;} .proMain .inner1200 {padding:30px 0 70px;} .proTop {overflow:hidden; margin-bottom:25px;} .proTop h3 {font-size:18px; color:#333; float:left; line-height:40px;} .proTop .right {float:right;} .proTop .proSearch {float:left; width:226px; height:38px; border:1px solid #eee; padding:0 42px 0 10px; position:relative;} .proTop .proSearch .submit {border:none; display:block; width:22px; height:100%; background:url(../images/icon_06.png) no-repeat center center; cursor:pointer; position:absolute; right:10px; top:0;} .proTop .proSearch .text {height:38px; width:100%; line-height:normal;} .proTop .contrast {float:left; font-size:16px; padding-left:20px;} .proTop .contrast a {display:block; width:100px; height:40px; text-align:center; line-height:40px; color:#fff; background-color:#ffaa23;} .proList {margin-bottom:55px;} .proList dl {display:table; width:100%; clear:both; border-left:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box;} .proList dd {display:table-cell; text-align:center; vertical-align:middle; border-right:1px solid #eee; box-sizing:border-box; padding:11px 5px;} .proList dl.title {border-left-color:#00a9b7; border-bottom:none;} .proList dl.title .cti {border-right-color:#00a9b7;} .proList .title {background-color:#00a9b7; color:#fff;} .proList .name {width:210px;} .proList .desc {width:330px;} .proList .tg {width:165px;} .proList .td {width:165px;} .proList .cte {width:165px;} .proList .cti {width:165px;} .proList dl.item {color:#555; font-size:16px;} .proList input {margin-right:10px;} /*分页*/ .pagenavi {text-align:center; font-size:0; line-height:normal;} .pagenavi a {display:inline-block; height:37px; line-height:37px; text-align:center; padding:0 15px; background-color:#f6f7f8; color:#666; font-size:14px; margin:2px 6px; transition:all 0.2s ease 0s;} .pagenavi a.a_prev, .pagenavi a.a_next {padding:0 30px;} .pagenavi a.a_cur, .pagenavi a:hover {background-color:#ffaa23; color:#fff;} /*产品与市场对比*/ .compareAdd {background-color:rgba(44,63,80,.9); position:fixed; left:0; top:0; width:100%; height:100%; z-index:11; display:none;} .compareBox {width:470px; height:320px; position:fixed; left:50%; top:50%; margin:-130px 0 0 -300px; background-color:#fff; padding:40px 65px;} .compareBox .close {display:block; width:21px; height:21px; background:url(../images/icon_close.png) no-repeat center center; cursor:pointer; position:absolute; top:-40px; right:0;} .compareBox h3 {text-align:center; font-size:24px; color:#333; line-height:1.1em; margin-bottom:50px;} .compareBox .select {margin-bottom:55px;} .compareBox select {width:100%; border:1px solid #e5e5e5; height:48px; line-height:48px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../images/btn_select.png) no-repeat right center; padding-right:48px;} .compareBox select::-ms-expand {display:none;} .compareBox .submit {width:160px; height:40px; text-align:center; line-height:40px; color:#fff; border:none; cursor:pointer; margin:0 auto; background-color:#00a9b7; display:block;} .compare dl {display:table; width:100%; box-sizing:border-box; border-bottom:1px solid #eee;} .compare dd {padding:11px 5px; display:table-cell; vertical-align:middle; text-align:center; border-right:1px solid #eee; box-sizing:border-box;} .compare dl.title {background-color:#00a9b7; color:#fff; border-left:1px solid #00a9b7;} .compare dl.title dd {border-right-color:#fff; font-size:12px;} .compare dl.title dd:last-child {border-right-color:#00a9b7;} .compare dl.title a {color:#fff; background:url(../images/icon_07.png) no-repeat left center; padding:2px 0 2px 25px;} .compare dd.name {width:210px;} .compare dd.col {width:198px; font-size:12px;} .compare .item {border-left:1px solid #eee; font-size:14px; color:#555;} .compare .item .name {background-color:#fafafa; font-size:12px;} @media only screen and (max-width:640px) { .compare dl.title a { background: none !important; padding: 0 !important; } .compare dd.name { text-overflow: ellipsis; overflow: hidden; padding-left:0; padding-right:0; } .compare dl.title dd { text-overflow: ellipsis; overflow: hidden; padding-left: 0; padding-right: 0; white-space: nowrap; overflow: hidden; word-break: keep-all; } .compare dd.col { font-size: 12px; padding-left:0; padding-right:0; } } /*产品与市场详情*/ .detailsTop {background-color:#f8f8f8;} .detailsTop .inner1200 {padding:30px 0;} .detailsTop h2 {font-size:30px; color:#333; font-weight:normal; line-height:1.1em; margin-bottom:20px;} .detailsTop h3 {font-size:15px; color:#ffaa23; font-weight:normal; margin-bottom:20px;} .feature {width:440px; float:left; padding-right:30px;} .feature ul, .proField .info {padding-left:15px; border-left:1px solid #cecece;} .feature li {font-size:15px; color:#555; background:url(../images/icon_dot.png) no-repeat left 12px; line-height:1.5em; padding:5px 0 5px 20px;} .proField {width:730px; float:right;} .proField .info p {line-height:1.5em; padding:5px 0;} .proField .info {padding-left:20px;} .detailsBtm {padding:30px 0 80px;} .detailsTab {margin-bottom:30px;} .detailsTab ul {overflow:hidden;} .detailsTab li {float:left; width:33.333%; height:40px; padding-top:10px; line-height:40px; text-align:center; font-size:18px; color:#333; cursor:pointer; transition:all 0.2s ease 0s;} .detailsTab li span {display:block; background-color:#f8f8f8;} .detailsTab li.cur {height:50px; padding-top:0; line-height:50px; color:#fff;} .detailsTab li.cur span {background-color:#00a9b7;} .itemBox {overflow:hidden; display:none;} .itemBox:first-child {display:block;} .itemBox img {max-width:100%; height:auto;} .itemBox table {width:100%; border-top:none; box-sizing:border-box; border-bottom:1px solid #e5e5e5; margin-bottom:30px;} .itemBox table tr { background-color:#f0f6f7;} .itemBox table tr:nth-child(2n) {background-color:#fff;} .itemBox table th {width:20%; background-color:#8bbec2; border-right:1px solid #fff; font-size:14px; color:#fff; text-align:center; font-weight:normal; border-top:none; box-sizing:border-box; padding:2px 5px;} .itemBox table tr th:last-child {border-right-color:#8bbec2;} .itemBox table tr th:first-child {border-left-color:#8bbec2;} .itemBox table td {box-sizing:border-box; text-align:center; width:15%; font-size:14px; color:#555; padding:2px 5px; border-color:#e5e5e5;} .itemBox h4 {font-size:16px; color:#ffaa23; margin-bottom:20px; line-height:1.5em;} .itemBox p {margin-bottom:20px; line-height:1.5em; font-size:14px; color:#555;} .itemBox .dl {background-color:#f9f9f9; padding:20px 0 20px 3%; position:relative; margin-bottom:20px; float:left; width:45%;} .itemBox .dl:nth-child(2n) {float:right;} .itemBox .dl a {color:#555; display:block; padding-right:70px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .itemBox .dl .btn {position:absolute; right:0; top:0; height:100%; width:65px; background:url(../images/icon_dl.png) no-repeat center bottom 10px; display:block; /*text-indent:-9999em;*/ border-left:1px solid #eaeaea; padding-right:0;line-height: 36px;text-align:center;} @media(max-width:768px){ .itemBox .dl a{white-space: inherit;min-height:56px;} .itemBox .dl .btn{background: url(../images/icon_dl.png) no-repeat center bottom 25px;line-height: 60px;} } /*页面标题*/ .pgTop {margin-bottom:30px; overflow:hidden;} .pgTitle {float:left;} .pgTitle h3 {color:#00a9b7; font-size:24px; font-weight:normal; line-height:1em; margin-bottom:15px; text-transform:uppercase; } .pgTitle p {font-size:36px; color:#ddd; line-height:1.1em; text-transform:uppercase; font-family:HelveticaNeueLT Thin, Arial; } .new_title_centerd{width:100%;} .new_title_centerd h3{text-align:center;} /*二级菜单*/ .subNav {float:right; padding-top:31px;} .subNav ul {overflow:hidden;} .subNav li {float:left; height:40px; text-align:center; line-height:40px; font-size:15px; color:#555; width:175px; padding-left:10px;} .subNav li:first-child {padding-left:0;} .subNav a {color:#555; display:block; background-color:#f6f7f8; transition:all 0.2s ease 0s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .subNav a:hover, .subNav li.cur a {background-color:#ffaa23; color:#fff;} /*公司治理页面*/ .pgManage .inner1200 {padding:45px 0 75px;} .mgList {overflow:hidden;} .mgList ul {overflow:hidden; width:102.5%; margin-bottom:30px;} .mgList li {width:47.56%; padding-right:2.439%; line-height:80px; font-size:16px; padding-bottom:20px; float:left;} .mgList li a {display:block; position:relative; background-color:#f9f9f9; padding:0 20px 0 125px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555; border:1px solid #f9f9f9;} .mgList li i {display:block; width:95px; height:100%; position:absolute; left:0; top:0; background:url(../images/icon_08.png) no-repeat center center; border-right:1px solid #eaeaea;} .mgList li a:hover {border-color:#ffaa23;} .mgList li a:hover i {background-image:url(../images/icon_08on.png);} /*联系方式*/ .pgContact .inner1200 {padding:45px 0 75px;} .contactInfo {margin-bottom:30px;} .contactInfo_img_wrap div img{width:100%;} .contactInfo ul {overflow:hidden;} .contactInfo li {line-height:26px; padding:5px 0;} .contactInfo .info {margin-left:88px;} .contactInfo .info p {margin-bottom:10px;} .contactInfo .left {float:left; background:no-repeat left 0; padding-left:40px;} .contactInfo .mail {background-image:url(../images/icon_09.png);} .contactInfo .phone {background-image:url(../images/icon_10.png);} .contactInfo .addr {background-image:url(../images/icon_11.png);} .contactMap {padding:10px; background-color:#f9f9f9;} .contactMap .map {padding-bottom:53.39%; position:relative; overflow:hidden;} .contactMap #allmap {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;} /*公司公告*/ .pgNotice .inner1200 {padding:45px 0 75px;} .noticeList ul {overflow:hidden; margin-bottom:50px;} .noticeList li {font-size:15px; margin-bottom:10px;} .noticeList li a {display:block; line-height:60px; background-color:#f9f9f9; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555; padding:0 130px 0 40px;} .noticeList li a:hover {color:#00a9b7;} .noticeList li a:before {content:''; display:block; width:20px; height:4px; background-color:#00a9b7; position:absolute; left:0; top:50%; margin-top:-2px; } .noticeList li time {color:#888; font-family:'Simsun'; position:absolute; right:30px; top:0; height:100%;} /*行业服务*/ .pgIndustry .inner1200 {padding:45px 0 75px; overflow:hidden;} .indList ul {overflow:hidden; width:104.2%;} .indList li {width:30%; float:left; padding:25px 3% 25px 0;} .indList li a {display:block; margin-left:10px; background-color:#f6f7f8; padding:25px 10px 25px 20px; height:150px;} .indList .title {font-size:18px; color:#00a9b7; margin-bottom:10px; position:relative;} .indList .title span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .indList .title:before {content:''; display:block; background:url(../images/icon_12.jpg) no-repeat center center; width:20px; height:3px; position:absolute; left:-30px; top:13px;} .indList .excerpt {font-size:16px; color:#555; line-height:1.625em; height:6.5em; overflow:hidden;} .indList .title i {font-style:normal; font-size:36px; margin-right:5px;} /*cnas实验室*/ .pgCnas .inner1200 {padding:45px 0 75px;} .cnasIntro {background-color:#f6f7f8; display:table; width:100%; margin-bottom:60px;} .cnasIntro .text {display:table-cell; font-size:16px; color:#555; padding:20px 50px 20px 30px;} .cnasIntro .text p {padding:15px 0; text-indent:2em;} .cnasIntro .text a {color:#555;} .cnasIntro .pic {display:table-cell; width:590px; vertical-align:middle;} .cnasIntro .pic img {display:block; width:100%; height:auto;} .cansInfo {margin-bottom:60px;} .cansInfo h4 {font-size:18px; color:#00a9b7; padding-left:20px; position:relative; margin-bottom:20px;} .cansInfo h4:before {content:''; display:block; width:10px; height:3px; background-color:#00a9b7; position:absolute; left:0; top:11px;} .cansInfo ul {position:relative; overflow:hidden;} .cansInfo ul:before {content:''; display:block; width:1px; height:100%; background-color:#e5f6f8; position:absolute; top:40px; left:6.5px;} .cansInfo ul:after {content:''; display:block; width:1px; height:27px; background-color:#fff; position:absolute; bottom:0; left:6.5px;} .cansInfo li {font-size:16px; color:#555; padding:20px 0 20px 45px; position:relative;} .cansInfo li:before {content:''; display:block; width:14px; height:14px; position:absolute; left:0; top:27px; background:#fff url(../images/icon_13.png) no-repeat center center; background-size:contain; z-index:2;} .cnasPdf {background-color:#f1f9fb; position:relative; font-size:20px; color:#555; padding:26px 230px 26px 30px;} .cnasPdf a {display:block; height:100%; width:200px; color:#fff; position:absolute; right:0; top:0; background-color:#ffaa23; text-align:center; white-space:nowrap; line- height:1em;} .cnasPdf a i {font-style:normal; position:absolute; left:0; width:100%; top:50%; margin-top:-0.5em;} /*CTDP实验室*/ .pgCtdp .inner1200 {padding:45px 0 75px;} .ctdpIntro {overflow:hidden; display:table;} .ctdpIntro .pic {display:table-cell; vertical-align:top; width:425px; height:auto;} .ctdpIntro .pic img {display:block; width:100%; height:auto;} .ctdpIntro .text {display:table-cell; vertical-align:middle; padding:0 50px 0 25px; font-size:16px; color:#555;} .ctdpIntro .text p {text-indent:2em; padding:15px 0;} .ctdpTech {background:#f6f7f8 url(../images/bg_ctdp.png) no-repeat left top; color:#555; position:relative;} .ctdpTech:after {content:''; display:block; background:url(../images/bg_ctdp2.png) no-repeat center center; width:410px; height:367px; position:absolute; right:0; bottom:0;} .ctdpTech .inner1200, .ctdpEff .inner1200 {padding:50px 0 35px; position:relative; z-index:2;} .ctdpTech h3, .ctdpEff h3 {font-size:18px; color:#00a9b7; position:relative; padding-left:20px;} .ctdpTech h3:before, .ctdpEff h3:before {content:''; display:block; width:10px; height:3px; background-color:#00a9b7; position:absolute; left:0; top:11px;} .ctdpTech .info, .ctdpEff .info {font-size:16px;} .ctdpTech .info p, .ctdpEff .info p {text-indent:2em; padding:15px 0;} .ctdpTech img, .ctdpEff img {width:auto; max-width:100%; height:auto;} .serList .serItem .cur a{color:#00a9b7;} /*国家工程中心*/ .pgWork .inner1200 {padding:45px 0; position:relative;} .pgWork h4 {font-size:24px; color:#00a9b7; text-align:center; margin-bottom:25px;} .pgWork h4:after {content:''; display:block; width:19px; height:3px; background-color:#00a9b7; margin:10px auto 0;} .workIntro {display:table; width:100%;} .workIntro .text {display:table-cell; vertical-align:middle; padding-right:40px;} .workIntro .text p {padding:15px 0; text-indent:2em; line-height:36px;} .workIntro .pic {display:table-cell; width:370px; vertical-align:top;} .workIntro .pic img {display:block; width:100%; height:auto;} .workVision {width:100%; background:url(../images/bg_work.png) no-repeat center center; background-size:100% 100%;} .workVision .inner1200 {padding:60px 0 45px;} .workVision ul {overflow:hidden;} .workVision li {float:left; width:18%; text-align:center; padding:25px 1%;} .workVision .icon {width:122px; padding-bottom:122px; position:relative; overflow:hidden; margin:0 auto 25px;} .workVision .icon img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;} .workVision p {font-size:18px; color:#555; padding:0 10px;} .workOrgan img, .workDir img, .workCont img, .workMain img {display:block; width:100%; height:auto; margin:0 auto;} .workDir {background:url(../images/bg_work2.png) no-repeat center center; background-size:100% 100%; color:#fff;} .workDir h4, .workCont h4 {color:#fff; margin-bottom:5px;} .workDir h4:after, .workCont h4:after {background-color:#fff;} .workDir p {text-align:center; margin-bottom:35px;} .workCont {background:url(../images/bg_work3.jpg) no-repeat center center; background-size:100% 100%; color:#fff;} .workCont h4 {margin-bottom:40px;} .workBase h4, .workList h4 {text-align:left; margin-bottom:30px;} .workBase h4:after, .workList h4:after {margin:10px 0 0;} .workBase table tr, .workList table tr {background-color:#f1f9fb; } .workBase table th, .workList table th {background-color:transparent; font-weight:normal;} .workBase table td, .workBase table th, .workList table td, .workList table th {border:1px solid #cfedf5; padding:20px 30px; font-size:16px; color:#555; width:50%;} .workBase table tr:nth-child(2n), .workList table tr:nth-child(2n) {background-color:#f8fcfd;} .workList table {text-align:center;} .workList table th, .workList table td {width:41%;} .workList .sn {width:8%; padding:20px 5px; background-color:#cfedf5; text-align:center; border-bottom-color:#e7f6fa;} .fixedNav {position:absolute; right:-200px; top:155px; z-index:9;} .fixedNav li {width:160px; height:35px; line-height:35px; text-align:center; background-color:#edf4f5; font-size:15px; border-radius:0 5px 0 5px; overflow:hidden; margin- bottom:10px;} .fixedNav li a {display:block; color:#333;} .fixedNav li.cur {background-color:#ffaa23;} .fixedNav li.cur a {color:#fff;} /*质量与认证*/ .pgCert .inner1200 {padding:45px 0 75px;} .pgCert .subNav li {width:120px;} .certList ul {overflow:hidden; margin-bottom:30px;} .certList li {width:33.333%; float:left; margin-bottom:-81px;} .certList .info {text-align:center; line-height:1.75em; height:3.5em; overflow:hidden;} .certList .info p {font-size:16px; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;} .certList .info time {font-size:14px; color:#888; display:block;} .certList .certPic {width:184px; margin:0 auto; height:254px; background:url(../images/bg_cert2.png) no-repeat right bottom; padding:29px 37px 0 29px; background- size:37px auto; position:relative; margin-bottom:25px;} .certList .certPic img {border:7px solid #3b3838; width:170px; height:240px; display:block;} .certList .certPic .new {display:block; width:58px; height:58px; background:url(../images/icon_new.png) no-repeat center center; background-size:contain; position:absolute; left:0; top:0;} .certList .certBg {width:100%; height:83px; background:url(../images/bg_cert.png) no-repeat center center; background-size:100% 100%; clear:both; margin-bottom:30px;} /*质量管理*/ .qualityControl .inner1200 {padding:60px 0 0} .qualityControl .top .artical{ padding: 55px 54px 0;margin-top: 55px;background: url(../images/qc_03.jpg) no-repeat;line-height: 31px;font-size: 15px;color: #666666;text- indent: 2em;} .qualityControl .middle{width: 100%;padding: 30px 0 0;background: url(../images/qcbg_02.jpg) no-repeat;background-position: center 0;background-size: auto 100%;} .qualityControl .middle .pgTitle p{ color: #fff;} .qualityControl .middle .ul{ width: 100%;overflow: hidden;padding-top: 20px;} .qualityControl .middle .ul li{display: table-cell;width: 33%;float: left;margin-bottom: 65px;padding-left: 80px;box-sizing: border-box;background: url(../images/qc_09_03.jpg) no-repeat;background-position: 0 76px;} .qualityControl .middle .ul .time{ display: inline-block;font-size: 14px;color: #47a7b4;} .qualityControl .middle .ul .time span{ display: inline-block;color: #666;vertical-align: middle;} .qualityControl .middle .ul .p{ color: #666;font-size:14px;line-height: 24px;padding-top: 28px;padding-right: 60px;padding-bottom: 400px;margin-bottom: -400px;} .qualityControl .bottom{width: 100%;padding: 15px 0 80px;background: url(../images/qcbg_03.jpg) no-repeat;background-position: center 0;background-size: auto 100%;} .qualityControl .bottom .pgTop{ margin-bottom: 50px;} .qualityControl .bottom .pgTitle p, .qualityControl .bottom .pgTitle h3{ color: #fff;} .qualityControl .bottom .table{ width: 100%;overflow: hidden;margin: 40px 0 60px;border: none;color: #fff;font-size: 14px;line-height: 24px;} .qualityControl .bottom .tr{width: 100%;height: 76px;border: none;} .qualityControl .bottom .tr td{border: none;} .qualityControl .bottom .tr .time{width: 15%;position: relative;} .qualityControl .bottom .tr .time:after{ content: " ";display: block;border-left:3px solid rgba(255, 255, 255, .2);position: absolute;top: 53px;left: 26px;height: 45px;width: 1px;} .qualityControl .bottom .tr:last-of-type .time::after{ display: none;} .qualityControl .bottom .tr .time img{ vertical-align: middle;margin-right: 10px;} .qualityControl .bottom .tr .p{width: 85%;} .qualityControl .bottom .content2, .qualityControl .bottom .content3{ font-size: 14px;line-height: 30px;color: #fff;} .qualityControl .content4{ font-size: 20px;line-height: 35px;color: #47a7b4;text-align: center;padding: 40px;} .qualityControl .content4 img{ vertical-align: middle;margin-right: 20px;} /*新闻事件*/ .pgNews .inner1200 {padding:45px 0 75px;} .newsList {margin-bottom:40px; overflow:hidden;} .newsEven {color:#555; margin-bottom:30px;} .newsEven a {padding-left:130px; display:block; position:relative; } .newsEven a:hover h4 {color:#00a9b7;} .newsEven .thumbnail {width:280px; height:210px; float:left; position:relative; overflow:hidden;} .newsEven .thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;} .newsEven .info {margin-left:280px; padding:35px; background-color:#f6f7f8; height:140px;} .newsEven h4 {font-size:18px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px; line-height:1.35em; color:#555; transition:all 0.2s ease 0s;} .newsEven .excerpt {font-size:15px; color:#888; line-height:1.6em; height:4.8em; overflow:hidden; margin-bottom:10px;} .newsEven .more {font-size:14px; background:url(../images/icon_14.png) no-repeat left center; padding-left:15px; color:#00a9b7;} .newsEven .date {position:absolute; left:0; top:0; width:130px; padding-right:20px; z-index:2;} .newsEven .date:after {content:''; display:block; width:150px; height:4px; background-color:#ddd; z-index:2; transition:all 0.2s ease 0s; margin-top:15px;} .newsEven .date time {display:block; font-size:16px; color:#ccc; width:75px; margin:0 auto;text-align:center;} .newsEven .date time i {font-style:normal; display:block; border-bottom:1px dashed #e2e2e2; font-size:66px; line-height:1em;} .newsEven a:hover .date:after {background:url(../images/bg_news.jpg) no-repeat center center;} /*人才招聘*/ .pgRecruit .inner1200 {padding:45px 0 75px;} .recList ul {overflow:hidden; width:103%;} .recList li {float:left; width:47%; padding-right:3%; padding-bottom:20px;} .recList a {display:block; background:no-repeat center center; background-size:contain; padding:8px;} .recList .pic {border:1px solid rgba(255,255,255,.8); padding-bottom:58.8%; position:relative;} .recList .text {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); text-align:center; color:#fff; font-size:24px;} .recList .text p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:5px 0;} /*9888拉斯维加斯网站心旅 && 职位直通车*/ .pgSch .inner1200 {padding:45px 0 75px;} .schTitle {text-align:center; padding:30px 0; border-top:1px solid #e5e5e5;} .schTitle.nt {border-top:none;} .schTitle h4 {font-size:20px; color:#00a9b7; margin-bottom:10px;} .schTitle p {font-size:15px; color:#555;} .schList {padding:0 8.3%;} .schItem {padding:40px 0;} .schItem .photo {float:right; width:50%; height:auto; padding-left:2%; padding-bottom:2%; position:relative;} .schItem .photo img {display:block; width:100%; height:auto;} .schItem .photo:before, .schItem .photo:after {content:''; display:block; width:65.8%; padding-bottom:38.8%; background:url(../images/bg_schL.png) no-repeat center center; background-size:contain; position:absolute; left:0; top:4%;} .schItem .photo:after {background-image:url(../images/bg_schR.png); left:auto; right:4%; top:auto; bottom:0;} .schItem .info {width:43%; padding:3% 0 3% 3%; float:left; font-size:15px; color:#555; position:relative;} .schItem .info:before {content:''; display:block; width:1px; height:100px; background-color:#00a9b7; position:absolute; left:0; bottom:-20px;} .schItem .info:after {content:''; display:block; width:100px; height:1px; background-color:#00a9b7; position:absolute; left:-20px; bottom:0;} .schItem h5 {font-size:22px; font-weight:normal; line-height:1.1em; margin-bottom:10px;} .schItem .meta {margin-bottom:4%;} .schItem .more {clear:both; padding-top:30px;} .schItem .more p {text-indent:2em;} .schItem:nth-child(2n) .photo {float:left; padding-left:0; padding-top:2%;} .schItem:nth-child(2n) .photo:before, .schItem:nth-child(2n) .photo:after {top:-2%; left:4%; background-image:url(../images/bg_schL2.png); width:65.6%; padding- bottom:50%;} .schItem:nth-child(2n) .photo:after {background-image:url(../images/bg_schR2.png); top:auto; bottom:-2%; left:auto; right:4%;} .schItem:nth-child(2n) .info {float:right; padding-right:3%; padding-left:0;} .schItem:nth-child(2n) .info:before {left:auto; right:0;} .schItem:nth-child(2n) .info:after {left:auto; right:-20px;} .pgShare {position:relative; text-align:center;} .pgShare .line {height:1px; width:100%; background-color:#e5e5e5; position:absolute; top:50%; left:0; margin-top:-0.5px;} .pgShare ul {display:inline-block; background-color:#fff; position:relative; z-index:2; padding:0 15px;} .pgShare li {float:left; position:relative; display:block; padding:0 8px;} .pgShare li span {background-color:#fff; border:1px solid #eee; border-radius:5px; width:120px; padding:5px; position:absolute; left:50%; bottom:50px; margin-left:-66px; display:none; z-index:2;} .pgShare li span:after {content:''; display:block; width:10px; height:10px; border-left:1px solid #eee; border-bottom:1px solid #eee; transform:rotate(-45deg); position:absolute; left:50%; bottom:-6px; margin-left:-6px; z-index:2; background-color:#fff;} .pgShare li img {display:block; width:100%; height:auto;} .pgShare li a {text-indent:-9999em; display:block; width:35px; height:35px; border-radius:50%; background:no-repeat center center; border:1px solid #cbcbcb;} .pgShare li a.wb {background-image:url(../images/icon_wb.png);} .pgShare li a.wx {background-image:url(../images/icon_wx.png);} .pgShare li a.qq {background-image:url(../images/icon_qq.png);} .pgSch table {border-top:none;} .pgSch tr {background-color:#f6f7f8;} .pgSch tr:nth-child(2n) {background-color:#f1f1f1;} .pgSch th {background-color:#00a9b7; color:#fff; font-size:18px; font-weight:normal; padding:6px; border-right:1px solid #fff; border-top:none; border-left:1px solid #00a9b7; border-bottom-color:#fff;} .pgSch th:last-child {border-right:1px solid #00a9b7;} .pgSch td {font-size:15px; padding:6px; color:#555; text-align:center; border-color:#fff;} .jobBox {margin-bottom:30px;overflow: auto;} .jobBox img {display:block; width:100%; height:auto;} .jobBox .scWrap {min-width: 640px;} .jobBox .scWrap .scTop dd.name {width: 18%;} .jobBox .scWrap .scTop dd.major {width: 44%;} .jobBox .scWrap .scTop dd.edu {width: 8%;} .jobBox .scWrap .scTop dd.num {width: 8%;} .jobBox .scWrap .scTop dd.add {width: 22%;} .boxWrap {width:102%; overflow:hidden;} .mtBox {float:left; width:23%; padding:30px 2% 30px 0;} .mtBox .mtMain {border:1px solid #e5e5e5;} .mtBox .title {text-align:center; margin-top:-15px; font-size:18px; color:#555;} .mtBox span {background-color:#fff; padding:0 20px;} .mtBox .info {font-size:15px; color:#888; padding:15px 25px;} .mtBox .info p {padding:20px 0;} /*社会招聘*/ .pgScial .inner1200 {padding:45px 0 75px; overflow-x:auto;} .pgScial .scWrap {min-width:640px;} .pgScial .name {width:19%;} .pgScial .major {width:23.5%;} .pgScial .num {width:12%;} .pgScial .cmy {width:21.5%;} .pgScial .date {width:16.5%;} .pgScial .last {width:7.5%; border-right:none; position:relative; height:40px;} .scTop {background-color:#00a9b7; color:#fff;} .scTop dl, .scItem .job {border-bottom:1px solid #fff; overflow:hidden;} .scTop dd, .scItem .job dd {float:left; text-align:center; font-size:18px; padding:6px; border-right:1px solid #fff; box-sizing:border-box; } .scItem .job {background-color:#f1f1f1; cursor:pointer; user-select:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; align-items:center; display: flex;} .scItem:nth-child(2n) .job {background-color:#f6f7f8;} .scItem .job dd {font-size:15px; color:#555;} .scItem .job .btn {font-style:normal; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/icon_15.png) no-repeat center center; } .scItem .job .btn.open {background-image:url(../images/icon_16.png);} .scCont {border:1px solid #e5e5e5; padding:17px 4%; font-size:15px; color:#555; box-sizing:border-box; display:none;} .scCont .box {padding:13px 0;} .scCont .box:after { content: " ";display: block;clear: both;} .scCont h4 {font-size:15px; color:#00a9b7; margin-bottom:10px;} .scCont dl {border:1px solid #e5e5e5; border-collapse: collapse; display:table; width:100%; margin-bottom:-1px;} .scCont dd {display:table-cell; width:250px; font-size:15px; color:#555; border-right:1px solid #e5e5e5; padding:6px 20px;} .scCont .name {width:110px; background-color:#f6f7f8; padding:6px 0; text-align:center;} .scCont .btn {float:left;} .scCont .btn a {display:block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#ffaa23; font-size:18px;} .scCont .social {float:left;} .scCont .social ul { padding:0 10px;} .scCont .social ul:after { content: " ";display: block;clear: both;} .scCont .social li {float:left; padding:0 6px;} .scCont .social a {display:block; text-indent:-9999em; width:37px; height:37px; border-radius:50%; border:1px solid #cbcbcb; background:no-repeat center center;} .scCont .social li.wb a {background-image:url(../images/icon_wb.png);} .scCont .social li.wx a {background-image:url(../images/icon_wx.png);} .scCont .social li.qq a {background-image:url(../images/icon_qq.png);} .apply {display:none;} .alBg {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:10;} .alBox {width:600px; background-color:#fff; border-radius:5px; position:fixed; left:50%; top:34%; margin:-215px 0 0 -300px; z-index:11; padding:40px 0; -webkit-overflow- scrolling:touch;} .alBox .item {padding:10px 0; overflow:hidden; width:390px; margin:0 auto;} .alBox label {display:block; float:left; height:37px; line-height:37px; width:90px; text-align:right;} .alBox .text {border:1px solid #eee; height:35px; line-height:normal; width:295px; border-radius:3px; text-indent:5px;} .alBox i {font-style:normal; color:#f00;} .alBox em {display:block; float:left; height:37px; line-height:37px; font-style:normal;} .alBox span {font-size:14px; color:#888; display:block; clear:both; margin-left:85px;} .alBox .submit {padding-left:83px; margin:0 auto; overflow:hidden; width:297px;} .alBox .submit input, .alBox .submit .canel {background-color:#eee; width:100px; display:block; float:left; cursor:pointer; height:37px; line-height:37px; margin:0 2px; text- align:center; font-size:14px; color:#888;} /*集团介绍*/ .pgGroup .inner1200 {padding:45px 0 0;} .gpIntro {font-size:15px; color:#555; line-height:2em; background:url(../images/bg_group.png) no-repeat center center / 100% 100%;} .gpIntro .inner1200 {padding:0 0 45px;} .tpTop {padding:0 51px; position:relative; margin-bottom:80px;} .tpTop:before, .tpMid:before {content:''; display:block; width:130px; height:4px; background:url(../images/bg_group.jpg) no-repeat center center; position:absolute; left:0; top:20px;} .gpIntro img {display:block; width:100%; height:auto; margin-bottom:30px;} .tpMid {border:1px solid #2db5c7; padding:35px 50px; position:relative; margin-bottom:80px;} .tpMid:before {left:50%; top:-2px; margin-left:-65px;} .midTitle {text-align:center; font-size:22px; color:#00a9b7; line-height:1em; margin-bottom:35px;} .midIntro {font-size:15px; color:#555;} .tpBtm {overflow:hidden; padding:0 100px;} .tpBtmWrap { display:table; width:100%;} .tpBtm .pic {display:table-cell; width:380px;} .tpBtm .info {display:table-cell; vertical-align:middle; padding-left:100px;} .tpBtm .btmTitle {font-size:22px; color:#00a9b7; margin-bottom:15px;} .tpBtm .btmIntro {font-size:15px; color:#555; } .tpBtm .btmIntro p {line-height:2em; padding:15px 0;} .gpHis {background:url(../images/bg_group2.jpg) no-repeat center center; background-size:100% 100%;} .gpHis .inner1200 {padding:60px 0;} .gpHis hgroup {margin-bottom:70px;} .gpHis h4, .gpOrgan h4 {text-align:center; font-size:24px; color:#fff; font-weight:normal; line-height:1.35em;} .gpHis p, .gpOrgan p {text-align:center; font-size:36px; line-height:1.35em; color:#fff; text-transform:uppercase;} .gpHis .tips {padding-top:30px;} .gpHis .tips p {font-size:14px; text-align:left;} .hisYear {background:url(../images/bg_history.png) no-repeat center center; background-size:contain; overflow:hidden; padding-bottom:15%; position:relative;} #hisYear {position:absolute; left:50%; top:0; margin-left:-7%; height:100%; width:14%;} #hisYear.owl-carousel .owl-stage-outer {overflow:visible;} #hisYear .item {text-align:center; color:#fff; opacity:0.5; position:relative; font-size:18px; transition:all 0.5s ease 0s; padding-top:22%;} #hisYear .owl-item.active .item {opacity:1; font-size:30px; padding-top:0;} #hisYear .item i {display:block; font-style:normal; width:10px; height:10px; border-radius:50%; border:1px solid #fff; margin:5px auto 5px; transition:all 0.3s ease 0s;} #hisYear .item i:after {height:0;} #hisYear .owl-item.active .item i { border-width:2px; margin-bottom:20px;} #hisYear .owl-item.active .item i:after {content:''; display:block; width:2px; height:20px; background-color:#fff; margin:10px auto;} #hisYear .owl-item.next2 .item,#hisYear .owl-item.prev.active .item, #hisYear .owl-item.prev2 .item, #hisYear .owl-item.prev2.prev.active .item, #hisYear .owl- item.next2.next.active .item, #hisYear .owl-item.next.active .item {padding-top:0;} #hisYear .owl-item.next .item, #hisYear .owl-item.next2.next .item, #hisYear .owl-item.prev .item, #hisYear .owl-item.prev2.prev .item {padding-top:22%;} .hisBox {padding:0 100px; position:relative;} .hisBox a {display:table; overflow:hidden; color:#fff;} .hisBox .item {width:100%;} .hisBox .thumbnail {width:258px; overflow:hidden; position:relative; display:table-cell;} .hisBox .thumbnail img {display:block; width:100%; height:auto; border:1px solid #fff; box-sizing:border-box;} .hisBox .info { display:table-cell; vertical-align:middle; padding:10px 50px;} .hisBox .info .year {font-size:20px; margin-bottom:5px;} .hisBox .info p {font-size:16px; text-align:left;} #hisBox.owl-carousel {position:static;} .hisBox .owl-prev, .hisBox .owl-next {width:19px; height:37px; background:no-repeat center center; position:absolute; top:50%; margin-top:-18.5px; text-indent:-9999em; cursor:pointer; border:none;} .hisBox .owl-prev {left:0; background-image:url(../images/icon_19.png);} .hisBox .owl-next {right:0; background-image:url(../images/icon_20.png);} .hisBox_item {display:flex;overflow-x:auto}; .gpOrgan {background:url(../images/bg_group.png) no-repeat center center; background-size:100% 100%;} .gpOrgan h4 {color:#00a9b7;} .gpOrgan p {color:#ddd;} .ogMain {padding:50px 0;} .ogTop ul {position:relative;} .ogTop li {color:#fff; text-align:center; width:190px; height:40px; line-height:40px; font-size:16px; margin:0 auto;} .ogTop li span {background-color:#ffaa23; display:block;} .ogTop li.li1 {width:140px; margin-bottom:50px;} .ogTop li:after {content:''; display:block; width:1px; height:50px; background-color:#b3b3b3; margin:0 auto;} .ogTop li.li2 {position:absolute; left:50%; top:50px; width:348px;} .ogTop li.li2 span {width:190px; float:right;} .ogTop li.li2:after {width:158px; height:1px; margin:0; position:absolute; top:50%; margin-top:-0.5px; left:0;} .ogTop li.li3 {margin-bottom:40px;} .ogTop li.li3:after {height:40px;} .ogMid:before {content:''; display:block; width:1022px; border-top:1px solid #b3b3b3; margin:0 auto;} .ogMid ul {margin-bottom:30px;} .ogMid li {width:180px; height:40px; line-height:40px; text-align:center; color:#fff; float:left;} .ogMid li span {background-color:#00a9b7; display:block;} .ogMid li:before {content:''; display:block; width:1px; height:20px; background-color:#b3b3b3; margin:0 auto;} .ogMid li.li1 {margin-right:80px;} .ogMid li.li2 {margin-right:35px;} .ogMid li.li3 {width:250px; margin-right:35px; margin-bottom:20px;} .ogMid li.li3:before {height:90px;} .ogMid li.li5 {float:right; margin-right:-1px;} .ogOther {width:250px; margin:0 auto 20px; height:40px; line-height:40px; text-align:center;} .ogOther:after {width:1px; height:20px; content:''; display:block; background-color:#b3b3b3; margin:0 auto;} .ogOther span {background-color:#00a9b7; display:block; color:#fff;} .ogOther span a,.ogOther span a:hover{color:#fff!important;} .ogBtm {padding-bottom:300px;} .ogBtm:before {content:''; display:block; width:721px; height:1px; background-color:#b3b3b3; margin:0 auto;} .ogBtm ul {font-size:0; text-align:center;} .ogBtm li {display:inline-block; font-size:14px; color:#fff; vertical-align:top; line-height:1.125em; padding:0 20px; position:relative;} .ogBtm li.green span {background-color:#00c38e;} .ogBtm li span {display:block; width:50px; height:250px; background-color:#63c6ce; } .ogBtm li span i {font-style:normal; transform:rotate(90deg); display:block;} .ogBtm li a {width:1em; display:block; margin:0 auto; color:#fff; padding:20px 0;} .ogBtm li:before {content:''; display:block; width:1px; height:20px; background-color:#b3b3b3; margin:0 auto;} .ogBtm li .ogSub {position:absolute; left:50%; margin-left:-60px; bottom:-250px; text-align:center; width:120px; vertical-align:top; height:250px; font-size:0;} .ogBtm li .ogSub:before {width:1px; height:20px; background-color:#b3b3b3; content:''; display:block; margin:0 auto;} .ogBtm li .ogSub span {width:48px; height:auto; background-color:#fff; border:1px solid #ffaa23; display:inline-block; font-size:14px; margin:20px 5px 0; position:relative; height:229px} .ogBtm li .ogSub span:before {width:1px; height:20px; background-color:#b3b3b3; content:''; display:block; position:absolute; top:-21px; left:50%; margin-left:-0.5px;} .ogBtm li .ogSub a {color:#ffaa23;} .ogBtm li .ogSub.ogSub2:after {content:''; display:block; position:absolute; top:20px; left:29px; height:1px; width:60px; background-color:#b3b3b3;} .ogBtm li .ogSub.ogSub2 a {color:#fff;} .ogBtm li .ogSub.ogSub2 span {background-color:#00c38e; border-color:#00c38e;} .ogMain .level3 li{float:left;width: 3.25%;line-height:1.5;text-align:center;margin-right: 4.42%;box-sizing:border-box;line-height:1.2;} .ogMain .level3 li span{background-color:#63c6ce;display:block;padding:5px;height:270px;} .ogMain .level3 li:last-of-type{width:4.25%;} .ogMain .level3 li:last-of-type span{background:#00c38e;} .ogMain .level3 li:nth-of-type(9) span{background:#00c38e;} .ogMain .level3 li:last-of-type{margin-right:0;} .ogMain .level3:before {content:''; display:block; width:1160px; border-top:1px solid #b3b3b3; margin:0 auto;} .ogMain .level3 li:before {content:''; display:block; width:1px; height:20px; background-color:#b3b3b3; margin:0 auto;} .ogMain .level4 .ogSub{float:left;margin-right:5.5%} .ogMain .level4 .ogSub:nth-of-type(1){width:3.25%;} .ogMain .level4 .ogSub:nth-of-type(2){width:30%;margin-right:0;} .ogMain .level4 .ogSub:nth-of-type(2) span{width:11%;display:block;float:left;margin-right:2.25%} .ogMain .level4 .ogSub:nth-of-type(2):after { content: ''; width: 1px; height: 40px; background-color: #b3b3b3; position: absolute; top: 0; left: 40.6%;} .ogMain .level4 .ogSub:nth-of-type(3){width:3.25%;margin-right: 6.5%;} .ogMain .level4 .ogSub:nth-of-type(4){width:3.25%;margin-right: 4.25%;} .ogMain .level4 .ogSub:nth-of-type(5){width:3.25%;} .ogMain .level4 .ogSub:nth-of-type(6){width:14%; margin-right:0;} .ogMain .level4 .ogSub:nth-of-type(6) span{float:left;display:block;width:23.21%;margin-right: 15%;} .ogMain .level4 .ogSub span a{padding:5px;display:block;box-sizing:border-box;line-height:1.2;text-align:center;height:330px;} .ogMain .level4 .ogSub span:before{content:''; display:block; width:1px; height:80px; background-color:#b3b3b3; margin:0 auto;} .ogMain .level4 .ogSub:nth-of-type(6){padding-left:5%; position:relative;} .ogMain .level4 .ogSub:nth-of-type(6) span:last-of-type{margin-right:0;} .ogMain .level4 .ogSub:nth-of-type(6) span:first-of-type:before{height:40px;margin-top:40px;} .ogMain .level4 .ogSub:nth-of-type(6) span:last-of-type:before{height:40px;margin-top:40px;} .ogMain .level4 .ogSub:nth-of-type(6):before{content:'';width:57.16%;height:1px;background-color:#b3b3b3;position:absolute;top:40px; left:34.5%;} .ogMain .level4 .ogSub:nth-of-type(6):after{content:'';width:1px;height:40px;background-color:#b3b3b3;position:absolute;top:0;left:62.8%} .ogMain .level4 .ogSub2 span:first-of-type a, .ogMain .level4 .ogSub2 span:nth-of-type(2) a, .ogMain .level4 .ogSub2 span:nth-of-type(3) a, .ogMain .level4 .ogSub2 span:nth-of-type(4) a{border:none;background-color:#00c38e;} .ogMain .level4 .ogSub2 span:last-of-type a{border:none;background-color:#00c38e;} /*.ogMain .level4{margin-bottom:100px;}*/ .ogMain .level4 .ogSub span a{border:1px solid #ffaa23;background-color:#fff;} .ogMain .level4 .ogSub:nth-of-type(2){position:relative;} .ogMain .level4 .ogSub:nth-of-type(2):before{content:'';width:80%;height:1px;background-color:#b3b3b3;position:absolute;top:40px; left:5%;} .ogMain .level4 .ogSub:nth-of-type(2) span:before{height:40px;margin-top:40px;} .ogMain .level4 .ogSub:nth-of-type(2) span:last-of-type:before{height:40px;margin-top:40px;} .note li {overflow:hidden; line-height:27px; color:#555; font-size:16px; padding:5px 0;} .note li span {display:block; width:55px; height:25px; float:left; border:1px solid transparent; margin-right:15px;} .note li span.one {background-color:#63c6ce; border-color:#63c6ce;} .note li span.two {background-color:#fff; border-color:#ffaa23;} .note li span.three {background-color:#00c38e; border-color:#00c38e;} @media(max-width:1280px){ .ogMain .level3:before{width:96.85%;} } @media(max-width:767px){ .ogMain .level3:before{width:87.85%;margin-left:2.55%;} .ogMain .level3 li{width:5.25%;margin-right:4.5%;} .ogMain .level4 .ogSub{margin-right:4.5%;} .ogMain .level4 .ogSub:nth-of-type(1){width:5.25%;} .ogMain .level4 .ogSub:nth-of-type(2){width:29.5%;} .ogMain .level4 .ogSub:nth-of-type(2) span{width:17%;margin-right:16%;} .ogMain .level4 .ogSub:nth-of-type(2):before{left:9%;width:65.5%;} .ogMain .level4 .ogSub:nth-of-type(3){width:5.25%;} .ogMain .level4 .ogSub:nth-of-type(4){width:5.25%;} .ogMain .level4 .ogSub:nth-of-type(5){width:5.25%;} .ogMain .level4 .ogSub:nth-of-type(6){padding-left:5%;} .ogMain .level4 .ogSub:nth-of-type(6) span{width:34.21%;margin-right:31.58%;} .ogMain .level4 .ogSub:nth-of-type(6):before{left:38.5%;width:49.16%;} } @media(max-width:640px){ .ogMain .level3:before{margin-left:3.55%;} .ogMain .level3 li{width:7.25%;margin-right:2.5%;} .ogMain .level4 .ogSub{margin-right:2.5%;} .ogMain .level4 .ogSub:nth-of-type(1){width:7.25%;} .ogMain .level4 .ogSub:nth-of-type(2) span{width:24%;margin-right:9.25%;} .ogMain .level4 .ogSub:nth-of-type(2):before{left:12%;} .ogMain .level4 .ogSub:nth-of-type(3){width:7.25%;} .ogMain .level4 .ogSub:nth-of-type(4){width:7.25%;} .ogMain .level4 .ogSub:nth-of-type(5){width:7.25%;} .ogMain .level4 .ogSub:nth-of-type(6) span{width:43.21%;margin-right:13.58%;} .ogMain .level4 .ogSub:nth-of-type(6):before{left:31.5%;width:50.16%;} .ogMain .level4 .ogSub:nth-of-type(6){width:19%;padding-left:3%;} } @media(max-width:420px){ .ogMain .level3 li span{padding:0;} .ogMain .level4 .ogSub span a{padding:0;} } /*生产基地*/ .pgPro .inner1200 {padding:45px 0 0;} .mapWorld {} .mapWorld .inner1200 {position:relative;} .mapWorld .item {background:url(../images/icon_point.png) no-repeat center center;margin-bottom:20px;} .mapWorld .item .info { z-index:3; background:url(../images/bg_map2.png) no-repeat right top; padding-right:16px; padding-top:4px;} .mapWorld .item .info:after {content:''; display:block; width:20px; height:20px; background-color:#fff; transform:rotate(45deg); position:absolute; bottom:-10px; left:50%; margin-left:-10px;} .mapWorld .item ul { background-color:#fff; padding:15px 20px;border:1px solid #eee;} .mapWorld .item li {padding:5px 0;} .mapWorld .item .label {font-size:16px; color:#999; display:block; float:left; width:80px; text-align:right;} .mapWorld .item .text {display:block; margin-left:80px; font-size:16px; color:#555;} /*销售网络*/ .pgNet .inner1200 {padding:45px 0;} .pgNet {clear:both; width: 100%;} .mapNet .inner1200 {padding:0;position:relative;} .mapNet .xp {margin-bottom:20px;} .mapNet .xp p {background:no-repeat left center; padding-left:25px; font-size:16px; color:#555;} .mapNet .xp p.star {background-image:url(../images/icon_17.png);} .mapNet .xp p.square {background-image:url(../images/icon_18.png);} .mapNet .item {margin-bottom:20px;} .mapNet .item i {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;} .mapNet .mapMain {background:url(../images/bg_net.png) no-repeat right top; padding-right:30px; padding-top:2px;z-index:10;} /*.mapNet .item_dg .mapMain {display:block;}*/ .mapNet .mapMain:after {width:20px; height:20px; content:''; display:block; background-color:#fff; transform:rotate(45deg); position:absolute; left:50%; bottom:-10px; margin-left:-11px;} .mapNet .info { background-color:#fff; padding:25px; border:1px solid #f4f4f4;} .mapNet h4 {font-weight:normal; font-size:16px; color:#555; margin-left:135px;} .mapNet li {padding:5px 0;} .mapNet span {display:block;} .mapNet .name {color:#999; width:135px; text-align:right; float:left;} .mapNet .text {margin-left:135px; word-wrap: break-word; } .subNav li{padding-right:8px!important; padding-left:0px!important; padding-bottom:8px;} .ogMain .level4 .ogSub2:nth-of-type(2) a{border:none;background-color:#00c38e;} .ogMain .level3 li:nth-child(4){margin-right: 18.5%;} .ogMain .level3 li:nth-child(5){margin-right: 10.5%;} .ogMain .level3 li:nth-child(7){margin-right: 9.5%;} .ogMain .level4 .ogSub:nth-of-type(1){margin-right: 8%;} .ogMain .level4 .ogSub:nth-of-type(2):after{left: 45%;} .ogMain .level4 .ogSub:nth-of-type(2){margin-right:1%} .ogMain .level4 .ogSub:nth-of-type(3) span:before{ height: 40px; margin-top: 40px; } .ogMain .level4 .ogSub:nth-of-type(3):before{content:'';width:49%;height:1px;background-color:#b3b3b3;position:absolute;top:40px; left:17%;} .ogMain .level4 .ogSub:nth-of-type(3):after { content: ''; width: 1px; height: 40px; background-color: #b3b3b3; position: absolute; top: 0; left: 40.6%;} .ogMain .level4 .ogSub:nth-of-type(3){width:10%;position:relative;} .ogMain .level4 .ogSub:nth-of-type(3) span{width:34%;display:block;float:left;margin-right:15%} .ogMain .level4 .ogSub:nth-of-type(5){margin-right:0;} .ogMain .level4 .ogSub:nth-of-type(6){padding-left: 4%;position:relative;} .ogMain .level4 .ogSub:nth-of-type(6):before{content:'';width: 60.16%;height:1px;background-color:#b3b3b3;position:absolute;top:40px;left: 30.5%;} .ogMain .level4 .ogSub:nth-of-type(6):after{content:'';width:1px;height:40px;background-color:#b3b3b3;position:absolute;top:0;left: 60.8%;} /*5*/ .ogMain .level5{margin-bottom:100px;} .ogMain .level5 .ogSub{float:left;margin-right:5.5%} .ogMain .level5 .ogSub:nth-of-type(1){width:14%; margin-right:0;} .ogMain .level5 .ogSub:nth-of-type(1) span{float:left;display:block;width:23.21%;margin-right: 15%;} .ogMain .level5 .ogSub span a{padding:5px;display:block;box-sizing:border-box;line-height:1.2;text-align:center;height:280px;} .ogMain .level5 .ogSub span:before{content:''; display:block; width:1px; height:80px; background-color:#b3b3b3; margin:0 auto;} .ogMain .level5 .ogSub:nth-of-type(1){padding-left:5%; position:relative;margin-left: 5%;margin-right: 55%;} .ogMain .level5 .ogSub:nth-of-type(1) span:last-of-type{margin-right:0;} .ogMain .level5 .ogSub:nth-of-type(1) span:first-of-type:before{height:40px;margin-top:40px;} .ogMain .level5 .ogSub:nth-of-type(1) span:last-of-type:before{height:40px;margin-top:40px;} .ogMain .level5 .ogSub:nth-of-type(1):before{content:'';width:57.16%;height:1px;background-color:#b3b3b3;position:absolute;top:40px; left:34.5%;} .ogMain .level5 .ogSub:nth-of-type(1):after{content:'';width:1px;height:40px;background-color:#b3b3b3;position:absolute;top:0;left:62.8%} .ogMain .level5 .ogSub:nth-of-type(2){width:3.25%} .ogMain .level5 .ogSub span a{background-color:#F7EED6;} .note li span.four {background-color:#F7EED6; border-color:#F7EED6;}