@charset "utf-8";
html{}
*{line-height:2em; padding: 0; margin: 0; }
body{font: normal 14px/2 'Microsoft YaHei';color:#333;}
h1,h2,h3,h4,h5,h6{font: normal 14px/2 'Microsoft YaHei';}
em, i, del { font-weight:normal; font-style:normal; }
ul, ol{}
a{text-decoration: none;} 
a:link, a:visited, a:active {color:#333;}
a:hover{color:#003b82; }
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;
}
.picAofIndex120{display:block !important;cursor:pointer !important;width:120px !important;height:120px !important;}
.picDivOfIndex120{height:120px !important;width:120px !important;}
.checkbox{border: 0px;}
.clear{clear:both; float:none;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.button{border: 0px; }
.wide{ width: 1200px; margin: 0 auto; }
.wide:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#iwrapper{ }
#wrapper{}
 
.top{ padding:0.5% 0; background: #4f4f4f; color: #ccc; }
 .top ul{ float:right;} 
 .top li{ display:inline-block;} 
 .top li a{ display:block;padding:0 10px; color: #ccc; } 
 .top li a:hover { color: #d4a959; }
#header{ background:#fff;}
.toptel{ float:right; margin:2% 0;background: url('../images/5nian.jpg') no-repeat left center; text-align:right; padding-left:80px;} 
 .toptel span{ display:inline-block;font-size: 16px; line-height:1.5em; position:relative; margin-top:4px; } 
 .toptel span:before{ content:""; position:absolute; width:29px;height:26px; top:0;left:-35px;background: url('../images/toptel.jpg') no-repeat left center;}
 .toptel strong{ display: block;font-size: 38px; color: #bfa169; line-height: 50px; font-family: 'DINCond-Mediumf17bc02ea5a8d'; } 
 .logo{padding:2% 0; float: left; width:45%;}
 .logo img{padding:2% 4% 2% 0; display:block; float:left;border-right:1px #ccc solid;margin-right:4%; }
 .logo p{color: #666;font-size: 16px;line-height:1.6em; } 
 .logo p strong{ display:block; color: #333;font-size: 24px;line-height:1.6em; } 
.nav{height:60px; border-top:1px #d6d6d6 solid;}
.nav ul{list-style-type:none;} 
 .nav .nLi{ float:left;position:relative; }
 .nav .nLi a{ display: block; padding:0 30px; text-align: center; color:#333; line-height: 60px; font-size: 16px; }
 .nav .on a{ background: #4f4f4f; color: #fff; } 
 .nav .sub{ display:none; min-width:114px; left:0px; top:60px; position:absolute; z-index:999;box-shadow: 1px 1px 5px #888; }
 .nav .sub li{display: block; zoom:1;}
 .nav .sub a{ display: block; line-height: 30px;font-size:14px;color:#fff; white-space:nowrap; background:#282828; }
 .nav .sub a:hover{ background:#bfa169; }
 
 
 
.slider{position:relative;}
 .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; } 
 .rslides { margin: 0 auto; }
 .rslides_container { position: relative; }
 .centered-btns_tabs { position: absolute; width:100%; bottom:10%; left:0; text-align: center; z-index:9999; }
 .centered-btns_tabs li{display: inline; float: none; _float: left; *float: left;margin: 0 5px; }
 .centered-btns_tabs a{ border:3px #ffd200 solid; width:6px; height:6px; text-indent: -9999px; overflow: hidden; display: inline-block; _display: block; *display: block; }
 .centered-btns_here a{ border:3px #fff solid; }
 .centered-btns_nav { z-index:9999; position: absolute; top: 50%; left: 1%; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -45px;filter:alpha(opacity=20); opacity: 0.2; }
 .centered-btns_nav:active { filter:alpha(opacity=20); opacity: 0.2; }
 .centered-btns_nav.next { left: auto; background-position: right top; right: 1%; }
 
.banner{ position:relative; }
.banner img{ max-width: 100%; display:block;}
.banner h3{ position:absolute; bottom:20%;left:5%; right:5%; color:#fff; z-index:9; text-align:center;}
.banner h3 strong{ display:block;font-size: 32px;line-height:1.8em; }
.banner h3 span{ display:block; font-size: 16px; }
.banner h3 p{ font-size: 16px;}
#imain{ }
.ititle{margin-bottom:2%; text-align:center; }
.ititle h2{ font-size:30px; font-weight:bold; line-height:1.4em;}
.ititle span{display:block; color: #666; font-family: Arial;line-height:1.4em;}
.ititle p{color:#7c7c7c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
a.imore{ display:block; border:2px #1a1915 solid; width:150px; text-align:center; padding:1% 0; margin-top:4%; }
 a.imore:after{ content:" →"; font-family:"宋体";} 
 a.imore:hover{background:rgba(0,101,166,0.95); border:2px rgba(0,101,166,0.95) solid; color:#fff;} 
.imain{padding:1% 0;}
 .imain ul{list-style-type:none;}
 .imain li{float: left; width: 23%; margin:1%;}
 .imain li img{ display:block; float:left; width:75px; height:75px; margin-right:4%;}
 .imain li h3{ font-size: 16px;font-weight: bold; }
 .imain li p{ color: #666; line-height:1.4em;}
.iproduct{padding:4% 0; background: #efefef; }
 .plist{ float: left; width: 22%; margin-bottom: 22px; box-shadow: 0 0 10px rgba(0,0,0,0.17); border-top-right-radius: 15px; }
 .plist h3{padding: 30px 0 20px 25px; line-height: 28px; font-size: 18px; color: #fff; font-weight: bold; background:#d4a959 url('../images/titlebg.png') no-repeat right bottom;border-radius:0 15px 0 0;}
 .plist ul{list-style-type:none; }
 .plist li{border-bottom: 1px solid #e7e7e7; background:#fff; }
 .plist li a{ display:block; font-size: 18px; padding:9px 25px; transition:0.3s all; position:relative;}
 .plist li a:after{ content:">";font:14px/20px "宋体"; color:#fff; background:#666; width:18px;height: 18px; text-align:center; position:absolute; right:15px;top:20px; border-radius: 50%;}
 .plist li a.on{color:#d4a959;}
 .plist li a.on:after{ background:#d4a959;}
 .plist p{ padding: 27px 0; text-align: center; background:#fff;} 
 .plist p span{ font-size:24px; line-height:1.4em;} 
 .plist p strong{display:block; font-size: 18px; color: #bfa169;} 
 .plist p img{ display:block; max-width:100%;margin:0 auto;} 
 
 .prcont{float: right; width: 77%; }
 .prcont ul{list-style-type:none; margin-top:-1%; }
 .prcont li{ float:left; width:31.33%;margin:1% 0 1% 2%;background: #fff; position:relative; box-shadow: 0 0 15px rgba(0,0,0,0.15); }
 .prcont li:before{ content:""; position:absolute;top:0;left:0;right:0;bottom:0; border: 1px solid #fff; z-index:5;transition: all 0.3s; } 
 .prcont li em{ display:block; overflow: hidden; height:153px; }
 .prcont li em img{ display:block; width:100%;transition: all 0.5s linear; }
 .prcont li a{ display:block; padding:4% 6% 8% 6%;position:relative; z-index:9;}
 .prcont li a:before{ content:"";opacity: 0; position:absolute; bottom:0;right:0;border-style: solid;border-width: 0 0 35px 35px; border-color: transparent transparent #bfa169 transparent;transition: all 0.5s;}
 .prcont li a:after{content:"+";opacity: 0; color:#fff; position:absolute; bottom:0;right:5px;transition: all 0.5s;}
 .prcont li span{ display:block; font-size: 16px;}
 .prcont li p { color: #666; line-height:1.5em; }
 .prcont li:hover:before{ border:1px #bfa169 solid;}
 .prcont li:hover a{ color: #bfa169; }
 .prcont li:hover a:before{opacity: 1;}
 .prcont li:hover a:after{opacity: 1;}
 .prcont li:hover em img{ transform: scale(1.1); }
.why {padding:4% 0; background:#fff; }
 .why ul{list-style-type:none;position: relative; }
 .why li{ position:absolute;}
 .why li:before{ content:""; position:absolute; font-size:80px; font-family:Cambria; font-style:italic; color:#ab988a;}
 .why li h3{ font-size: 28px; font-weight:bold;}
 .why li h3 strong{color: #bfa169;}
 .why li h4{font-size: 20px;font-weight:bold; }
 .why li p{font-size: 16px; color: #666; line-height:1.5em;}
 .why li a{display: block; width: 192px; background: #bfa169; margin: 5% auto; color: #fff; line-height: 46px; text-align: center;}
 .why li a:before{ content:""; display:inline-block; background:url(../images/why_icon.gif); width:22px;height:22px; vertical-align:middle; margin-right:8px;}
 
 .why li:nth-child(1){position: relative;background: url('../images/why.jpg') no-repeat center;padding:10% 34% 22% 34%; text-align:center;}
 .why li:nth-child(2){ right:0; top:5%;width:20%;}
 .why li:nth-child(2):before{ content:"01"; left:-90px; top:15px;}
 .why li:nth-child(3){right:0; top:40%;width:17%;}
 .why li:nth-child(3):before{ content:"02"; left:-90px; top:15px;}
 .why li:nth-child(4){right:0; top:75%;width:20%;}
 .why li:nth-child(4):before{ content:"03"; left:-90px; top:15px;}
 .why li:nth-child(5){left:0; top:5%; width:20%;}
 .why li:nth-child(5):before{ content:"04"; right:-90px; top:15px;}
 .why li:nth-child(6){left:0; top:40%;width:17%;}
 .why li:nth-child(6):before{ content:"05"; right:-90px; top:15px;}
 .why li:nth-child(7){left:0;top:75%;width:20%;}
 .why li:nth-child(7):before{ content:"06"; right:-90px; top:15px;}
.iadvantage{ padding:4% 0; background:#eeebe6; }
 .iadvantage ul{list-style:none; background:#e9e5e0; padding:0 1.5%; font-size:0; }
 .iadvantage li{ background:#fff; padding:0 5%;}
 .iadvantage li:after{ content:""; display:block; border-bottom:1px #a8a8a8 dashed;} 
 .iadvantage li img{ display: inline-block; width:50%; vertical-align:top;}
 .iadvantage li div{ display: inline-block; width:50%;padding:4% 0%;vertical-align:top;font-size:14px;}
 .iadvantage li div h3{font-size: 20px; margin:3% 0;line-height:1.5em; position:relative;}
 .iadvantage li div h3 strong{ display: block;font-size: 24px; line-height:1.1em;}
 .iadvantage li div h3:before{ display:block; float:left; margin-right:2%; background:url(../images/num.jpg); width:62px;height:54px; font:bold 30px/1.8em "Arial"; color:#fff; text-align:center;} 
 .iadvantage li div p{ }
 .iadvantage li div p:before{ content:"■ ";}
 .iadvantage li:nth-child(1) div{ float:left;}
 .iadvantage li:nth-child(1) div h3:before{content:"01"; }
 .iadvantage li:nth-child(2){}
 .iadvantage li:nth-child(2) div h3:before{content:"02"; }
 .iadvantage li:nth-child(3) div{ float:left;}
 .iadvantage li:nth-child(3) div h3:before{content:"03"; }
 .iadvantage li:nth-child(4){display: inline-block; width:40%;padding:4% 5%; position:relative; }
 .iadvantage li:nth-child(4):after{ border-right:1px #a8a8a8 dashed;border-bottom:0; position:absolute; right:0;top:10%;bottom:10%; } 
 .iadvantage li:nth-child(4) img{ width:100%; }
 .iadvantage li:nth-child(4) div{ width:100%;}
 .iadvantage li:nth-child(4) div h3:before{content:"04"; }
 .iadvantage li:nth-child(5){display: inline-block; width:40%;padding:4% 5%;}
 .iadvantage li:nth-child(5):after{ display:none;} 
 .iadvantage li:nth-child(5) img{ width:100%; }
 .iadvantage li:nth-child(5) div{ width:100%;}
 .iadvantage li:nth-child(5) div h3:before{content:"05"; }
 
.icase{padding:4% 0; }
 .icase ul{list-style:none;}
 .icase li{ float:left; width:15.66%; margin:0.5%;}
 .icase li a{ display:block; }
 .icase li img{display:block; width:100%; }
.aboutus{padding:4% 0; background:url(../images/aboutbg.jpg) no-repeat center fixed; color:#fff; }
 .aboutus img{ display:block; width:48%; float:left;margin-right:4%; }
 .aboutus h3{ font-size:36px; text-align:center; font-weight:bold;line-height:1.5em; }
 .icompany{ clear:both; font-size: 16px;}
 .icompany p{ text-indent:2em; }
 .icompany a{ }
 .aboutus ul{list-style:none;}
 .aboutus li{float:left; width:25%; margin:3% 0; text-align:center }
 .aboutus li p{ line-height:1.5em;}
 .aboutus li p span{ font-size:72px;line-height:1.5em; }
.inews{padding:4% 0; }
 .inews ul{list-style:none;}
 .inews ul li{float:left; width:28.5%; position:relative; padding:1% 1.5%; }
 .inews ul li:after{ content:""; border:1px #eee solid; position:absolute; left:0;right:0;top:0;bottom:0; z-index:2;} 
 .inews ul li h3{ font-size:18px;display:block;position:relative;z-index:4; }
 .inews ul li h3 a{display:block; float:right; font-size:14px; margin-top: 3px;}
 .inews ul li h3 a:after { content:"+";display:inline-block; background: #cca981; width: 17px; height: 17px; border-radius: 5px; color: #fff; text-align: center; line-height: 15px; margin-left: 8px; margin-top:-2px; }
 .inews ul li img{ display:block; width:100%;}
 .inews ul li div{ padding:4% 0; position:relative;z-index:4; }
 .inews ul li p{}
 .inews ul li p span{display:block; float:right;}
 .inews ul li p a{display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} 
 .inews li:nth-child(2){margin:0 2%;}
 
 
.icontact{padding:4% 0; } 
#footer{ background:#ebebeb;}
.foot{}
.f_link{background:#f9f9f9; padding:0.5% 0; }
.f_link a{padding:0 8px;}
.f_contact{ float:right; width:21%; }
.f_contact h3{font-size:18px; text-align:right; }
.f_contact h4{ font-size: 32px; color: #bfa169; line-height:1.5em; font-weight:bold; }
.f_contact a{display: block; width: 192px; background: #bfa169; margin: 2% auto; color: #fff; line-height: 46px; text-align: center;}
.f_contact a:before{ content:""; display:inline-block; background:url(../images/why_icon.gif); width:22px;height:22px; vertical-align:middle; margin-right:8px;}
.f_erweima{float:right; text-align:center;width:14%;}
.f_erweima img{ display: block;max-width:100%; margin:0 auto;}
.f_erweima p{ font-size:18px; }
.footnav{padding:3% 0 2% 0; }
.footnav dl{ list-style:none;float:left; width:13%;}
.footnav dt{ font-size:18px; }
.footnav dd{}
.footnav dd a{display:block; }
.copyright { padding:1% 0; text-align:center; border-top:1px #ccc solid;}
.copyright a{padding:0 8px;}
.copyright div{ display:inline;} 
#main{padding:4% 0; background: #efefef; }
 #left{float:left; width:22%; }
 #right{ float:right; width:71%; background:#fff; padding:1.5% 2%;border-radius:15px 0 0 0; }
 #leftmsg{float:left; width:25%; }
 #rightmsg{float:right; width:72%; }
.title{ border-bottom:2px #d8d8d8 solid;margin-bottom:3%; }
 .title strong{ display: inline-block; font-size:32px; position:relative; font-weight:normal;}
 .title strong:after{ content:"";border-bottom:2px #0260b3 solid; position:absolute; left:0; width:100%; bottom:-2px;}
 
.leftnav{box-shadow: 0 0 10px rgba(0,0,0,0.17); border-top-right-radius: 15px;}
 .leftnav h3{padding:6% 10%;background:#d4a959 url('../images/titlebg.png') no-repeat right bottom; color:#fff;border-radius:0 15px 0 0; }
 .leftnav h3 strong{ display: block; font-size: 22px; }
 .leftnav h3 span{ display:none;font-size: 16px;text-transform:capitalize; }
 .leftnav h3 span:before{content:"";display: block; border-top:1px #fff solid; line-height:0.5em;}
 
 .leftnav dl{list-style-type:none; background:#fff; }
 .leftnav dt{border-bottom: 1px solid #e7e7e7;}
 .leftnav dt a{ display: block; font-size: 16px; padding:10px 25px; position:relative; }
 .leftnav dt a:after{ content:">";font:14px/20px "宋体"; color:#fff; background:#666; width:18px;height: 18px; text-align:center; position:absolute; right:15px;top:20px; border-radius: 50%; transition:0.3s all;}
 .leftnav dt a:hover{color:#d4a959;}
 .leftnav dt a:hover:after{background:#d4a959;}
 .leftnav .current a{color:#d4a959;}
 .leftnav .current a:after{ background:#d4a959;}
 
 .leftnav dd{ background:#fff;padding:8px 0; border-bottom: 1px solid #e4e4e4;}
 .leftnav dd a{display:block; font-size:12px; padding:0 0 0 30px; }
 .leftnav dd a:before{ content:"• ";}
 .leftnav dd a:hover{color:#be0135; }
 
 
 
.place{border-bottom:2px #d8d8d8 solid; margin-bottom:2%;}
 .place p{ float:right; background:url(../images/place.jpg) no-repeat left center; padding-left:30px; margin-top:2%; }
 .place p a{ padding:0 8px; }
 .place strong{display: inline-block; font-size:26px; position:relative; font-weight:normal; }
 .place strong:after{ content:"";border-bottom:2px #d4a959 solid; position:absolute; left:0; width:100%; bottom:-2px;}
 .place span{ display:block;font-size:16px; line-height:1.4em; }
 
.lcontact{ }
 .lcontact_t{padding:5% 8%; background:#0079ba; }
 .lcontact_t strong{display:block; font-size: 26px; color:#fff; margin-bottom:5%;}
 .lcontact_t strong:after{content:""; display:block; width:30px;height:2px;background:#fff;}
 .lcontact_t span{ display:block; text-transform:uppercase;line-height:1.3em; }
 .lcontact_con{background: #f8f8f8;padding:5% 8%;}
 
.newslist{}
 .newslist ul{ list-style-type:none;}
 .newslist li{ background:#f7f7f7; height:auto; overflow:hidden; margin:0 0 3% 0; }
 .newslist li em{display:block;float:right; width:40%; height:260px; overflow:hidden; } 
 .newslist li em img{width:100%; display:block; margin:0 auto;}
 .newslist li div{margin-right:40%; padding:2em 3em;}
 .newslist li h3{font-size:24px; font-weight:bold; line-height:2.5em; }
 .newslist li p{ font-size:12px; line-height:1.6em; }
 .newslist li span{ margin:1em 0 0 0;display: block; }
 .newslist li a{display: inline-block; background:#999; padding:0 10px; text-align:center; color:#fff;}
 .newslist li a:hover{ background:#3588cc;}
.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/cion1.gif') 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;}
 
.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/icon1.gif') no-repeat 12px center;}
 .down li a{display:block; float:right; line-height:18px; }
 .down li strong{line-height:18px;}
 
.title02{ margin:2px 0; padding:8px 20px; background:#f5f5f5;position:relative; }
 .title02:before{ content:""; width:5px; height: 15px; background:#3588cc; position:absolute;left:8px; top:14px;}
 .title02 a{ float:right;}
.container{ }
.content{}
 .content h1{margin:2px 0; padding:8px 20px; background:#f5f5f5; position:relative; }
 .content h1:before{ content:""; width:5px; height: 15px; background:#3588cc; position:absolute;left:8px; top:14px;}
 .content h1 a{}
 .content h2{text-align:center; font-size:16px; padding-bottom:15px;}
 .content h3{font-size:26px; text-align:center; font-weight:800;}
 .content h5{background:#f5ff5f url('../images/cion02.gif') no-repeat 5px center;border-bottom:1px solid #ccc; font-weight:bold; padding:0 0 0 20px;}
 .content h4{background:#eeeeee;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
 .content h4 span{ display:block; float:left; background:#e62129; color:#fff; padding:0 20px; line-height:2.6em;} 
 .content h6{ text-align:center; font-size:12px; font-weight:normal; line-height:30px; margin:0 0 8px 0;border-bottom:1px dotted #ccc;}
 .content p{ margin:3px auto 5px auto;} 
 .content a{text-decoration:underline;}
 .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:#e62129; padding:2px 5px;border:#d4d4d7 solid 1px;}
 .tableboder td{ padding:2px 5px;border:#d4d4d7 solid 1px;}
.brief{ margin:0 auto; }
 .brief a{text-decoration:underline;}
 
.page{ text-align:center; padding:15px 0 0 0;font-size:12px;}
 .page a{padding:0 3px;}
 .page a:visited{}
 .page a:hover{ text-decoration:underline;}
.tool{ text-align:center; font-size:12px; padding:10px 0 15px 0;}
 .tool a{padding:0 3px;}
 .tool a:visited{}
 .tool a:hover{ text-decoration:underline;}
.choice{ height:25px; padding:10px 0;}
 .choice a{ display:block; text-align:center; background:url('../images/choice02.gif') no-repeat; margin:0 10px 0 0; font-weight:bold; width:110px;line-height:25px; float:left; }
 .choice a:hover{ background:url('../images/choice01.gif') no-repeat; color:#fff;}
 .choice #current{ background:url('../images/choice01.gif') no-repeat; color:#fff;}
.product{ }
.product ul{list-style-type:none;}
.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{ color:#3588cc; line-height:20px; }
 .pro_a div p{ display:inline; line-height:20px;}
.pro_n{ padding:2%; float:left; width:45%; margin:0.5%;background:#f9f9f9; height: 140px; overflow: hidden; position:relative;}
.pro_n:before{ content:"";border:1px solid #f7f7f7; position: absolute; left:0;right:0; bottom:0;top:0; z-index:9;}
.pro_n:after{content:""; border-bottom:4px solid #007EC8;position: absolute;bottom:1px; width:0; left:50%; z-index:9;}
 .pro_n em{ float:left; width:160px;border-right:1px solid #ccc;}
 .pro_n em img{ display:block;max-width:140px; }
 .pro_n div{ margin-left:181px; position:relative;}
 .pro_n div h3{ font-size:18px;line-height:1.6em; margin-bottom:2%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .pro_n div h4{font-size:12px; line-height:1.6em; height:80px;overflow: hidden; color:#676767; }
 .pro_n div p{ display:inline; font-size:12px; line-height:1.5em;color:#676767;}
 .pro_n div span{font-size:12px; display:block; padding:1% 0; }
 .pro_n div span:after{ content:" +"; }
 .pro_n div a{ position:absolute; right:0;left:0;top:0;bottom:0;z-index:9;}
 .pro_n:hover:before{border:1px #007EC8 solid; transition: all 0.8s ease 0s;} 
 .pro_n:hover:after{left:0;right:0; width:100%;transition: all 0.8s ease-out 0s;}
 .pro_n:hover em{border-right:1px #007EC8 solid;transition: all 0.5s ease 0s;}
 .pro_n:hover div h3{color:#007EC8;}
.caselid .picd{ float:left; width:195px; height:138px; border-right:1px #ccc solid; transition: all 0.5s ease 0s;}
.caselid:hover .picd{}
/*橱窗页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:1px solid #878787; padding:5px; background:#fff; margin:0 auto;}
 .productb h2 a{width:120px;height:120px;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;}
/*橱窗页3:4*/
.pic_list{ padding:5px 0;}
 .pic_list .picdiv{ float:left; width:25%; text-align:center;margin:5px 0;}
 .pic_list h2{ width:164px; height:124px; margin:0 auto;}
 .pic_list h2 a{width:160px;height:120px; border:1px solid #8e8e8e;padding:1px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:104px;*font-family:Arial;}
 .pic_list h2 img{vertical-align:middle;}
 .pic_list span{line-height:18px; text-align:center;display:block; padding:3px;}
 .pic_list span a{line-height:18px;}
/*产品内容页c*/
.special{ padding:2%; background:#fff;}
 .special img{float:left;margin:0 2% 0 0; width:200px;border:1px solid #e0e0e0; padding:6px; background:#f1f1f1;}
 .special div{padding:0 6px; }
 .special div strong{color:#3588cc; }
 .special div p{ display:inline;}
.sitemap{padding:5px 10px 10px 5px; font-size:12px;}
 .sitemap p{ padding:0 10px; line-height:20px;}
 .sitemap a{padding:0 10px;}
.client{}
 .client ul{ list-style-type:none;}
 .client li{ float:left; width:25%;text-align:center;}
 .client p{ }
 .client img{ border:1px #ccc solid;margin:10px 0 0 0;}
#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:#e62129;}
 .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/cion.gif') no-repeat 8px 5px; 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/cion.gif') no-repeat left 8px; 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/cion.gif') no-repeat left 5px; 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{}