﻿
@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:#076fce; }
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:1160px;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{} 
 .logo{ padding:2.2% 0;float:left; width:25%;}
 .logo img{ display:block; max-width:100%;} 
 
.nav{ height:90px; float:right; width:71%;}
.nav ul{list-style-type:none; }
 .nav .nLi{ float:left; position:relative; display:inline; text-align: center; }
 .nav .nLi a{ display:block; line-height: 85px; padding:0 20px; margin:0 1px; font-size:16px;border-bottom:2px solid #fff;}
 .nav .nLi a:hover,.nav .on a{ border-bottom:3px solid #003993; color:#003993;}
 .nav .sub{ display:none; min-width:106px; left:0; top:88px; position:absolute; z-index:999;width:auto; }
 .nav .sub li{ zoom:1; }
 .nav .sub a{ display:block;background:#f0f0f1; line-height: 35px;font-size:14px;padding:0 15px;border-bottom:0; white-space:nowrap; height: auto; margin-bottom:1px;}
 .nav .sub a:hover{ border-bottom:0; color:#0066cb;}
 .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:5%; left:50%;margin-left:-39px; text-align: center; z-index:9999; }
 .centered-btns_tabs li{ display: inline-block;margin: 0 7px;border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; /* float: none; _float: left; *float: left; */}
 .centered-btns_tabs a{ width: 6px; height: 6px; background: rgba(255, 255, 255, 0.9);margin: 1px; border-radius: 50%;text-indent: -9999px; overflow: hidden; display: block; _display: block; *display: block; }
 .centered-btns_here a{background: rgba(255, 255, 255, 0); } 
 
.banner{ position:relative; }
.banner img{ max-width: 100%; display:block; /*margin: 0 auto;*/}
.ititle{margin-bottom:2em;position:relative; text-align:center; }
 .ititle h2{font-size:30px; position:relative; font-weight:normal; }
 .ititle span{ display:block;color:#666; text-transform:uppercase; font-size:18px; line-height:1em; }
 .ititle p{ color:#666;}
.imore{ position:relative;}
.imore:before{ content:""; position:absolute; width:41%; top:50%; left:0; border-top:1px #ebebeb solid;}
.imore:after{ content:""; position:absolute; width:41%; top:50%; right:0; border-top:1px #ebebeb solid;}
.imore a{ display:block; width:170px; margin:2em auto 0 auto; background:#2dc7e3; text-align:center; line-height:44px; color:#fff;}
.iproduct{ padding:4% 0; background:#f2f2f2;}
.iproduct wide{border:1px #eee solid;}
 .iproduct ul{list-style-type:none; }
 .iproduct li{ float:left; width:22%; padding:1.5%; background:#fff; text-align:center; position:relative; height: 230px; overflow:hidden;}
 .iproduct li:before{ content:""; position:absolute; border:1px #eee solid; top:0;right:0;left:0;bottom:0;} 
 .iproduct li a{ position:absolute;top:0;right:0;left:0;bottom:0; z-index:9;}
 .iproduct li em{ display:block; overflow:hidden;margin:0 14% 4% 14%;}
 .iproduct li em img{ display:block; width:100%; margin:0 auto;} 
 .iproduct li span{ display:block; font-size:12px; color:#7a7a7a;}
 .iproduct li span i{ display:block;font-size:14px; color:#333; line-height:1.4em;}
 
 .iproduct li div{ text-align:left; padding:20% 10%; }
 .iproduct li div h3{ font-size: 22px; }
 .iproduct li div h3 span{ font-size: 30px; color: #181818; font-family: "Verdana"; line-height: 1em; text-transform:uppercase;}
 .iproduct li div h4{ margin-top: 55px; font-size: 18px; }
 .iproduct li div h4 span{ color: #5c5c5c;font-size: 14px; font-weight:normal;}
 .iproduct li div a{top:auto; bottom:8%; left:15%;} 
 .iproduct li div a:after{ content:" +";} 
 .iproduct li:first-child{ height: 495px;}
.isolution{padding:4% 0; background:url(../images/icase_bg.jpg) no-repeat center top;}
.isolution .wide{position:relative;}
.isolution .ititle{ color:#fff;}
.isolution .ititle h2:before{ content:"";left:50%; top:50%;margin-left:-110px; position:absolute; width:30px;height:1px; background:#3184cb;}
.isolution .ititle h2:after{ content:"";left:50%;top:50%;margin-left:80px; position:absolute; width:30px;height:1px; background:#3184cb;}
 .isolution ul{list-style:none;}
 .isolution .list {}
 .isolution .list li{float:left;width:25%;text-align: center; overflow:hidden;}
 .isolution .list li a {display:block; position:relative;margin:0 2%;background:#fff;} 
 .isolution .list li a img{ display:block; width:100%;}
 .isolution .list li a span{ display:block;padding:3% 0; }
 .isolution .hd { width:100%;}
 .isolution .hd ul{ display:none;} 
 
.aboutus{ padding:4% 0; }
.aboutus h3{ float:left; width:45%; font-size:26px; margin-right: 3%;}
.aboutus h3 span{ display:block; font-size: 40px; color: #555; font-family: "Verdana"; line-height: 1em; text-transform:uppercase;}
.aboutus h3 img{ display:block; width:100%;}
.icompany{margin-left:48%;padding-top:6%;}
.icompany p{text-indent:2em; }
.icompany a{ display:block; }
.icompany ul{list-style:none; margin-top:1em;}
.icompany li{ float:left; width:23%;margin:1%; text-align:center;}
.icompany li a{ border:1px #eee solid; padding:12% 0;}
.icompany li em{ display:block; width:61px;height: 54px;margin:0 auto 5% auto;}
 .icompany li:first-child em{ background-image:url(../images/a_icon1.jpg);}
 .icompany li:nth-child(2) em{background-image:url(../images/a_icon2.jpg);}
 .icompany li:nth-child(3) em{background-image:url(../images/a_icon3.jpg);}
 .icompany li:nth-child(4) em{background-image:url(../images/a_icon4.jpg);}
 .icompany li:hover:first-child em{ background-image:url(../images/a_icon11.jpg);}
 .icompany li:hover:nth-child(2) em{background-image:url(../images/a_icon22.jpg);}
 .icompany li:hover:nth-child(3) em{background-image:url(../images/a_icon33.jpg);}
 .icompany li:hover:nth-child(4) em{background-image:url(../images/a_icon44.jpg);}
 
.inews{ padding:4% 0;background:#f2f2f2;}
 .inews ul{list-style-type:none; }
 .inews li {float:left;width:26.33%;margin:1%; background:#fff;padding:2.5%; }
 .inews li em {display:none; margin-bottom:1em; height:220px; overflow:hidden;}
 .inews li em img {display:block; width:100%;}
 .inews li strong {display:block; font-size:16px;}
 .inews li span{ display:block; font-size:12px; } 
 .inews li p {font-size:12px;color:#666; }
 .inews li:first-child{}
 .inews li:first-child em{display:block; }
.ibusiness { padding:4% 0;}
 
.imain{margin:3% 1% 0 1%; background:url(../images/map.jpg) no-repeat;}
.icontact{ width: 28%; padding: 3%; float: left; background: #2c57ca; color: #fff; position:relative;}
.icontact:before{content:""; position:absolute; border: 2px solid #3a62cd; top:0;right:0;left:0;bottom:0;}
.icontact h3{ font-size: 18px; margin: 0 0 14px 0; }
.icontact h3 span{ display:block; font-family: "Verdana"; font-weight: bold; line-height: 1em; }
.icontact div{ }
.icontact a{ color: #fff; }
.link{}
 
#footer{padding:1% 0;background: #303030; border-top: 3px solid #2c57ca; color:#9d9d9d;}
#footer a{ color:#fff;}
.foot{margin:0 15% 0 20%;padding:1% 0; }
.footnav{}
.footnav a{padding:0 8px; }
.f_erweima{width:15%;float:right; padding-top:1%; text-align:center;}
.f_erweima img{ display:block; margin:0 auto;}
.f_logo{width:20%;float:left; padding-top:1%; }
.f_logo img{ display:block; margin:0 auto;}
.f_contact{ width:25%; float:left; color:#fff;}
.f_contact div{ font-size:12px;}
.f_contact h3{ font-size:14px; font-weight:normal; }
.f_contact a{color:#fff;}
.copyright { margin-left:8px }
.copyright a{padding:0 8px;}
.copyright div{ display:inline;} 
#main{ background:#f2f2f2 url(../images/listbg.gif) repeat-x center top; padding:3% 0;}
#left{ float:left; width:18%;padding:2% 2%; background:#fff;border-radius: 10px;}
#right{float:right; width:70%;padding:2% 3% 3% 3%;background:#fff;border-radius: 10px;}
#leftmsg{float:left; width:25%;}
#rightmsg{float:right; width:72%;}
.title{ border-bottom:1px #e5e5e5 solid;}
.title strong{display:block; font-size:24px; line-height:2.5em; }
.leftnav{ }
.leftnav h3{ padding:5% 0; color:#003993;}
.leftnav h3 strong{display:block;font-size:24px;line-height:1.2em; }
.leftnav h3 span { text-transform:uppercase; }
.leftnav dl{list-style-type:none; }
.leftnav dt{ }
.leftnav dt a{display:block; padding:0 10px; line-height:3em; border-bottom:1px #e6e6e6 solid;}
.leftnav dt a:hover, .leftnav dt #current{ color:#003993; }
.leftnav dd{ display:block; border-bottom:1px #e5e5e5 solid; padding:6px 0;}
.leftnav dd a{ display: block; line-height:26px; position:relative; text-indent:1em; }
.leftnav dd a:before{ content:"•"; display:inline-block; margin:0 8px;}
.leftnav dd a:hover{ color:#003993;}
.place{ background: url(../images/placebg.gif) repeat-x;}
.place p{ line-height:38px; }
.place p a{ padding:0 8px; }
.place strong{ display:block;font-size:16px; color:#00824a; }
.place strong:before{ content:"┃"; display:inline-block;padding: 0 8px; }
.business{}
.business ul{list-style-type:none;}
 .business li{float:left; width:44%;overflow:hidden; margin:2% 1%;background:#f5f5f5;padding:2%;}
 .business li em{display:block;float:left; width:25%;overflow:hidden; position:relative; } 
 .business li em img{width:100%; display:block;}
 .business li div{ padding:2% 0;margin-left:27%;}
 .business li h3{font-size:20px;margin:0 0 1% 0; color:#035cac; }
 .business li p{ line-height:1.6em; }
 .business li a.more{ display:inline-block;margin-top:10px; background: #ddd; padding: 2px 20px; text-overflow: ellipsis; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
 .business li a.more:hover{background:#62a233; 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 a.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 a.more:hover{background:#0d67b3; 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{border-bottom:1px #dbdbdb solid; text-indent:0.6em; font-weight:bold; font-size:16px;}
.title01:before{ content:"◆"; color:#013973;}
.title01 span{ display: inline-block; }
.contain{}
.content{}
.content h1{ border-bottom:2px #dbdbdb solid; text-indent:0.6em;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:2px 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% 0;}
.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; }
 .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{ line-height:20px; }
 .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{}
