*{margin:0px; padding:0px;}
body{background:#fff; font:12px/1.5 microsoft yahei; color:#454545; width:100%; height:100%;}
a{color:#454545; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
li{list-style-type:none;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.clr10{clear:both; height:10px;}
.clr15{clear:both; height:15px;}
.clr20{clear:both; height:30px;}
.wrapper{width:1000px; margin:0px auto; position:relative; height:auto;}
.mr10{margin-right:10px;}
.list li{ display:block; line-height:32px; height:32px; font-size:14px; background:url(pot.gif) no-repeat left 14px; padding-left:12px; position:relative;}
.list li span{position:absolute; right:0px; top:0px; font-size:12px; color:#999;}


#header{width:1000px; height:120px; margin:0px auto;}
#header #logo{float:left; padding-top:15px;}
#header #logo a{background:url(logo.jpg) no-repeat; display:block; width:280px; height:90px; overflow:hidden; text-indent:-500px;}

#nav{float:right; padding-top:40px; height:80px; position:relative; z-index:99;}
#nav li{float:left; display:block; position:relative; height:80px; width:90px;}
#nav li a{display:block; padding: 0px 12px; border-top: solid 4px #ffffff; border-left: solid 1px #ffffff;  border-right: solid 1px #ffffff; height: 76px; line-height: 66px;  color: #414141;  font-size: 15px;}
#nav li a:hover,#nav li.focus a{border-top:solid 4px #2AA5E1; border-left:solid 1px #ececec;border-right:solid 1px #ececec;font-weight:bold; color:#2AA5E1; text-decoration:none;}
#nav li .sub{display:none; position: absolute;  width: 170px; top:80px; left:0px; line-height: 32px; background-color: #ffffff; border: solid 1px #ececec; border-top: 0px;z-index:999;}
#nav li .sub a{ display:block; width: 144px; clear: both; font-size: 13px; color: #8e8e8e;height: 32px; padding: 0px 13px; border:0; line-height:32px; background:#fff; border:0;}


.hopart1 li,.hopart2 li a,.proul li a{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}

.hopart1{padding-top:30px;}
.hopart1 .title h2{display:block; background:url(title1.jpg) no-repeat; width:272px; height:39px; margin:0px auto; margin-bottom:20px; text-indent:-500px; overflow:hidden;}
.hopart1 .title p{color:#8e8e8e; font-size:14px; line-height:20px; text-align:center; border-bottom:1px solid #e1e1e1; padding-bottom:20px; margin-bottom:10px;}
.hopart1 ul{overflow:hidden; zoom:1;}
.hopart1 li{float:left; width:220px; padding:0px 15px; padding-top:90px; }
.hopart1 li:hover{ margin-top:-5px;}
.hopart1 li h4{color:#28a5dd; font-size:20px; line-height:22px; margin-bottom:15px; text-align:center;}
.hopart1 li p{ font-size:13px;}
.hopart1 li.u1{background:url(product-1.png) no-repeat center 15px ;}
.hopart1 li.u2{background:url(product-2.png) no-repeat center 15px ;}
.hopart1 li.u3{background:url(product-6.png) no-repeat center 15px ;}
.hopart1 li.u4{background:url(product-3.png) no-repeat center 15px ;}
.hopart1 li a:hover{text-decoration:none;color:#28a5dd;}

.hopart2{background:url(vgff.gif) repeat-x top #f8f8f5; padding-top:44px; padding-bottom:10px;}
.hopart2 .title{overflow:hidden; padding-bottom:40px;}
.hopart2 .title h2{text-align: center; font-size: 35px; line-height: 45px; font-weight:normal;}
.hopart2 .title p{text-align: center; font-size: 16px;}
.hopart2 ul{overflow:hidden; zoom:1;}
.hopart2 li{float:left; width:200px; background:url(fgx1.jpg) no-repeat right center;}
.hopart2 li a{display:block; width:150px; height:30px; margin:0px auto; padding-top:180px; text-align:center; font-size:22px; background:url(fwpt.jpg) no-repeat; }
.hopart2 li a:hover{color:#fff; text-decoration:none; padding-top:90px; height:120px; background:#28a5dd;border-radius: 15px;}
.hopart2 li.u1 a{background-position:0px 0px;}
.hopart2 li.u2 a{background-position:-150px 0px ;}
.hopart2 li.u3 a{background-position:-300px 0px;}
.hopart2 li.u4 a{background-position:-450px 0px;}
.hopart2 li.u5 a{background-position:-600px 0px;}

.hopart3{background:url(khbg.png) no-repeat center center; height:545px; border:1px solid #e1e1e1; border-left:0; border-right:0; width:100%;}
.hopart3 .wrapper{position:relative;}
.hopart3 .title{padding-top:45px; width:265px;}
.hopart3 .title h2{height: 45px; line-height: 45px; overflow: hidden; font-size: 35px;}
.hopart3 .title p{font-size: 20px; height: 45px; line-height: 35px; border-bottom: solid 1px #cacaca;}
.hopart3 .con{width:305px; height:185px; font-size:16px; line-height:26px; color:#5e5e5e; padding:55px 47px 0px 43px; position:absolute; top:170px; left:30px;}
.hopart3 ul{position:absolute; top:150px; left:500px; width:465px; height:255px;}
.hopart3 li{float:left; width:125px; height:66px; padding-top:40px; margin-right:8px; margin-bottom:5px; text-align:center;}
.hopart3 li img{width:115px;}
.hopart3 li.kong{width:65px; margin:0;}
.hopart3 li a.more{font-size:26px; color:#717171; line-height:66px;}
.hopart3 li a.more:hover{ color:#28a5dd; text-decoration:none;}

.hopart4{background:#f8f8f5;}
.hopart4 .title{  height: 105px; overflow: hidden;  border-bottom: solid 1px #e3e3e3; padding-top:25px;}
.hopart4 .title h2{font-size: 35px; line-height: 50px;}
.hopart4 .title p{font-size: 20px; line-height: 35px;}
.newsul{width: 100%; overflow: hidden; background: url(ivncc.gif) 0px center repeat-y; padding-top:20px;}
.newsul li{height:108px; overflow:hidden; margin-bottom:20px;}
.newsul li .pic{float: left; width: 170px; overflow: hidden;}
.newsul li .pic span{ display:block; width: 108px;  height: 108px;  overflow: hidden;  margin-left: 50px; background-color: #f8f8f5;}
.newsul li .pic i{ display:block; background: url(aemo1.png) no-repeat; width: 108px; height: 108px; overflow: hidden; position: absolute;}
.newsul li .pic img{width: 108px; height: 108px;}
.newsul li .txt{float: left;  width: 700px; overflow: hidden; padding-top:10px;}
.newsul li .txt span{height: 28px; line-height: 28px; overflow: hidden;  font-size: 20px;  color:#28a5dd;}
.newsul li .txt h4{ height: 28px; line-height: 28px; overflow: hidden;  font-size: 14px;}
.newsul li .txt p{font-size: 13px; line-height: 24px;  color: #8e8e8e;}

#gsjj,#qyzz{width:490px; float:left;border-top: solid 1px #d5d5d2;}
#gsjj{margin-right:20px;}
#gsjj .title,#qyzz .title{height: 90px; border-bottom: solid 1px #ececec; padding:0; margin-bottom:20px;}
#gsjj .title h2,#qyzz .title h2{height: 55px; overflow: hidden; line-height: 60px; text-align: center; font-size: 35px;}
#gsjj .title p,#qyzz .title p{text-align: center; font-size: 20px;}
#gsjj .con{background:url(pt2.jpg) no-repeat 20px center; font-size:14px; line-height:26px; text-indent:28px; padding-left:200px; padding-right:10px;}
#qyzz .con{background:url(pt3.jpg) no-repeat 10px center; font-size:14px; line-height:24px; padding-left:135px;}
#gsjj .con a,#qyzz .con a{color:#28a5dd;}

#footer{width:100%; background:#2ea6e2; height:130px; padding:10px 0; color:#fff; line-height:30px; font-size:14px;}
#footer a{color:#fff;}
#botnav{margin-bottom:10px;}
#botnav a{padding:0px 5px;}

.page{width: 100%;background: url(subeav.gif) repeat-x #f8f8f5;}
.lmtitle{width: 1000px; margin: 0px auto; overflow: hidden; background: url(331dot.gif) repeat-x 0px bottom; position: relative; padding-top:20px; padding-bottom:10px; margin-bottom:10px;}
.lmtitle span{position: absolute; height: 0px; overflow: hidden; border-bottom: solid 2px #28a5dd; bottom: 0px; left: 50%; width: 210px; margin-left: -105px;}
.lmtitle h2{color: #303030; font-size: 35px; text-align: center; font-weight:normal; line-height: 50px;}
.lmtitle p{font-size: 20px; text-align: center; line-height: 25px; padding-top: 10px; color: #30302e;}

.lmnav{height: 30px; line-height: 30px; text-align: center; font-size: 14px;}
.lmnav a{margin: 0px 10px; color: #414141;}
.lmnav a:hover{color:#28a5dd; font-weight:bold; text-decoration: none;}

.lmcon{font-size:14px; color: #787878; line-height:30px; margin: 0px auto; overflow: hidden; width:726px; padding-top:24px; padding-bottom:100px;}
.lmcon h2{text-align:center; color:#28a5dd; font-size:24px; margin-bottom:10px;}
.lmcon h3{font-size:18px; margin-bottom:10px;}
.lmcon p{margin-bottom:10px; text-indent:28px;}
.lmcon img{max-height:1500px; max-width:726px; width:expression_r((this.width > 726 && this.width > this.height) ? '726px': this.width+'px'); height:expression_r((this.height > 1500 && this.height > this.width) ? '1500px': this.height+'px'); }
.lmcon p img{ float:middle; display:block; margin:0px auto;}
.lmcon ul{ padding-left:28px;}
.lmcon li{padding-left:20px; background:url(pot.gif) no-repeat 10px 12px;margin-bottom:10px;}
.lmcon .info{border-bottom:1px solid #e1e1e1; margin-bottom:10px; padding-bottom:10px; text-align:center;}
.nepr{border-top:1px solid #e1e1e1; padding-top:10px;}
.newslist{padding:30px 0;}

.pages{font-size: 14px; line-height: 34px; text-align:center; padding-top:20px;}
.pages a{padding: 6px 15px; background-color: #ececec; margin:0px 2px;}
.pages b,.pages a:hover{ padding:6px 15px; background-color:#28a5dd; color: #ffffff; margin:0px 2px; text-decoration:none;}

.huoban{width: 100%; background:url(banner_1.jpg) no-repeat top center; min-height:600px; padding-top:20px;}
.huoban .lmtitle h2,.huoban .lmtitle p{color:#fff;}
.hbul{overflow:hidden; width:870px; margin:0px auto;}
.hbul li{float:left; width:210px; height:100px; padding:15px; background:#fff; margin:20px;}
.hbul li img{width:210px; height:100px;}

.product{width: 100%; background:url(banner_2.jpg) no-repeat top center #0A76CE; min-height:600px; padding-top:20px;}
.product .lmtitle h2,.product .lmtitle p{color:#fff;}

.proul{overflow:hidden; padding:30px 0;}
.proul li{float:left; width:490px; height:480px; padding-left:10px;}
.proul li a{display:block; font-size:16px; width:438px; height:430px; padding:0px 20px; padding-top:18px; background-color:#fff; vertical-align:top; border:1px solid #e4ecf3;}
.proul li h4{font-size:24px; text-align:center; color: #000; margin-bottom:10px;}
.proul li img{width:438px; height:200px; margin-bottom:20px;}
.proul li p{line-height:24px; font-size: 14px; color: #666; margin-bottom:20px;}
.proul li span{display: block; line-height: 45px; margin: 0 auto; width:218px; height:47px; border: 1px solid #28a5dd; color: #28a5dd; background: #fff; border-radius: 2px; text-align:center;}

.proul li a:hover{ box-shadow:0 0 10px #000; margin-top:-10px; text-decoration:none;}
.proul li a:hover span{background:#28a5dd; color:#fff;}
.proul li a:hover h4{color:#28a5dd;}