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;}