﻿@charset "utf-8";
html{}
*{line-height:1.5em; padding: 0; margin: 0; }
body{font: normal 14px/1.5em 'Microsoft YaHei';color:#333;}

h1{ font-size:48px; }
h2{ font-size:32px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:18px; font-weight:normal;}
h6{ font-size:14px; }

a{text-decoration: none;} 
a:link, a:visited, a:active {color:#333;}
a:hover{color:#003366; }
img{border: 0px;}
*:link, *:visited, *:hover, *:active, *:focus,a{
    -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; float:none;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.checkbox{border: 0px;}
.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: #444; color: #fff; }
	.top ul{ float:right;} 
	.top li{ display:inline-block; }	
	.top li a{ display:block;padding:0 8px; color: #aaa; } 


#header{ background:#fff;}
.toptel{ float:right; margin:2% 0;background: url('../images/toptel.jpg') no-repeat left center; padding-left:75px;} 
	.toptel span{  display:block;} 
	.toptel strong{ display: block;font-size: 28px;font-weight:normal; } 

	.logo{padding:2% 0; float: left; width:45%;}
	.logo img{ display:block; float:left;padding:2% 0;margin-right:4%; }
	.logo p{ }	
	.logo p strong{ display:block; font-size: 24px; font-weight:normal; }	
	.logo p strong i{ color:#53b800; font-style:normal; }	
	.logo p span{ display:inline-block; background: #4A920E; color: #fff; padding: 0 8px;}


.nav{height:50px; border-top:1px #ddd solid;}
.nav ul{list-style-type:none;}   
	.nav .nLi{ float:left;position:relative; }
	.nav .nLi a{ display: block; padding:0 32px;  text-align: center; color:#333;  line-height: 50px; font-size: 16px; }
	.nav .on a{ background: #53b800; color: #fff;}	
	.nav .on:before{ content:""; position:absolute;left:4px;top:4px;border-style: solid;border-width: 10px 10px 0 0;border-color: #9bf821 transparent transparent transparent;}	
	.nav .sub{ display:none;  min-width:114px; left:0px; top:50px; position:absolute; z-index:999; }
	.nav .sub li{display: block; zoom:1;}
	.nav .sub a{ display: block; line-height:2em;font-size:14px;color:#fff;  white-space:nowrap; background:#4A920E; }
	.nav .sub a:hover{ background:#53b800; }
	
	
		
.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;   }
.banner h3 span{  display:block; font-size: 16px; }
.banner h3 p{ font-size: 16px; padding:1% 0;}


#imain{ }

.ititle{margin-bottom:3%; text-align:center;  background: url(../images/ititle_bg.png) no-repeat center center; }
.ititle h2{}
.ititle span{display:block; color: #666; font-family: Arial;}
.ititle p{color:#7c7c7c; }



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;}	

.hotsearch{background:#f2f2f2;padding:1% 0; border-bottom:1px #ddd solid;}
	.search{float:right;width:395px;} 
	.search .input{ float:left;width:300px;height:30px;line-height:30px; text-indent:1em; margin:0 5px 0 0; border:none;background:#fff;} 
	.search .button{float:left; width:90px;height:30px;line-height:30px; color:#fff; border:none;background:#53b900 url(../images/search.png) no-repeat 10px center;cursor: pointer;padding:0 0 0 20px;} 
.hotsearch p{line-height:30px;}

.imain{padding:4% 0 0 0;}
.imain .wide{position: relative;}
.imain ul{list-style-type:none; }
.imain .bd{position: relative; width:100% !important; z-index:0; }	
.imain .bd ul{ width:100% !important;  }	
.imain .bd li{width:100% !important; overflow:hidden; text-align:center;   }
.imain .bd img{ display:block; max-width:100%;  }

.imain .tab { text-align:center;margin-bottom:3%;}	
.imain .tab li{ display:inline-block;border:#53B800 1px solid; padding: 10px 20px; margin: 0 12px; min-width: 120px; border-radius:15px 0 15px 0;}	
.imain .tab li span { font-size: 14px; color: #666; }	
.imain .tab li strong{font-size: 18px; display: block; }	
.imain .tab .on{ background: #53B800;color: #fff;}	
.imain .tab .on span{ color: #fff; }

.imain .panebox{}
.imain .panebox li{ float:left; width: 20%;margin:2.5%; height: 209px; background: url(../images/section-1-card-bg.png) no-repeat center / cover; overflow: hidden; text-align:center;} 
.imain .panebox li img{ display:block; margin:30px auto; transition: all 0.5s;}
.imain .panebox li p{ margin: 0; font-size: 14px; color: #fff;}
.imain .panebox li hr{ margin: 3px 16%;height: 0;overflow: visible;border: 0;box-sizing: content-box;border-top: 1px solid #e5e5e5;} 
.imain .panebox li:hover img{ transform: translateY(10px)}

.iproduct{padding:4% 0 0 0; }
	.plist{ float: left; width: 22%;}
	.plist h3{padding: 20px 25px; color: #fff; background:#53b800; position:relative;}
	.plist h3:before{ content:""; position:absolute;left:4px;top:4px;border-style: solid;border-width: 10px 10px 0 0;border-color: #9bf821 transparent transparent transparent;}	
	.plist h3:after{ content:""; position:absolute;right:4px;bottom:4px;border-style: solid;border-width:0 0 10px 10px;border-color: transparent transparent #9bf821 transparent;}	
	.plist h5{background:#666;border-radius:5px;padding:1% 25px;margin:2% 0;}	
	.plist h5 a{display:block; color:#fff; font-size:16px;}	
	.plist h5 a:before{ content:"+ ";  }	
	.plist div{border:1px #ddd solid; background:#f2f2f2; padding:2% 5%;}	
	.plist ul{list-style-type:none;  margin:4% 0;   }
	.plist li{padding:0 25px; }
	.plist li a{ display:block;  }
	.plist li a:before{ content:"• ";  }	
	.plist .on{ background:#53b800; }
	.plist .on a{color:#fff;}
	.plist .on a:before{ content:"- ";  }	
	
	.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%;  }
	.prcont li em{ display:block; overflow: hidden; height:200px;   }
	.prcont li em img{ display:block; width:100%;transition: all 0.5s linear; }
	.prcont li a{ display:block; }
	.prcont li span{ display:block; font-size: 16px; padding:1%; position:relative;}
	.prcont li span:after{ content:">";font:14px/20px "宋体"; color:#fff; background:#53b800; width:18px;height: 18px; text-align:center; position:absolute; right:0;top:50%; margin-top:-9px; border-radius: 5px;}
	.prcont li:hover a{  color: #bfa169; }
	.prcont li:hover em img{ transform: scale(1.1); }

.process{padding:4% 0;}
	.process ul{list-style-type:none;}
	.process li{ float:left; width:16.66%; text-align:center;}
	.process li:before{ content:""; display:block; padding:16px; width: 46px;height: 46px; border-radius: 50%; border:#333 1px solid; background:#fff url('../images/p_icon1.gif') no-repeat center;  margin:0 auto 15px auto;}
	.process li em{display: block; font-style: normal;  }
	.process li span{display:inline-block;border-top: #666 1px solid; }
	.process li:nth-child(1):before{ }
	.process li:nth-child(2):before{background-image: url('../images/p_icon2.gif');}
	.process li:nth-child(3):before{background-image: url('../images/p_icon3.gif');}
	.process li:nth-child(4):before{background-image: url('../images/p_icon4.gif');}
	.process li:nth-child(5):before{background-image: url('../images/p_icon5.gif');}
	.process li:nth-child(6):before{background-image: url('../images/p_icon6.gif');}
	.process li:hover:before{ background: #53B800 url('../images/p_icon11.gif') no-repeat center; border:#53B800 1px solid;}
	.process li:hover:nth-child(1):before{}
	.process li:hover:nth-child(2):before{background-image: url('../images/p_icon22.gif');}
	.process li:hover:nth-child(3):before{background-image: url('../images/p_icon33.gif');}
	.process li:hover:nth-child(4):before{background-image: url('../images/p_icon44.gif');}
	.process li:hover:nth-child(5):before{background-image: url('../images/p_icon55.gif');}
	.process li:hover:nth-child(6):before{background-image: url('../images/p_icon66.gif');}
	.process h3{ text-align:center; margin-top:3%;}
	.process h3 p{ font-size:32px; margin-bottom:1%;}
	.process h3 p:before{ content: "";display: inline-block;  width: 30%; border-top: 1px solid #e5e5e5; vertical-align:middle; margin:0 2%;}
	.process h3 p:after{ content: "";display: inline-block;  width: 30%; border-top: 1px solid #e5e5e5; vertical-align:middle; margin:0 2%;}
	.process h3 a{ background: #53b800; display: inline-block; padding:1% 45px; color: #fff; font-size: 18px; border-radius: 5px; transition: all 0.5s;}
	.process h3 a:hover{ color: #fff; text-decoration: none;  transform: scale(1.05);}

.iadvantage{ padding:4% 0; background:#f2f2f2;  }
	.iadvantage ul{list-style:none; font-size:0; }
	.iadvantage li{}
	.iadvantage li em{display: inline-block; width:50%; vertical-align:top; position:relative;}
	.iadvantage li em:before{ content:""; background:#ddd; position:absolute;z-index:1;}	
	.iadvantage li em img{display: block; width:94%; position:relative; z-index:2; }
	.iadvantage li div{ display: inline-block; width:34%;padding:4% 3% 4% 13%;vertical-align:top;font-size:14px;position:relative;}
	.iadvantage li div:before{ content:""; position:absolute;left:9.5%;top:31%; font-size:36px; color:#fff;z-index:2;}	
	.iadvantage li div:after{ content:""; position:absolute; left:8%;top:25%; background:#999; width:60px;height:60px;transform:rotate(45deg); z-index:1;}	
	.iadvantage li div h3{font-size: 2.3em; margin-bottom: 5%; }
	.iadvantage li div h3:after{ content:""; display:block; width:45px; border-top:1px #ccc solid;margin-top:5%;}		
	.iadvantage li div h3 span{ color: #53B800; font-size: 1.1em;}
	.iadvantage li div p{ line-height: 2em; color:#666; }

	.iadvantage li:nth-child(1) div{ float:left;}
	.iadvantage li:nth-child(1) div:before{content:"01"; }
	.iadvantage li:nth-child(1) em:before{ right:0;left:6%;top:0;bottom:6%; }	
	.iadvantage li:nth-child(1) em img{ padding-top:4%;}
	.iadvantage li:nth-child(1) em img:hover{ transform: translate(4%,-6%) scale(1.04); }
	
	.iadvantage li:nth-child(2){}
	.iadvantage li:nth-child(2) div:before{content:"02"; }
	.iadvantage li:nth-child(2) em:before{ right:6%;left:0;top:6%;bottom:0; }	
	.iadvantage li:nth-child(2) em img{ padding:0 0 4% 6%;}
	.iadvantage li:nth-child(2) em img:hover{ transform: translate(-6%,4%) scale(1.04); }
	.iadvantage li:nth-child(3) div{ float:left;}
	.iadvantage li:nth-child(3) div:before{content:"03"; }
	.iadvantage li:nth-child(3) em:before{ right:0;left:6%;top:0;bottom:6%; }		
	.iadvantage li:nth-child(3) em img{ padding-top:4%;}
	.iadvantage li:nth-child(3) em img:hover{transform: translate(4%,-6%) scale(1.04); }

.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%;  }


.advertising{}
	.advertising img{display:block; width:100%;  }

.aboutus{padding:4% 0;   }
	.aboutus img{ display:block; width:48%; float:left;margin-right:4%;  }
	.aboutus h3{ font-size:36px; text-align:center; }
	.icompany{ clear:both;  font-size: 16px; margin:0 10%;}
	.icompany p{ text-indent:2em;line-height:2em; }
	.icompany a{  }
	.aboutus ul{list-style:none;margin:0 5%;}
	.aboutus li{float:left; width:25%; margin:3% 0; text-align:center }
	.aboutus li p{}
	.aboutus li p span{ font-size:72px; color:#53b800; line-height:1em; }

.inews{padding:4% 0;background:#f9f9f9;  }
	.inews h4{margin-bottom:5px; border-bottom:1px #ddd solid;padding-bottom:5px; }
	.inews h4 span{ color:#dcdcdc; text-transform:uppercase;}
	.inews h4 span:before{ content:" / ";}	
	.inews h4 a{display:block; float:right; font:normal 14px/2em Arial;}
	.inews h4 a:after{ content:" + ";}
	.inews ul{list-style:none;}
	
	.news_left{ float:left;  width:64%;}
	.news_left ul {}
	.news_left li{ padding:1% 0; clear:both;}
	.news_left li a{}
	.news_left li a img{ display:block; width:20%; float:left; margin-right: 3%;}
	.news_left li a strong{ display:block;font-size:18px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-bottom:1%; }
	.news_left li a span{ display:block;color: #999; margin-top:1%;}
	.news_left li a p{color: #666; line-height:1.6em; }
	.news_left li a:hover{ color: #6e1b87;}
	
	.news_right{ width:32%; float:right; }
	.news_right ul{}
	.news_right li{ padding:1% 0; clear:both;}
	.news_right li strong{ display:block; position:relative; font-size:18px; margin:0 0 1% 30px;}
	.news_right li strong:before{ content:"?"; left:-30px;top:3px; position:absolute; background:#ff6600; width:20px; height:20px; line-height:20px; color:#fff; text-align:center;}
	.news_right li strong a{ display:block;font-size:16px;line-height:1.6em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.news_right li p{position:relative; margin-left:30px; line-height:1.6em;}
	.news_right li p:before{ content:"A";left:-30px;top:3px; position:absolute; background:#53b800; width:20px; height:20px; line-height:20px; color:#fff; text-align:center;}
	.news_right li:hover{ cursor:pointer;}


	
	
.icontact{padding:4% 0;  }	




#footer{}
.foot{ padding:3% 0;}

.f_link{ padding:1% 0; text-align:center; }
.f_link span{ display:inline-block; color:#53b900;}
.f_link a{padding:0 8px;}

.f_contact{ float:left; width:50%; }

.f_logo{float:left; margin-right:4%;width:25%;}
.f_logo img{ display: block;max-width:100%; margin:0 auto;}

.f_erweima{float:right; text-align:center;width:14%;}
.f_erweima img{ display: block;max-width:100%; margin:0 auto;}
.f_erweima p{ }


.footnav{padding:1% 0;  background:#444;color:#fff; text-align:center;  }
.footnav a{padding:0 8px; color:#fff; }

.copyright { padding:1% 0; text-align:center; border-top:1px #dad7d7 solid;}
.copyright a{padding:0 8px;}
.copyright div{ display:inline;}	




#main{padding:4% 0;background:#f9f9f9;}
	#left{float:left; width:22%;  }
	#right{ float:right; width:74%; padding:1.5% 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{}
	.leftnav h3{padding: 20px 25px; color: #fff; background:#53b800; position:relative;}
	.leftnav h3:before{ content:""; position:absolute;left:4px;top:4px;border-style: solid;border-width: 10px 10px 0 0;border-color: #9bf821 transparent transparent transparent;}	
	.leftnav h3:after{ content:""; position:absolute;right:4px;bottom:4px;border-style: solid;border-width:0 0 10px 10px;border-color: transparent transparent #9bf821 transparent;}	
	.leftnav h3 strong{ display: block; }
	.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;border:1px #ddd solid; background:#fff; padding:2% 5%;}
	.leftnav dt{background:#666;border-radius:5px;padding:1% 25px;margin:4% 0;}
	.leftnav dt a{ display:block; color:#fff; font-size:16px; }
	.leftnav dt a:before{content:"+ "; }
	.leftnav dt a:hover{color:#fff;}
	.leftnav .current{ background:#53b800;}
	.leftnav .current a{color:#fff; }
	.leftnav .current a:before{ content:"- ";  }	
	
	.leftnav dd{ margin:4% 0;}
	.leftnav dd a{display:block; font-size:12px;padding:0.5% 25px; }
	.leftnav dd a:before{ content:"• ";}
	
	

.place{border-bottom:2px #ddd solid; margin-bottom:2%; padding-bottom:1%;}
	.place p{ float:right; margin-top:1%; color:#666;}
	.place p a{ padding:0 8px; color:#666; }
	.place strong{display: inline-block; font-size:24px;  font-weight:normal; color:#4a920e;  }
	.place span{ display:block;font-size:16px;  }
	

.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;}
	.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; margin-bottom:3%;	}
	.newslist li p{ font-size:12px; }
	.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:5px 0px;border-bottom:1px #cdcdcd dotted;}
	.publiclist li a{display:block;  }
	.publiclist li a:before{ content:"•"; display:inline-block; margin:0 5px;}	
	.publiclist li span{ float:right;padding-right:8px;color:#999; }
	
.contact{padding:0;}

.down{}
	.down ul{ list-style-type:none;}
	.down li{padding:5px 0;border-bottom:1px #cdcdcd dotted;}
	.down li:before{ content:"•"; display:inline-block; margin:0 5px;}	
	.down li a{display:block; float:right; }

	
.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:3%;}
	.content h3{text-align:center; }
	.content h4{background:#eee;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 h5{background:#f5ff5f;border-bottom:1px solid #ccc;}
	.content h5:before{ content:"▸"; display:inline-block;margin:0 5px;}	
	.content h6{ text-align:center; font-size:12px; margin:0 0 2% 0;border-bottom:1px dotted #ccc;}
	.content p{ margin:1% 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{font-size:12px; text-align:center; padding:2% 0;}
	.page a{padding:0 3px;}
	.page a:hover{ text-decoration:underline;}
.tool{ font-size:12px; text-align:center; padding:2% 0;}
	.tool a{padding:0 3px;}
	.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{ padding:2px 5px; vertical-align:top;}
	.pro_a div strong{ color:#3588cc; }
	.pro_a div p{ display:inline; }

.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; margin-bottom:2%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.pro_n div h4{font-size:12px; height:80px;overflow: hidden; color:#676767;  }
	.pro_n div p{ display:inline; font-size:12px; 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{ text-align:center;display:block; padding:3px;}
	.productb span a{}

/*橱窗页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{ text-align:center;display:block; padding:3px;}
	.pic_list span a{}


/*产品内容页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; }
	.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; border:solid 1px #d8d8d8;}
	#fromtinner_ input{border:solid 1px #d8d8d8;}
	#fromtinner_ .border{width:400px;border:solid 1px #d8d8d8;}
	#fromtinner_ .btn{border: none;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;border:solid 1px #d8d8d8;}
	#boardinner_ textarea{ padding:2px; border:solid 1px #d8d8d8;}
	#boardinner_ .btn{border: none;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{}
	#boardinner_ li:before{ content:"•"; display:inline-block; margin:0 5px;}	
	#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{padding:5px 8px; border-bottom:1px dotted #ccc; }
	.comment_list li a{display:block; }
	.comment_list li a:before{ content:"•"; display:inline-block; margin:0 5px;}	

#comment_list{ padding:8px 10px;}
	#comment_list table td{ padding:2px; font-weight:bold;}
	#comment_list input{ padding:2px;}
	#comment_list textarea{height:100px;}
	#comment_list .border{width:400px;border:solid 1px #d6d6d6;}
	#comment_list .btn{border: none;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; padding:20px 0 0 0;}
	#commentinner_ form{padding:6px 0; margin-bottom:10px;}
	#commentinner_ input{padding:2px;border:solid 1px #d8d8d8;}
	#commentinner_ textarea{ padding:2px;border:solid 1px #d8d8d8;}
	#commentinner_ .border{width:180px;border:solid 1px #d8d8d8;}
	#commentinner_ .checkbox{ border:none; }
	#commentinner_ .btn{border: none;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;  }
	#commentinner_ ul{list-style-type:none; padding:4px 8px;}
	#commentinner_ li{}
	#commentinner_ li:before{ content:"•"; display:inline-block; margin:0 5px;}	
	#commentinner_ p{ text-align:center;background:none; }
#search_ { border:0;}
	#search_ table{}
	#search_ table td {padding:10px 0 5px 0;}
	#search_ input{border:solid 1px #d8d8d8;width:100px; padding:2px;}
	#search_ .btn{border: none;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_{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; margin:0 7px;border-bottom:1px #ababab dashed;}
	.searchHint_ dt{}
	.searchHint_ dt:before{ content:"•"; display:inline-block; margin:0 5px;}		
	.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{}

