html { font-size: 62.5%; -webkit-tap-highlight-color: transparent } body { position: relative; background: #fff; font-family: "Microsoft YaHei"; line-height: 1.6; color: #525252; font-size: 1.4rem } /* 基本元素重置 */ html,body { margin:0px auto; } a:link { color:#525252; text-decoration:none; } a { text-decoration:none; color:#525252; } a:hover { text-decoration:none; color:#e1342c; } a:active { text-decoration:none; color:#525252; } a img, img { border:none;vertical-align:middle; height: auto; max-width:100% } html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed { padding:0px; margin:0px; list-style:none; } input, textarea, select, button, file { vertical-align:middle} table{border-collapse:collapse;border-spacing:0} input, textarea, select { -webkit-box-sizing: border-box; box-sizing: border-box } .clear {overflow:hidden; clear:both ; } h1, h2, h3, h4, h5, h6 { font-weight:normal} .fl{float:left} .fr{float:right} .pr{ position: relative; } .pa{ position: absolute; } .h15 { height:15px } .wrap { padding:0px 15px; overflow:hidden } .wrapper,.m_main { padding:10px 15px; overflow:hidden } .mb-10 { margin-bottom:10px } .mb-20 { margin-bottom:20px } a.nourl { pointer-events: none;} /* 头部 */ .header .logo img { height:40px; margin-left:10px} .cd-main-content { /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */ min-height: 100%; position: relative; background-color: #fff; z-index: 2; padding-top: 60px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } .cd-main-content.lateral-menu-is-open { /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/ -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } header { position: absolute; top: 0; left: 0; height: 40px; padding:10px 0; width: 100%; background: #1f2022; z-index: 3; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } header.lateral-menu-is-open { /* translate to show the lateral menu */ -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } header.is-fixed { position: fixed; } #cd-menu-trigger { position: absolute; right: 10px; top: 12px; border-radius:3px; overflow:hidden; height: 36px; width: 36px; background:#f5a411 url(../images/nav.png) no-repeat center; } .lateral-menu-is-open #cd-menu-trigger { background:#f5a411 url(../images/close.png) no-repeat center;} #cd-lateral-nav { position: fixed; height: 100%; right: 0; top: 0; /* the secondary navigation is covered by the main element */ z-index: 1; width: 260px; background-color: #1f2022; overflow-y: auto; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } .cd-navigation { padding-right:20px; padding-top:50px; } #cd-lateral-nav a.tit { display: block; line-height: 40px; padding: 0 20px 0 30px; color: #fff; } #cd-lateral-nav .sub-menu { padding: 5px 10px 10px 40px; display: none; } #cd-lateral-nav .sub-menu a { color:#aab5b7 } #cd-lateral-nav .sub-menu li { line-height:32px; height:32px; } #cd-lateral-nav .item-has-children>a { background:url(../images/icon1.png) no-repeat center right;} #cd-lateral-nav .item-has-children>a.submenu-open { background:url(../images/icon2.png) no-repeat center right;} /*导航*/ .nav { background:#fac944; } .nav ul li { float:left; width:33.33%; text-align:center } .nav ul li a { display:block; color:#fff; height:34px; line-height:34px; border-right:1px solid #fad982; border-bottom:1px solid #fad982; } .nav ul li.active a { color:#a30007} /*底部*/ .footer { color: #eee; padding:20px 0px; line-height:2; margin-top:20px; background:url(../images/footbg.jpg) no-repeat center; background-size: cover; } .footer a { color: #eee; } .footer b { margin-right:15px } .footer .weixin { text-align:center} .footer .weixin img { max-width:80%; margin-top:20px } .copyright { font-size:1rem; color: #aaa; background:#333333; text-align:center } .copyright a { color: #aaa;} .copyright .web_copyright a { display:none } .footer-menu-box { height:50px; } .footer-menu { position:fixed; bottom:0px; left:0; width:100%; background:#1f2022; padding:6px 0; z-index:100 } .footer-menu ul li { float:left; width:20%; text-align:center; background-position:center top; background-repeat:no-repeat} .footer-menu ul li a { display:block; padding-top:30px; font-size:12px; color:#eee } .footer-menu ul li.li0 { background-image:url(../images/nav0.png);} .footer-menu ul li.li1 { background-image:url(../images/nav1.png);} .footer-menu ul li.li2 { background-image:url(../images/nav2.png);} .footer-menu ul li.li3 { background-image:url(../images/nav3.png);} .footer-menu ul li.li4 { background-image:url(../images/nav4.png);} /*内页左侧*/ .location { height:40px; line-height:40px; color:#fff; } .location b { font-size:18px; padding-bottom:5px; border-bottom:2px solid #f5a411 } .location span { float:right; margin-top:10px } .location a { color:#eee } .column-bg { position: relative; margin-bottom:20px; width:100%; height:60px; padding-top: 60px; background-size: cover; background-position:center; background-repeat:no-repeat; } .column-tit { border-bottom:2px solid #f5a411; font-size:20px; color:#222; height:40px; margin-bottom:15px } .submenu{ border:1px solid #ddd; margin-bottom:25px } .submenu ul li { height:40px; line-height:40px; margin-bottom:1px } .submenu ul li:last-child { margin-bottom:0} .submenu ul li a { display:block; padding-left:40px; background:url(../images/iconmenu.png) no-repeat 15px center;} .submenu li.current,.submenu li:hover { background:#f0f0f0; } .submenu h1 { height:40px; line-height:40px; margin-bottom:1px; background:#f0f0f0; border-bottom:1px solid #ddd; font-weight:bold; color:#111; font-size:16px; text-indent:15px; } .submenu ul h1 { margin-bottom:10px; } .submenu p a { display:block; padding:5px 25px;} .submenu dl{ padding:8px 25px;} .submenu dl a { display:block; height:30px; line-height:30px; } /*首页banner*/ .slick-slider{position: relative; display: block; margin-bottom:20px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-track{position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block; width: 100%;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto;} .slick-arrow.slick-hidden{display: none;} .slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; cursor: pointer; position: absolute; z-index: 1;} .slick-dots{ height: 10px; line-height: 1; position: absolute; width: 100%; bottom:10px; list-style: none; display: block; text-align: center; padding: 0px; } .slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 10px; cursor: pointer; width: 10px; overflow: hidden; height: 10px; background: #d4d4d4; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 4px;} .slick-dots li button{ background: none; border: none; outline: none; font-size: 0; } .slick-dots li.slick-active,.i_nslick .slick-dots li.slick-active{ overflow: hidden; background: #c6ba9a; } .banner-wrap{ height: auto; position:relative } .banner-wrap .banner-bg{ height: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; position:relative} .banner .slick-prev{ opacity: 0; left: 2%; width: 48px; height: 48px; margin-top: -24px; background-image: url("../images/icon3.png"); background-position: center; background-repeat: no-repeat; background-size: contain; } .banner .slick-next{ opacity: 0; right: 2%; width: 48px; height: 48px; margin-top: -24px; background-image: url("../images/icon4.png"); background-position: center; background-repeat: no-repeat; background-size: contain; } /*---------首页-----------*/ .i-tit { height:42px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:15px; } .i-tit b { font-size:16px; color:#333; border-bottom:2px solid #f5a411; display:inline-block } .i-tit a { font-size:13px; float:right; line-height:12px; margin-top:15px;} .i-tit a::after {color:#fff; content: ">"; background:#f5a411; font-family:"新宋体"; margin:0px 3px; padding:0px 3px } .i-box { min-height:200px; margin:20px auto; } .i-submenu h1 {background:#f0f0f0; color:#111; font-size:14px; font-weight:bold; padding:0px 12px; height:30px; border-bottom:1px solid #ddd; line-height:30px;} .i-submenu dl { width:48%; float:left; margin-bottom:15px } .i-submenu dl:nth-of-type(2n) { margin-left:4% } .i-submenu dl p { height:30px; line-height:30px; margin:0px 10px; overflow:hidden; background:url(../images/submenu.png) no-repeat center left; padding-left:25px; } .i-submenu dl a.more { margin:15px auto; font-size:12px; display:block; height:30px; line-height:30px; background:#f5a411; color:#fff; border-radius:18px; text-align:center; color:#fff } /*案例展示*/ .i-case ul li { position:relative; margin-bottom:15px; } .i-case ul li .pic { width:30%; float:left } .i-case ul li .pic img { width:100% } .i-case ul li .text { width:67%; float: right } .i-case ul li .text h3 a { font-size:16px; color:#111 } .i-case ul li .text p { color:#999; margin:5px 0; line-height:24px } .i-case ul li .text a.more { background:#f5a411; font-size:12px; color:#fff; display: inline-block; text-align:center; width:70px; height:22px; line-height:22px; } /*资质认证*/ .i-honor { margin:20px auto} .i-honor ul li { position:relative; width:32%; float:left; margin:0px 2% 10px 0px; text-align:center;} .i-honor ul li:nth-of-type(3n) { margin-right:0 } .i-honor ul li .pic { width:100%; } .i-honor ul li .pic img { width:100%; height:70px; margin-bottom:5px } .i-honor ul li .text { } .i-honor ul li .text h3 { font-size:14px; color:#111; } .i-honor ul li .text p { font-size:12px } /*新闻*/ .i-news { margin:20px auto 40px auto } .i-news li { position:relative; color:#999; margin-bottom:15px; } .i-news li span { width:60px; height:60px; display:block; text-align:center; color:#fff; background:#ccc; float:left; margin-right:20px; padding:10px; } .i-news li span b { font-size:28px; font-weight:normal; display:block; line-height:34px; } .i-news li h3 a { font-size:16px; color:#111; } /*合作伙伴*/ .partners { margin:30px auto } .partners h2 { font-size:22px; color:#222; text-align:center; margin-bottom:5px } .partners h2::before,.partners h2::after { content: " "; display:inline-block; vertical-align:middle; background:#f5a411; height:1px; width:60px; margin:0px 10px } .partners h4 { color:#666; text-align:center } .partners ul { margin:20px auto} .partners ul li { float:left; height:40px; width:23%; margin:10px 1%; text-align:center; overflow:hidden; } .partners ul li:nth-of-type(6n) { margin-right:0 } .partners ul li img { max-width:100%; max-height:40px; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; } .partners ul li:hover img { transform:scale(1.08,1.08); transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; } /*-----------------内页样式---------------*/ /*新闻*/ .article-list li { position:relative; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #eee } .article-list .pic { width:27%; float:left } .article-list .pic img { width:100% } .article-list .text { width:70%; float: right } .article-list .text h3 { margin:0px auto 5px auto; line-height:22px } .article-list .text h3 a { font-size:15px; color:#111 } .article-list .text p { color:#666; margin:5px 0 } .article-list .text .date { color:#aaa; display:block } .news_list ul li { margin-bottom:20px; } .news_list ul li img { margin-bottom:15px; width:100% } .news_list ul li h3 { font-size:15px; margin-bottom:10px} .news_list ul li h3 a { color:#111 } /*新闻详情*/ .article-con { line-height:1.8 } .article-con .article-tit { font-size:18px; color:#000; text-align:center } .article-con .article-info { color:#999; font-size:13px; text-align:center; margin-bottom:20px } .border-1 { border:1px solid #ddd } .padding-10 { padding:10px;} .contit { background:#f0f0f0; color:#111; font-size:15px; font-weight:bold; padding:0px 15px; height:36px; border-bottom:1px solid #ddd; line-height:36px; } .contit a { float:right; font-size:12px; font-weight:normal } .handle { margin:15px auto; min-height:40px;color:#999 } .handle li { margin-top:5px } .handle a { color:#fac944 } /*发展历程*/ .course_list { padding:0px 20px 20px 20px; margin:50px auto; background:url(../images/localine.png) repeat-y 52px; } .course_list h2 { height:62px; background:url(../images/location.jpg) no-repeat 0px 0px;} .course_list ul li { padding:30px 0px 0 50px; height:auto; line-height:28px; position:relative;color:#666; } .course_list ul li .year { display:block; margin-left:-33px; margin-bottom:10px; padding-left:43px; height:36px; line-height:36px; font-size:18px; background:url(../images/quan.png) no-repeat left center } .course_list ul li .contact { border-bottom:1px solid #ddd; padding-bottom:20px;} .course_list ul li h3 { font-weight:bold; margin-bottom:5px; font-size:15px } /*联合实验室*/ .activity-list li { position:relative; margin-bottom:20px; } .activity-list .pic { width:40%; float:right } .activity-list .pic img { width:100% } .activity-list .text { width:57%; float: left } .activity-list .text h3 { margin:0px auto 6px auto; line-height:24px } .activity-list .text h3 a { font-size:15px; color:#f5a411 } .activity-list .text h3 i { display:inline-block; width:30px; height:20px; vertical-align:top; background:url(../images/hot.jpg) no-repeat center;} .activity-list .text p.add { margin-top:10px} /*资质认证*/ .download-box form { position:relative; margin-bottom:20px } .download-box form input { height:38px; line-height:38px; width:100%; text-indent:10px; border:1px solid #ccc; border-radius:2px } .download-box form select { display:none } .download-box form .search-submit { width:50px; height:40px; line-height:100px; overflow:hidden; cursor:pointer; border:none; position:absolute; right:0px; top:0px; background:url(../images/search.png) no-repeat center; } /* 在线留言 */ .feedback p { position:relative; margin-bottom:10px} .feedback p span { position:absolute; left:0px; color:#111 } .feedback p font { color:#a30007 } .feedback p input { height:36px; width:50%; border:1px solid #ddd; padding:0px 10px } .feedback p input#wenxian,.feedback p input#proname { border:none } .feedback select { height:36px; width:75px; border:1px solid #ddd; padding:0px 10px; color:#666 } .feedback textarea { width:88%; padding:10px; border:1px solid #ddd; min-height:60px } .feedback #offer_btn { display:block; text-align:center; background:#f5a411; color:#fff; width:120px; height:36px; line-height:36px; margin:15px 0; border:none; font-size:16px; } /*产品列表*/ .pro_link { margin:30px auto; font-size:16px; } .pro_link select { height:46px; border:2px solid #ccc; border-radius:5px; margin-right:5px; font-size:16px; color:#777 } .pro_link form { display:inline-block;vertical-align:top; position:relative } .pro_link form input { height:44px; line-height:44px; border:2px solid #ddd; border-radius:5px; padding:0px 10px; width:300px; font-size:16px; } .pro_link form input.submit { position:absolute; right:0px; top:0px; cursor:pointer; width:55px; height:48px;border:0px; background:#fac944 url(../images/searchbtn.png) no-repeat center; line-height:48px; font-size:0; color:#fff; border-radius:0 5px 5px 0; } .pro-list ul li { width:48%; float:left; margin-right:4%; margin-bottom:20px; font-size:13px; } .pro-list ul li:nth-child(2n) { margin-right:0 } .pro-list ul li h3 { border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:38px; line-height:38px; font-size:15px; margin-bottom:15px; overflow:hidden } .pro-list ul li h3 span { border-left:4px solid #f5a411; padding-left:8px } .pro-list ul li img { width:70px; height:70px; float:left; margin-right:10px } /*案例*/ .case-list ul li { margin-bottom:20px } .case-list ul li img { width:100%; margin-bottom:20px; } .case-list ul li .text h3 { margin:7px auto 7px auto } .case-list ul li .text h3 a { font-size:18px; color:#111 } .case-list ul li .text p { color:#666; margin:5px 0 } .case-list ul li .text .date { color:#aaa; display: inline-block } .case-list ul li .text a.more { color:#2e85f2 } .case-list ul li .text h4 font { margin-left:15px; color:#fff; padding:2px 10px; border-radius:3px; } .case-list ul li .text .bg14 { background:#f29b76 } .case-list ul li .text .bg15 { background:#22ac38 } .case-list ul li .text .bg16 { background:#f5a411 } .case-list ul li .text .bg17 { background:#eb6877 } .case-tit { font-size:20px; margin-bottom:10px } /*列表*/ .shop_list > li{ background: #fff; width:48%; float: left; margin-right:4%; margin-bottom:10px } .shop_list > li:nth-child(2n) { margin-right: 0; } .shop_list > li .pic{ opacity:1; width: 100%; height: 0; padding-bottom:60%; background-repeat: no-repeat; background-position: center; background-size: cover; } .shop_list > li .text{ padding:5px; box-sizing: border-box; line-height:22px; font-size: 13px; text-align:center } .shop_list > li .text h2{ font-size: 15px; margin-bottom:5px } .shop_list > li .text .pad{ width: 100%; height: 0; padding-bottom:20%; } .shop_list > li .text span{ font-size: 14px; } .shop_list > li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.2); } .shop_list > li:hover h2,.shop_list > li:hover span{ color: #fac944; } .shop_list > li:hover .pic{ opacity: .8; } /*** 分页样式 **/ .dede_pages{ clear:both; margin:20px auto; height:30px; } .dede_pages ul { float:right} .dede_pages ul li{ float:left; line-height:24px;height:24px; font-size:13px; margin:2px; vertical-align:middle; } .dede_pages ul li a,.dede_pages ul li span { color:#555; display: inline-block; padding:0px 8px 0px 8px; border:1px solid #ddd; overflow:hidden;} .dede_pages ul li:hover{ background-color:#ccc;color:#fff; text-decoration:none; } .dede_pages ul li:hover a { color:#fff; } .dede_pages ul li .current a,.dede_pages ul li .current { display: inline-block; color:#fff; background:#fac944; border:1px solid #fac944 } .dede_pages .pageinfo { float:left; color:#888; margin-left:7px } .dede_pages .pageinfo strong { font-weight:normal; margin:0px 2px;}