/*top*/
.topline{ width:100%; min-width:1200px; background:#005c9d; height:15px;}
.container {width: 1200px; margin:0 auto; position:relative;}
header .logo-box{height:70px;}
header .info-box{ overflow:hidden;}
header .info-box li{ float:left; margin-right:30px;}
header .info-box li .Phone{ width:22px; height:22px; background:url(../images/ico.png);}
header .info-box li  p{ color:#999; line-height:25px;}
header .info-box li .add{ width:22px; height:22px; background:url(../images/ico.png) 0px 25px;}

header .search{ width:200px; height:23px; background:#fff; border:1px solid #d6d6d6; line-height:23px;}
header .search .p1{ margin-left:10px; width:19px; height:21px; float:right; }
header .search .p2{ padding-left:6px; float:left;}
header .search .p2 input{ background:none; line-height:23px; font-family:"Microsoft Yahei"; border:0px; width:150px; height:23px; color:#666;}

/*nav*/
nav{width:100%; min-width:1200px; background:#fff; border-bottom:1px solid #efefef; border-top:1px solid #efefef; height:50px; line-height:50px !important; clear:both;}
nav .container{position:relative;}
.dh{ height:50px;}
.dh .activesss{ float:left; display: block; width:171px; text-align:center; position:relative;}
.dh .activesss .a1{ display:block; color:#333; font-size:15px; line-height:50px; height:50px;}
.dh .activesss a:hover{display:block; color:#fff; background:#007cc4;}
.dh .activesss1 .a1{ display:block; color:#fff; background:#007cc4;}
.dh .Locate{ position:absolute; width:171px; top:50px; left:0px; display:none; z-index:10000; background:#fff; filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8; }
.dh .Locate ul li{ display:block;text-align: center; line-height:25px; font-size:14px; border-bottom:1px solid #ddd;}
.dh .Locate ul li a:hover{display:block; padding:10px 0px;color:#fff;text-decoration:none;font-weight:normal;}
.dh .Locate ul li a{display:block; padding:10px 0px; color:#333;}

/*banner*/
#banner { width:100%; float:left; position:relative; min-width:1200px; overflow:hidden; z-index:10;}
#slides { display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; right:50%; top:500px; z-index:9900;}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px; background:url(../images/1_08.png) no-repeat; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:url(../images/1_07.png) no-repeat;}

/*index 产品展示*/
.main{ clear:both; background:#fff;overflow:hidden;}
.i-wrap1{ padding:20px 40px 40px 40px; background:#eeeeee; margin-top:40px; overflow:hidden;}
h4{line-height: 40px; height:40px; border-bottom:1px solid #ddd; font-size:20px; color:#333; font-weight:normal;}
h4 span{ font-size:14px; color:#999; margin-left:10px;}
.List1{ margin-top:20px;}
.List1 li{float: left;width: 260px; height: 220px; background:#fff; margin-right:18px; border:1px solid #ddd;position:relative;}
.List1 li .pro_pic{ width:260px; height:180px;text-align:center; border-bottom:1px solid #ddd; overflow:hidden; display:table; position:relative; }
.List1 li .pro_pic span{display:table-cell;vertical-align:middle;width:260px;height:180px;}
.List1 li .pro_pic span img{max-width: 260px; max-height: 180px;margin:0 auto;}
/*For IE7*/
*+html .List1 li .pro_pic span{position:absolute;top:50%;width:100%;text-align:center;height:auto;}
*+html .List1 li .pro_pic span img{position:relative;top:-50%;left:-50%;}
/*For IE6*/
*html .List1 li .pro_pic span{position:absolute;top:51%;width:100%;text-align:center;height:auto;display:block;}
*html .List1 li .pro_pic span img{position:relative;top:-50%;left:-50%;width:expression(this.width>260?“260px”:“auto”);height:expression(this.height>180?“180px”:“auto”);}
.List1 .text{ height:35px;line-height: 35px;font-size: 14px;color:#333; text-align: center; padding:0 20px; overflow: hidden;/*注意不要写在最后了*/  white-space:nowrap;  
-o-text-overflow: ellipsis;/* for Opera */ 
text-overflow: ellipsis;/* for IE */ }
.List1 li .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/recommend-product-mask.png) no-repeat;opacity: 0;-webkit-transform: scale(.8);transform: scale(.8);filter: alpha(opacity=0);}
.List1 li .mask h2{color:#fff; font-size:24px; font-weight:normal;text-align: center; height:40px; line-height:40px; padding-top:120px; font-family:"Microsoft Yahei";overflow: hidden;/*注意不要写在最后了*/  white-space:nowrap;  -o-text-overflow: ellipsis;/* for Opera */ text-overflow: ellipsis;/* for IE */ }
.List1 li .mask p{color:#fff; font-size:18px; height:40px; line-height:40px; text-align: center;  font-family:"Microsoft Yahei";}
.List1 li a:hover .mask{opacity: 1;-webkit-transform: scale(1);transform: scale(1);filter: alpha(opacity=100);  }


/*index栏目块*/
.blank{ clear:both; padding-top:45px;}
.ss1{width:280px; height:183px;position:relative;}
.ss_pad{ margin-left:28px;}
.ss1 a{ display:block; cursor:pointer;}

.ss1 .div1{ cursor:pointer;position:relative;overflow:hidden;width:280px; height:183px;}
.ss1:hover .div1 img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.ss1 .div1 img{position:absolute;top:0;bottom:auto;left:0;right:auto;-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;transition:transform 2s ease-out}
.ss1 .div2{ position:absolute; left:0px; bottom:0px; width:270px; background:url(../images/1_15.jpg) right center no-repeat; height:35px !important; height /**/:40px; padding-top:5px; overflow:hidden; color:#fff; padding-left:10px; font-size:14px;text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;filter:alpha(opacity=70);
	-moz-opacity:0.7; 
	opacity:0.7;}
.ss1:hover .div2{ background:url(../images/1_15.jpg) left center no-repeat;text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ss1 .div2 .fr{ padding-right:10px; padding-top:10px;}
.ss1 .div2 .fr span{ background:url(../images/1_22.png) top center no-repeat; overflow:hidden; height:11px; width:7px;text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; display:block;}
.ss1:hover .div2 .fr span{ background:url(../images/1_22.png) bottom center no-repeat;text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

/*footer*/
.footer{ clear:both; width:100%; min-width:1200px; margin-top:40px; background:#005c9d url(../images/bottom_bg.png) top center no-repeat;overflow:hidden; color:#fff; min-width:1200 !important;}
.bottom{ padding-top:20px; padding-bottom:20px; overflow:hidden;}
.top_fan{ position:absolute; top:0px; right:0px;}
.footer .div3{ width:200px; margin-right:20px;}
.footer .div3 img{ width:180px; height:180px;}
.footer .div1{ width:440px; margin-right:30px;}
.footer .div1 p{ color:#fff; line-height:28px;}
.footer .div2{ margin-top:70px; text-align:right;line-height:28px;}
.footer .div2 a:link,.footer .div2 a:hover,.footer .div2 a:visited{ color:#fff;}

/*about*/
.toptittle{ clear:both; height:120px; background:#005c9d; margin-top:40px; margin-bottom:40px;}
.toptittle .tl {width: 400px;float: left; margin-left: 40px; margin-top: 23px;font-size: 14px; color:#fff;}
.toptittle a:hover,.toptittle a:link,.toptittle a:visited{ color:#fff; text-decoration:none;}
.toptittle .menu {color:#fff; margin-top:23px; float: right;text-align: right;margin-right: 40px;}
.toptittle .menu a{ display:block; padding:0 20px; float:left;}
.toptittle .menu a.current,.toptittle .menu a.current:hover{ display:block; background:#11a2e0; padding:0 20px; }

.about{ margin-bottom:40px;}
#demo1 img{ width:350px; height:220px; margin-bottom:20px;}

/*hr*/
.UI-bubble{display:inline-block;width:13px;height:13px;overflow:hidden;background:url(../images/sicons.jpg) 0px 0px no-repeat;}
.UI-ask{display:inline-block;width:13px;height:13px;overflow:hidden;background:url(../images/sicons.jpg)  0px -13px no-repeat;}
#jobs{width:100%;margin:0px auto 0px;}
#jobs li h5 .UI-ask,#jobs li h5 .UI-bubble{position:absolute;left:0px;top:13px;}
#jobs li{border-bottom:1px solid #e7e7e7;padding:0 14px 5px 14px;vertical-align:bottom; margin-bottom:30px;}
#jobs li h5{height:40px;position:relative;color:#333;font-size:14px;cursor:pointer;line-height:40px;height:40px;overflow:hidden;padding:0 0 0 26px;}
#jobs li .foldContent{border-left:3px solid #242424;padding:10px 26px;border-top:1px dashed #e2e2e2;line-height:24px;background:#f3f3f3;color:#666;}
#jobs li .foldContent .jobbtn{ text-align:center; border-top:1px solid #ddd; line-height:2; margin-top:10px;}

.jobstable{border-collapse:collapse; }
.jobstable th{ text-align:center; background:#ffffff;}
.jobstable td{ padding:0 10px;}

/*apply*/
.job_box{ line-height:60px;}
.job_box .w150 { width:150px; }
.job_box .ipt_k { height:28px; overflow:hidden; padding:0px 10px; border:solid 1px #b1b1b1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right:15px;  }
.job_box .ipt_k:hover {  color:#333333; border:solid 1px #666666; }
.job_box { height:auto; overflow:hidden; }
.job_box span{ margin-right:20px;}
.job_box textarea { width:738px; height:166px; padding:10px; line-height:18px; font-size:14px; border:solid 1px #b1b1b1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#a89999; }
.job_box textarea:hover {border:solid 1px #666666;color:#333333;  }
.job_box input.submit{ width:94px; height:30px; overflow:hidden; display:block; background:url(../images/submitbtn.png) no-repeat left top; color:#fff; text-align:center; line-height:30px; float:left;border:0; cursor:pointer; margin-right:15px;}
.job_box input.submit:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; }
.job_box .text08{ color:#FF0000; font-size:18px;}
.jobbtn a:link,.jobbtn a:hover,.jobbtn a:visited{ font-size:16px; font-weight:bold; color:#ff6100; text-decoration:none;}
input.btn { border-radius: 3px; overflow: hidden; width: 109px; height: 32px; line-height: 32px; text-align: center; padding: 0; margin-bottom: 10px; border: 0px none; font-size: 14px; text-transform: capitalize; color: #fff; background: #414141; cursor:pointer}
input.btn:first-child { margin-right: 13px; background: #0569be; cursor:pointer }

/*new*/
.news{ border-bottom:1px solid #ddd;}
.news a{display: block;padding: 40px 0;overflow: hidden; border-top: 1px solid #ddd;}
.news a .date{float:left;width:100px; margin-left:20px; color:#aaa;text-align: center;}
.news a .date span{display:block;line-height: 65px;border-bottom: 1px solid #ddd;font-size: 48px;}
.news a .date em{display: block; margin-top: 15px;}
.news a img{float: left; width: 370px;height: 216px;margin-left:40px;}
.news a .text{float: right; width:600px; margin-right:30px;}
.news a .text h3{line-height: 40px;font-size: 24px;color: #333;}
.news a .text p{display: -webkit-box; height: 100px;line-height: 28px; padding:20px 0px;overflow: hidden;border-bottom: 1px solid #ddd;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news a .text span{ height:40px; line-height:40px; color:#999; }
.news a .text .time{background:url(../images/icon.png) 0px 0px no-repeat; padding-left:30px;}
.news a .text .view{background:url(../images/icon.png) 0px -25px no-repeat; padding-left:30px;}
.news a:hover .date{color: #005c9d;}
.news a:hover .date span{border-color: #005c9d;}
.news a:hover .text h3{color: #005c9d;}
.news a:hover .text p{ color:#333;}
.news li a:hover{background: #eeeeee;}
/*翻页*/
.blog-artical-pagenate{overflow:hidden; width:100%; text-align:center; padding-top:40px;}
.fy {TEXT-ALIGN: center; display:inline-block;_display:inline;}
.fy a {
 display:block; padding:10px 20px; text-align:center; float:left; margin-right:1px; BACKGROUND-COLOR: #f1f1f1; color:#333;
}
.fy a:hover {
display:block; padding:10px 20px;  text-align:center; background:#005c9d; color:#ffffff; text-decoration:none;
}
.fy a:actived {
display:block; padding:10px 20px;  text-align:center; background:#f1f1f1; color:#333; text-decoration:none;
}
.fy span.current {
	text-decoration:none;
	 float:left;
	padding:10px 20px;
	cursor:default;
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #005c9d;
	margin-right:1px;
}
.fy span.last {
margin-right:1px;
	text-decoration:none;
	 float:left;
	padding:10px 20px;
	cursor:default;
	FONT-WEIGHT: bold;
	COLOR: #333;
	BACKGROUND-COLOR: #f1f1f1;
}

/*news_detail*/
.newtittle{ text-align:center;
    font-size: 24px;
    color: #005c9d;
    font-weight: bold;}
.newdate{ height:30px; line-height:30px; background:#eee; text-align:center; margin-bottom:20px; margin-top:20px;}
.back {
    background: #005c9d;
    color: #fff;
    width: 150px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 30px;}
.back a:link, .back a:hover, .back a:visited {
    display: block;
    color: #FFFFFF;
    background: #005c9d;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;}

/**** product_detail*****/
.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;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s350, .tb-s350 a{height:300px;width:300px;}
.tb-s350, .tb-s350 img{max-height:300px;max-width:300px; overflow:hidden}
.tb-s350 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px; overflow:hidden;}
.tb-s40 img{max-width:40px; max-height:40px;scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 40 ? "40px" : "auto"):(this.style.height = this.offsetHeight >= 40 ? "40px" : "auto")); display:inline !important;margin:0 auto; text-align:center;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1; background:#fff;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF; border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.detail_tit{ color:#fff; font-size:14px; line-height:35px; height:35px; text-align:left; font-weight:bold; margin-top:20px; background:#005c9d; padding-left:20px;}
.detail_content{ font-family:"Microsoft Yahei"; font-size:14px; color:#404040; line-height:2; text-align:left; padding:15px;}
.pro_mc_bt{ font-family:14px; font-weight:bold; font-family:"Microsoft Yahei"; color: #005c9d; margin-bottom:40px;}
.xq_mc li{ border-bottom:1px dashed #d6d6d6; height:35px; line-height:35px;}

/***** case *****/
.case_item{ float: left; width: 285px;height:300px; margin-right: 15px; margin-bottom: 20px;}
.case_item a{ display: block;}
.case_item .img{ width: 283px; height: 200px; overflow: hidden; border:1px solid #ddd; text-align:center; overflow:hidden; display:table;}
.case_item .img span{display:table-cell;vertical-align:middle;width:283px;height:200px;}
.case_item .img span img{max-width: 283px; max-height: 200px;margin:0 auto;}
/*For IE7*/
*+html .case_item .img span{position:absolute;top:50%;width:100%;text-align:center;height:auto;}
*+html .case_item .img span img{position:relative;top:-50%;left:-50%;}
/*For IE6*/
*html .case_item .img span{position:absolute;top:51%;width:100%;text-align:center;height:auto;display:block;}
*html .case_item .img span img{position:relative;top:-50%;left:-50%;width:expression(this.width>283?“283px”:“auto”);height:expression(this.height>200?“200px”:“auto”);}

.case_item .txt{ padding: 26px 0 22px 0; text-align: center; background: #f2f2f2; overflow: hidden; position: relative; z-index: 0;}
.case_item p{ padding: 10px; line-height: 20px; height: 20px; font-size: 14px; background: url(../images/pro_line.jpg) no-repeat center top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.case_item .txt:before{ position: absolute; content: ''; left: -50%; top: -50%; width: 200%; height: 200%; border-radius: 50%; background: #239bd9; z-index: -1; -webkit-transform: scale3d(0,0,1); -moz-transform: scale3d(0,0,1); transform: scale3d(0,0,1); -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; transition: transform 0.6s;}
.case_item:hover .txt:before{ -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.case_item:hover .txt p{ color: #fff; background: url(../images/pro_line1.jpg) no-repeat center top;}

/*service*/
.pro_list li{ margin-bottom:20px;}
.pro_list li h3{ font-size:18px; font-weight:bold; color:#005c9d; margin-bottom:15px; padding-left:15px; background: url(../images/point.jpg) left center no-repeat;}

/*企业文化*/
.important{ border-bottom:2px solid #ddd; padding-left:140px; overflow:hidden;}
.important li{ float:left; margin-right:60px;}
.important li a{ display:block;width:60px; height:60px; display:block; padding:21px;border-radius:15px;border:2px solid #005c9d; background:#fff;}
.important li:hover a{ border:2px solid #696969; background:#fff;}
.important li span{ width:60px; height:60px; display:block;}
.important .rcsp_1 span{ background:url("../images/icon1.png") no-repeat bottom center;}
.important .rcsp_2 span{ background:url("../images/icon2.png") no-repeat bottom center;}
.important .rcsp_3 span{ background:url("../images/icon3.png") no-repeat bottom center;}
.important .rcsp_4 span{ background:url("../images/icon4.png") no-repeat bottom center;}
.important .rcsp_5 span{ background:url("../images/icon5.png") no-repeat bottom center;}
.important .rcsp_6 span{ background:url("../images/icon6.png") no-repeat bottom center;}
.important .rcsp_1:hover span,.important .rcsp_2:hover span,.important .rcsp_3:hover span,.important .rcsp_4:hover span,.important .rcsp_5:hover span,.important .rcsp_6:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;}
.important .rcsp_1:hover span{ background:url("../images/icon1.png") no-repeat top center;}
.important .rcsp_2:hover span{ background:url("../images/icon2.png") no-repeat top center;}
.important .rcsp_3:hover span{ background:url("../images/icon3.png") no-repeat top center;}
.important .rcsp_4 span:hover{ background:url("../images/icon4.png") no-repeat top center;}
.important .rcsp_5 span:hover{ background:url("../images/icon5.png") no-repeat top center;}
.important .rcsp_6 span:hover{ background:url("../images/icon6.png") no-repeat top center;}
.important li p{ line-height:25px; margin-top:20px; text-align:center; display:block; color:#005c9d;}
.important li:hover p{ color:#333;}
.important li strong{ position:relative; display:block;margin-top:25px;z-index:4;}
.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #005c9d;}
.contents .cl{ padding:30px 50px; line-height:30px;}