@charset "utf-8";
/****reset***/
html,body, div,span,nav,header,footer,menu, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5,img, h6, pre, code, form,img, fieldset, legend, /*input,*/ button, /*textarea,*/ p, blockquote, th, td,label { margin:0px;padding:0px;border:none}
a{color:inherit}
table{border-collapse:collapse;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:3vw; font-family:"微软雅黑";padding-bottom:6em;background: #FFF;}
.clear{ clear:both}
/****resetend***/
header{ width:100%;background:#ffffff;text-align:center;}
header h1{font-size:1.5em;color:#bf3333;; line-height:2.8em; font-weight:bold}
nav{ width:100%; margin:0 auto; background:#bf3333;}
nav ul{ width:100%;}
nav ul li{text-align:center; float:left; width:calc(25% - 0.2em);min-width: 24%; line-height:2.0em; border:0.1em solid #fff;}
nav ul li a{color:#fff;}
/*焦点图*/
.banner{ width:100%;text-align:center;}
.banner img{width:100%;}
/*内容*/
article{ width:90%; margin:0 auto; line-height:5vmin; color:#3e495d;}
article ul li{ list-style-type:disc; list-style-position:inside; margin-left:2em;}
article ol li{ list-style-type:decimal-leading-zero; list-style-position:inside; margin-left:2em;}
article h1{ font-size:270%; font-weight:bold; line-height:2;}
article h2{ font-size:240%; font-weight:bold; line-height:2;}
article h3{ font-size:210%; font-weight:bold; line-height:2;}
article h4{ font-size:180%; font-weight:bold; line-height:2;}
article h5{ font-size:150%; font-weight:bold; line-height:2;}
article h6{ font-size:120%; font-weight:bold; line-height:2;}
article a{ color:#bf0321;}

.main{ width:94%; margin:0 auto;}
.main .img img{ width:100%; margin-bottom:10px;}

.pageTitle{line-height:7vmin; text-align:center; color:#ffb32a; font-size:4vw; border-bottom:4px solid #96989b; margin-bottom:18px; font-weight:bold;}


/**首页新闻**/
.newsm{ width:95%; margin:1em auto 0; background:url(../images/index_m.png) no-repeat;background-size:100%; text-align:center; position:relative;line-height:1.4em;color:#fefeff;-webkit-border-radius:10px; border-radius:10px;}
.index_new{width:93%; margin:0 auto;}
.index_news{width:95%; margin:0 auto;}
.index_news .ul{ margin-top:3vmin;}
.index_news .ul li{font-size:0.9em;color:#000000; line-height:2.5em;border-bottom:1px dashed #cccccc; list-style:inside; list-style-image:url(../images/news_l.jpg);}
.index_news .ul li a{color:#000000;display: inline-flex; white-space: nowrap; width: 70%; overflow: hidden;}
.index_news span{float:right; color:#000000; font-weight:normal;}
/**首页产品**/
.index_pro{width:98%; margin:1em auto;padding:1%;}
.index_pro ul{}
.index_pro ul li{ float:left; width:30%; margin:0 0 1em 2.5%;}
.index_pro ul li img{width:100%;height:77px;border:1px solid #777;}
.index_pro ul li h1{ width:100%; margin:0 auto; font-size:0.9em; line-height:1.7em;text-align:center; overflow:hidden;color:#000;}
.index_pro ul li span{display:block;text-align:center; font-size:1.0em; line-height:2em; color:#964e0b; font-weight:bold;}
.index_pro ul li a{ color:#000000;}
/**首页关于**/
.index_about{ width:93%; margin:1em auto 0;font-size:1.0em;line-height:1.7em;color:#000000; text-align: justify;}
.index_about img{float:left; margin-right:1%;width:27%;border:0.1em solid #ee3271}

/*产品展示*/
.type{ width:90%; margin:0 auto;}
.type ul li{ height:67px; line-height:67px; background:url(../images/pro_li_icon.jpg) no-repeat left center; padding-left:15%; overflow:hidden; border-bottom:2px solid #f2f2f2;}
.type ul li a{ font-size:22px; color:#474747;}
.type ul li span{ color:#d3d3d3; font-size:32px; float:right; margin-right:10%;}

.product{ width:100%;}
.product .ul li{ width:28%; float:left; text-align:center; margin:2.5%; margin-bottom:0;}
.product .ul li img{ width:9em; height:6em;}
.product .ul li h1{ font-size:0.7em; line-height:2em; font-weight:bold;}
.product .ul li h1 span{ color:#f00;}
.product .ul li p{ height:32px; line-height:32px; overflow:hidden;  width:8.6em; text-align:center; margin:0 auto;}
.product .ul li p a{ color:#2A2A2A;}

.proName{ width:90%; margin:10px auto; font-weight:bold; font-size:3vmin; text-align:center;}
.proImg{ width:96%; margin:5px auto; text-align:center; overflow:hidden;}
.promei{width:90%;}
.promei h1{font-size:0.9em; line-height:2em; font-weight:bold;}
.promei h1 span{ color:#f00;}


.news{ width:100%; margin:0 auto;}
.news ul{width:95%; margin:0 auto;}
.news ul li {font-size:0.9em;list-style:inside;list-style-type:upper-alpha; color:#224ead; line-height:2.5em;border-bottom:1px dashed #890020; }
.news ul li span{float:right;color:#777; font-weight:normal;}
.news ul li a{ color:#AF7F16;}
.newsTime{ width:100%; margin:0 auto; text-align:center;}
.bshare-custom ul li{ width:42%; display:block; float:left; margin-left:3%; margin-bottom:10px; background:#c5c5c4; padding:2%; line-height:2; }
/*菜单样式*/
.button{ width:3em;position:absolute;right:2%;top:1em;z-index:2;}
.button img{ width:100%;}
.bshare-custom ul li{ width:42%; display:block; float:left; margin-left:3%; margin-bottom:10px; background:#c5c5c4; padding:2%; line-height:2; }
.cin_navigation {width:40%;overflow: hidden;border: none;position: absolute;top:12vmin;right: 0;}
.con_nev {width: 100%;background-color:rgba(0, 0, 0, 0.54);z-index:500;position: relative;}
.con_nev li {width:100%;line-height:2em;border-bottom: 1px solid #FFF; color:#fff;font-size:1.0em; list-style:none; text-align:center;}
.con_nev a {width: 90%;display: block;color: #FFF;padding: 0 5px;text-decoration: none;}

/**底部**/
.bottom{width: 100%;background:#bf3333;position: fixed;bottom: 0;z-index: 2;}
.bottom ul{}
.bottom ul li{float: left;text-align: center;width: 22%;margin:0.5em 0 0.5em 2.2%;}
.bottom ul li img{width:2em;}
.bottom ul li h1{font-size: 1.0em;color:#fff;}
.bottom .qq{width:25%;height: 200px;position:fixed;bottom:5em;left:35%;display: none;}
.bottom .qqm{width: 120px;margin:0 auto;text-align: center;font-size: 14px;color:#fff;font-weight: bold; line-height: 30px;height: 30px;background: #1713d0; position: relative;}
.bottom .qq ul{width: 118px;margin:0 auto;border: 1px solid #777;border-top:none;padding-top: 15px; background:#fff;}
.bottom .qqm span{position: absolute;top:5px;right:5px;}
.bottom .qq ul li{width:120px;margin:5px auto;line-height:30px;height:30px;}
.bottom .qq ul li h2{font-size:12px;color:#777;display: inline-block;}
.bottom .qq ul li img{height:25px;width:25px;float: right;margin-top:3px; padding-right:15px;}

/**返回顶部*/
.cd-container::after{/* clearfix */ content: ''; display: table; clear: both;}
.cd-top{display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 15vmin; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(131, 112, 70, 0.8) url(../images/cd-top.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.cd-top.cd-is-visible{/* the button becomes visible */ visibility: visible; opacity: 1;}
.cd-top.cd-fade-out{ background-image:url(../images/top.svg), url(../fonts/svg.png); background-position:center center}


/**上下条目**/
.next{ width:89%; margin:1em auto 5em; line-height:2em; }
.next h1{ float:left;}
.next h1 span{color:#777;}
.next h2{ float:right;}
.next h2 span{color:#777;}
.next a{ color:#777;}


/***/




.cpzs_nav{width:100%; display:block; overflow:hidden;}
.cpzs_nav li{width:23%;float:left;margin:14px 1% 0 1%;}
.cpzs_nav li a{ display:block; height:28px; line-height:28px; text-align:center; border:1px solid #d0d0d0; background:#fff; overflow:hidden; font-weight:bold; color:#505050;}
.cpzs_nav li a:hover{ border:1px solid #d0d0d0; background:#e1dfdf; }