@charset "utf-8";
body,html{}
*{line-height:2em; padding: 0; margin: 0; }
body{font: 14px/2 'Microsoft YaHei';color:#333;}
em, i, del { font-weight:normal; font-style:normal;}
ul, ol{ list-style:none;}
a{text-decoration: none;} 
a:link, a:visited, a:active {color:#333;}
a:hover{color:#024d90; }
img{border: 0px;}
*:link, *:visited, *:hover, *:active, *:focus,{
 -webkit-transition: all 0.3s linear;
 -moz-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
 transition: all 0.3s linear;
}
.clear{clear:both;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.wide{width:1180px;margin:0 auto;}
.wide:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#iwrapper{ width:100%; position:relative; z-index:1; margin:0 auto; } 
#wrapper{} 
#header{ background:#eeeeee; padding:0 0 1% 0; } 
 .logo{ padding:2% 0; }
 .logo img{ max-width:100%;} 
.top{float:right; padding:1% 0;} 
.toptel{display:block; background:url(../images/toptel.png) no-repeat center left; padding:0 0 0 55px;} 
.toptel span{ color:#e71f10; font-size:28px;} 
.nav{height:50px; background: #777; border-radius: 6px;padding:0 1%;}
.nav ul{list-style-type:none;height:50px; }
 .nav .nLi{ float:left; position:relative; display:inline; text-align: center;text-align: center; }
 .nav .nLi a{ display:block; line-height: 50px; padding:0 28px; color:#fff; margin:0 1px; }
 .nav .nLi a:hover,.nav .on a{ background:#959595; color:#fff; }
 .nav .sub{ display:none; min-width:110px; left:0; top:50px; position:absolute; z-index:99999;width:auto; }
 .nav .sub li{ zoom:1; }
 .nav .sub a{ display:block;background:#959595; line-height: 35px;font-size:14px;padding:0 15px; color:#fff; white-space:nowrap; height: auto; margin-bottom:1px;}
 .nav .sub a:hover{ background:#959595; color: #333; }
 .nav .none{background: none;}
.slider{}
 .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
 .rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; }
 .rslides li:first-child { position: relative; display: block; float: left; }
 .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } 
 .centered-btns_tabs { position: absolute; bottom:1%; left:50%; text-align: center; z-index:9999; }
 .centered-btns_tabs li{background: rgba(255, 255, 255, 0.2); display: inline-block;margin: 0 7px;border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; /* float: none; _float: left; *float: left; */}
 .centered-btns_tabs a{ width: 6px; height: 6px; background: rgba(255, 255, 255, 0.7);margin: 5px; border-radius: 50%;text-indent: -9999px; overflow: hidden; display: block; _display: block; *display: block; }
 .centered-btns_here a{background: #fff; } 
 
.banner{ position:relative; }
.banner img{ max-width: 100%; display:block; margin: 0 auto;}
.ititle{text-align:center; margin:0 15% 3% 15%}
.ititle h2{ font-size:26px; font-weight:bold; line-height:1em; text-transform:uppercase;}
.ititle h3{ font-size:20px;font-weight:bold;line-height:3em;}
.ititle p{ font-size:16px;color:#666;line-height:1.5em; }
.ibusiness{ padding:4% 0;}
 .ibusiness ul{list-style-type:none;}
 .ibusiness li{float: left;width:23%; margin:0 1%; text-align:center;}
 .ibusiness li strong{display:block; position:relative;font-size:16px; font-weight:normal;}
 .ibusiness li em{ display:block; width:140px; height:140px;margin:0 auto;border-radius: 50%; }
 .ibusiness li em img{ display:block; width:100%;}
.isolution{ padding:4% 0; background:#999;}
.isolution .ititle{ color:#fff;}
.isolution .ititle p{ color:#fff;}
 .isolution ul{list-style-type:none;}
 .isolution li{float: left;width:46%; margin:1%; text-align:center; background:#ccc; padding:1%;border-radius: 10px;}
 .isolution li em{ display:block; width:43%; float:left; }
 .isolution li em img{ display:block; width:100%;}
 .isolution li strong{display:block; font-size:16px; }
 .isolution li div{ margin-left:43%; padding:1.5% 2%;color:#fff; background:#c20101;} 
 .isolution li div strong{display:block; font-size:18px;font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
 .isolution li div p{line-height:1.5em;}
 .isolution li div a{ display:block; width:80px; line-height:30px; margin:15px auto; color:#fff; border:1px solid #fff;border-radius: 5px;}
 
 
.iproduct { padding:4% 0; background:#eee; }
 .plist{list-style-type:none; text-align:center; margin-bottom:2%; }
 .plist li{ display: inline-block; margin:0 15px; }
 .plist li a{ display:block; min-width:100px; text-align:center; line-height:40px; color:#fff; background:#999;border-radius: 5px; padding:0 15%} 
 .plist li a.cur{background:#e4140f; }
 .prcont{ }
 .prcont ul{list-style-type:none; }
 .prcont li{ float:left; width:21%;margin:0 1%; text-align:center; background:#fff; padding:1%;border-radius: 5px;}
 .prcont li a{ display:block; border:1px #ddd solid;}
 .prcont li em{ display:block; overflow:hidden;}
 .prcont li em img{ display:block; width:100%; margin:0 auto;} 
 .prcont li div{ display:block; background:#fff; padding:20px;}
 .prcont li div strong{ display:block;text-align:center; font-size:18px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
 .prcont li div p{ display:block;text-align:center;}
 .prcont li:hover a{ display:block; border:1px #e4140f solid;}
 
 
 
.inews{padding:4% 0;}
 .inews ul{list-style:none;}
 .inews ul li{ width:46%; float: left;margin:1%; background:#eee; padding:1%; } 
 .inews ul li em{display: block;width:30%; float: left;}
 .inews ul li em img{ display:block; width:100%;}
 .inews ul li div{ margin-left:30%; padding:0 20px;} 
 .inews ul li div strong{ font-size:18px;display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
 .inews ul li div strong a{display:block; line-height:1.5em; } 
 .inews ul li div p{color:#666; line-height:1.8em; }
 .inews ul li div span{display:block; color: #9e9e9e;font-size:12px; }
 .inews ul li:hover a{color: #2778c9;}
.about{ padding:4% 0;background:#f0f6f9;}
 .icompany{margin:0 2%; }
 .icompany h6{ float:right; position:relative;width:380px; margin-left:30px;}
 .icompany h6 em{ position:absolute; left:0; top:0; width:380px; height:235px;background:url(../images/cover.png);}
 .icompany h6 img{ display:block; }
 .icompany h3{ font-size:20px; }
 .icompany p{ text-indent:2em; color:#444;}
 .icompany a{ display: inline-block; background:url(../images/more.png) no-repeat right center;color:#87b2c7;padding-right:20px; margin-top:0.5%; float:right; }
 .about ul{list-style:none; clear:both; margin: 0 2%; padding:25px 0 0 0; }
 .about ul li{ width:25%; float: left; position:relative; } 
 .about ul li img{ display:block; width:100%;}
 .about ul li a{ display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
 .about ul li strong{display:block; position:absolute; left:30px; top:20px; font-size:18px; font-weight:normal;}
 .about ul li span{ position:absolute; z-index:1; right:15px; bottom:11px; background:url(../images/more20.png); width:20px; height:20px;}
.icontact{padding:3% 0; }
#footer{ background:#777;color:#fff; padding:2% 0;text-align:center; }
#footer a{padding:0 8px;color:#fff; }
.footnav{ }
.copyright {}
.copyright a{}
#main{}
#left{}
#right{ }
#leftmsg{float:left; width:240px;}
#rightmsg{float:right; width:870px; }
.title{position:absolute; top:15%; text-align:center; width:60%; left:20%; background: rgba(0,0,0,0.3); padding:2% 0 3% 0;}
.title p{font-size:30px; color:#fff;}
.title span{display:block; font-size:18px; color:#fff; text-transform:uppercase; line-height:1.2em; }
.title p:before{position:absolute; left:50%; margin-left:-230px; width:150px; background:#fff; height:1px; top:64%; content:"";}
.title p:after{position:absolute; right:50%; margin-right:-230px; width:150px; background:#fff; height:1px; top:64%;content:"";}
.leftnav{padding:2% 0; }
.leftnav h3{display:none; position: relative; }
.leftnav h3:after{ content:""; position:absolute; width:40px; top:50%; left:130px; border-bottom:1px #fff solid;}
.leftnav h3 strong{ display:block;font-size:16px;color:#fff;line-height:50px;padding:0 0 0 32px; }
.leftnav h3 span{ display: none;font-size:18px; color:#fff; line-height:1.6em; }
.leftnav dl{ list-style-type:none; text-align:center; }
.leftnav dt{ display:inline-block; margin:0 10px;}
.leftnav dt a{ display:block; width:100px; text-align:center; line-height:40px; color:#fff; background:#999;border-radius: 5px;}
.leftnav dt a:hover, .leftnav dt #current{ background:#e4140f;}
.leftnav dd{ padding:4px 10px 4px 35px; display:none;}
.leftnav dd:first-child{ margin-top:10px;}
.leftnav dd:last-child{ margin-bottom:10px;}
.leftnav dd a{ display:block; line-height:20px; position: relative; }
.leftnav dd a:before { content:"• "; }
.leftnav dd a:hover{ }
.place{padding:1% 0; }
.place p{ }
.place p a{ padding:0 8px; }
.place strong{ display:block;padding: 0 8px;font-size:16px; }
.business{}
.business ul{list-style-type:none;}
 .business li{overflow:hidden; clear:both;padding:2%; margin:1% 0;border-bottom: 1px #e7e7e7 solid; }
 .business li em{display:block;float:left; width:20%;overflow:hidden; position:relative; background:#0c4da2; } 
 .business li em img{width:100%; display:block;}
 .business li em span{ display:none;}
 .business li em:hover img{opacity: 0.5; }
 .business li em:hover span{display: block;position: absolute;top: 47%; width:100%;text-align:center; }
 .business li em:hover span b{display: inline-block; padding-right: 70px; font-size:22px;color: #fff;background: url("../images/icon.png") no-repeat right center; font-weight:normal;}
 
 .business li div{float:left; width:70%; padding:0 5%;}
 .business li h3{font-size:20px;margin:0 0 2% 0; color:#035cac; }
 .business li p{ }
 .business li .more{ display:inline-block;margin-top:10px; background: #efefef; padding: 2px 20px; text-overflow: ellipsis; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
 .business li .more:hover{background:#e4140f; color:#fff;}
.newslist{}
 .newslist ul{ list-style-type:none;}
 .newslist li{ overflow:hidden; padding:2%; margin:1% 0; clear:both; border-bottom: 1px #e7e7e7 solid; }
 .newslist li em{display:block;float:left; width:240px; height:165px; border:#efefef 1px solid; overflow:hidden; margin:0 2% 0 0; background:#ccc; } 
 .newslist li em img{max-width:100%; display:block; margin:0 auto;}
 .newslist li div{margin-left:260px;}
 .newslist li h3{font-size:20px; }
 .newslist li span{ display:block; color:#666; font-size:12px; }
 .newslist li p{ line-height:1.8em; }
 .newslist li .more{ display:inline-block;margin-top:10px; background: #efefef; padding: 2px 20px; text-overflow: ellipsis; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
 .newslist li .more:hover{background:#e4140f; color:#fff;}
 
.publiclist{}
 .publiclist ul{ list-style-type:none;}
 .publiclist li{padding:7px 0px;border-bottom:1px #cdcdcd dotted; line-height:18px; }
 .publiclist li a{display:block; padding:0 0 0 25px; background:url('../images/icon.png') no-repeat 12px center; line-height:18px; }
 .publiclist li span{ float:right;padding-right:8px;color:#999;line-height:18px; }
 .publiclist li strong{line-height:18px;}
 
.title01{ background:url('../images/title01.gif') repeat-x left bottom;text-indent:1em; padding:0 0 9px 0; font-weight:bold; font-size:16px;}
.title01:before{ content:"◆"; color:#013973;}
.title01 span{ display: inline-block; }
.contain{margin:2%;}
.content{}
.content h1{ background:url('../images/title01.gif') repeat-x left bottom; text-indent:1em; padding:0 0 9px 0; font-weight:bold; font-size:16px;}
.content h1:before{ content:"◆"; color:#013973;}
.content h1 span{ display: inline-block; }
.content h1 a{ display:block; }
.content h2{ background:url('../images/cion01.gif') no-repeat left center; font-weight:bold; padding:0 0 0 20px; font-size:14px;}
.content h3{font-size:26px; color:#146ccc; text-align:center; font-weight:800;}
.content h4{ background:#3d7ed6; line-height:28px; text-indent:1em; color:#fff;}
.content h5{ border:1px solid #3d7ed6; color:#3d7ed6; text-indent:1em; line-height:28px;}
.content h6{ text-align:center; font-size:12px; font-weight:normal; line-height:30px; padding:0 0 8px 0; color:#6c6b68;}
.content p{ margin:8px auto;} 
.content li{ margin-left:3.5em;}
.content img{max-width:100%;}
.content .detail{ padding:0.5% 0 1% 0;margin:0 auto; overflow:hidden;}
.content table{}
.content table td{padding:0px 5px;}
.content table td p{ margin:0;}
.tableboder table{border:#d4d4d7 solid 1px; text-align:center; border-collapse:collapse;}
 .tableboder th{ color:#2882d8; padding:2px 5px;border:#d4d4d7 solid 1px;}
 .tableboder td{ padding:2px 5px;border:#d4d4d7 solid 1px;}
 
.brief{margin:0 auto;}
.brief a:hover{ text-decoration:underline;}
.page{ text-align:center; font-size:12px; padding:15px 0 0 0;}
.page a{ padding:0 3px;}
.page a:hover{text-decoration:underline;}
.tool{text-align:right; font-size:12px; padding:10px 0 15px 0;}
.tool a{ padding:0 3px;}
.tool a:hover{ text-decoration:underline;}
.product{ padding:1%;}
.choice{ height:26px; padding:10px 0;}
.choice a{ background:url('../images/choice02.gif') no-repeat; display:block; text-align:center; margin:0 10px 0 0; font-weight:bold; width:110px;line-height:26px; float:left; color:#444444;}
.choice a:hover{ color:#fff; background:url('../images/choice01.gif') no-repeat;}
.choice #current{ color:#fff; background:url('../images/choice01.gif') no-repeat;}
.pro_a{ padding:1% 0;float:left; width:48%; margin:0 1%; }
 .pro_a img{width:120px; border:7px solid #ededed; margin:0 1.5% 0 0; float:left;}
 .pro_a div{ line-height:20px; padding:2px 5px 2px 5px; vertical-align:top;}
 .pro_a div strong{display:block; line-height:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .pro_a div p{ display:inline; line-height:20px;}
/*橱窗页1:1*/
.productb{ padding:5px 0;}
 .productb .picdiv{ float:left; width:25%; text-align:center; margin:5px 0; min-height:155px;}
 .productb h2{width:120px;height:120px; border:7px solid #ededed; margin:0 auto;}
 .productb h2 a{width:120px;height:120px;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:104px;*font-family:Arial;}
 .productb h2 img{vertical-align:middle;}
 .productb span{line-height:18px; text-align:center;display:block; padding:3px;}
 .productb span a{line-height:18px;}
/*产品内容页c*/
.special{ padding:10px 0 20px 20px;}
 .special img{float:left;margin:0 2% 0 0; width:200px;border:1px solid #e0e0e0; padding:6px; background:#f1f1f1;}
 .special div strong{ }
 .special div{padding:0 6px; }
 .special div p{ display:inline;}
 
.client{ font-size:14px; padding:0 15px 15px 15px;}
.client ul{ list-style-type:none;}
.client li{ width:25%; float:left; line-height:32px; background:url('../images/icon.png') no-repeat left 12px; padding:0 0 0 12px;}
 
.contact{padding:0;}
.down{}
 .down ul{ list-style-type:none;}
 .down li{padding:7px 0px 7px 25px;border-bottom:1px #cdcdcd dotted; line-height:18px;background:url('../images/icon.png') no-repeat 12px center;}
 .down li a{display:block; float:right; line-height:18px; }
 .down li strong{line-height:18px;}
.sitemap{padding:0 10px 10px 10px;}
.sitemap a{padding:0 5px;}
#fromtinner_{ padding:10px 15px;}
 #fromtinner_ textarea{width:400px;font-size:12px;line-height:18px ;border:solid 1px #d8d8d8;}
 #fromtinner_ input{line-height:22px; height:24px; font-size:12px;border:solid 1px #d8d8d8;}
 #fromtinner_ .border{width:400px;border:solid 1px #d8d8d8;}
 #fromtinner_ .btn{border-style: none;border-color: inherit; border-width: medium;width:70px; margin:5px 10px; height:25px; line-height:25px;text-align:center; font-weight:bold; background:url('../images/pinglun.gif') no-repeat left top;}
/*留言和评论*/
.board{margin:0;}
 .board_h4{font-size:22px; text-align:center; padding:5px 0 0 0;}
 .board_h4 a{}
 .board_h5{ text-align:center; font-weight:normal;}
.sitemsg{}
 .sitemsg td{padding:3px 0;}
 .sitemsg .msgtitle{padding-left: 8px;}
 .sitemsg b{ color:#2882d8;}
 .sitemsg .con{padding-left: 8px;}
/*留言页面*/
#boardinner_ {border:0; font-size:12px;}
 #boardinner_ form{ padding:6px 0; margin-bottom:10px;}
 #boardinner_ input{ padding:2px; font-size:12px;line-height:18px ;border:solid 1px #d8d8d8;}
 #boardinner_ textarea{ padding:2px; font-size:12px; line-height:18px;border:solid 1px #d8d8d8;}
 #boardinner_ .btn{border-style: none; border-color: inherit; border-width: medium; width:70px; margin:5px; height:25px; line-height:25px;text-align:center; background:url('../images/pinglun.gif') no-repeat left top;}
 #boardinner_ .border{width:180px;border:solid 1px #d8d8d8;}
 #boardinner_ .desc{display:block;}
 #boardinner_ .boardtitle{}
 #boardinner_ .boardtitle span{ font-weight:bold; font-size:14px; }
 #boardinner_ ul{list-style-type:none; padding:4px 8px;}
 #boardinner_ li{ background:url('../images/cion.gif') no-repeat left 8px;padding-left:10px;}
 #boardinner_ p{ text-align:center; background:none; }
.comment{}
 .comment_list{ padding:5px 10px 15px 10px;}
 .comment_list ul{ list-style-type:none;}
 .comment_list li{line-height:18px;padding:7px 8px; border-bottom:1px dotted #ccc; }
 .comment_list li a{ line-height:18px; background:url('../images/icon.png') no-repeat 8px center; padding:0 0 0 26px; display:block; }
#comment_list{ padding:8px 10px;}
 #comment_list table td{ padding:2px; font-weight:bold;}
 #comment_list input{line-height:22px; font-size:12px; height:22px; padding:0 0 0 2px;}
 #comment_list textarea{line-height:18px;font-size:12px; line-height:22px; height:100px;}
 #comment_list .border{width:400px;border:solid 1px #d6d6d6;}
 #comment_list .btn{border-style: none; border-color: inherit; border-width: medium; width:70px; margin:5px 10px; height:25px; line-height:25px;text-align:center; background:url('../images/pinglun.gif') no-repeat left top;}
 #comment_list p{ padding:0 0 0 77px;}
/*评论页面*/
#commentinner_ {border:0;font-size:12px; padding:20px 0 0 0;}
 #commentinner_ form{padding:6px 0; margin-bottom:10px;}
 #commentinner_ input{padding:2px;line-height:18px; font-size:12px;border:solid 1px #d8d8d8;}
 #commentinner_ textarea{ padding:2px;line-height:18px;font-size:12px;border:solid 1px #d8d8d8;}
 #commentinner_ .border{width:180px;border:solid 1px #d8d8d8;}
 #commentinner_ .checkbox{ border:none; }
 #commentinner_ .btn{border-style: none; border-color: inherit; border-width: medium; width:70px; margin:5px; height:25px; line-height:25px;text-align:center; background:url('../images/pinglun.gif') no-repeat left top;}
 #commentinner_ .commenttitle{ }
 #commentinner_ .commenttitle span{ font-weight:bold; font-size:14px; }
 #commentinner_ ul{list-style-type:none; padding:4px 8px;}
 #commentinner_ li{background:url('../images/icon.png') no-repeat left center; padding-left:10px;}
 #commentinner_ p{ text-align:center;background:none; }
#search_ {font-size:12px ; border:0;}
 #search_ table{}
 #search_ table td {font-size:12px; padding:10px 0 5px 0;}
 #search_ input{line-height:20px;height:20px; font-size:12px;border:solid 1px #d8d8d8;width:100px; padding:0 0 0 2px;}
 #search_ .btn{border-style: none; border-color: inherit; border-width: medium; width:70px; margin:5px 5px 15px 5px; height:25px; line-height:25px;text-align:center; background:url('../images/pinglun.gif') no-repeat left top;}
 #search_ .title{ font-weight:bold; font-size:14px; }
 #search_ h1{ margin:0;padding:0;}
 #search_ p{ padding:0 15px 0 0; background:none;}
.searchReuslt_{font-size:12px ;padding:10px;}
.searchReuslt_title_{font-weight:bold ;line-height:35px ; }
.searchResult_Other_ { width:100%;text-align:right;}
.searchHint_ {margin:15px}
 .searchHint_ dl{padding:5px 14px; line-height:24px;margin:0 7px;border-bottom:1px #ababab dashed;}
 .searchHint_ dt{ background:url('../images/icon.png') no-repeat left 8px; padding:0 0 0 20px;}
 .searchHint_ dd{padding:0 22px;}
 .searchHint_ dt span{float:right;}
 .searchHint_ dt strong{font-weight:normal;}
 .searchHint_ a{font-style:normal;TEXT-DECORATION: none }
 
.temp{color:#656565;clear:both;width:auto;padding:5px 0;font-size:12px;font-family:Tahoma,Arial;text-align:center;}
.temp a{color:#656565}
.CopyrightWrap{}