@charset "utf-8";
@import url(base.css);/*reset*/
body{margin:0 auto; padding:0; font-family:"微软雅黑"; background:#ffffff; font-size:100%; color:#3c3c3c;}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;}
}
html{ overflow-x:hidden; font-family:"微软雅黑";height:100%; font-size:1px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table{margin:0px auto;padding:0;}
body{vertical-align:middle; text-align:left; margin:0 auto;height:100%;}
img{border-style: none;}
dl,dt,dd,p{margin:0;padding:0;}
ol,ul,li{list-style:none;}
a{ text-decoration:none;}
/* Items */
.left{float:left;}
.right{float:right;}
.clear{clear:both; overflow:hidden;}
.overflow { overflow:hidden;}

.logo{ position:relative; width:100%; height:auto;}
.logo .home{ position:absolute; width:54%; height:65%; top:15%; left:4%;}
.logo .tel{ position:absolute; width:30%; height:44%; top:30%; right:3%;}

/* 本例子css -------------------------------------- */
.focus{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:0px; position:absolute; z-index:1; bottom:0; text-align:center;}
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .bd{ position:absolute; top:0; left:0; z-index:9;}
.focus .bd li img{ width:100%; height:auto; }

.midmenu{ position:relative;}
.midmenu a{ position:absolute; width:20%; height:70%; top:15%;}
.nav1{ left:2.5%;}
.nav2{ left:27.5%;}
.nav3{ left:52.5%;}
.nav4{ left:77.5%;}

.sybox{ padding:8% 2%;}
.sybox .cntit{ color:#0a54ab; text-align:center; font-size:30em;}
.sybox .wfont{ color:#fff;}
.sybox .entit{ color:#8c8c8c; text-align:center; font-size:22em;}
.sybox .cont{ padding:3.5%; overflow:hidden; line-height:200%; font-size:14em;}
.cp li{ width:48%;}
.cp li .pic{}
.cp li .tit{ text-align:center; line-height:300%; font-size:1em;}
.cp li .tit a{ color:#fff;}
.bg{ background:url(/images/index_mid_bg.jpg) no-repeat center; background-size:cover;}




















#botmenu{ position:fixed; bottom:0;}
#botmenu a{ position:absolute; width:13%; height:100%;}
#menu1{ left:1%; top:0;}
#menu2{ left:15.3%; top:0;}
#menu3{ left:29%; top:0;}
#menu4{ left:43.3%; top:0;}
#menu5{ left:57.4%; top:0;}
#menu6{ left:71.5%; top:0;}
#menu7{ left:85.5%; top:0;}




/*内容页*/
.submenu{ background-color:#fff; text-align:center; padding:5%;}
.submenu a{ color:#555; margin:0 1%;}
.submenu a.on{ color:#76c416; font-weight:bold;}
.submenu span{ color:#555; margin:0 1%;}

.classtitle{ overflow:hidden; background:#f0f0f0; padding:3% 5%;}
.classtitle a{ float:right; font-size:14em; line-height:2em; color:#3c3c3c;}
.classtitle span{ float:left; font-size:20em; color:#0a54ab;}

.nrtit{ position:relative; margin:5% 3% 3% 3%; border-bottom:4px solid #bebebe; padding-bottom:2%;}
.nrtit a{ position:absolute; color:#8c8c8c; top:20%; right:0;}
.nrtit span{ font-size:150%; color:#3c3c3c;}
.nr{ padding:3%; background:#fff; overflow:hidden;}
.content{ padding:3%; background:#fff; height:100%;}

.titlist{ font-size:14rem;}
.titlist li{ list-style-type:disc; list-style-position:inside; margin:auto 3%; line-height:180%; overflow:hidden;}
.titlist li .tit{ color:#363636;}
.titlist li .date{ color:#b8b8b8; float:right;}
.titList{}
.titList li{ list-style-type:disc; list-style-position:inside; margin:auto 3%; line-height:180%; overflow:hidden;}
.titList li .tit{ color:#363636;}
.titList li .date{ color:#b8b8b8; float:right;}

.txtlist{ overflow:hidden;}
.txtlist li{ overflow:hidden; margin-bottom:15%; margin-top:5%;}
.txtlist li a{ color:#000;}
.txtlist li .tit{ color:#2553b3; font-size:120%; font-weight:bold;}
.txtlist li .hr{ overflow:hidden; margin-top:5%; margin-bottom:5%;}
.txtlist li .hr hr{ float:left; border:0; border-top:3px solid #3b6bd0; width:10%; margin:0; padding:0;}
.txtlist li .txt{ color:#000; margin-bottom:20px;}
.txtlist li .date{ color:#000;}
.txtlist li .date .btn{ float:left; width:19px; height:19px; line-height:17px; text-align:center; color:#fff; background-color:#2553b3; margin-right:10px;}

/*图片列表*/
.imglist{ overflow:hidden; padding-top:5%; padding-bottom:5%;}
.imglist li{ width:48%; margin-bottom:3%;}
.imglist li .pic{ width:99%; border:1px solid #dcdcdc;}
.imglist li .pic img{ width:100%;}
.imglist li .tit{ width:100%; line-height:200%; color:#555555; border:1px solid #fff; background-color:#fff; overflow:hidden; font-size:14em; text-align:center;}

/*图片文字列表*/
.imgtxtlist{ overflow:hidden;}
.imgtxtlist li{ overflow:hidden; margin-bottom:5%; border:2px solid #ebebeb; padding:5%;}
.imgtxtlist .pic{ width:100%;}
.imgtxtlist .pic img{ width:100%; padding:1%; border:2px solid #c8c8c8;}
.imgtxtlist .txt{ width:100%;}
.imgtxtlist .txt .tit{ font-size:16em; color:#3c3c3c; margin-top:5%;}
.imgtxtlist .txt .jj{ font-size:14em; color:#3c3c3c; margin-bottom:5%;}

/*产品展示列表*/
.cataList{ margin-top:5%; margin-bottom:5%;}
.cataList li{ margin-top:5%;}
.cataList li a{ position:relative; display:block; width:100%; height:100%; color:#3c3c3c;}
.cataList li a img{ border-radius:3px;}
.cataList li a span{ display:block; width:100%; position:absolute; bottom:0; left:0; color:#fff; background-color:#000; opacity:0.8; text-align:center; font-size:14em; line-height:2em; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}

/*分类页列表*/
.classnr{ height:100%; padding:3%; background-color:#f7f7f7; background-size:cover;}
.classlist{}
.classlist li{ margin-bottom:5%; margin-top:5%;}
.classlist li a{ position:relative; display:block; color:#000;}
.classlist li a span{ position:absolute; top:20%; left:5%;}

/*翻页*/
.footpage{ text-align:center; margin-top:5%; font-size:20rem;}
.footpage a{ color:#3c3c3c;}
.footpage span.prev{ display:inline-block; padding:0 3%; line-height:150%; margin:5%; color:#3c3c3c;}
.footpage span.next{ display:inline-block; padding:0 3%; line-height:150%; margin:5%; color:#3c3c3c;}
/*.footpage{ position:relative;}
.footpage span{ position:absolute; width:13%; height:50%;}
.footpage a{ position:absolute; width:100%; height:100%; color:#3c3c3c;}
.footpage span.prev{ top:22%; left:30%;}
.footpage span.next{ top:22%; right:30%;}*/

.infotitle{ text-align:center; font-size:120%; font-weight:bold; margin-top:5%;}
.infodate{ text-align:center; color:#ccc; margin-top:5%;}
.infocontent{ margin-top:5%; font-size:14em;}

.gsjj_bg{ background:url(/uploads/5C48201611182912.jpg) no-repeat center top #fff; overflow:hidden; height:100%;}
.w_bg{ background-color:#f7f7f7; width:85%; margin-top:30%; padding:3%;}