@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; padding:0; font-size:14px; font-family: "微软雅黑"; color:#2f3030; background:url(../images/topbg.jpg) no-repeat top  left;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th{margin:0;padding:0;}
h1,h2,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#2f3030; text-decoration:none;}
a:hover{ text-decoration: none; color:#b40c0c;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.date{ font-style:normal; float:right; color: #666; padding-right:5px;}
.l{ float:left;}
.r{ float:right;}
.m_t{ margin-top:15px;}
.mid{ width:1100px; margin:0 auto;}
.bodycolor{ margin:0 auto; padding:0; font-size:14px; font-family: "微软雅黑"; color:#2f3030; background:url(../images/topbg.jpg) #e2f2ff no-repeat top   left;}
/*===============inlayout================*/
body{ margin:0 auto; max-width:1920px;}
.top{ height:175px; position:relative;}
.top_one{ width:100%; height:36px; line-height:36px;}
.notice{ line-height:36px; overflow:hidden;}
.notice i{ width:15px; height:30px; line-height:30px; display:block; background:url(../images/icon.png) no-repeat 0 11px; float:left; padding-left:10px;}
.home{height:36px; line-height:36px}
.home a,i{ float:left;}
.home a{ padding:0 0 0 30px;}
.home a i{width:15px; height:30px; line-height:30px; display:block; padding-left:10px;}
.home .a1 i{background:url(../images/icon.png) no-repeat 0 -18px;}
.home .a2 i{background:url(../images/icon.png) no-repeat 0 -43px;}
.home .a3 i{background:url(../images/icon.png) no-repeat 0 -69px;}
.logo{ width:639px; height:104px; position:absolute; left:0; top:45px; overflow:hidden; }
/*.logo{ width:510px; height:90px; position:absolute; left:0; top:55px; overflow:hidden; }*/
.phone{width:270px; height:120px; position:absolute; right:0; top:50px; overflow:hidden;}
.phone em{ width:100%; font-family:"微软雅黑"; font-style:normal; font-size:24px;  color:#000; display:block; background:url(../images/icon_p.png) no-repeat left center; padding-left:38px;}
.phone span{ padding-top:10px; display:block; font-family: Arial, Helvetica, sans-serif; line-height:30px;  font-size:28px; font-weight:200; color:#c70210;}

/*nav*/
.nav_box{ width:100%; height:55px; line-height:50px; background:url(../images/nav_bg.png) repeat-x left center; position:absolute; top:175px; z-index:999;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width:1100px; line-height:50px; position:relative; z-index:1;  }
.nav a{ color:#fff; font-family:"微软雅黑"; font-size:18px;}
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ width:122px; float:left; background:url(../images/nav_jg.jpg) no-repeat right center;}
.nav .nLi h3 a{ width:122px; display:block; font-weight:100; text-align:center; }
.nav .sub{ display:none; width: auto; min-width:110px; left:0; top:50px;  position:absolute; background: url(../images/navxl_bg.png) repeat;  padding:5px 5px 10px; }
.nav .sub li{ zoom:1; background:url(../images/navxl_jg.png) repeat-x bottom; line-height:36px;}
.nav .sub a{ display:block;  font-size:16px; text-align:center; line-height:24px; padding:8px 0;}
.nav .sub a:hover{ background:#0e7de1; color:#fff;  }
.nav .on h3 a{ background: url(../images/nav_hover.jpg) no-repeat center; color:#fff;   }

/* banner */
.slideBox{ width:100%; height:430px; overflow:hidden; position:relative; padding-top:50px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:45%; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; background:#fff; cursor:pointer;  -moz-border-radius:100px;    -webkit-border-radius: 100px;  border-radius:100px;}
.slideBox .hd ul li.on{ background:#dc0509;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:430px; display:block;  }

.contentbox{ width:100%; height:300px; margin:20px 0; clear:both; overflow:hidden;}
.lm{width:100%; height:43px; border-bottom:1px solid #ccc; text-align:center; font:24px/43px Arial; color:#ccc; text-transform:uppercase;  position:relative;}
.lm span{width:1100px; margin:0 auto; display:block; text-align:center; }
.lm span a{ width:170px; height:43px; font:24px/40px "微软雅黑";  color:#FFF; background:url(../images/lm_bg.jpg) no-repeat center bottom; display:inline-block; position:relative; z-index:222; bottom:-3px;}
.lm span a:hover{ color:#fee901;}
.content{ padding-top:15px; line-height:26px;}
.content img{ width:360px; height:230px; border:4px solid #ebf2fa; overflow:hidden; float:left; margin-right:10px;}
.content a{ color: #E70C27;}
.content a:hover{ color: #F30;}

.shopwproduct{ width:100%; height:560px; background-color:#e2f2ff; clear:both; padding:25px 0; overflow:hidden;}
.plm{height:52px; border-bottom:3px solid #1267b2; position:relative;}
.plm span{ width:380px; height:50px; font: normal 24px/43px Arial;color:#ccc; display:block; border-bottom:7px solid #efba17; position:absolute; left:0;}
.plm span i{ color:#25201d; font:24px/43px  "微软雅黑"; padding-right:10px;}
.plm a{display:block;color:#939495; float:right; padding-top:25px; font-family:"宋体"}
.plm a:hover{ color:#900;}
.picbox{ padding-top:20px;}
.picbox dl{ width:250px; height:470px; background-color:#2b8dfa; overflow:hidden;}
.picbox dl dt{ width:100%; height:65px; background:url(../images/fl_lm.jpg) no-repeat center left; font:22px/65px  "微软雅黑"; color:#FFF; text-align:center; margin-bottom:20px;} 
.picbox dl dd{ width:100%; height:36px; background: url(../images/fl_classbg.jpg) repeat-x; font:18px/36px  "微软雅黑"; color:#121212; text-align:center; margin:10px 0;}
.picbox dl span{ height:30px; display:block; background:url(../images/icon.png) no-repeat 20px -208px; text-align:center; margin-top:25px;}
.picbox dl span a{ width:250px; font:18px/30px  "微软雅黑"; color:#FFF; display:block; background:url(../images/icon.png) no-repeat  right -208px;}
.picbox dl span a:hover{color:#fee901;}

.picMarleft ul{ width:830px; height:470px; overflow:hidden;}
.picMarleft ul li{ width:255px; height:470px; margin:0 10px; float:left;}
.picMarleft ul li  span{ width:255px; height:225px; margin:5px 0; float:left; display:inline-block;}
.picMarleft ul li  span img{width:255px; height:180px; overflow:hidden;}
.picMarleft ul li  span img:hover{ border:1px solid #e2f2ff;}
.picMarleft ul li  span  p{ height:55px; line-height:55px; text-align:center; font-size:16px;}

.newsbox{ height:520px; overflow:hidden; padding:20px 0;}
.newlm{ width:100%; height:50px; color:#a5aaae; font:30px/50px Arial; padding-bottom:8px; text-transform:uppercase;}
.newlm i{ color:#191818; font:30px/50px  "微软雅黑"; padding-right:10px}
.newnr{ width:540px; padding-top:10px;}
.newnr h2{ padding-top:5px;}
.newnr h2 a{ width:100%; font:24px/50px  "微软雅黑"; color:#af0202;}
.newnr h2 a:hover{ color:#F60;}
.newnr img{ width:540px; height:250px; overflow:hidden;}
.newnr p{ height:90px; padding:5px 0; font:16px/28px  "微软雅黑"; overflow:hidden; }
.xxmore{ width:80px; height:40px; font:20px/40px  "微软雅黑"; color:#FFF; background: url(../images/jt.png) #dd8f08 no-repeat 65px 12px; display:block; float:left; text-align: left; padding-left:15px; margin-top:10px;}
.xxmore:hover{ color:#FFF; background: url(../images/jt.png)#900 no-repeat 65px 12px;}
.m_r{ margin-right:20px;}

.casebox{ width:100%; height:270px; background-color:#e2f2ff; clear:both; padding:25px 0; overflow:hidden; margin-top:20px; }
.lm2 span a{background:url(../images/lm_bg2.jpg) no-repeat center bottom;}

.caseshow{ height:250px; overflow:hidden; padding-top:25px;}
.caseshow ul{}
.caseshow li{ width:255px; height:180px; float:left; padding:0 10px; position:relative;}
.caseshow li p{ width:255px; height:40px;  position:absolute; z-index:9; bottom:0; background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#88000000',endColorstr='#88000000');}
.caseshow li p a{ display:block; font:16px/40px  "微软雅黑"; color: #FFF; text-align: left; padding-left:10px;}
.caseshow li p a:hover{ color:#FC0; }
.caseshow li img{ width:255px; height:180px; overflow:hidden;}


.foot{ width:100%; background-color:#626363; min-height:250px;}
.link{ width:100%;  height:61px; line-height:61px; background-color:#717171; color:#FFF;}
.link span{ width:140px; height:72px; background:url(../images/links_lmbg.jpg) no-repeat left top; display:block; font:16px/60px  "微软雅黑"; color:#FFF; text-align:center; overflow:hidden; float:left;}
.link a{ color:#FFF;}
.link a:hover{color:#fee901;}
.footer{ padding:30px 0;}
.footer p{ width:500px; line-height:30px; color:#FFF; display:block; overflow:hidden; float:left; padding-top:15px;}
.footer p i{ color: #f0cc03; font-style:normal;}
.footer span{ width:120px; display:block; float: right; text-align:center; vertical-align:middle; line-height:30px; color:#FFF; }
.footer span img{ width:120px; height:120px; overflow:hidden;}

/*漂浮*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:999; _position:absolute;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #0690d7;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#0093df;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#0093df;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#0093df;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


/*=========inlayout==========*/
.inlay_box{ overflow:hidden; padding:20px 0; position:relative;}
.inside_mainleft{ width:250px; float:left; margin-right:20px; overflow:hidden;  padding-bottom:10px;}
.inside_mainright{ width:830px; float:left; overflow:hidden;  background:#FFF; padding-bottom:10px;}
.location{ width:810px; height:50px; padding-left:20px; border-bottom:4px solid #108fe6;}
.location em{height:50px; line-height:50px;  float:left; display:block; font-style:normal; overflow:hidden;font-size:24px; font-weight:400;}
.location span{ height:50px; line-height:50px; display:block; float:right; padding-right:10px; overflow:hidden;} 
.location span a{ font-size:12px; color:#0360c9; }
.location span a:hover{ color:#b40c0c}
.product_class{ width:250px;  background-color:#2b8dfa;}
.infl_lm{ width:250px; height:65px; line-height:65px; background: url(../images/fl_lm.jpg) center bottom; text-align:center;color:#fff; font:24px/65px  "微软雅黑"; }
.product_class ul{ padding:10px 0;}
.product_class ul li{ height:36px; line-height:36px; background:url(../images/fl_classbg.jpg) repeat-x center; text-align:center; margin:10px 0;}
.product_class ul li a{ font-size:16px;color:#121212;}
.product_class ul li a:hover{color: #900;}


/*Contact*/
.Contact{ width:250px; height:auto; float:left;  padding-bottom:10px; background:#FFF;}
.Contact span{ width:220px; display:block; height:50px; background:url(../images/phone.png) #3bbefd no-repeat 5px center; font-family:Arial; font-size:24px; color:#FFF; line-height:50px; text-align:center; padding-left:30px; margin:10px auto; } 
.Contact p{ padding:5px 8px; line-height:24px;}


/*list*/
.newslist{ padding:10px;}
.newslist li{ height:36px; line-height:36px; background:url(../images/dian_1.jpg) left center no-repeat; padding-left:12px; border-bottom:dashed 1px #c4d1d3;}
.newslist li a{height:30px; line-height:30px; font-size:14px;}

/*分页*/
.my_page{ text-align:center; margin-top:10px; padding:20px 0px 15px 0px; overflow:hidden;}
.my_page li { display:inline; text-align:center; margin:0px 2px; padding:0px; font-size:12px;}
.my_page li a{padding:3px 7px; text-align:center; color: #FFF;  text-decoration:none; background-color:#9e9fa1;}
.my_page li a:hover{background:#dd8008; color:#FFF; text-decoration:none;}
/*product*/
.inproduct{ width:810px; overflow:hidden; padding:10px 10px 0;}
.inproduct li{float:left; width:250px; padding:10px;}
.inproduct li img{ width:250px; height:180px;  overflow:hidden; vertical-align:middle; }
.intittle{ width:250px;  text-align:center; line-height:30px; padding:5px 0;}
.inproduct li span{ display:block;  text-align:center; overflow:hidden;}
.inproduct li span a{width:250px; height:32px; line-height:32px; display:block;  background:#ddeff8;}


/*在线留言*/
.mesagebox{ padding-top:10px;}
.oinput1{ border:1px solid #e3e2e2; height:20px; line-height:20px; width:180px;}
.textarea{ border:1px solid #e3e2e2; }
.mesage_ask{ line-height:1.8; background: #ddeff8; padding:5px 10px;  margin-top:10px; font-size:12px; }
.mesage_ask p{ margin:0;}
.mesage_replay{padding:5px 10px; line-height:1.8; font-size:14px;}
.mesage_replay p{ margin:0;}
.admin{ color: #900;}

/*about*/
.web_nr{ width:810px; padding:10px;}
.web_nr p{ line-height:24px; font-size:14px;}
.web_nr img{ max-width:810px; height:auto; width:expression(this.width >810 ? "810px" : this.width); overflow:hidden;}

/*list info*/
.bt{text-align:center; padding:15px 0;}
.bt h1{color:#151515; font-size:24px; font-weight:bold;}
.info{height:30px;line-height:28px; border-bottom: dashed #D4D4D4 1px;  margin:3px 0px; text-align:center;  font-size:14px; font-family:"宋体";}
.pic{ text-align:center; margin:10px 0px;}
.nr{ line-height:25px; color:#301b00;  padding:10px;}
.nr span{ vertical-align:middle; text-align:center; display:block;}
.nr span img{ max-width:810px; height:auto; width:expression(this.width >810? "810px" : this.width); overflow:hidden;}
.nr img{ max-width:810px; height:auto; width:expression(this.width > 810 ? "810px" : this.width); overflow:hidden;}
/*page nest up*/
.fyy{ width:820px; height:auto; overflow:hidden; margin:0 5px;}
.fyy ul{}
.fyy ul li{ width:810px; line-height:30px;  float:left; margin:5px 0;  background:#ccdfe9; padding-left:10px;}
.fyy ul li span{ font-weight:600; padding-right:10px;font-size:14px;}


.sideMenu{ width:250px;  background-color:#2b8dfa; padding-bottom:10px;}
.sideMenu h3{ height:36px; line-height:36px; background:url(../images/fl_classbg.jpg) repeat-x center; text-align:center; margin:10px 0;}
.sideMenu h3 a{font: normal 100 16px/36px  "微软雅黑"; color:#121212; }
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 0 8px 40px;  display:none; }
.sideMenu ul li{ line-height:30px; border-bottom:1px solid #197ae5; list-style:disc; color:#FC0;}
.sideMenu ul li a{color:#FFF;font:14px/30px  "微软雅黑";}
.sideMenu ul li a:hover{ color:#fcf30a;}