/*
 * Author: 木头 <245001020@qq.com>
 */

body { font-family: 'microsoft yahei', Arial, Helvetica, sans-serif; color: #656464; }
header { margin-bottom:100px}
ul, li { list-style: none; margin: 0; padding: 0; }
.fl { float: left }
.fr { float: right }
.top_menu { font-size: 12px; background-color: #222629; color: #E4E4E4; width: 100%; height: 40px; }
.language { float: right; height: 40px; padding: 9px 10px 0px 10px; font-size: 14px; }
.top_name { display: inline-block; padding-top: 12px; }
.logo { width:156px; height:59px; float:left;}
.flash img { width: 100% }
.flash ul.bxslider { list-style: none; }
.flash div.bx-pager { bottom:6%; }
.flash div.bx-controls-direction { display: none; }
.main { padding: 30px 0px 10px 0px; }
.opacity_img { border: 1px solid #eeeeee; transition: border 0.4s; }
.img-thumbnail:hover, .opacity_img:hover { border: 1px solid #BFBEBE; }
.f8_bj { background: #f8f8f8; }
.mb60 { margin-bottom: 60px; }
.t-center { text-align: center }
.ml20{ margin-left:20px;}
.mr20{ margin-right:20px;}
.mb20{ margin-bottom:20px;}
.mt20{ margin-top:20px;}
/*menu*/
.navbar { margin: 0px; background-color: rgba(255,255,255,1); border: none; }
#app_menudown { position: absolute; top: 0px; right: 0px; font-size: 16px; }
#app_menudown:hover { background-color: #fe0000; }
.search,.language{ border:1px solid #eee; width:32px; height:32px; overflow:hidden; font-size:14px; line-height:30px; padding:0; text-align:center; color:#ccc; cursor:pointer;     margin-top:10px;}
.search,.language:hover{text-decoration: none;}
.navbar-nav > li > a.Select{ color:#ea6731}

/***首页**/
.index_box{ width:1200px; height:270px; padding:0 30px;background:#fff; position:relative; z-index:999; top:-36px; left:50%; margin-left:-600px;box-shadow: 0px 5px 5px #DDD;}
.index_box li{ width:284px; float:left; height:270px; padding:30px 10px 0 10px;  border-right: 1px #f8f8f8 solid;}
.navbar-collapse{ float:right}
.bj01{background:url(../images/bj_10.png) right bottom no-repeat}
.bj02{background:url(../images/bj_12.png) right bottom no-repeat}
.next{ right:300px; background-image:url(../images/next.png)}
.prev{left:280px; background-image:url(../images/prev.png)}
.nzsm_ico{ width:80px; height:80px; margin:40px auto 20px auto}
.nzsm_title{ background:url(../images/nzsm_title.jpg) center bottom no-repeat; height:36px; font-size:20px; text-align:center; color:#333}
.nzsm_brief{ font-size:14px; color:#666; width:80%; margin:0 auto; height:200px; overflow:hidden; margin-top:40px;}
.nzsm_brief p{ display:block}
.in_news{float:left; width:100%}
.in_news_right{ float:right; width:100%}
.in_news_right li{ float:left; width:100%; line-height:24px; height:auto; padding:0; margin-bottom:5px; border:none}
.news_right dl,.news_title{ float:left; width:100%}
.news_right dl dt{ font-size:16px; line-height:30px;}
.news_right .time,.time{ float:left; color:#999; text-align: center;}
.news_right .time p{ font-size:14px;}
.news_top dl dt,.news_right dl dt,.news_title{ overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.in_title{ font-size:18px; line-height:36px; color:#333; font-weight:bold; margin-bottom:15px;}
.in_title span{ color:#ea6731; float:right; font-size:14px; font-weight:100}
.in_fenlei li{ height:30px; line-height:30px; width:100%; border:none; margin:0; padding:0}

/*实验室*/
#four_flash{position:relative;width:200px;height:150px; margin:0 auto;;}
#four_flash .flashBg{width:200px;height:150px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.nzsm{width:2000%;height:150px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.nzsm li{float:left;width:200px; height:15px;transition:all 1s ease 0s; padding:0;}
#four_flash .flashBg ul.nzsm li dd{font-size:20px; line-height:60px;text-align:center; color:#333; background:url(../images/nzsm_title.jpg) center bottom no-repeat;}
#four_flash .flashBg ul.nzsm li p{font-size:14px; text-align:left; line-height:24px;margin-top:10px;}
#four_flash .flashBg ul.nzsm li a{ text-decoration:none; color:#999}
#four_flash .flashBg ul.nzsm li a:hover{background:url(../images/jiantou2.png);}
#four_flash .but_left{width:18px;height:20px;position:absolute; top:60px; left:-20px; cursor:pointer}
#four_flash .but_right{width:18px;height:20px; position:absolute; top:60px; right:-20px; cursor:pointer}


/**公司介绍**/
.banner{ width:100%; background:url(../images/banner_02.jpg) center no-repeat; height:218px; padding-top:50px}
.banner h2{ display:block; font-size:30px; line-height:48px; margin:0; }
.title{ border-bottom:1px solid #eee; width:100%; float:left; height:55px; margin-bottom:20px; line-height:55px;}
.title li{ float:left; margin-left:20px; text-align:center; padding:0 25px; line-height:55px;}
.title li.Select{ background-color:#f60; color:#fff;}
.title li.Select a:hover,.title li a:hover{ text-decoration:none}
.title li.Select a{ color:#fff;}
.crumbs{ float:left; color:#999;height:60px; padding-left:65px; background:url(../images/contach_03.png) no-repeat }
.box{ font-size:16px; line-height:36px; margin-bottom:30px;}

/***产品****/
.left_nav{ float:left; width:199px; background-color:#fff;}
.left_nav li{ line-height:48px; font-size:14px; color:#666; padding-left:10px; cursor:pointer}
.left_nav li:hover,.left_nav li.select{ background:#eee ; color:#666;}
.left_nav li.select{background:#f60 url(../images/jiantou.png) right 15px no-repeat; color:#fff;}
.right_product li{ width:22%; margin-left:3%; float:left; text-align:center; line-height:48px; margin-bottom:20px;}
.right_product li img{ width:100%;}
.right_product li p{ width:100%; height:48px; overflow:hidden}
.right_product{ width:1000px; float:right; border-left:1px solid #eee }
.product_details{ width:1000px; float:left; border-left:1px solid #eee; padding-left:30px; min-height:600px}
.details_title{ width:100%;  border:1px solid #eee; background-color:#f8f8f8; padding-left:20px; margin:50px 0 30px 0; float:left}
.product_left{ width:370px; height:370px; overflow:hidden}
.product_left img{ width:370px; height:370px;}
.product_right{ width:560px; margin-left:20px;}
.product_right dt{ line-height:48px; border-bottom:1px solid #eee; margin-bottom:10px;}
.product_right dd{ font-weight:100; line-height:24px; font-size:14px; color:#999}
.details_box img,.details_box{ width:100%}


/**联系我们**/
.baidu_map{ text-align:center}
.contact li{ width:50%; float:left; margin:50px 0}
input,textarea{ width:80%; padding:0 10px; margin-bottom:20px; border:1px solid #eee; color:#999}
textarea{ width:90%}
.button{ width:90%; background-color:#f60; color:#fff; line-height:48px;}
/*新闻列表*/
.list_news { clear: both; list-style: none; margin: 0px; padding: 6px 0px 20px 0px; }
.news_right  .time{ background-color:#f8f8f8; margin:0; font-size:32px; padding:10px; margin-right:30px;}
.list_news li { padding: 20px; border-bottom: 1px solid #e3e2e2; margin:15px 0;  float: left;width: 100%; background:url(../images/news_06.png) right 60px no-repeat; }
.list_news li:hover {cursor: pointer; background:url(../images/news_03.png) right 60px no-repeat;}
.list_news li:hover .time { background-color:#f90; color:#fff; }
.list_news dt { font-size: 18px; height: 36px; overflow: hidden; line-height: 36px; }
.list_news dl { float: left; width:75%; margin-bottom: 0 }
.list_news li img { float: left; width: 150px; margin-right: 20px; }
.list_news li a { color: #333; }
.list_news li a:hover { text-decoration: none; color: #df4839; }
.contents { clear: both; padding: 20px 0; line-height: 28px; overflow: auto; }
.contents_title { margin: 0px; text-align: center; line-height: 60px; font-size: 24px; color: #434343; font-weight: bold; }
.new_title { border-bottom: 1px solid #eee; margin-bottom: 30px; }
.new_ly { text-align: center; line-height: 60px; color: #999 }
.news_time { color: #999; display: block }
.new2_title{ text-align:center; margin:30px auto; width:100%; float:left; border-bottom:1px dashed #eee}
.new2_title h3{ font-size:24px;}
.new2_title p{ font-size:14px; color:#999}
.fenxiang{ float:right; text-align:center}
.fenxiang dt{ font-size:14px; line-height:36px;}
.fenxiang dd{ margin-bottom:20px;}
.other_lists li{ float:left; width:280px; margin:20px 10px; text-align:left; line-height:60px; font-size:16px; border-bottom:1px solid #eee; background:url(../images/solution_03.png) right 200px no-repeat}
.other_lists li img{ width:100%}
.other_lists li a{ display:block}
.new_details{width:1000px; float:left}
/*分页样式*/
.page { float:left ;margin: 20px 0 0 3%; text-align: center; }
.page a { display: inline-block; font-family: Arial; font-size: 13px; border: #ddd 1px solid; padding: 9px 14px; margin: 2px; margin-bottom: 5px; color: #666; text-decoration: none }
.page a:hover, .page a:focus { font-family: Arial; font-size: 13px; border: #f60 1px solid; padding: 9px 14px; color: #fff; background-color: #f60; }
.page .current { font-family: Arial; border: #f60 1px solid; font-size: 13px; padding: 9px 14px; color: #fff; margin: 2px; background-color: #f60 }
.page_right{margin: 20px 0px; float:right; color:#999;}


/*在线留言订购*/
.feedback { margin-top: 30px; }
.form-horizontal .form-group { margin-right: -10px; margin-left: -10px; }
.codeimg { margin: 0px 0px -10px -18px; }
/*新闻上一条下一条*/
.point { clear: both; margin: 20px 0px 40px 0px; font-size: 16px; border-top: 1px solid #eee; padding-bottom: 40px; line-height: 22px; }
.point span.to_prev a:hover, .point span.to_next a:hover { color: #ea042b }
.point span.to_next, .point span.to_prev { text-align: center; line-height: 48px; }
.point span.to_next a, .point span.to_prev a { color: #0068b7; }

/*标签样式*/
.tags { margin: 8px 0px 10px 0px }
.tags a { margin: 0px 5px 8px 0px }
.tags_list { padding: 5px 10px 100px 10px }
.tags_ul { margin-top: 10px; }
.tags_ul li { line-height: 28px; margin-bottom: 8px; padding-bottom: 10px; }
.tags_ul h3 { font-size: 14px; padding: 0px; margin: 0px; line-height: 20px; }
.tags_ul p { font-size: 13px; padding: 0px; margin: 0px; color: #a0a0a0; line-height: 20px; padding-top: 8px; }
/*网站地图*/
ul.ul_sitemap { margin: 30px 0px 40px 30px; }
ul.ul_sitemap li { list-style: none; line-height: 26px; clear: both; }
ul.ul_sitemap li a { color: #7d7d7d; }
li.small_li_sitemap { clear: both; padding-left: 12px; }
li.small_li2_sitemap { float: left; padding-left: 20px; }
#translate { width: 180px; margin: 0 auto; }
#translate-this { margin: 15px 0px 10px 0px; }
/*底部信息*/
.links { margin-top: 50px; overflow:hidden; width:100%}
.links dt { height: 40px; font-size: 18px; font-weight: 500; line-height: 40px; color: #333 }
.links dd { width: 208px; height: 60px; overflow: hidden; background:#f8f8f8; border: 1px solid #eee; float: left; margin: 20px 10px;}
footer { text-align: center; background-color: #f2f2f2; color: #A0A0A0; padding: 30px 0px 0px 0px; font-size: 14px; margin-top:50px}
.foot_left { float: right; width:35%; text-align: left; }
.map dl { float: left; text-align: left; width:25% }
.map dt{ margin-bottom:20px; font-size:18px; color:#333; margin-top:10px; font-weight:100}
.foot_left dd ,.map dd,.foot_right dd{ line-height:36px; color: #666; width:100% }
.map{ float:left; width:65%}
.copyright { width: 100%; background-color:#3f3f3f; color:#999; line-height:48px; text-align:center}
/*大屏幕*/
@media screen and (max-width: 1024px) {
.nav > li { font-size: 14px; }
}

@media screen and (min-width: 769px) {
.navbar { min-height: 100px;}
.navbar-nav { float: right; width:100%}
.navbar-nav > li > a { text-align: center; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #f60; }
.small-nav { margin-top: 0px; background: rgba(255,255,255,1); }
.nav_small { background: rgba(255,255,255,0.95); padding: 8px 0px 8px 0px; border-radius: 0px; border: none; }
.nav_small > li { }
.nav_small > li > a { line-height: 48px; color: #312b2b; }
.nav_small > li > a:hover { color: #fff; background-color: #df4839; }
#app_menudown, #small_search { display: none; }
.index_left_nav, .footer_nav, .mobile{ display: none; }
.language a { color: #fff; }
.nav > li { font-size: 16px; margin: 0 25px}
..index_box li{ width:100%}
}

/*小屏幕*/
@media screen and (max-width: 768px) {
*{ font-size:14px}
.banner h2{ font-size:24px}
header { margin-bottom:0px}
.navbar-collapse,.index_box li{ width:100%}
.index_box{ width:100%; height:auto; background:#fff; margin-left:0; top:0; left:0; float:left;}
dd,body,p{ font-size:14px;}
h1 p{ font-size:14px; line-height:24px; padding:0; margin:0}
.mb60{ margin-bottom:30px}
.logo { margin: 7px 0px 0px 5px; max-width: 180px; max-height: 50px; }
.flash, .page_bg { margin-top:60px; }
.navbar { min-height: 60px; }
.navbar-default .navbar-brand { color: #fff; font-size: 16px; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #fff; }
.navbar-toggle { }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { }
.navbar-default .navbar-toggle .icon-bar { }
.navbar-default .navbar-nav { margin-top: 0px; margin-bottom: 0px; }
.navbar-default .navbar-nav > li { margin:0 20px;}
.navbar-default .navbar-nav > li:last-child { border: none; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background-color: #eee; color: #df4839; }
.small-nav { margin-top: 0px; background: rgba(255,255,255,1); }
header { }
.top_d,.page_right{ display:none}
.nzsm li{ width:380px}
.next{ right:0px;}
.prev{left:0px;}
.zjhy_left,.box{ width:100%; padding:0 20px;}
.other_lists li{width:50%; padding:0 20px; margin:0}
.zjhy_left img,.box img,.list_news li img{ width:100%;}
.zjhy_right,.news_right,.fenxiang{ display: none; }
.why_hy li,.in_news_right,.in_news_left,.foot_right,.foot_left,.map{ width:100%; padding:20px;}
.banner{ margin-top:60px;    background-position: -850px;}
.contacts li{ width:50%}
.page{ margin-left:20px;}
.title li{ margin:20px;}
#four_flash .but_left{left:0;}
#four_flash .but_right{ right:0;}
.index_title{ margin-bottom:20px;}
.product_details,.product_left,.left_nav,.product_right,.right_product{ width:100%}
.product_details,.product_right{ margin:0; padding:0; border:0}
.right_product li{ width:45.5%;}
.title .Select{ display:none}
.list_news dl { width:68%}
.new_details{ width:100%}
}
 @media screen and (max-width:480px) {
.copyright_p,.top_d { display: none; }
.list_news dd{ overflow:hidden; height:40px;}
}

/*414px到768px*/
@media screen and (min-width:360px) and (max-width:768px) {
.col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 { float: left; }
.col-mm-12 { width: 100%; }
.col-mm-11 { width: 91.66666667%; }
.col-mm-10 { width: 83.33333333%; }
.col-mm-9 { width: 75%; }
.col-mm-8 { width: 66.66666667%; }
.col-mm-7 { width: 58.33333333%; }
.col-mm-6 { width: 50%; }
.col-mm-5 { width: 41.66666667%; }
.col-mm-4 { width: 33.33333333%; }
.col-mm-3 { width: 25%; }
.col-mm-2 { width: 16.66666667%; }
.col-mm-1 { width: 8.33333333%; }
.nzsm li{ width:335px; margin-left:20px}
}