@charset "utf-8";
/* CSS Document */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{color:#000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0; font-family:"微软雅黑"}
a{ text-decoration:none;}
a:hover {text-decoration:none;}
/* 默认不显示下划线，保持页面简洁 */
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}
li{ list-style:none;}
/*万能清除浮动开始*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table;} /* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.topp{ overflow:hidden; width:100%; min-width:1200px; background:#2b2b35; border-bottom:1px solid #5c5c5c; font-size:14px; }
.welcom{ overflow:hidden; width:1200px; margin:0 auto; height:30px; line-height:30px; color:#888; font-family:"微软雅黑";}
.welcom span{ float:left; font-size:14px;}


.main{ overflow:hidden; width:1200px;margin:0 auto;}
.maina{ overflow:hidden; width:1200px; margin:0 auto;}
.sprocket{ width:100%;}
.sprocket ul li{ float:left;filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3}
.picbg{ position:relative; }
.picname{ position:absolute; top:30px; left:20px; font-size:14px; background:#000; color:#fff; padding:8px 15px; border-radius:5px; line-height:26px;}
.sprocket ul li:hover{ background:none;filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1}
.pictitle{ position:absolute; bottom:70px; color:#fff; font-size:14px; line-height:30px; padding:5px; height:90px; overflow:hidden; font-family:"微软雅黑"}
.readmore{ position:absolute; bottom:30px; right:20px; font-family:Georgia, "Times New Roman", Times, serif}
.readmore a{color:#6bb9f0;}
.black{ width:100%; background:#3c3c4a !important;}
.totitle{ margin:30px 0px; border-bottom:1px solid #6d6d77;}
.totitle h3,h2{ height:26px; line-height:26px; padding-bottom:10px; font-size:20px; font-style:normal; font-weight:normal;}
.totitle h3 a{ color:#fff;}
.totitle h2 a{ color:#000;}
.totitle span{ font-size:14px;}
.linktitle{ float:left;margin:20px 0px; font-size:18px;}
.link{ float:left;  margin:20px 0px;}
.link a{ color:#888;  padding:10px; line-height:26px;}

.descrip{ color:#fff; font-size:14px; margin-bottom:30px;}
.pronav{ width:100%; height:52px; background:#30303c!important; margin-top:20px; overflow:hidden;}
.pronav ul li{ float:left; height:50px;line-height:50px; overflow:hidden; font-size:14px; padding:0px 15px; border-right:1px solid #5b5b5b;}
.pronav ul li a{ color:#83838c;}
.pronav ul li a:hover{ color:#fff; display:block;}
.pronav ul li:hover{ border-bottom:2px solid #ffd200;}
#in{border-bottom:2px solid #ffd200;}
#in a{ color:#fff;}



/*产品展示*/
.list-img{width:1200px; min-width:1120px; margin-top:20px; height:450px;overflow:hidden; padding-bottom:30px;}
.list-img-item {width:300px; _width:290px; _margin-right:5px; _margin-bottom:5px;float:left;color: #333;}
.list-img-item img{ _width:290px;}
.typo_img img{ border:none;}
.list-img-tit-pa {position: absolute;top: 50%;left: 0px; text-align: center; font-size: 14px; width: 100%; filter: Alpha(opacity=0); opacity: 0; color: #fff; -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;}
.typy_icon_img a:hover .list-img-tit-pa {filter: Alpha(opacity=100); opacity: 1;}
.list-img-tit-bottom {bottom:0px;left:0;/*top:auto;*/background: url(black80.png);padding:10px 0;bottom:0 \9;}
.list-img-item .typo_img a { display: inline-block; *display: inline;}
.typy_icon_img a{position: relative;overflow: hidden; background-position: center center ; background-repeat: no-repeat; background-color: #000;zoom:1;  }
.typy_icon_img a img{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.typy_icon_img a:hover img{   filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.compic{ margin:30px 0px 0px 0px; width:100%; overflow:hidden; background:url(ab_bg.gif) no-repeat center 75%; width:100%; height:340px;}
.companycontwid{ width:1200px; margin:0 auto; margin:0 auto;}
.companycont{ clear:both; margin:0 auto; color:#ffffff !important; line-height:30px; height:180px; overflow:hidden; font-size:14px;}
.more{ text-align:center; padding-top:20px;}
.more a{ color:#fff; font-family:"微软雅黑"}
.example{ width:100%; background:#f1f5f3;}
.examwid{ overflow:hidden;width:1200px; margin:0 auto; padding:50px 0px;}
.examlist{ width:100%;}
.examlist img{border:0 none;}
.examlist ul li{ float:left; margin-right:21px;display:inline-block; }
.examlist ul li img:hover{ background:#6bb9f0;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
.examlist ul li span{ display:block; width:384px; padding-top:20px; line-height:26px; font-size:14px; max-height:150px; overflow:hidden;}
.examlist ul li span i{ font-size:16px; color:#000; display:block; height:36px; font-style:normal; font-family:"微软雅黑"; overflow:hidden;}



.sectitle{ overflow:hidden; width:100%; margin:0 auto; height:40px; line-height:40px; background:#383844;}
.secposition{ overflow:hidden; width:1200px; margin:0 auto; height:50px; line-height:50px;}
.secposition a{ color:#888;}
.sectitle span{width:100%; overflow:hidden; padding-left:15px; font-size:18px; color:#fff;}
.sectitle a{ color:#888;}

.lewid{ width:240px;overflow:hidden;}


.TabTitle2{padding-bottom:20px; width:100%; overflow:hidden; padding:15px; padding-left:0;}
.TabTitle2 ul.expmenu li div.header { clear:both; overflow:hidden;display: block;height:30px;overflow: hidden;line-height: 30px; }
.TabTitle2 ul.expmenu li div.header a {color:#888;font-size: 14px;padding-left:10px; }
.TabTitle2 ul.expmenu li div.header a:hover {color: #f90; text-decoration:none;}
.TabTitle2 ul.expmenu li div.header .arrow {display: block;width: 10px;height: 10px; margin-right:5px;background: no-repeat center;float: right;overflow: hidden;cursor: pointer;}
/*三角按钮*/
.TabTitle2 ul.expmenu li div.header .arrow.up {background:url(bg.png) -99px -285px; margin-top:10px;}
.TabTitle2 ul.expmenu li div.header .arrow.down {background:url(bg.png) -99px -315px;margin-top:13px;}
/*二级导航*/
.TabTitle2 ul.expmenu  li .menu { width:100%;display: block;height: auto;overflow: hidden;	padding: 0px 20px;}
.TabTitle2 ul.expmenu li .menu li {display: block;height: 30px;overflow: hidden;line-height: 30px;}
.TabTitle2 ul.expmenu li .menu li a {font-size: 12px;color:#888;padding-left: 10px;}
.TabTitle2 ul.expmenu li .menu li a:hover {	color: #f90;}
.telp{ line-height:30px; padding:10px; font-size:14px;}
.secright{ overflow:hidden; width:940px; float:right;}
.righttitle{ clear:both; font-size:30px;padding:8px 0px; color:#000; text-align:center; height:50px; line-height:50px; overflow:hidden;}
.time{ text-align:center; line-height:24px; margin-bottom:30px; background:#efefef; font-size:12px;}
.rigpic{ width:100%; text-align:center; margin:0 auto;}
.rigpic img{ max-width:820px; margin:0 auto; overflow:hidden;}
.rigcont{ text-indent:2em; line-height:34px; padding:5px;}
.upage{ clear:both; width:100%; margin:0 auto; margin-top:40px; text-align:center; height:50px; color:#fff;}
.upleft{ float:left; height:30px; overflow:hidden; line-height:30px;width:45%;}
.upleft a{ color:#000;}
.upright{ float:right; height:30px; overflow:hidden; line-height:30px;width:45%;}
.upright a{ color:#000;}

.tuijian{ width:100%;}
.tuijian ul{ list-style:none;}
.tuijian ul li{ text-decoration:none;text-align:center; padding:5px;}
.tuijian ul li img{ padding:3px; border:1px solid #999}
.tuijian ul li span{ display:block; height:40px; line-height:40px; text-align:center; overflow:hidden;}

.xgxx{ width:100%; margin-top:10px;}
.xgnews{width:920px;overflow:hidden; margin:10px 0px}
.xgnews ul{ margin-left:8px;}
.xgnews ul li{line-height:40px;height:40px; width:440px; padding-left:10px;float:left;overflow:hidden; font-size:14px; }
.xgnews ul li a:hover{text-decoration:none;color: #000;}
.xgnews ul li a{ color:#999;}
.xgnews ul li span{	float:right; color:#999;}

.butmain1{overflow:hidden; margin-top:20px; margin-bottom:20px; }
.butmain1 ul li{ display:block;width:700px;padding:0px 0px 5px;overflow:hidden;vertical-align:middle;}
.butmain1 ul li b{display:block;width:95px;height:30px;float:left;color:#666;line-height:30px;font-weight:normal;overflow:hidden; text-align:right;}
.butmain1 ul li span{display:block;width:450px;float:left;font-size:12px;line-height:30px;overflow:hidden;}
.butmain1 ul li em{ font-style:normal;color:#999;font-size:12px;line-height:30px;padding-left:10px;overflow:hidden;}
.butmain1 .mri02m_dd{width:280px;height:30px;border:1px solid #D3D4D3; border-radius:5px;font-size:12px;padding:0px 2px;overflow:hidden; margin-left:5px;float:left; margin-right:5px;}
.butmain1 .mri02m_ly{width:400px;height:70px;border:1px solid #D3D4D3;border-radius:5px;padding:0px 2px; overflow:auto;color:#B9B9B9; font-size:12px; line-height:22px; margin-left:5px;}
.butmain1 .mri02m_tj{width:90px;height:40px; color:#FFF;font-size:16px; margin-top:30px;line-height:30px;text-align:center; background:#9f0000;overflow:hidden; cursor:pointer; border:none;}
.pic{ float:left; margin-top:2px}
.pic img {height:30px;}

.newlist{ width:100%;}
.newlist ul li{ height:40px; line-height:40px; font-size:14px; overflow:hidden; border-bottom:1px dotted #666; background:url(bg.png) 0px -328px no-repeat; margin-left:10px;padding-left:20px;}
.newlist ul li span{ float:right;}
.newlist ul li a{ color:#888;}
.Page{width:100%; text-align:center; margin:50px 0px 50px 100px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#000; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page span.current{ background:#000; color:#FFF}
.prolist{ width:100%; overflow:hidden;}
.sjzl_lb{width:100%;height:auto;margin:0 auto;overflow:hidden; }
.sjzl_lb li{position:relative;float:left;overflow:hidden; margin:10px 10px 10px 5px; _margin:10px 8px 10px 5px;}
.sjzl_lb img{ border:none;}
.sjzl_lb li div.bt{position:absolute;bottom:0;width:220px;height:40px;line-height:40px;background:#000;font-size:14px;text-align:center;overflow:hidden;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-0-transition:all 0.3s;
background: none repeat scroll 0 0 rgba(0, 0,0, 0.6);
}
.sjzl_lb li div.bt a{color:#fff;}
.sjzl_lb li:hover div.bt{height:80px;}
.show-list-box{overflow:hidden;}
.show-list{ width:100%;}
.show-list li{ float:left; position:relative; z-index:1;float:left; margin:-1px 5px 0 16px;	border:solid #fff; border-width:1px 0 0 1px; overflow:hidden;}
.show-list li img{
-webkit-transition:.5s all ease;
-moz-transition:.5s all ease;
-ms-transition:.5s all ease;
-o-transition:.5s all ease;
transition:.5s all ease;
}
.show-list li .show-wrap{ position:absolute; left:0; bottom:-150px; _bottom:-198px; padding:0 0px;
background: url(black-opacity50bg.png);
text-align:center;
-webkit-transition:.5s all ease;
-moz-transition:.5s all ease;
-ms-transition:.5s all ease;
-o-transition:.5s all ease;
transition:.5s all ease;}
 
.show-list li .show-wrap h3{ height:40px;line-height:40px; color:#fff; font-size:16px; white-space:nowrap;
overflow:hidden; text-overflow:ellipsis; text-align:center;}
.show-list li .show-wrap p{ border-top:1px solid #fff;border-bottom:1px solid #fff; color:#fff; font-size:13px;
text-align:left; padding:5px 0 4px; margin-bottom:5px; overflow:hidden;  padding-left:7px;}
.show-list li .more{ text-transform:uppercase; color:#fff;}
.show-list li .more:hover{ text-decoration:underline;}
.show-list li:hover .show-wrap{bottom:0; background: none repeat scroll 0 0 rgba(0, 0,0, 0.6);}
.show-list li:hover img{ 
-moz-transform:scale(1.5) translate(30px,30px);
-ms-transform:scale(1.5) translate(30px,30px);
-o-transform:scale(1.5) translate(30px,30px);
-webkit-transform:scale(1.5) translate(30px,30px);
transform:scale(1.5) translate(30px,30px);}
.newsbox{ width:100%; display:none;}

.newslistbox{width:1180px;margin:0px auto;overflow:hidden; position:relative;}
.newslistbox ul{ margin:0px; padding:0px; width:9999px; position:relative;}
.newslistbox ul li{ float:left; width:1180px; overflow:hidden; position:relative;}

.newslis{width:1220px;}
.newslis dl{float:left;width:530px;padding-right:80px; padding-bottom:25px;}
.newslis dl dt{ float:left; background:url(bg.png) 0px -156px; width:94px; height:94px; text-align:center; font-size:14px; color:#FFF;}
.newslis dl dt span{ display:block; padding-top:8px; line-height:50px; font-size:48px;}
.newslis dl dd{ float:right; width:410px; margin-top:11px;}
.newslis dl dd h3{ font-size:16px; height:40px; line-height:40px; overflow:hidden; font-family:"微软雅黑"; font-weight:normal;}
.newslis dl dd h3 a{ color:#000}
.newslis dl dd h3 a:hover{ color:#007bc4}
.newslis dl dd div{ color:#666; font-size:14px; height:80px; overflow:hidden; line-height:26px; }