@charset "utf-8";
/* CSS Document */

body{ background:#e5e5e5;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.wrap{ width:100%; max-width:640px; background:#fff; position:relative; overflow:hidden; margin:0 auto;}

/*头部样式*/
.header{ width:100%; height:100px; background:#03519b; position:relative; z-index:9999;}
.header h3{ text-align:center; padding-top:10px;}
.header .logo{ display:block;}
.header .h_tel{ display:block; width:47px; height:48px; position:absolute; top:0; left:0; margin:25px 0 0 20px;}
.header a.menu{ display:block; width:49px; height:48px; background:url(../../../statics/images/wap/head_menu.png) center no-repeat; position:absolute; top:0; right:0; margin:25px 20px 0 0;}
/*导航样式*/
ul.nav{ display:block; background:rgba(0,0,0,0.84); z-index:9999; position:absolute; right:0; transform:translateX(100%);
	transition:transform 0.36s;
	-webkit-transition:transform 0.36s; /* Safari and Chrome */
	-moz-transition:transform 0.36s; /* Firefox 4 */
	-os-transition:transform 0.36s; /* IE 9 */
	-o-transition:transform 0.36s; /* Opera */
}
ul.nav.open{ transform:translateX(0);}
ul.nav li{ display:block; min-width:240px; font-size:26px; position:relative; z-index:9999; border-top:1px solid #fff; margin:0 1em;}
ul.nav>li:first-child{ border-top:0;}
ul.nav li a{ display:block; height:72px; line-height:74px; color:#fff; font-size:26px; text-align:center; padding:0 1em;}
ul.nav li a:hover{ color:#0d74c0;}
ul.nav li.sub>a{ text-indent:22px;}
ul.nav li.sub>a:after{ display:inline-block; content:''; border-top:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; margin:33px 0 0 6px; vertical-align:top;}
ul.nav li.sub>a:hover:after{ border-top-color:#0d74c0;}
ul.nav li ul.subNav{ display:none; height:auto; z-index:9999; overflow:hidden; padding:8px 0; border-top:1px solid #fff;}
ul.nav li.on ul.subNav{ display:block;}
ul.nav li ul.subNav li{ display:block; min-width:0; height:auto; overflow:hidden; border:0;}
ul.nav li ul.subNav li a{ display:block; min-width:5em; height:52px; line-height:54px; color:#fff; font-size:23px; border:0;}
ul.nav li ul.subNav li a:hover{ color:#0d74c0;}
/*footer样式*/
.footer{ background:#7d7d7d; padding:24px 0 18px; overflow:hidden; margin:35px 0 106px 0;}
.footer .copyright{ line-height:38px; color:#fff; font-size:21px; text-align:center; padding:0 10px;}
.footer .copyright a{ color:#fff;}
.footer .copyright a:hover{ text-decoration:underline;}
/*底部菜单*/
ul.footNav{ display:block; width:640px; background:#03519b; position:fixed; left:50%; bottom:0; margin-left:-320px; z-index:9999;}
ul.footNav li{ display:block; width:25%; height:98px; float:left;}
ul.footNav li a{ display:block; overflow:hidden; border-left:1px solid #fff;}
ul.footNav li a img{ display:block; height:35px; margin:14px auto 0;}
ul.footNav li a span{ display:block; height:48px; line-height:48px; color:#fff; font-size:22px; text-align:center;}
ul.footNav li a:hover{}
ul.footNav li:first-child a{ border-left:0;}
ul.footNav li .footsub{ display:none; width:160px; height:auto; position:absolute; left:50%; bottom:98px; z-index:9999; overflow:hidden;box-shadow:0px 3px 10px #848484;}
ul.footNav li .footsub img{ width:160px; height:160px;}
/*企业简介*/
.n_banner{ width:640px; height: 0; margin:auto;}
.n_banner img{ width:640px; height:336px;}
/*研发生产*/
.banner_yanfa{ width:640px; height:430px; margin:auto;}
.banner_yanfa img{ width:640px; height:430px;}

.banner2{ width:100%; height:336px;}

---------------------

本文来自 onlyhom 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/oulihong123/article/details/54601030?utm_source=copy }

.w620{ width:100%; margin:auto;}
/*子栏目*/
.zilan{ width:620px; margin:auto; height:44px; line-height:38px; padding:30px 10px 20px 10px; border-bottom:#f0f0f0 1px solid;}
.zilan ul{ text-align:center;}
.zilan ul li{ width:140px; height:44px; margin-right:6px;display:inline-block;}
.zilan ul li a{ display:block; width:140px; height:44px; line-height:44px; color:#333; border:#afafaf 1px solid; border-radius:5px; text-align:center; font-size:22px;}
.zilan ul li a:hover{ border:#03519b 1px solid; background:#03519b; color:#fff;}
.zilan ul li.cur a{ border:#03519b 1px solid; background:#03519b; color:#fff;}

/*文章详情*/
.arctit{ width:640px; margin:auto; text-align:center; line-height:90px; overflow:hidden;}
.arctit h3{ font-size:24px; color:#03519b;}
.info{ width:640px; margin:auto; height:46px; line-height:46px; background:#f9f9f9; text-align:center; color:#999;}
.article{ width:600px; margin:auto; line-height:42px; padding:15px 10px; font-size:22px; color:#2f2f2f;}
/*文章切换*/
.change{ border-top:1px solid #f5f5f5; margin:20px 0 0 0; overflow:hidden; padding:10px 20px 24px 20px;}
.change p{ display:block; height:48px; line-height:48px; color:#143e76; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.change p a{ color:#444; font-size:22px;}
.change p a:hover{ color:#143e76; text-decoration:underline;}
/*新闻列表*/
.list_new{ width:600px; margin:auto;}
.new{ width:600px; height:150px; border-bottom:#f0f0f0 1px dashed; margin-top:20px;}
.new a.new_img{ display:block; width:220px; height:140px; float:left;}
.new a.new_img img{ width:220px; height:140px;}
.new .right{ width:360px;}
.new .right a.new_tit{ display:block; width:360px; height:48px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:48px; color:#333; font-size:22px;}
.new .right a.new_tit:hover{ color:#03519b;}
.new .right span{ display:block; width:360px; color:#666; line-height:30px; height:60px; overflow:hidden;}
.new .right a.new_more{ display:block; width:360px; height:30px; line-height:30px; color:#03519b;}
/*产品列表*/
ul.list_pro{}
ul.list_pro li{ width:366px; height:302px; margin:30px auto 0;}
ul.list_pro li:hover a img{border:#03519b 1px solid;}
ul.list_pro li:hover a span{color:#03519b;}
ul.list_pro li a img{ width:360px; height:250px; padding:2px; border:#f5f5f5 1px solid;}
ul.list_pro li a span{ display:block; width:366px; height:52px; line-height:52px; text-align:center; color:#333; font-size:22px;}














/*页码样式*/
.pages{ text-align:center; font-size:20px; padding:24px 4px 32px;}
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:10px; color:#444; height:30px; line-height:30px; text-align:center; background:#fff; padding:4px 12px; margin:0 5px; border:1px solid #c6c6c6;}
.pages a:active,
.pages a:hover{ color:#fff; background:#143e76; border-color:#143e76;}
.pages span{ display:inline-block; *display:inline; *zoom:1; min-width:10px; color:#444; height:30px; line-height:30px; text-align:center; background:#fff; padding:4px 12px; margin:0 4px; border:1px solid #c6c6c6;}
.pages span.current{ color:#fff; background:#143e76; border-color:#143e76; cursor:pointer;}