/*reset*/
html{overflow-x:hidden;} /*去除横轴滚动条*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { font-weight: normal;  margin:0; padding:0; vertical-align: baseline;}
body{font-family:Arial,"微软雅黑","宋体";font-size:12px; line-height:24px;color:#333;}
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
ul,ol ,li{ list-style:none; }
fieldset, img, input { border:0; }
table { border-collapse: collapse; border-spacing: 0; }
td{ text-align:5px; padding-left:5px;line-height: 26px;}
select,input,img,select{vertical-align:middle;}
button, input, select, textarea { font-size:100%; }
textarea { resize:none; }
a{ color:#333;text-decoration:none;outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
a:hover{ text-decoration:none; color:#333;}
.wrap1000{width:1000px;margin:0 auto;}
.clear:after{clear:both;height:0;visibility:hidden;content:"";display:block;}
.clear{zoom:1;}
.clr{ clear: both;}
.fl{float:left;}
.fr{float:right;}
.red{color:#f00;}
.mr0{margin-right:0;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.hr{border:1px solid #323232;margin:15px 0;height:0;}
.colorgary{color:#909090;}
.kg{ font-family:"宋体";}
/*页面翻页 返回*/
.pages,.back{ width:94%; margin:0 auto; background:#f5f5f5 none repeat scroll 0 0; line-height:30px; margin-top:20px; padding-right:20px;}
.back{ text-align:center;}
.pages{ text-align:right;}
.pages .zi{border:1px solid #ddd;display:inline-block;height:20px;line-height:20px;margin:6px 2px;text-align:center;vertical-align:middle;width:170px}
.pages .current,.pages .num,.pages span{border:1px solid #ddd;display:inline-block;height:20px;line-height:20px;margin:6px 2px;text-align:center;vertical-align:middle;width:20px}
.pages .current{background:#0087c0; color:#fff;}
.pages .next,.pages .prev{padding:3px;}
.pages  a:hover{background:#0087c0; color:#fff;}
.pages span{width:160px}
/*列表页*/
.news_tit{ text-align:center; padding:20px 0; border-bottom:1px solid #e9e9e9;}
.page-news li{padding:0 26px;line-height:40px;border-bottom:1px dashed #ddd;background:url(../images/news.gif) no-repeat 3px center}
.page-news-tit{font-size:14px;font-weight:700;border-bottom:1px solid #e9e9e9;padding:20px 0;text-align:center}
.page-news-con p{line-height:24px;padding:20px 20px 0;text-indent:24px}
.page-prod li{float:left;margin:0 15px;padding:3px 0 0;text-align:center}
.page-img-prod{width:200px;height:140px;border:2px solid #009bdd}
.page-prod p{text-align:center;background:#dcdcdc;line-height:24px;margin:5px 0 10px;padding:0}
.prod-tit{color:#323232;font-size:16px;font-weight:700;height:40px;line-height:40px;text-align:center}
.order input{border:1px solid #ddd;padding-left:5px}
.page-contact li{border-bottom:1px dashed #bbb;color:#555;line-height:36px;padding-left:20px}
/*头部*/
.top{background: #0087c0; line-height: 30px; color: #fff;}
/* nav */
.nav li{ float: left; font-size: 14px; padding: 0 25px; line-height: 116px; }
.nav li a:hover{ color: #0087c0; text-decoration: underline;}
/*banner*/
.callbacks_tabs.callbacks1_tabs{position:relative;z-index:100;width:60px; height:10px; margin:-40px auto 20px;}
.callbacks_tabs.callbacks1_tabs li{width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative; float:left;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px; text-indent:999px; overflow:hidden; border-radius:10px;position:absolute;left:0;z-index:1000;color:rgba(100,200,300,0);color:transparent}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF}
.callbacks_container{ height:496px; overflow:hidden; position:relative;width:100%;max-width:100%;text-align:center}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.callbacks li{position:absolute;width:100%;left:0;top:0}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:transparent;top:50%;left:0;opacity:.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(../images/themes.gif) no-repeat left top;margin-top:-30px;display:none}
.callbacks_container:hover .callbacks_nav{display:block}
.callbacks_nav:active{opacity:1}
.callbacks_nav.next{left:auto;background-position:right top;right:0}
.ban_b{ width: 100%; height: 74px;}
.hotline{ width:55%; height: 74px;background: #f3f2f2;}
.hotline img{ margin: 0 0 0 30%;
_margin:0 0 0 15%; vertical-align: middle;}
.search{  width:45%; height: 58px; padding-top: 16px; background: #0087c0;}
.shuru {
  background: rgba(0, 0, 0, 0) url("../images/search-l.jpg") no-repeat scroll 0 0;
  color: #909090;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding-left: 19px;
  width: 300px;
  margin-left: 30px;
}
.submit {
  background: rgba(0, 0, 0, 0) url("../images/search-r.jpg") no-repeat scroll 0 0;
  cursor: pointer;
  display: inline-block;
  height: 42px;
  text-indent: 999px;
  width: 48px;
}
/*主体*/
	/*con1*/
.main1-tit{width: 170px; height:91px; margin: 40px auto 20px; background: url(../images/about-ind.jpg) no-repeat center; }
.main1-con a{color: #0087c0;}
	/*con2*/
.main2{width: 100%;height: 330px; background: #f1f1f1 url(../images/cp_bg.jpg) repeat-x;}
#demo{ background: #f1f1f1 url(../images/cp_bg.jpg) repeat-x; overflow:hidden; width:1000px; margin:0 auto}
#indemo{float:left;width:300%}
#demo img{margin: 50px 10px 20px; border:5px solid #0087c0; width:150px; height:150px; border-radius:50%;}
#demo p{font-size:14px; text-align:center;}
#demo1{float:left}
#demo2{float:left}
	/*con3*/
.main3{ width:100%; height:490px; background:#0087c0;}	
.main3-tit{ height: 160px; background: url(../images/ind-prod-top.jpg) no-repeat center;}
#wrap{ margin:0 auto;width:1040px;overflow:hidden;}
.item5{position:relative;float:left; margin:0 17px;width:225px;height:269px;cursor:pointer;overflow:hidden;}
.item5 h2{position:absolute;left:0;top:219px;height:50px;width:100%;background:url(../images/demo02.png) no-repeat; text-align:center;}
.item5 h2 span{ color:#fff; font-family:"微软雅黑"; font-size:18px; line-height:50px;}
.item5 div{position:absolute;width:0;height:0;background:url(../images/demo02.png) repeat;overflow:hidden;_zoom:1;}
.item5 .cornerTL{left:0;top:0;}
.item5 .cornerTR{right:0;top:0;}
.item5 .cornerBL{left:0;bottom:0;}
.item5 .cornerBR{right:0;bottom:0;}
.item5 dl{position:absolute;top:0;left:0;width:225px;height:269px;display:none;}
.item5 dt{height:50px;width:100%;line-height:50px;text-align:center;color:#FFF;}
.item5 dt h3{height:50px; font-family:"微软雅黑"; font-size:20px; padding-top:80px;}
.item5 dd{text-align:center;color:#FFF;font-size:16px; font-family:Arial, Helvetica, sans-serif; padding-top:80px;}
	/*con4*/
.main4{ background: url(../images/xw_bg.jpg) repeat-x ;}
.main4-con-box{margin: 0 auto 5px;  padding: 5px; width: 990px; background: #fff;}
.main4-con{border: 1px solid #0087c0; }
.main4-l{ width: 560px; margin: 24px 0 0 20px;}
.main4-l h2{ height: 50px;  background: url(../images/bg-tit-b.jpg) no-repeat left  bottom; padding-left: 10px; font-size: 18px;}
.m4-small,.pr-small{font-weight: normal; font-size: 14px; margin-left: 10px; color: #666; text-transform: uppercase;}
.m4l-con{ padding: 10px 0 50px;}
.m4l-con ul{ margin-left: 16px;}
.m4l-con li{ padding-left: 20px; line-height: 40px; background: url(../images/icon-news.jpg) no-repeat 5px center;}
.main4-r{position: relative; margin: 30px 30px 0 0 ; height: 277px; width: 355px; background: url(../images/bg-mail.jpg) no-repeat center;}
.text{ position: absolute; width: 160px; top:44px; height: 40px; right: 40px; line-height: 40px; padding-left: 5px; background: #f1f1f1; color: #333;}
.pasw{position: absolute; width: 160px; top:136px; height: 40px; right: 40px; line-height: 40px; padding-left: 5px; background: #f1f1f1; color: #333;}
.tijiao{position: absolute; width: 80px; top:196px; right: 40px; text-indent: 999px; overflow: hidden; line-height: 40px; color: #333;}
.link{ height: 142px; text-align: center; background: #f1f1f1;}

/*底部*/
.footer{ height: 205px; padding: 40px 0 30px; color:#fff; background: #0087c0;}
.footer a{ color: #fff;}
.foot-nav{background: #0193d0 url(../images/bg-fnav.jpg) no-repeat left bottom; height: 40px; padding:0 110px 14px;margin-bottom: 30px;}
.foot-nav li{padding: 0 25px; line-height: 40px; float: left; font-size: 14px;}
.foot-b{margin: 2% 5.5%;}
.copy{width:100%; color: #666; background: #f1f1f1; line-height:30px}
.copy a,.copy a:hover{color:#666;}
.copy a:hover{text-decoration:underline;}
/*page*/
.page-ban{width: 100%; height: 400px; background: url(../images/top.jpg) no-repeat center;}
.page-left{width:230px; border: 1px solid #dadada;}
.pl-tit{ width: 204px; height: 66px; background: #0087c0; font-size: 18px; color: #fff;line-height: 30px; padding: 20px 0 0 26px;}
.pl-tit span{font-size: 14px; text-transform: uppercase;}
.pl-list li{border-top: 1px solid #dadada; line-height: 42px; font-size: 14px; padding-left: 46px; background: url(../images/icon-prod.jpg) no-repeat 26px center;}
.pl-list li:first-child{ border: none;}
.pl-b a{ display: block; width: 230px; line-height: 40px; text-transform: uppercase; color: #fff;text-align: center; background: #0087c0; font-size: 16px;}
.page-right{ width: 720px; margin-left: 48px;}
.pr-tit{height: 60px;  background: url(../images/bg-tit-b.jpg) no-repeat left  bottom; padding-left: 10px; font-size: 18px;}
.about p{ font-family:Arial, "Microsoft Yahei"; line-height: 28px;}
.about-b{width: 720px; height: 242px; background: url(../images/bg-about.jpg) no-repeat center;}
/*news*/
.news  li{ position:relative; padding:0 20px 0 30px; height:40px; line-height:40px; border-bottom:1px dashed #efefef; background:url(../images/news.gif) no-repeat 10px center}
.news-time{ position:absolute; right:20px; top:0;}
.news h2{ text-align:center;line-height:40px; border-bottom:1px dashed #ddd;}
.news p{ margin:20px 10px 0;}
/*product*/
.product li {
    float: left;
	text-align:center;
	padding:20px 10px 0;
    width: 30%;
}
.product caption {font-size:16px; line-height:40px; background:#efefef;}
.product td{border:1px solid #0087c0;}
.product  img{border:1px dashed #C93838; padding:3px;}
.product p{line-height:30px; text-align:center;}
.product li:hover{background:#0087c0; }
.product li:hover a{color:#fff;}

.contact li{ line-height:38px; float:left; width:47.5%; list-style:square inside; margin-left:15px;}
.contact-b{width:720px; height:241px; background:url(../images/lxwm.jpg) no-repeat center; margin-top:-60px;}
.join td{border:1px solid #ddd;}
.join p{padding-left:20px;}