@charset "utf-8";
/************************************
 * @websit:http://www.hnnet.top     *
 * @author:QQ:157912995             *
 ************************************/
/**
  box 
**/
body{margin:0px;padding:0px;color:#000000;font-family:"Microsoft yahei";font-size:12px;line-height:25px;background:#fff;}
h2,h3,h4,h5,h1,p{margin:0px;padding:0px;}
div,ul,li,h1,h2,h3,h4,span,p,dl,dd,img,dl,dt,dd{margin:0;padding:0;list-style:none;}
img{border:none;}
a{color:#666;text-decoration:none;font-family:"Microsoft yahei";}
a:hover{color:#f00;text-decoration:none;}
.margin{margin-top:10px;}
.clear{clear:both;}
*{margin:0px;padding:0px;}
.container{width:1200px;min-height:30px;margin-right:auto;margin-left:auto;margin:0 auto;background:none;}

.index-top{width:100%;height:40px;float:left;line-height:40px;border-bottom:0px solid #f00;background:#e5e5e5;}
.index-menu{width:100%;float:left;background:#195bad;}
.index-banner{width:100%;min-height:500px;float:left;padding:0;}
.index-about{width:100%;float:left;background:#fff;padding:45px 0;background:url(../images/bgabout.jpg) top center no-repeat;}
.index-pro{width:100%;float:left;background:#e6e6e6;}
.index-newss{width:100%;float:left;background:#fff;padding:50px 0;}
.index-footernav{width:100%;float:left;background:#fff;}
.index-footer{width:100%;float:left;padding:0;font-size:12px;color:#fff;background:#262b31;}

.index-footer-all{width:100%;float:left;padding:24px 0 0;}
/**headr**/
.index-topa{width:50%;float:left;}
.index-topb{width:50%;float:left;text-align:right;}

.index-logo{width:100%;height:90px;float:left;}
.index-logoo{width:50%;height:90px;float:left;}
.index-tel{width:30%;float:left;}
.index-search{width:20%;float:left;}

.index-nav{width:100%;height:50px;line-height:50px;float:left;text-transform:uppercase;}
.index-nav ul{width:100%;float:left;}
.index-nav ul li{width:14%;float:left;text-align:center;margin-right:1px;}
.index-nav ul li.navnum{background:#e98421;}
.index-nav ul li a{width:100%;margin:0;float:left;font-size:14px;color:#fff;font-weight:300;display:block;}
.index-nav ul li a:hover{background:#e98421;}


/****banner***/
.index-banner{width:100%;float:left;background:#eee;}

/****about***/
.index-about{}
.index-about-all{width:100%;float:left;}
.index-about-le{width:50%;height:;float:left;padding:0 0%; }
.index-about-leh{width:100%;line-height:40px;float:left;text-align:center;font-size:30px;font-weight:300;color:#222222;text-transform:uppercase;margin-bottom:30px;}
.index-about-leh span{width:100%;display:block;color:#666666;font-size:14px;font-weight:300;}
.index-about-lelist{width:100%;float:left;font-size:14px;color:#666666;}
.index-about-lemore{width:100%;float:left;text-align:center;margin-top:15px;}
.index-about-lemore a{color:#444444;border:1px solid #273977;line-height:40px;padding:0 50px;display:inline-block;}
.index-about-lemore a:hover{color:#fff;background:#273977;border:1px solid #273977;}

.index-about-ri{width:48%;height:405px;float:left; background:url(../images/aboutbg.png) left bottom no-repeat; }
.index-about-ri img{padding-left:20px;}

/****pro***/
.index-pro{padding:35px 0;}
.index-pro-all{width:100%;float:left;}
.index-pro-leh{width:100%;line-height:40px;float:left;text-align:center;font-size:30px;font-weight:bold;color:#222222;text-transform:uppercase;margin-bottom:30px;}
.index-pro-leh span{width:100%;display:block;color:#666666;font-size:14px;font-weight:300;}

.index-pro-nav{width:100%;float:left;}
.index-pro-nav ul{width:100%;float:left;text-align:center;}
.index-pro-nav ul li{line-height:35px;line-height:40px;display:inline-block;}
.index-pro-nav a{font-size:14px;border:1px solid #c9c9c9;padding:10px 20px;margin:0 10px;}

.index-pro-list{width:100%;float:left;}
.index-pro-list ul{width:100%;float:left;padding:20px 0;text-align:center;}
.index-pro-list ul li{width:23.5%;margin-right:2%;margin-bottom:2%;position:relative;display:inline-block;}
.index-pro-list ul li span{width:100%;float:left;line-height:30px;text-align:center;}

.index-pro-ref{position:absolute;top:0;left:0;width:280px;height:230px;display:none;text-align:center;color:#fff;background:url(../images/casesbg.png) repeat;}
.index-pro-ref-tit{width:100%;float:left;line-height:45px;padding-top:15%;background:url(../images/casebg.png) center bottom no-repeat;text-shadow: 2px 3px 2px #000;}
.index-pro-ref-tit a{font-size:20px;color:#fff;}
.index-pro-ref-des{width:100%;float:left;font-size:14px;color:#fff;text-shadow: 2px 3px 2px #000;line-height:30px;padding:2% 0;}
.index-pro-ref-more{width:100%;float:left;line-height:30px;}
.index-pro-ref-more a{border-radius:5px;padding:0 20px;display:inline-block;background:#e98421;color:#fff;font-size:14px;}

.index-pro-list li:hover .index-pro-ref{display:block;}

/****news***/
.index-news{width:60%;float:left;}
.index-news-all{width:100%;float:left;}
.index-news-h{width:100%;float:left;line-height:30px;padding:15px 0;font-size:24px;color:#222222;border-bottom:1px solid #cccccc;}
.index-news-h a{float:right;background:#273977;color:#fff;padding:0 10px;border-radius:15px;font-size:12px;}
.index-news-list{width:100%;float:left;}
.index-news-list ul{width:100%;float:left;}
.index-news-list ul li{width:100%;float:left;margin:10px 0;overflow:hidden;}
.index-news-img{width:20%;height:90px;float:left;margin-right:2%;overflow:hidden;}
.index-news-img img{width:100%;height:90px;}
.index-news-txt{width:78%;height:90px;float:left;overflow:hidden;}
.index-news-txttit{width:100%;float:left;color:#222222;font-size:18px;}
.index-news-txttime{width:100%;float:left;color:#cccccc;font-size:12px;}
.index-news-txtdes{width:100%;float:left;color:#999999;font-size:12px;line-height:20px;}

.index-honr{width:36%;height:350px;float:left;margin-left:4%;overflow:hidden; }
.index-honr-h{width:100%;float:left;line-height:30px;padding:15px 0;font-size:24px;color:#222222;border-bottom:1px solid #cccccc;}
.index-honr-h a{float:right;background:#273977;color:#fff;padding:0 10px;border-radius:15px;font-size:12px;}
.index-honr-content{width:100%;float:left;}
.index-honr-content img{max-width:100%;}

/****footer***/
.index-footer-all{float:left;line-height:25px;}
.index-footer-a{width:10%;height:180px;float:left;}
.index-footer-a span{width:100%;float:left;line-height:40px;display:block;font-size:16px;color:#fff;}
.index-footer-a li{width:100%;float:left;font-size:13px;color:#999999;}
.index-footer-a li a{color:#999999;}
.index-footer-a li a:hover{color:#fff;}

.index-footer-b{width:20%;float:left;height:180px;padding-left:5%;color:#999999;text-align:left; background:url(../images/bgfooter.png) left center no-repeat;}
.index-footer-b span{width:100%;float:left;line-height:40px;display:block;font-size:16px;color:#fff;}
.ftel{font-size:24px;color:#e98421;}


.index-footer-c{width:10%;float:left;height:180px;color:#fff;font-size:13px;text-align:center; background:url(../images/bgfooter.png) right center no-repeat;}
.index-footer-c span{width:100%;float:left;line-height:40px;display:block;font-size:16px;color:#fff;}

.index-footer-d{width:20%;float:left;height:180px;color:#fff;text-align:left;padding-left:5%;font-size:13px;}
.index-footer-d span{width:100%;float:left;display:block;line-height:40px;font-size:16px;color:#ffffff;}

.index-footer-e{width:100%;float:left;text-align:center;font-size:13px;color:#ffff;line-height:45px;}
.index-footer-e a{color:#999999;}
.index-footer-e a:hover{color:#f00;}