@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a { text-decoration:none; color:#333; }
.contentbg {padding:0px 0 60px; height:auto; }
.w1160 { width:1140px; margin:auto; height:auto;}
.wrap {padding:30px 0px;width:auto; height:100%;}
.wrap_tit { line-height:38px; }
.wrap_tit h2 { float:left; font-size:18px; color:#333; font-weight:bold; }
.wrap1 { background-color:#fff; padding:30px 0px;width:1500px; height:1000px;}
.wrap3 { background-color:#fff; /*padding:30px 0px;*/width:auto; height:620px;}
.bread { float:right; color:#666; font-size:12px; }
.bread a { color:#666; }

/*产品详细页*/
.pro_show2 {}
.pro_show {padding:20px 0;}
.pro_show .proshow_l { width:40%; height:auto; float:left; margin-bottom:60px; }
.pro_show .proshow_r { width:56%; height:auto; float:right; margin-bottom:60px; }
.pro_show .proshow_r h1 { width:100%; height:auto; font-size:24px; font-weight:bold; color:#333; line-height:44px; padding-bottom:3px; }
.pro_show .proshow_txt { width:100%; height:auto; line-height:28px; font-size:14px; color:#333; /*padding-bottom:60px;*/ }
.pro_show .pro_tel { width:58%; border:1px #dcdcdc dashed; float:left; padding:10px; }
.pro_show .pro_tel img { width:42px; height:42px; display:block; float:left; margin-right:3%; }
.pro_show .pro_tel p { float:left; font-size:14px; color:#666; font-weight:bold; line-height:21px; }
.pro_show .pro_tel p span { color:#21364b; }
.pro_show .pro_tel p a { color:#21364b; }
.download {width:50%;height:62px;float:left;background-color:#21364b;margin-top:50px;}
.download img { width:48px; height:62px; display:block; float:left; }
.download p { float:left; font-size:16px; color:#fff; font-weight:bold; line-height:62px; padding-left:10%; }
.probox { width:100%; height:40px; line-height:40px;  margin-bottom:30px; }

.probox li.hover {background-color:#21364b;width:auto;color:#fff;}
.procontent { width:100%; height:auto; clear:both; font-size:14px; }
.pro_show table { margin-bottom:0px; }
.pro_show>tr, td { line-height:42px; }
.pro_show td { color:#333; font-size:14px; }
.proshow_txt li { width:22.9%; height:auto; float:left; margin:0 2.7% 0 0; }
.proshow_txt li:nth-child(4n) { margin-right:0px; }
.proshow_txt li img { display:block; }
.proshow_txt li .products_font { width:auto; height:38px; line-height:38px; text-align:center; color:#fff; font-size:14px; background-color:#21364b; }
.proshow_txt li:hover .products_font { background-color:#8ec31f; }


.cp_info{ width:1200px; height:auto; margin:0 auto; overflow:hidden;color:#666 }
.cp_info .left{ float:left; width:1200px; height:auto}
.cp_info .right{ float:right; width:170px; height:auto; background:#fff}
.cp_info .left .cpys{ width:1200px; height:auto; margin-bottom:10px;overflow:hidden}
.cp_info .left .cpys .title1{ width:1200px; height:42px; border-bottom:2px solid #01538f;/* background:#f3faff*/}
.cp_info .left .cpys  h3{ width:120px; text-align:left; line-height:42px; /* background:#01538f*/; font-size:18px; font-weight:600; }
.cp_info .left .cpys .text1{ padding:10px 0; line-height:25px; font-size:14px;}


.about {width: 1200px;margin: 0 auto; background:#fff;}.about1{width: 1200px;margin: 0 auto;padding: 32px 32px 0px;}
.part1,.part2,.part3{width: 1136px;height:600px;margin: 0 auto 0px;margin-top:50px;}
 .product-li{float:left; padding:0px 0px !important; position:relative;}
 .product-li a{display:block; position:relative; width:100%;}
 .product-li a:before{border:0px solid rgba(255,255,255,.4);opacity:0;position:absolute;content:'';left:14px;right:14px;top:0px;bottom:50px;z-index:2;transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;}
 .product-li:hover a:before{opacity:1; transform:scale(1,1); -moz-transform:scale(1,1); 
-ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);}
 .product-li a font{display:block; position:relative; overflow:hidden; width:100%;}
 .product-li a font:after{position:absolute; left:0; top:0; right:0; bottom:0; 
content:''; background:rgba(0,0,0,.5); 
opacity:0; transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
 .product-li:hover a font:after{opacity:1;}
 .product-li a font img{display:block; width:100%; transform:scale(1,1); -moz-transform:scale(1,1);
-ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
 .product-li:hover a font img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);}
 .product-li a span{display:block; text-align:left; margin-top:0px; margin-left: 15px;
position:relative; width:100%; color:#ffffff;   padding:0 0px;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
 .product-li a span i{display:block; font-style:normal; color:#ff0000; line-height:1;}
 .product-li a span b{display:inline-block;position:relative; font-weight:normal; font-size:0px;color:#ffffff; }
 .product-li:hover a span b{color:#fff;font-size:20px;}
 .product-li a span b:before{
height:0px; position:absolute; top:-2px; left:-5px; right:-5px; background:#ffffff; background:#000; content:'';
transform:scale(0,1); -moz-transform:scale(0,1); -ms-transform:scale(0,1); -o-transform:scale(0,1); -webkit-transform:scale(0,1);
transition:.2s .1s; -moz-transition:.2s .1s; -ms-transition:.2s .1s; -o-transition:.2s .1s; -webkit-transition:.2s .1s;}
 .product-li:hover a span b:before{transform:scale(1,1); -moz-transform:scale(1,1); 
-ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);}
 .product-li:hover a span{  position:relative; z-index:3; 
transform:translateY(-42px); -moz-transform:translateY(-42px); -ms-transform:translateY(-42px); 
-o-transform:translateY(-42px); -webkit-transform:translateY(-42px);}
 .product-li p{position:absolute; top:45%; left:50%; z-index:2; width:44px; height:44px; 
margin:-22px 0 0 -22px; opacity:0; color:#fff; font-family:Helvetica,Arial,sans-serif;
border-width:2px; border-style:solid; border-color:#ffffff; border-color:#000; text-align:center;  
line-height:40px; border-radius:50%; font-size:34px; cursor:pointer;
transition:.3s .3s; -moz-transition:.3s .3s; -ms-transition:.3s .3s; -o-transition:.3s .3s; -webkit-transition:.3s .3s;}
 .product-li:hover p{opacity:1;}
 .product-li:hover p:hover{background:#ffffff; background:#000;}


 .product-li-first{width:100% !important; text-align:center; padding-top:40px;}
 .product-li:first-child + .product-li-first{padding-top:0;}
 .product-li-first h1{color:#ffffff; color:#000; display:block; margin:0; font-size:34px;}
 .product-li-first p{margin:15px 0 0 0; padding:0 6% !important;   max-height:120px; overflow:hidden;
display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
 .product-li-first span{display:block; background:none !important;}
 .product-li-first span a{}
@media(max-width:1599px){
 .product-li a:before{bottom:20px;}
 .product-li a span b{font-size:17px;}
 .product-li:hover a span{
transform:translateY(-38px); -moz-transform:translateY(-38px); -ms-transform:translateY(-38px); 
-o-transform:translateY(-38px); -webkit-transform:translateY(-38px);}
 .product-li-first{padding-top:35px;}
 .product-li-first h1{font-size:30px;}
 .product-li-first p{padding:0 3% !important; max-height:77px;} }
@media(max-width:1199px){
 .product-li a span{padding:0 20px;}
 .product-li a span b{font-size:16px;}
 .product-li:hover a span{
transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); 
-o-transform:translateY(-40px); -webkit-transform:translateY(-40px);}
 .product-li-first{padding-top:30px;}
 .product-li-first h1{font-size:25px;}
 .product-li-first p{padding:0 !important;max-height:70px;} }
@media(max-width:767px){
 .product-li{padding:0 5px !important;}
 .product-li a span b{font-size:14px;}
 .product-li p{width:34px; height:34px; margin:-17px 0 0 -17px; line-height:30px; font-size:16px;}
 .product-li:hover a span{
transform:translateY(-30px) !important; -moz-transform:translateY(-30px) !important; -ms-transform:translateY(-30px) !important; 
-o-transform:translateY(-30px) !important; -webkit-transform:translateY(-30px) !important;}
 .product-li a:before{left:9px; right:9px; top:9px; bottom:19px;} 
 .product-li-first{padding-top:30px;}
 .product-li-first h1{font-size:20px;}
 .product-li-first p{margin-top:10px;} }
@media(max-width:767px) and (orientation:portrait){  
 .product-li:hover a span{
transform:translateY(-36px); -moz-transform:translateY(-36px); -ms-transform:translateY(-36px); 
-o-transform:translateY(-36px); -webkit-transform:translateY(-36px);} }

.cw{width:1130px; margin:0 auto;}
/*整站样式*/
.navigate{ padding:30px 0 40px; color:#666666; font-size:13px; font-family:microsoft yahei;}
.navigate a{ display:inline-block;color:#666666; font-size:13px; font-family:microsoft yahei; text-decoration:none; margin:0 5px; }
.clearfix { display:inline-block;}
.neiTitle{ font-size:26px; font-family:microsoft yahei; color:#333333;width:1200px; margin:0 auto;}
.proDetailListWord{ width:734px;}
.proDetailList p{line-height:27px;color:#666666;font-size:13px;font-family:microsoft yahei !important; margin-top:30px;}
.ml15{margin-left:15px;}


.probox li { width:auto; padding:0 3%; float:left; cursor:pointer; font-size:14px; color:#fff; background-color:#21364b; margin-right:1px; }


/*.probox{width:451px;height:332px;text-align:center;font-size:50px;position:relative;margin:0px auto;overflow:hidden;}
.probox ul{height:300px;width:451px;position:relative;}
.probox ul li{width:451px;height:300px;left:0px;top:0;position:absolute;}
.probox ol{position:absolute;bottom:6px;width:200px;left:0;z-index:20;text-align:left;}
.probox ol a{width:25px;height:5px;margin-right:10px;background:#e3e5e6;display:inline-block;}
.probox ol a.active{background:#008cd6;z-index:18;}*/
.TitleLine{ border-bottom:3px solid #ccc; padding-top:20px; margin-bottom:40px;}
.fl {
	float: left;
}

/*产品*/
 /*-----------------详情页-放大图---------------------*/
.proarc {
	padding: 15px 10px;
	width: 730px
}
.show_gallery {
	float: left;
	width: 430px;
	height: 508px;
	margin: 0 0 20px 0;
	position: relative;
}
.gallery_box {
	width: 430px;
	height: 508px;
	background: #fff;
	overflow: hidden
}
.tb-pic a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.tb-pic a img {
	vertical-align: middle;
}
.tb-pic a {
*display:block;
*font-family:Arial;
*line-height:1;
}
.tb-thumb {
	margin: 10px 0 0;
	overflow: hidden;
	padding: 0;
}
.tb-thumb li img {
	width: 70px;
	height: 70px;
}
.tb-thumb li {
	float: left;
	height: 70px;
	margin: 0 5px 0 5px;
	overflow: hidden;
	padding: 2px;
	border: #dfdfdf 1px solid;
}
.tb-s310, .tb-s310 a {
	height: 414px;
	width: 414px;
}
.tb-s310, .tb-s310 img {
	max-height: 414px;
	max-width: 414px;
}
.tb-s310 a {
*font-size:271px;
}
.tb-s40 a {
*font-size:35px;
}
.tb-s40, .tb-s40 a {
	height: 70px;
	width: 70px;
}
.tb-booth {
	border: 1px solid #e9e9e9;
	background: #fff;
	position: relative;
	z-index: 1;
	padding: 2px;
}
.tb-thumb .tb-selected {
	height: 70px;
	border: #00a9e9 1px solid;
}
.tb-thumb .tb-selected div {
	background-color: #FFFFFF;
	border: medium none;
}
.tb-thumb li div {
}
div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 10px;
	width: 300px;
	height: 300px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
	margin: -3px 0 0 2px;
}

.item.zoom > .media.container > .media-object-container {
                 margin-top: 5px;
} 


#currentImg img {
  display: block;
  left: 0px;
  top: 0px;
  max-width: 100%;
  max-height: 100%;
  /* position: absolute; */
  right: 0;
  bottom: 0;
  margin: auto;
  width: auto;
  height: auto;
}
#currentImg .zoomIconImg {
  background:url(../agilent_images/zoom.png) no-repeat;
  left: 288px;
  top: 290px;
  height: 25px;
  width: 25px;
}

/*---End for products tiles---*/
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #EBEBEB;
    border-color: #D9D6CF;
}
.item.zoom > .media > .media-object-container > .media-gallery .btn {
    padding: 0px;
    display: block;
    width: 100%;
    margin-bottom: 1.25ex;
    border: 1px solid #D4D9DD;
}
.btn.btn-default.active {
    border-color: #0085D5 !important;
}
.btn.btn-default {
    color: #0085D5;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-image: none;
}
.item.zoom > .media > .media-object-container > .media-preview {
  width: 318px;
  position: relative;
  height: 322px;}
.item.zoom > .media > .media-object-container > .media-preview > .activation-notice {
    position: absolute;
    bottom: -1ex;
    width: 100%;
    margin-bottom: -1.4em;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #B2B2B2;
}
.item.zoom > .media > .media-object-container > .media-preview > .media-object {
   
}
.item.zoom > .media > .media-object-container > .media-gallery #gal-next.direction-control {
    bottom: 0;
}
.item.zoom > .media > .media-object-container > .media-gallery .direction-control {
    color: #B2B2B2;
    margin: 0;
    position: absolute;
    z-index: 1;
}
.item.zoom > .media.container > .media-object-container {
    margin-right: 0;
    margin-top: 0;
}
.item.zoom > .media > .media-object-container {
    height: 322px;
    margin-bottom: 0;
    margin-right: -1%;
    overflow: hidden;
    padding: 0 1%;
    width: 420px;
}


.newsTitle 
{
    width:auto;
    height:auto;
    float:left;
   
}
.newsTitle li {width:33.33%;height:auto;padding-bottom:24px;margin-bottom:24px;float:left;}
.newsTitle li .news_img {  height:auto; }
.newsTitle li .news_font {width:85%;height:auto;padding-top:3%;text-align:center;margin-left:7.5%;}
.newsTitle li .news_font h2 { color:#333; font-size:16px;}
.newsTitle li .news_font .time { color:#999; font-size:12px; padding:4px 0 8px; }
.newsTitle li .news_font p {color:#666;font-size:14px;line-height:26px;margin-bottom:22px;text-decoration:none;}
.newsTitle li .news_font span { color:#999; font-size:12px; background:url(../images/ico-11.png) no-repeat right center; }
.newsTitle li:hover h2, .news li:hover .time, .news li:hover p { color:#21364b; }



.about {width: 1200px;margin: 0 auto; background:#fff;}.about1{width: 1200px;margin: 0 auto;padding: 32px 32px 0px;}
.container{margin:0 auto;width:1200px;}
   
.decorate_top{ height:50px;}
.decorate_top h2{display:inline-block; *zoom:1; vertical-align:top; font-weight:normal;margin-bottom:1px; height:33px; font-size:18px; color:#000;padding-bottom:10px;  }
.decorate_list{ padding-left:130px; }
.decorate_list dl{ display:block; padding:22px 0 22px 0; border-bottom:#cdcdcd dotted 1px;}

.decorate_list dt{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:500px; height:280px; margin-right:18px;}
.decorate_list dt img{ width:100%; max-height:100%;}
.decorate_list dd{display:inline-block;*display:inline;*zoom:1;padding-left;100px;vertical-align:top; width:400px;}
.decorate_list dd h4{ display:block; font-size:24px; color:#333;font-weight:normal;}
.decorate_list dd h4:hover{color:#333;}

.decorate_list dd p{ display:block; padding:10px 0 8px 0;line-height:24px; color:#848484;}
.decorate_list dd span{ display:block; line-height:26px;}
.decorate_list dd i{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; padding-left:28px; font-style:normal;}
.decorate_list dd i.time{ padding-left:18px; background:url(../images/inside/decorate_list_dd.png) no-repeat 0px 5px;}
.decorate_list dd i.views{ margin-left:10px; background:url(../images/inside/decorate_list_dd.png) no-repeat 0px -24px;}

.huodong_list dd{ display:block; padding:22px 0 22px 0; border-bottom:#cdcdcd dotted 1px;}
.huodong_list dd img{ width:100%; max-height:100%;}

.container1{margin:0 auto;width:1200px;background:#fff;padding-bottom:30px;}
.hezuo{margin:0 auto;text-align:center;padding-top:35px; font-size:22px; color:#333;}
 .hezuo p{margin:0 auto;text-align:center;font-size:12px; padding-top:10px;color:#8A8888;}
.hezuo1{margin:0 auto;  width: 120px;padding-top:35px; font-size:22px; color:#333;}
 .hezuo1 p{margin:0 auto; width:100px;font-size:12px; padding-top:10px;color:#8A8888;}
.hezuo2{margin:0 auto;  width:310px;padding-top:35px; font-size:22px; color:#333;}
 .hezuo2 p{margin:0 auto; width:80px;font-size:12px; padding-top:10px;color:#8A8888;}
.hezuo4 p{text-align:center; margin:0 auto; font-size:14px; padding-top:30px;padding-bottom:30px;color:#8A8888;}
.cases_details{margin:0 auto;width:1200px}
.decorate_list1{float:left;padding-left:140px;width:400px;}
.decorate_list1 dl{ display:block; padding:0px 0 0px 0;  }
 
.decorate_list1 dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:400px;}
.decorate_list1 dd h4{ display:block; font-size:16px; color:#666;font-weight:normal;}
.decorate_list1 dd h4:hover{color:#f282828;}
.decorate_list1 dd p{ display:block;font-size:15px; padding:0px 0 0px 0;line-height:24px; color:#666;margin:0;}
.decorate_list1 dd span{ display:block; line-height:26px;}

.cases_details2{margin:0 auto;width:1200px;background:url(../images/lx.jpg);overflow:hidden;}
.decorate_list4{float:left;padding-left:130px;width:600px;}
.decorate_list4 dl{ display:block; padding:0px 0 0px 0;}
 
.decorate_list4 dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:600px;}
.decorate_list4 dd h4{ display:block; font-size:16px; color:#f282828;font-weight:normal;}
.decorate_list4 dd h4:hover{color:#f282828;}
.decorate_list4 dd p{ display:block;font-size:22px; padding:0px 0 0px 0;line-height:24px; color:#666;}
.decorate_list4   p{ display:block;font-size:18px; padding:0px 0 0px 0;line-height:18px; color:#666;padding-left:15px;}
.decorate_list4 p:nth-of-type(1){padding-top:12px;}
.decorate_list4 dd span{ display:block; line-height:26px;}

.decorate_tag_list { padding-left:120px;overflow: hidden; }
.decorate_tag_list h2{display:inline-block; *zoom:1; vertical-align:top; margin-bottom:-1px; height:33px; font-size:18px; color:#f282828; }
.decorate_tag_list dd h4{   font-size:16px; color:#f282828;font-weight:normal;}
.decorate_tag_list dd{font-size:15px; color:#f282828;font-weight:normal; width:500px;}
.decorate_tag_list dd p{  padding:20px 0 0px 0;line-height:24px; color:#666;margin:10px 0 0 0;}
.decorate_tag_list  dd span{font-size:16px; color:#666;font-weight:normal;}
.decorate_tag_list .lable a:hover{background:#1e6338;color:#fff}


@media screen and (max-width:1200px){
.w1160{min-width: unset;max-width: 100%}
}