/*===全局===*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;}
body{font-family: "Microsoft Yahei",Helvetica, Arial, sans-serif; font-size: 1.4rem; color:#333;}
body, button, input, optgroup, select, textarea, h1, h2, h3, h4, h5, h6, p, figure, form, blockquote, ul, ol, li, dl, dd{margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
img{vertical-align:middle; max-width:100%; border:0;}
ul,ol{list-style:none;}
input,textarea,select{outline:none; font-size:100%;}
a{color:#333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.table{border-collapse:collapse; border-spacing:0;}
.clear{clear:both; height:0; overflow:hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.ui-hidden{display:none;}
.ui-block{display:block;}
.fl{float:left;}
.fr{float:right;}
html,body{height:99.9%; min-height:100%; position:relative;}
.page{width:100%; min-height:100%; overflow-x:hidden; background-color: #fff;position: relative;}
.page_header{padding-top:60px;}
.page_footer{padding-bottom: 160px;}
.page_header_footer{padding: 44px 0 49px 0;}
.page_full{width:100%; height: 100%; position:absolute; top:0; left:0; overflow:hidden;}

/*===首页 头部===*/
.header {width: 100%; height: 60px; position: fixed; top: 0; left: 0; background: #fff; padding: 0 3%; z-index: 999;}
.header .logo img {height: 50px; margin: 5px 0;}
.header .contact p:nth-of-type(1) {font-size: 15px; color: #ef8201; letter-spacing: 5px; line-height: 18px;}
.header .contact p:nth-of-type(2) {font-size: 18px; color: #2a2a2a; font-weight: bold; font-family: arial; line-height: 20px;}
.header .contact {padding-left: 26px; background: url(/wap/img/header_icon.png) no-repeat left center; margin: 11px 0;}

/*===底部===*/
.footer {width: 100%; height: 60px; border-top: 4px solid #f1b977; position: fixed; bottom: 0; left: 0; z-index: 999; background: #fff;}
.footer ul li {width: 25%; height: 60px; float: left;}
.footer ul li a {width: 100%; height: 60px; display: inline-block; text-align: center; line-height: 60px; font-size: 14px; color: #565656; padding-top: 12px;}
.footer ul li:nth-of-type(1) a {background: url(/wap/img/footer_icon1-1.png) no-repeat center 9px;}
.footer ul li:nth-of-type(1) a.active {background: url(/wap/img/footer_icon1-2.png) no-repeat center 9px;}
.footer ul li:nth-of-type(2) a {background: url(/wap/img/footer_icon2-1.png) no-repeat center 9px;}
.footer ul li:nth-of-type(2) a.active {background: url(/wap/img/footer_icon2-2.png) no-repeat center 9px;}
.footer ul li:nth-of-type(3) a {background: url(/wap/img/footer_icon3-1.png) no-repeat center 9px;}
.footer ul li:nth-of-type(3) a.active {background: url(/wap/img/footer_icon3-2.png) no-repeat center 9px;}
.footer ul li:nth-of-type(4) a {background: url(/wap/img/footer_icon4-1.png) no-repeat center 9px;}
.footer ul li:nth-of-type(4) a.active {background: url(/wap/img/footer_icon4-2.png) no-repeat center 9px;}
.footer ul li a.active {color: #ef8201;}

/*===首页 内容===*/
.home_page .banner {width: 100%;}
.home_page .banner img {width: 100%;}
.home_page .banner .swiper-pagination-bullet-active {background: #ef8201;}
.home_page .productClassify {padding: 40px 3% 30px;}
.home_page .productClassify_c {width: 100%; border: 9px solid #f1b977;}
.home_page .productClassify_c ul li {float: left; width: 33.3333%; height: 100px; border: 2px solid #f1b977;}
.home_page .productClassify_c ul li .li_c {width: 100%; height: 100%; padding: 10px;}
.home_page .productClassify_c ul li .li_c .top {height: 50%;}
.home_page .productClassify_c ul li .li_c .top .num {height: 100%; font-size: 26px; color: #ddd; line-height: 90%; letter-spacing: 2px; background: url(/wap/img/home_proClassify_line.png) no-repeat left bottom;}
.home_page .productClassify_c ul li .li_c .top .img {height: 100%;}
.home_page .productClassify_c ul li .li_c .top .img img {height: 83%;}
.home_page .productClassify_c ul li .li_c .bottom {font-size: 14px; color: #343434; font-weight: bold; line-height: 18px; padding: 5px 0;}
.home_page .productCenter {width: 100%; padding: 0 3% 40px;}
.home_page .productCenter_title {background: url(/wap/img/home_productCenter_bg.png) no-repeat left bottom;}
.home_page .productCenter_title .title span:nth-of-type(1) {font-size: 17px; color: #151515; font-weight: bold; line-height: 30px; letter-spacing: 2px;}
.home_page .productCenter_title .title span:nth-of-type(2) {font-size: 13px; color: #a9a9a9; font-family: arial; line-height: 30px;}
.home_page .productCenter_title .more a {width: 100px; height: 26px; font-size: 12px; color: #fff; line-height: 26px; text-align: center; display: inline-block; background: #f1b977; margin-top: 4px;}
.home_page .productCenter_pro {padding: 10px 0 0 0;}
.home_page .productCenter_pro ul li {width: 31%; height:120px; float: left; margin: 1%;}
.home_page .productCenter_pro ul li img {width: 100%; height:100%;}
.home_page .aboutUs {border-bottom: 4px solid #f1b977;}
.home_page .aboutUs_banner img {width: 100%;}
.home_page .aboutUs_c {padding: 20px 3% 30px;}
.home_page .aboutUs_c .left {width: 60%;}
.home_page .aboutUs_c .left .title {background: url(/wap/img/home_productCenter_bg.png) no-repeat left bottom;}
.home_page .aboutUs_c .left .title span:nth-of-type(1) {font-size: 17px; color: #151515; font-weight: bold; line-height: 30px; letter-spacing: 2px;}
.home_page .aboutUs_c .left .title span:nth-of-type(2) {font-size: 13px; color: #a9a9a9; font-family: arial; line-height: 30px;}
.home_page .aboutUs_c .left .content {font-size: 13px; color: #565656; line-height: 18px; padding: 15px 0 5px;}
.home_page .aboutUs_c .left .more a {width: 100px; height: 26px; font-size: 12px; color: #fff; line-height: 26px; text-align: center; display: inline-block; background: #f1b977;}
.home_page .aboutUs_c .right {width: 35%; height: 100%; position: relative;}
.home_page .aboutUs_c .right .bg {width: 90%; height: 90%; position: absolute; top: 10px; right: 10px;}
.home_page .aboutUs_c .right .img {width: 90%; height: 90%; position: absolute; top: 0; right: 0;}
.home_page .aboutUs_c .right .img img {width: 100%;}
.home_page .newsCenter {padding: 30px 3% 0;}
.home_page .newsCenter .title {background: url(/wap/img/home_productCenter_bg.png) no-repeat left bottom;}
.home_page .newsCenter .title span:nth-of-type(1) {font-size: 17px; color: #151515; font-weight: bold; line-height: 30px; letter-spacing: 2px;}
.home_page .newsCenter .title span:nth-of-type(2) {font-size: 13px; color: #a9a9a9; font-family: arial; line-height: 30px;}
.home_page .newsCenter .top {border-bottom: 1px dashed #dbdbdb; padding: 10px 0;}
.home_page .newsCenter .top .left {width: 35%;}
.home_page .newsCenter .top .left img {width: 100%;}
.home_page .newsCenter .top .right {width: 62%;}
.home_page .newsCenter .top .right h3 {font-size: 14px; color: #ef8201; line-height: 18px;}
.home_page .newsCenter .top .right p {font-size: 12px; color: #898989; line-height: 16px;}
.home_page .newsCenter .news {padding: 5px 0 0 0;}
.home_page .newsCenter .news ul li a {font-size: 13px; color: #565656; line-height: 30px;}
.home_page .newsCenter .news ul li span {font-size: 13px; color: #565656; line-height: 30px;}
.home_page .newsCenter .news ul li a:active {color: #ef8201;}

/*===子页面 头部===*/
.childPage_header {width: 100%; height: 60px; position: fixed; top: 0; left: 0; background: #ef8201; z-index: 999;}
.childPage_header .title { text-align: center; line-height: 60px; color: #fff; font-size: 21px; letter-spacing: 1px;}
.childPage_header .back {position: absolute; left: 3%; top: 20px;}
.childPage_header .back img {height: 20px;}

/*===产品展示 内容===*/
.productCenter_page .nav {padding: 5px 3%; border-bottom: 2px solid #dadada;}
.productCenter_page .nav ul li {width: 32%; height: 30px; float: left; margin: 2px 0.5%;}
.productCenter_page .nav ul li a {width: 100%; height: 30px; display: inline-block; text-align: center; line-height: 30px; font-size: 12px; color: #5f5f5f; border: 1px solid #dadada; border-radius: 5px;}
.productCenter_page .nav ul li a.active {color: #fff; background: #ef8201;}
.productCenter_page .ConvenMic {width: 100%; padding: 10px 3% 10px;}
.productCenter_page .ConvenMic_title {background: url(/wap/img/home_productCenter_bg.png) no-repeat left bottom;}
.productCenter_page .ConvenMic_title span:nth-of-type(1) {font-size: 17px; color: #151515; font-weight: bold; line-height: 30px; letter-spacing: 2px;}
.productCenter_page .ConvenMic_title span:nth-of-type(2) {font-size: 13px; color: #a9a9a9; font-family: arial; line-height: 30px;}
.productCenter_page .ConvenMic_title .more a {width: 100px; height: 26px; font-size: 12px; color: #fff; line-height: 26px; text-align: center; display: inline-block; background: #f1b977; margin-top: 4px;}
.productCenter_page .ConvenMic_pro {padding: 10px 0 0 0;}
.productCenter_page .ConvenMic_pro ul li {width: 46%; float: left; margin: 2%;}
.productCenter_page .ConvenMic_pro ul li img {width: 100%;}
.productCenter_page .PathBacteria {width: 100%; padding: 10px 3% 10px;}
.productCenter_page .PathBacteria_title {background: url(/wap/img/home_productCenter_bg.png) no-repeat left bottom;}
.productCenter_page .PathBacteria_title span:nth-of-type(1) {font-size: 17px; color: #151515; font-weight: bold; line-height: 30px; letter-spacing: 2px;}
.productCenter_page .PathBacteria_title span:nth-of-type(2) {font-size: 13px; color: #a9a9a9; font-family: arial; line-height: 30px;}
.productCenter_page .PathBacteria_title .more a {width: 100px; height: 26px; font-size: 12px; color: #fff; line-height: 26px; text-align: center; display: inline-block; background: #f1b977; margin-top: 4px;}
.productCenter_page .PathBacteria_pro {padding: 10px 0 0 0;}
.productCenter_page .PathBacteria_pro ul li {width: 23%; float: left; margin: 1%;}
.productCenter_page .PathBacteria_pro ul li img {width: 100%;}



/*added style*/

/*新闻列表*/
.news{margin: 0 auto;width: 93.75%;font-weight: normal;}
.newsTitle{color: #c48e00;font-size: 1.62em;text-align: center;margin: 7px 0;padding: 0 4px;}
.newsTime{color: #929292;font-size: 1em;border-bottom: 1px solid #a8a8a8;padding:0 0 3px 6px;}
.newsContent{margin: 10px auto;width: 96.75%;}
.newsContent_h{padding: 7px 0;}
.newsContent_list{margin: 0 auto;width: 95.75%;}
.newsContent_list_img{margin-bottom: 7px;}
.newsContent_list ul li{font-size: 1.2em; padding-bottom: 10px;}
.newsContent_list ul li p{padding:0 4px;}


/*tab切换*/
.demo{ }
.demo_title {border-top:2px solid #5b4333 ;border-bottom:2px solid #5b4333 ;padding-left: 7px;line-height:40px; font-size: 17px;}
.demo_title >i{float: left;width: 2.2rem;height: 1.8rem;background: url(/wap/img/icon_title.png) no-repeat;margin-top: 11px;background-size: contain;}
.demo_title ul li{ height:40px;    float:left; display:inline; font-family:  SimHei; text-align:center; cursor:pointer; }
.demo_title ul li.active{color:#c3b691;}
.demo_title ul li i{font-style: normal;color: #000000;}
.demo_con{ line-height: 30px;}


.header_top{width: 100%; height:44px; padding:0 44px; position:fixed; top:0; left:0; right:0; z-index:99; background-color:#ef8201;}
.headerTitle{height:44px; line-height:44px; font-weight: normal; font-size:18px; color:#fff; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.headerLogo{height:44px; line-height:44px; font-weight: normal; font-size:18px; color:#fff;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.headerLogo img{height: 40px; padding: 5px;}
.headerBack{position:absolute;  left:6px; font-size:20px; color: #fff;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
}
.headerMenu{padding:0 10px; position:absolute; top:5px; right:0; font-size:30px; color:#b10606; }
.headerMenu span{width:5px; height:5px; margin:5px 0; display:block; background-color:#fff;}

.headerTop{width: 100%; height: 44px; top:0; left:0; right:0; z-index:99; background-color: #786BAF;position:fixed;}
.headerBack{ background: url(/wap/img/headerBack.png)50% 50% no-repeat;background-size: contain; display: inline-block;width: 25px;height: 25px;margin:22px 0 0 5px;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
}
.headerMenu{padding:0 16px; position:absolute; top:5px; right:0; font-size:20px; color:#fff; text-align:center;}
.headerMenu span{width:5px; height:5px; margin:5px 0; display:block; background-color:#fff;}

/** 测边面板 **/
.panel{width:150px; position:absolute; top:44px; right:0; background:#ef8201; z-index:9999;
    -webkit-transform: translate(150px,0);
    -moz-transform: translate(150px,0);
    -ms-transform: translate(150px,0);
    transform: translate(150px,0);
    -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;
}
.panel li a{height:36px; line-height:36px; color:#fff; display:block; padding:0 10px; border-bottom:1px solid #fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.panel li:last-child a{border:0;}
.panelActive{
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.panelBg{width:100%; height:100%; position:fixed; top:0; bottom:0; background-color:rgba(0,0,0,.3); z-index:9998; display:none;}



/*头部子栏目样式*/
.MenuList{overflow:hidden;}
.MenuList ul{margin-top: 10px;}
.MenuList li{float:left; margin:5px 5px;width: 30%;}
.MenuList li a{width:100%; height:34px; font-size: 1.4rem; line-height:34px; display:block; background:#f4ece0; color:#D5A334; text-align:center;}
.MenuList li a:hover{background:#D5A334; color:#fff;}
.MenuList li.pre a{background:#D5A334; color:#fff;}
.ser-Menu li.pre a{background:#D5A334; color:#fff;}

/*about详细页*/
.detailPage{padding: 0 12px; }
.detailPage_top{padding:10px 0; border-bottom:1px solid #ccc;}
.detailPage_title{font-weight:normal; font-size: 18px;}
.detailPage_time{margin-top: 5px; font-size: 12px; color:#999;}
.detailPage_con{padding:12px 0; line-height:30px; color:#666;}
.detailPage_con img{margin-bottom: 5px;}

/*contact*/
.news_list{padding: 0 10px; }
.news_list li{padding:10px 0 10px 13px; border-bottom:1px solid #e2e2e2; position:relative;}
.news_list a{display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news_list i{width:6px; height:6px; position:absolute; top:50%; left:0; margin-top: -3px; border-radius: 50%; background-color:#ccc;}


/** ajax翻页 **/
.ajaxpage{display:none;}
.ajax_tips{height: 30px; line-height: 30px; background-color: #efefef; text-align:center; margin-top: 10px;}
.fixedloading{width:80px; height:80px; position:fixed; top:50%; left:50%; margin:-40px 0 0 -40px; z-index:9999; display:none; background: url(/wap/img/loading.svg) 0 0 no-repeat; background-size: cover;}
.fixedloadingbg{position:fixed; top:0px; left:0; width:100%; height:100%; background-color: rgba(0,0,0,.5); z-index:9998; display:none;}

/** 案例列表 领导关怀**/
.caseList{padding:0 4px;}
.caseList ul li{width:50%; float:left; padding:0 5px; margin-top:10px; text-align:center; overflow:hidden;}
.caseList ul li a{display:block; position:relative; font-size:14px; color:#fff;}
.caseList ul li span{width:100%; height:26px; line-height:26px; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,.6); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case_top span{padding:5px 10px; background: #d8d8d8; border-radius: 5px; display: inline-block; }

/*案例列表顶部多个分类样式*/
.swiper-case{width: 100%; margin-top: 5px;}
.swiper-case .swiper-slide{width: auto; text-align: center; font-size: 14px; }
.swiper-case .swiper-slide a{margin: 0 10px;}
.swiper-case .swiper-slide .current span{color: #fff;}

/**案例筛选**/
.caseMenu{margin-top:10px; text-align:center;}
.caseMenu ul{display: inline-block;}
.caseMenu ul li{float:left;}
.caseMenu ul li .caseMenu_link{height:35px; line-height:35px; display:block; padding:0 25px 0 10px; margin:0 5px; border:1px solid #ccc; border-radius: 3px; position: relative;}
.caseMenu ul li .caseMenu_link i{transition: 0.5s; position: absolute; top:50%; margin-top:-4px; right:5px;; width:0; height:0; border:4px solid transparent; _border-color: tomato;  _filter: chroma(color=tomato); border-left-color: #999; overflow:hidden; pointer-events: none;}
.caseMenu_con{width:100%; padding:10px; position: absolute; left:0; z-index: 999; background:#fff; display:none;}
.caseMenu_con ul li{width:25%; margin:5px 0; padding:5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.caseMenu_link .current{transform: rotate(90deg);}
.caseMenu_con ul .on{background:#ccc; border-radius: 3px; line-height:16px; }
.caseMenu_con ul .on a{color:#fff; }











<!--0.00020408630371094-->