﻿@charset "utf-8";
/* CSS Document */
body,html,li,input,gloabl,h2,th,input,nav,td,h1,embed,blockquote,ol,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,abbr,p,header,hgroup,Section,figure,section,nav,article,aside,canvas{margin:0;padding:0;}
img{border:0px;padding:0;margin:0px;}
a{font-size:100%; border:none;color:#21140b; text-decoration: none;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
.clear{clear:both}
a:visited{color:#5b5b5b;}
a:focus{outline: none;}
a:focus{-moz-outline-style: none;}
body{font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","微软雅黑";font-size: 12px;line-height: 1.6; color:#5b5b5b;min-width: 320px;width: 100%;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
address, cite, dfn, em, var{font-style: normal;}
button, input, select, textarea{font-size: 100%;} /* 使得表单元素在 ie 下能继承字体大小 */
.fl{float:left;}
.fr{float:right;}
a{color:#5b5b5b}
a:hover{color:#ff4401}
*:focus{outline: none;}
/* header css */

.top{ width:100%; height:20px; border-bottom:1px solid #dedede; padding-left:5px; line-height:20px; color:#04804e;}
.header{overflow:hidden; height:60px; margin:0 2px; width: 100%;}
.logo{padding-left: 5px; margin-top:10px;}
.hdTxt{float: right;margin-top:12px;text-align: right; padding-right: 5px;}
.hdTxt p{color: #ff212e;line-height: 35px;font-family: "impact";height:35px; font-size:18px; font-weight:bold;}

.nav{ width:100%; background:#04804e;height:40px;}
.nav ul{}
.nav ul li{width:25%;height:40px;line-height:40px;text-align:center;float:left; font-weight:bold; }
.nav ul li a{color:#fff;  }
.nav ul li a:hover{ color:#fff;}

/*banner 样式*/
.banner{position: relative;display: block;}
.menu .swiper-wrapper{overflow: hidden;}
.swiper-wrapper li{width: 25%; text-align: center; font-size: 14px;}
.banner .swiper-wrapper img{height: auto; width: 100%;}
.banner .pagination{position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; z-index:2}
.banner .swiper-pagination-switch{display: inline-block; width:6px; height: 6px; background: #ff212e; cursor: pointer; margin:0 5px;}
.banner .swiper-active-switch{background: #fff;}
/*
.banner .swiper-pagination-switch{display: inline-block; width:15px; height: 6px; background: #c3c3c0; cursor: pointer; margin:0 5px;}
.banner .swiper-active-switch{background: #0066b0;}*/


.fangan{ width:100%; padding-top:20px; margin:0px auto; }
.a1{width:25%; float:left; text-align:center;}
.a1 h2{ font-size:14px; line-height:30px; text-align:center;}
.a1 h2 a  { color:#b0d106; font-weight:bold;}

.a2{width:25%; float:left; text-align:center}
.a2 h2{ font-size:14px;line-height:30px;text-align:center;}
.a2 h2 a  { color:#fd7a08;font-weight:bold;}

.a3{width:25%; float:left;text-align:center; }
.a3 h2{ font-size:14px;line-height:30px;text-align:center;}
.a3 h2 a  { color:#1cabed;font-weight:bold;}

.a4{width:25%; float:left; text-align:center;}
.a4 h2{font-size:14px; line-height:30px;text-align:center;}
.a4 h2 a  {color:#ff2b2a;font-weight:bold;}



.Product1{ width:98%;  margin:0px auto;margin-top:10px;}
.Product1 h2{ text-align:center; height:30px; line-height:30px; background:#04804e; font-size:14px; font-weight:bold; color:#04804e; padding-left:0px;}
.Product1 ul{padding-right:2px;margin-top:10px; }
.Product1 ul li{width:48%;float:left;margin-left:4px; margin-bottom:10px; }
.Product1 ul li img{border:1px solid #ccc;}
.Product1 ul li a{color:#333;}
.Product1 ul li a img{text-align:center;height:auto;}
.Product1 ul li a h3{display:block;line-height:40px;height:40px;color:#333; overflow:hidden; text-align:center; }
.Product1 ul li a:hover h3{color:#0191b6;}



.Product{ width:98%;  margin:0px auto;margin-top:10px;}
.Product h2{ height:30px; line-height:30px;border-bottom:1px solid #04804e; font-size:14px; font-weight:bold; color:#04804e; padding-left:0px; background:url(../images/p-top.jpg) no-repeat left center;}
.Product h2 a{ margin-top:4px; text-align:center; font-size:10px; color:#666; width:50px; height:20px; border:1px solid #;border-radius: 10px; background:#fff; line-height:20px; font-weight:normal; float:right; margin-right:5px;}
.Product ul{padding-right:2px;margin-top:10px; }
.Product ul li{width:48%;float:left;margin-left:4px; margin-bottom:10px; }
.Product ul li img{border:1px solid #ccc;}
.Product ul li a{color:#333;}
.Product ul li a img{text-align:center;height:auto;}
.Product ul li a h3{display:block;line-height:40px;height:40px;color:#333; overflow:hidden; text-align:center; }
.Product ul li a:hover h3{color:#0191b6;}

.dzlc{ width:auto; height:100%;overflow: hidden;}

.ys1{ width:98%; margin:0px auto;margin-top:10px;  height:80px;}
.ys1 ul{ margin-left:2%; margin-right:1%;}
.ys1 ul li{width:32%;height:40px;line-height:40px;text-align:left;float:left; margin-bottom:0px; margin-right:1%; list-style:inside;  }
.ys1 ul li a{color:#04804e; }
.ys1 ul li a:hover{color:#666;}

.about{ width:98%;  margin:0px auto;margin-top:10px;}
.about h2{ height:30px; line-height:30px;border-bottom:1px solid #04804e; font-size:14px; font-weight:bold; color:#04804e; padding-left:0px; background:url(../images/p-top.jpg) no-repeat left center;}
.about h2 a{ margin-top:4px; text-align:center; font-size:10px; color:#666; width:50px; height:20px; border:1px solid #;border-radius: 10px; background:#fff; line-height:20px; font-weight:normal; float:right; margin-right:5px;}
.about p{ font-size:12px; color:#666; line-height:24px; padding:5px; text-indent:2em; }


.News{ width:98%;  margin:0px auto;margin-top:10px;}
.News h2{ height:30px; line-height:30px;border-bottom:1px solid #04804e; font-size:14px; font-weight:bold; color:#04804e; padding-left:0px; background:url(../images/p-top.jpg) no-repeat left center;}
.News h2 a{ margin-top:4px; text-align:center; font-size:10px; color:#666; width:50px; height:20px; border:1px solid #;border-radius: 10px; background:#fff; line-height:20px; font-weight:normal; float:right; margin-right:5px;}
.News ul{ float:left; padding-top:5px; overflow:hidden; width:100%;}
.News ul li{ margin-left:5px;background:url(../images/ns.png) no-repeat left center;  line-height:28px; padding-left:2px; height:28px; overflow:hidden; }
.News ul li  a span{float:right; margin-right:10px;}
.News ul li a{color:#666666;}
.News ul li:hover{}
.News ul li a:hover{color:#04804e;}

.tel-b{ width:98%;  margin:0px auto;margin-top:10px; margin-bottom:10px;}
.tel-b h2{ height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#04804e; text-align:center; border-bottom:1px solid #04804e;}
.tel-b p{font-size:12px; color:#666; line-height:24px; padding:5px; }

.tel{margin:0px auto; margin-top:20px;  width:100%; margin-bottom:40px;}
.tel h2{ height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; background:url(../images/c.png) no-repeat center;}
.tel p{font-size:12px; color:#666; line-height:24px; padding:10px; }

.copy{ width:100%; height:30px; line-height:30px; background:#dedede;font-size:12px; color:#04804e; text-align:center; margin-bottom:44px;}

#footer{ width:100%; background:#04804e;height:45px; position:fixed;bottom:0px;left:0px;}
#footer ul{}
#footer ul li{width:25%;float:left;float:left;}
#footer li a{display:block;text-align:center;color:#FFF;}
.f-1{background:url(../images/index.png) no-repeat center 5px;padding-top:26px;padding-bottom:2px;}
.f-2{background:url(../images/tel.png) no-repeat center 5px;padding-top:26px;padding-bottom:2px;}
.f-3{background:url(../images/map-ico.png) no-repeat center 5px;padding-top:26px;padding-bottom:2px;}
.f-4{background:url(../images/fenxiang.png) no-repeat center 3px !important;padding-top:26px;padding-bottom:2px;}
.fx{ }
.fx .fx-1{display:none;position:absolute;bottom:45px;left:5px; z-index:999;width:100% !important;height:30px; }
.fx .fx-1 a{width:1px !important;}
.fx:hover .fx-1{display:block;}
.bdsharebuttonbox{}
/*footer end*/

/*关于我们*/
.container{ width:100%;margin-top:10px;margin-bottom:70px;}
.container h2{ border-bottom:1px solid #ccc; font-size:14px; font-weight:bold; color:#04804e; padding-left:5px; height:30px; line-height:30px;}
.container h3{ width:100%; font-size:100%;line-height:40px; margin-top:10px; text-align:center;}
.container h3 a{ width:20%; height:40px; text-align:center; margin:0px 2px; padding:7px; color:#fff; background:#04804e;}
.c-main{line-height:24px;font-size:12px;padding:5px;}


/*产品列表*/
.page{color:#222;text-align:center; padding: 20px 0px 70px;}
.page a{color:#222;}
.page a:hover{color:#f39c12;}



/*新闻内页*/
.c-main h1{color:#333;font-size:16px;text-align:center;height:24px;line-height:24px;margin-top:10px;}
.c-main h4{color:#999;text-align:center;font-size:12px;font-weight:normal;border-bottom:1px solid #eeeeee;padding-bottom:5px;margin-bottom:10px;}

.nei_news_t { text-align:center; font-weight:bold; font-size:14px;   margin-top:10px; }
.nei_date { color:#999; font-weight:normal; font-size:12px; border-bottom:1px dashed #e5e5e5; text-align:center; }
.nei_text {  margin-bottom:30px; margin-top:10px; width:94%;  padding:0 3%; overflow:hidden; line-height:20px;}
.nei_text img{ width:90% !important; height:100% !important; margin:0 auto;}

.page-1 { line-height:30px; text-align:center; margin:20px 0 50px; clear:both;}
.page-1 a{color:#222;}
.page-1 a:hover{color:#f39c12;}


.news_title { margin-top:10px; color:#04804e; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc;;line-height:30px; padding-left:10px;}
.news_title h2{ font-size:14px; font-weight:bold;}
.news_con{}
.news_con ul{ width:100%;float:left; padding-top:5px; overflow:hidden;}
.news_con ul li{ margin-left:5px;background:url(../images/ns.jpg) no-repeat left center; line-height:28px; padding-left:10px; height:28px; overflow:hidden; }
.news_con ul li  a span{float:right; margin-right:5px;}
.news_con ul li a{color:#666666;}
.news_con ul li a:hover{color:#db2728;}

.cp h2{width:292px; margin:0px auto;background:url(../images/c.jpg) no-repeat center center;text-align:center;color:#04804e;font-size:14px;}
.cp ul{padding-right:5px;margin-top:5px;}
.cp ul li{width:48%;float:left;margin-left:5px;}
.cp ul li img{ border:1px solid #ccc;}
.cp ul li a{color:#333;}
.cp ul li a img{text-align:center;height:auto;}
.cp ul li a span{display:block;line-height:30px;height:30px;color:#333; overflow:hidden; text-align:center;}
.cp ul li a:hover span{color:#f39c12;}

.dianpu{background:#ff7300; position:fixed;top:50%;left:0px; color:#fff; text-align:center;}
.dianpu a{ display:block; color:#fff; padding:10px; font-size:16px;}