body {margin: 0px; font-family: Arial, Helvetica, sans-serif; line-height:27px;  font-size:12px; background:#f7f7f7 URL(../images/bg.jpg) left top repeat-x;}
ul{list-style-type:none; margin:0px; padding:0;}
img{border:0;}
a{ text-decoration:none; color:#333;}


/* index style start */
.index{ clear:both; display:block; width:982px; margin:0px auto; }
.top{ clear:both; position: relative; height:97px; }

.logo{ position: absolute; left: 0px; bottom: 15px; }
.logo a{ display: flex; }
.logo-img{ display: flex; margin-right: 15px; }
.logo-img img{ border: 0px; width: 70px; height: 52px; }

.logo-txt{ display: flex; flex-direction: column; text-align: center; }
.logo-txt strong{ clear: both; display: block; font-size: 36px; color:#1F7C01; margin-bottom: 5px; }
.logo-txt span{ clear: both; display: block; font-size: 18px; color:#1F7C01; }


.tel{ display: flex; position: absolute; right: 0px; bottom: 15px; align-items: center; }
.tel-txt{ display: flex; flex-direction: column; align-items: flex-end; margin-right: 15px; }
.tel-txt strong{ font-size: 30px; color: #1F7C01; }
.tel-txt span{ font-size: 18px; color: #1F7C01; }

.tel-img{ display: flex; }
.tel-img img{ border: 0px; }



.menu{ clear:both; height:117px; line-height:117px; }
.menuLine{ float:left; display:block; width:2px; height:117px; background:URL(../images/menuLine.jpg) left bottom no-repeat;}
.menu li{ float:left;}
.menu li a{ display:block; float:left; width:105px; height:117px; line-height:117px; text-align:center; font-weight:bold; font-size:14px; color:#FFF; }
.menu li a:hover{ background:URL(../images/menuHover.jpg) center bottom repeat-x; }
.on{ background:URL(../images/menuHover.jpg) center bottom repeat-x; }

.proPic{ clear:both; margin:10px 0px; text-align:center;}

/* banner */
.swiper-container-banner { clear: both; display: block; width: 100%; height: 439px; margin: 0px auto 20px; overflow: hidden; position: relative; }
.swiper-container-banner .swiper-slide{ clear: both; display: flex; width: 100%; height: 439px; align-items: center; justify-content: center; text-align: center; font-size: 40px; font-weight: bold; color: #fff; text-shadow: 2px 2px 4px #444; overflow: hidden; }
.swiper-container-banner .swiper-pagination-bullet{ width: 20px; height: 20px; background: #1d6cdf; }
.swiper-container-banner .swiper-slide img{ border: 0px; width: 100%; }


.bannerMargin{ clear:both; height:19px; margin-bottom:10px; background:URL(../images/bannerMargin.jpg) center bottom no-repeat;}

.left{ float:left; width:232px;}
.listTit{ clear:both; height:86px; line-height:86px; background:URL(../images/leftListTit.jpg) left bottom no-repeat; font-size: 28px; color: #1F7C01; font-weight: bold; text-indent: 3em; }
.subProList{ clear:both; border-left:1px solid #dddddd; border-right:1px solid #dddddd; background:#f7f7f7; padding:10px 0px; }
.subProList li{ display:block; clear:both; margin:10px 0px; height:22px; line-height:22px; background:URL(../images/leftListBg.jpg) center 50% no-repeat; text-indent:5.5em;}
.subProList li:hover{ font-weight:bold; background:URL(../images/leftListHover.jpg) center 50% no-repeat;}
.subProList li:hover a{ color:#FFF;}
.listBottom{ clear:both; height:34px; background:URL(../images/leftListBottom.jpg) left top no-repeat;}


.leftContact{ clear:both; border:3px solid #305e8d; background:#d3dde7; padding:6px 0px 6px 5px;}


.right{ float:right; width:732px;}




.aboutTit{ clear:both; height:42px; line-height:42px; font-size:14px; font-weight:bold; background:URL(../images/aboutTit.jpg) left top repeat-x; color:#1b7900; text-indent:1.5em;}
.aboutTit span{ float:right; margin-right:15px; font-weight:normal; font-size:12px; color:#1b7900;}
.aboutTit span a{ font-size:12px; font-weight:normal; color:#1b7900;}
.aboutContent{ clear:both; border:1px solid #d5d5d5; padding:10px; margin-bottom:10px; }

.contact{ float:right; width:250px;}
.contactTit{ clear:both; height:34px; line-height:34px; font-size:16px; font-weight:bold; color:#134bcb; font-family:"黑体";}
.contactTit span{ margin-left:10px; color:#626262;}
.contactContent{ clear:both; background:URL(../images/contactBg.jpg) right bottom no-repeat;}
.contactContent li{ margin:8px 0px;}



.products{ clear:both; margin:10px 0px;}

.productsTit{ clear:both; height:34px; line-height:34px;  font-size:14px; font-weight:bold; color:#FFF; text-indent:1.5em; background:URL(../images/aboutTit.jpg) left top repeat-x; border-bottom:1px solid #305e8f;}
.productsTit span{ float:right; margin-right:10px; margin-top:10px; font-weight:normal;}

.proContent{ clear:both; border:1px solid #cecfce; }
.proContent li{ float:left; overflow:hidden; text-align:center; position:relative; margin:0px 3px;}
.proContent li p{ position:absolute; display:block; width:142px; /*background:URL(../images/indexProBg.gif) left top no-repeat;*/ left:0px; top:0px;}
.proContent li img{ height:190px; border:1px solid #e3e3e3; padding:1px;}
.proContent li span{ clear:both; display:block; background:#126100; text-align:center; margin-top:5px; color:#FFF; }
.proContent li span a{ color:#FFF;}



.news{ clear:both; height:319px; background:URL(../images/indexNewsBg.jpg) center bottom no-repeat;}
.newsLeft{ float:left; width:370px;}
.newsRight{ float:right; width:370px;}

.newsTit{ clear:both; height:34px; line-height:34px;  font-size:14px; font-weight:bold; color:#FFF; text-indent:1.5em; background:URL(../images/newsTit.jpg) left bottom no-repeat; border-bottom:1px solid #305e8f;}
.newsTit span{ float:right; margin-right:10px; margin-top:10px; font-weight:normal;}
.newsContent{ clear:both; }
.newsContent li { text-indent:1em; background:URL(../images/newsIcon.jpg) left 10px no-repeat; margin:0px 5px; border-bottom:1px dashed #e3e3e3; height:30px; line-height:30px; overflow:hidden;}
.newsContent li span{ float:right; margin-right:5px;}


.indexContentMargin{ clear:both; height:36px; background:URL(../images/indexContentMargin.jpg) left bottom no-repeat; margin:30px 0px 20px;}
.links{ clear:both; padding-top:10px; text-align:center;}
.links a{ margin-left:5px;}


.myBottom{ clear:both; text-align:center; background:#116600; padding:40px 0px; color:#FFF;}
.myBottom a{ color:#FFF;}
.myBottom div a{ margin-left:7px;}



.indexContent{ clear:both;}
.clear{ clear:both; display:block;}





/* sub style start */
.info{ clear:both; text-align:center;}



.subTit{ clear:both; height:42px; line-height:42px; font-size:14px; font-weight:bold; background:URL(../images/aboutTit.jpg) left top repeat-x; color:#1b7900; text-indent:1.5em;}
.subTit span{ float:right; margin-right:15px; font-weight:normal; font-size:12px; color:#1b7900;}
.subTit span a{ font-size:12px; font-weight:normal; color:#1b7900;}
.subContent{ clear:both; border:1px solid #d5d5d5; padding:10px; margin-bottom:10px; }
.subContent img{ max-width: 680px; }


.leftTit{ clear:both; height:55px; background:URL(../images/leftTit.jpg) left top no-repeat; margin-top:-10px; font-size:18px; font-weight:bold; text-align:center; line-height:65px; overflow:hidden; color:#FFF; margin-bottom:20px;}
.leftList{ clear:both;}
.leftList li{ height:35px; line-height:35px; background:URL(../images/subList.jpg) left bottom no-repeat; text-indent:2.5em; margin-bottom:4px;}
.leftList li:hover{ height:35px; line-height:35px; background:URL(../images/subList.jpg) left top no-repeat;}
.leftList li:hover a{ color:#FFF;}
.cur a{ clear:both; display:block; color:#FFF; font-weight:bold; clear:both; height:35px; line-height:35px; background:URL(../images/subList.jpg) left top no-repeat; text-indent:2em;}

.subLeftContact{ clear:both; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding:10px;}


.location{ clear:both; height:40px; line-height:40px; background:#454545; font-size:14px; color:#FFF; text-indent:2em;}
.location span{ float:right; margin-right:10px; color:#FFF;}
.location span a{ color:#FFF;}


.subCases{ clear:both; }
.subCases li{ float:left; text-align:center; margin:0px 10px 0px 10px; margin-bottom:10px; width:212px; height:180px; overflow:hidden; border:1px solid #ccc; }
.subCases li span{ clear:both; display:block; text-align:center; background:#126100; color:#FFF;}
.subCases li span a{ color:#FFF;}
.subCases li img{ height:151px; border:0px; }
.subCases li a{ clear:both; display:block;}


.subNews{ clear:both;}
.subNews li{ clear:both; display:block; height:30px; line-height:33px; margin:0px 10px; background:URL(../images/newsIcon.jpg) left 12px no-repeat; text-indent:1.5em; border-bottom:1px dashed #e3e3e3; font-size:14px;}
.subNews li span{ float:right; margin-right:5px;}

.title{ clear:both; text-align:center; height:45px; line-height:45px; font-size:24px; font-weight:bold;}
.subProImgPic{ clear:both; text-align:center;}
.subProImgPic img{ border:0px; max-width:580px; max-height:250px;}


.page{ clear:both; display:block; margin:15px 10px; font-size:14px;}
.preNext{ clear:both; margin:10px 0px; padding-top:10px; border-top:1px solid #e3e3e3;}






.gbook{ clear:both; display:block; margin:0px; cursor:pointer; height:83px; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.erweima{ clear:both; display:block; height:181px; background:URL(../images/erweima.jpg) center top no-repeat; border-left:1px solid #ccc; border-right:1px solid #ccc;}


/* scroll start */
#demo {
overflow:hidden;
width:700px;

margin:10px auto;
}

#demo li{
	float:left;
	text-align:center;
}
#indemo {
float: left;
width: 1600%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/* scroll end */

/* qq style */
.fixKefu{ position: fixed; right: 0px; top: 180px; z-index: 4000; width:110px; }
.qqTop{ clear:both; height:52px; background:URL(../images/qq_top.jpg) left bottom no-repeat;}
.qqContent{ background:URL(../images/qq_bg.jpg) left top repeat-y; color:#000;}
.qqContent a{ clear: both; display: flex; width: 100%; justify-content: center; text-align: center;  color:#000; padding-top: 10px; padding-bottom: 10px; }
.qqContent a img{ display: flex; height: auto; margin-left: -7px; margin-right: 7px; }
.qqBottom{ clear:both; height:19px; background:URL(../images/qq_bottom.jpg) left top no-repeat;}
.qqerweima{ clear:both;}
.qqerweima img{ width:80px; margin-left:2px; padding:10px 0px;}