@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#606060;font-family:"微软雅黑";}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#606060;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}
li{	list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
.lf{ float:left;}
.rt{ float:right;}
.m{ width:1170px; margin:0 auto}

.top1{ background:url(top1bg.jpg) repeat-x; line-height:35px; overflow:hidden; font-size:14px}
.top1 p{ float:left}
.top1 span{ float:right}

.top2{ width:1170px; margin:0 auto; overflow:hidden}
.logo{ float:left}
.lx{ float:right; margin-top:10px}
.lx p{ display:block; overflow:hidden; line-height:35px; font-size:14px; color:#333}
.lx p img{ float:left; margin-right:10px}
.lx p em{ font-style:normal; font-size:25px}

/*产品展示*/
.cpzs{ width:1170px; margin:40px auto;}
.title1{ text-align:center; background:url(title.jpg) top center no-repeat; margin-bottom:30px;}
.title1 h3{ font-size:30px; color:#00388e; line-height:60px}
.title1 span{ font-size:14px}
.cpzs img{ height:150px; margin:0 10px}


.btn a{ display:block; margin:0 auto; background:#00388e; width:165px; border-radius:30px; line-height:40px; text-align:center; margin-top:30px;font-size:14px; color:#FFF }
.btn a:hover{background:#ff7800;transition:all 0.6s}


/*关于我们*/

.about{ background:#f5f5f5; padding:40px 0;}
.com{ width:1170px; margin:0 auto}
.com-pic{ float:left;}
.com-pic img{ border-radius:200px; width:320px; height:320px;transition:all 0.6s}
.com-pic img:hover{ transform:rotate(30deg); transition:all 0.6s}

.com-zi{ float:right; width:810px}
.com-zi h3{ font-size:40px; color:#00388e; padding-bottom:30px;}
.com-zi p{ font-size:14px; line-height:30px}
.com-zi span a{ display:block; width:120px; margin-top:20px;background:#00388e; text-align:center; color:#FFF; border-radius:20px; line-height:40px; }
.com-zi span a:hover{background:#ff7800; transition:all 0.6s}



.m1{ width:1170px; margin:40px auto}
/*新闻*/
.xwlb{ float:right; width:735px;}
.title2{ border-bottom:#c4c4c4 1px solid; overflow: hidden}
.title2 h3{ float:left}
.title2 span{ float:right; font-size:14px; padding-top:50px;}
.xwlb ul{ margin-top:20px; width:765px; position:relative;}
.xwlb ul li{ float:left; width:340px; line-height:30px; background: url(biao.jpg) left center no-repeat; padding-left:12px; margin-right:30px; font-size:14px; overflow:hidden}
.xwlb ul li i{ display:block; float:left; font-style:normal}
.xwlb ul li span{ display:block; float:right; color:#999}


/*底部*/
.foot{ background:#3e3e3e; overflow:hidden}
.foot1{ width:1170px; margin:0 auto; padding:20px 0; overflow:hidden }
.dlx{ float:left; border-left:#4a4a4a 1px solid; padding-left:20px; margin-left:20px; color:#afafaf; line-height:30px; font-size:14px}
.dlx ul li{ float:left; margin-right:50px;}

.erweima{ float:left; background:#FFF;  text-align:center; padding:5px;}
.foot2{ border-top:#525252 1px solid;}
.foot2 p{ display:block; margin:0 auto; width:1170px; text-align:center; color:#afafaf; line-height:30px; font-size:14px; padding:10px 0}

.nmain{ width:1170px; margin:40px auto;}
.nlf{ width:240px; float:left}

.test h3{ display:block; background:url(nt.jpg) center no-repeat; text-align:center; line-height:60px; font-size:23px; color:#FFF}
.test ul{list-style:none; background:#f2f2f2; overflow:hidden;  border-radius:0 0 20px 0px;} 
.test li{float:left;width:240px;line-height:40px; border-bottom:#cccccc 1px solid} 
.test a{display:block;text-align:center;height:40px; font-size:14px} 
.test a:link{color:#666;text-decoration:none;} 
.test a:visited{color:#666;text-decoration:underline;} 
.test a:hover{color:#FFF; text-decoration:none; background:#ff8400}  


.lxfs{ margin-top:30px;}
.lxfs p{ line-height:25px; padding-top:10px}
.nrt{ float:right; width:890px;}
.ntitle{ border-bottom:#d8d8d8 1px solid; overflow:hidden; padding:10px 0; margin-bottom:20px;}
.ntitle h3{ display:block; border-left:#01398e 3px solid; font-size:16px; float:left; padding-left:10px;}
.ntitle span{ float:right}

.tuwen p{ font-size:14px; display:block; line-height:30px}

/*产品页面*/
.product{ position:relative; width:908px;}
.product ul{ margin-bottom:15px; overflow:hidden}
.product ul li{ float:left; width:200px; margin-right:25px; margin-bottom:25px; border:#dadada 1px solid; text-align:center; overflow:hidden}
.product ul li img{ max-width:200px; height:164px;}
.product ul li p{ line-height:40px; display:block; height:40px;}
.product ul li:hover{box-shadow: 4px 4px 4px rgba(195,195,195,0.75);}


/*新闻页面*/
.newlb ul li{ border-bottom:#e0e0e0  1px dashed; padding:10px 0; overflow:hidden}
.newlb ul li:hover{ background:#f6f6f6}
.newlb ul li span{ display:block; float:left; text-align:center; width:100px; color:#999; font-size:16px}
.newlb ul li span em{ display:block; font-style:normal; font-size:35px; color:#333}
.newlb .xwwz{ float:right; width:760px;}
.newlb .xwwz h3{ font-size:16px; line-height:40px;}



/*案例*/

.anli ul li { width:210px; height:170px; position:relative; overflow:hidden;  border:0; margin-right:12px; margin-bottom:15px;float:left; display:inline; }
anli ul li:nth-child(4n){margin-right:0;}
.anli ul li a { display:block; width:210px; height:170px; text-decoration:none; color:#000; }
.anli ul li img { border:0; width:210px; height:170px }
.anli ul li i { display:block; width:210px; height:170px; position:absolute; left:0; top:140px; z-index:1; background:#000; filter: alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
opacity:0.60; -webkit-transition: all 0.6s ease-in-out; }
.anli ul li p { display:block; width:210px; height:170px; position:absolute; left:0; top:140px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; line-height:16px; -webkit-transition: all 0.6s ease-in-out; }
.anli ul li p b { display:block; font-size:16px; color:#fff; text-align:center; margin:0; padding:0; line-height:30px; font-weight:normal}
.anli ul li p span { display:block; margin:0 auto; width:80px; text-align:center; border:#FFF 1px solid; line-height:25px; margin-top:10px; border-radius:5px }
.anli ul li a:hover { direction:ltr; }
.anli ul li a:hover i { top:0; }
.anli ul li a:hover p { top:50px; }



/*电子样本*/
.xiazai{ width:}
.xiazai ul li{ float:left; width:200px; text-align:center; margin:0 45px; margin-bottom:30px;}
.xiazai ul li img{ border:#ececec 1px solid; width:200px;}
.xiazai ul li p{ line-height:40px}
.xiazai ul li span a{ display:block; width:100px; line-height:25px; margin:0 auto;  background:#01398e; border-radius:15px; text-align:center; color:#FFF;}





div.digg {

    padding-right: 3px;

    padding-left: 3px;

    padding-bottom: 3px;

    margin: 3px;

    padding-top: 3px;

    text-align: center;

    font-size: 14px;

	font-size: 16px;

    font-weight: bold;

}

div.digg span {

    border: #000099 1px solid;

    padding: 3px 7px;

    font-weight: bold;

    margin: 2px;

    color: #fff;

    background-color:#01378D;

}

div.digg A {

    border:#01378D 1px solid;

    padding: 3px 7px;

    margin: 2px;

    color:#01378D;

    padding-top: 2px;

    text-decoration: none;

}







