@import url(global.css);
.banner{width: 100%; height:auto;overflow:hidden; position: relative;}
.banner h2{width: 100%; line-height: 30px; font-size: 2.4em;letter-spacing:2px; text-align: center; color: #fff; height:auto;overflow:hidden; position: absolute; top: 130px;left: 0;}
.banner p{width: 100%; line-height: 30px;font-size:1.3em;letter-spacing:2px;  text-align: center; color: #fff; height:auto;overflow:hidden; position: absolute; top:160px;left: 0;text-transform: uppercase;}
.navs{width: 100%;height: 40px; overflow:hidden; position: absolute; bottom:0;left: 0; border-top: 1px solid rgba(255, 255, 255, 0.4);}
.navs ul{width:100%; line-height:40px; overflow:hidden; text-align: center; display:table;word-spacing:-1em;}
.navs ul li{width:25%; display: inline-block; font-size: 0;}
.navs ul li a{ width:calc(100% - 1px); height:40px; display:block;color:#fff; font-size:14px;border-right: 1px solid rgba(255, 255, 255, 0.4);}
.navs ul li a:nth-child(4n){border-right:0;}
.navs ul li a:first-child{border-left: 1px solid rgba(255, 255, 255, 0.4);}
.navs .u-crt{display:block; color:#fff;background-image: linear-gradient(315deg,#008771 0,#00F9E5 100%);background-size: 104% 104%;}

.bsy{margin:10px; border: 1px solid #ccc; overflow: hidden;}

/* ------------图片--------------------- */
.products{height:auto; overflow: hidden;}
.products ul{padding:20px 5%; overflow: hidden;}
.products li{width:calc(90% - 2px); padding:10px 5%; margin-bottom: 30px;overflow: hidden;background: #fff; border-radius: 10px; border: 1px solid #ccc;}
.products li:hover{box-shadow:2px 2px 20px rgba(0,0,0,0.1);}
.products h3{width: 100%;height:30px;line-height: 30px;margin-top:20px;font-size: 1.8em;overflow: hidden;}
.products h3 a{color: #000;}
.products h4{width: 100%;height: 32px;line-height: 32px;margin-top: 5px;font-size: 1.4em;overflow: hidden;color: #333;}
.products p{width: 100%;height: 48px;line-height: 24px;margin-top: 5px; font-size: 1.1em; overflow: hidden;color: #333;}
.products h5 a{display: block;width:50%;height: 40px;line-height: 40px; margin:20px 0; text-align: center; color: #fff; font-size: 1.5em; overflow: hidden; background-image: linear-gradient(315deg,#008771 0,#00F9E5 100%);background-size: 104% 104%;
border-radius: 50px 50px 50px 0;}
.products h2{width: 100%;overflow: hidden;}
.products li img{width:100%;transition: all 0.5s; }
.products h5{font-weight: normal;}

.download{overflow:hidden;padding:30px 5%;}
.download li{width:100%; height: 90px; float: left; overflow: hidden; padding:0 0 15px 0;}
.download .p1{width: calc(100% - 80px); height: 90px; float: left; background: #f7f7f7;transition: all 0.6s ease 0s;}
.download .p1 i{padding:20px 20px 5px 20px; display: block; font-style: normal; font-size: 16px; color: #000;}
.download .p1 span{padding:0 20px; display: block;}
.download .p2{width:80px; height: 90px; float: right;background: #ececec url(../images/down1.png) no-repeat center center;}

/* ---------------案例-------------------------------  */
.case{width:100%; overflow: hidden;}
.case ul{width:45.5%; height: auto; padding: 0 0 10px 3%; float: left; position: relative; margin-bottom: 10px;}
.case .a1{width:100%; height: auto; overflow: hidden;}
.case .a1 img{width:100%; height:auto;}
.case .a2{width:100%; height: 24px; line-height: 24px; font-size: 16px; padding-top: 10px; overflow: hidden;}
.case .a2 a{color: #008771;}
.case .a3{width:100%; height:40px; line-height: 20px; overflow: hidden; font-size: 12px;}

.cases{width:90%; overflow:hidden; padding:20px 5%;}
.cases ul{overflow:hidden; padding:10px 0;}
.cases li{ width:100%; height:auto; margin-bottom:10px;overflow:hidden; border-radius: 10px;}
.cases li a{display:block;text-align: center;}
.cases li p{width:100%; height:42px; line-height:42px; font-size: 1.3em; overflow:hidden; color:#fff; text-align: center;background-image: linear-gradient(315deg,#008771 0,#00F9E5 100%);background-size: 104% 104%;}

/* ------------新闻页面--------------------- */
.news{width:90%; overflow:hidden; padding:30px 5%;}
.news li{overflow:hidden; padding-bottom: 15px;}
.news a{width:90%; height:auto; padding:30px 5%; display: block; border-radius: 10px; background: #f1f1f1;}
.news .a1{width:100%; height:30px; line-height: 30px; font-size: 1.6em; color: #999;}
.news .a2{width:100%; height:30px; line-height: 30px; font-size: 2em; overflow: hidden; color: #000; font-weight: 500; margin:20px 0;}
.news .a3{width:100%; height:72px; line-height: 24px; font-size: 1.3em; overflow: hidden; color: #666; margin-bottom:10%;letter-spacing:2px;}
.news .a4{width:100%; height:30px; line-height: 30px; font-size: 1.3em; overflow:hidden;color: #666;}

/* ------------分页--------------------- */
.jjfa .list{padding:20px 10px 0 10px; background: #fff;}
.jjfa .list ul{width:100%; border-bottom:1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;overflow:hidden;}
.jjfa .list .a1{width:35%; height:75px; float: left; padding-right:5%;}
.jjfa .list .a1 img{width:268px; height:75px;}
.jjfa .list .a2{width:60%; height:25px; line-height:25px; font-size: 15px; float: left;}
.jjfa .list .a3{width:60%; height:50px; line-height: 25px; overflow: hidden; float: left; font-size: 12px;}
.jjfa .list .a3 a{color: #666;}

/* ------------信息详细页--------------------- */
.content{width:90%; padding:30px 5%; line-height:2em; font-size:1.3em; color:#666;border-bottom: 10px solid #f1f1f1;}
.content .con1 {width:100%;height:auto;line-height:27px;font-size:1.2em; padding:10px 0; color:#000; text-align: center;}
.content .con2 {height: 30px;line-height: 30px; text-align: center; color: #999;padding-bottom: 10px;font-size:0.9em;}
.content .con2 span {padding-right:5px;}
.content .con3 {padding:20px 0; border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.content .con3 th{ font-size:12px; border:1px solid #ccc; padding:2px;}
.content .con3 td{ font-size:12px; border:1px solid #ccc; padding:2px;}
.content .con4 {width: 100%; height:60px; background:url(../images/zy.jpg) no-repeat center 0; background-size:100% auto; margin:20px 0;}
.content .con4 a{width:80px; height:60px; display: block; float: left; font-size: 0;}
.content .con4 .next{float: right;}
.content .con5 {padding:20px 0; border-top:1px solid #f1f1f1;}

/* ------------产品详情--------------------- */
.content .con6{width:100%; overflow:hidden;border-bottom:1px solid #eee; }
.content .con6 h3{width:100%; line-height:36px; font-size:1.5em; color:#008771; text-align:center;}
.content .con6 h4{width:100%; line-height:30px; font-weight: normal; font-size:1em; text-align:center;padding-bottom:10px;}
.content .con7{width:100%; padding:10px 0;}
.content .con8{width:auto; overflow:hidden; padding:10px 0;border-top:1px solid #f1f1f1;}
.content .con8 a{width:100%; height:45px; line-height:45px; display:block; margin: 0 auto; color:#fff; text-align:center; font-size: 1.2em;background-image: linear-gradient(315deg,#008771 0,#00F9E5 100%);background-size: 104% 104%;
border-radius: 50px 50px 50px 0;}
.pro{overflow:hidden;}
.pro .title{height:40px; border-bottom:1px solid #008771; margin:20px 0;}
.pro .title h2{ width:120px;height:40px; font-size:1.1em; line-height:40px; font-weight: normal; color: #fff; text-align: center;background-image: linear-gradient(315deg,#008771 0,#00F9E5 100%);background-size: 104% 104%;
border-radius:10px 10px 0 0;}
.pro .con9{width:100%; line-height:30px;overflow:hidden;color: #666; padding-bottom: 10px;font-size: 1.1em;}
.pro .con9 td{padding: 5px;}

/* ------------分页--------------------- */
.page{width:90%; text-align:center;padding:20px 5%;border-top: 10px solid #f1f1f1;border-bottom: 10px solid #f1f1f1;}
.page a{ display:inline-block; margin:0 2px;padding:6px 12px; background:#f1f1f1; color:#333; font-size: 1.3em;}
.page .current{background:#008771; color:#fff; margin:0 2px;padding:6px 12px; display: inline-block;font-size: 1.3em;}
.page a:hover{background:#008771; color:#fff;}

.sjg{ width:94%;padding:10px 0; background: #fff;box-shadow: 0 0 20px #ddd;border-radius: 3px; margin: 10px 3%; font-size: 1.2em; text-indent: 15px;}

.chaxun{width:90%; overflow: hidden; padding: 30px 5%;}
.chaxun h2{width:100%;height: 40px; line-height: 40px;text-align: center; font-size:2.5em; color: #000; padding: 30px 0;}
.chaxun .list{width:100%;}
.chaxun input{border: 1px solid #ccc; width: 73%; height: 50px; line-height: 50px; text-indent: 10px; font-size: 16px; float: left;}
.chaxun button{border:0; width: 25%; height: 53px; line-height: 53px; background: #f20000; float: right;border: 1px solid #ccc; color: #fff; font-size: 16px;transition: all 0.6s ease 0s;}

.jdcx{width:100%; overflow: hidden; padding: 30px 0 80px 0;}
.jdcx td{ padding: 10px; border: 1px solid #ccc; font-size: 14px;}
.jdcx h2{width:100%; height: 50px; line-height: 50px;text-align: center; font-size: 30px; padding: 30px 0; font-weight: normal;}
.jdcx h2 span{ color: #c00;}
.jdcx td span{ color: #c00; font-size: 27px;}
.ssjg{width:90%; overflow: hidden; padding:0 5% 50px 5%;text-align: center; line-height: 30px; font-size: 20px;border-bottom: 10px solid #f1f1f1;}
.ssjg .list{background: #eee; padding: 15px 10px;}
.ssjg a{color: #c00;}

.shichang{text-align: center;}
.shichang td{padding: 2px; border: 1px solid #999;}
.shichang .title{background:#008771; color: #fff;}
.shichang .title td{padding:15px 5px; font-size: 1.2em;}

/* ------------联系我们--------------------- */
.contact{width:100%;height:auto;overflow:hidden;color: #666;border-bottom: 10px solid #f1f1f1;}
.contact_r{width:90%; margin:30px 5%;}
.contact_r h2{width:100%;height:40px; line-height:40px; font-weight: normal;overflow: hidden; font-size: 2.3em; color: #222;}
.contact_r h3{width:100%;height:40px; line-height:40px; font-weight: normal;overflow: hidden; font-size: 1.3em; color: #666;}
.contact_r .list{overflow: hidden;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin:20px 0; padding:20px 0;}
.contact_r .list li{line-height:40px; font-size: 16px;color: #777;}
.contact_r .list li p{font-size: 18px; color: #333; text-indent: 30px;}
.contact_r .list .a1{background:url(/themes/pc/images/con1.png) no-repeat 0 center;}
.contact_r .list .a2{background:url(/themes/pc/images/con2.png) no-repeat 0 center; font-size:2.3em;}
.contact_r .list .a2 a{color: #008771;}
.contact_r .list .a3{background:url(/themes/pc/images/con3.png) no-repeat 0 center;}
.contact_r .list1{width:150px; line-height:30px; text-align: center; font-size: 16px;}
.contact_r .list1 img{width:150px;}

/* ------------关于我们--------------------- */
.about01{width:100%;height:auto;overflow:hidden;color: #666;background: #fff;border-bottom: 10px solid #f1f1f1;}
.about01 .conbox {height: auto;margin-bottom: 10px;}
.about01 .conbox .conImg {width: 100%;height: 200px;overflow: hidden;}
.about01 .conbox .conTit {width:80%;padding:20px 10%;}
.about01 .conbox .conTit .p1 {padding-left: 30px;height: 75px;border-left: 4px solid #008771;margin-bottom:20px;}
.about01 .conbox .conTit .p1 b {display: block;padding-top: 12px;font-size: 20px;color: #008771;margin-bottom: 8px;}
.about01 .conbox .conTit .p1 span {display: block;font-size: 20px;color: #008771;}
.about01 .conbox .conTit .p2 {line-height: 28px;color: #333;}

/* ---------------about02-------------------------------  */
.about02{width:100%;padding:40px 0; overflow: hidden;background: #fff;}
.about02 .list{padding:10px 3%;}
.about02 td{width:25%;}
.about02 dl{overflow: hidden; padding-bottom: 20px;}
.about02 dd{width:23%; float: left; padding: 5px 1%;}

/* ---------------about_03-------------------------------  */
.about_03{width: 100%; height:auto;overflow: hidden; padding:40px 0; background: #fff;}	
.about_03 .list{padding:10px 0; line-height: 24px; font-size: 1.1em; color: #333;}
.about_03 .list ul{width:calc(75% - 1px); float: left; margin:0 10%; padding-left: 5%; border-left: 1px solid #eee; position: relative;}
.about_03 .list .a1{position: absolute;top: 34px;left: 0;width: 12px;height: 12px;border-radius: 50%;background: #ccc; margin-left: -6px;}
.about_03 .list .a2{width:100%; line-height: 40px; font-size: 1.8em; color: #008771; padding-top: 20px;}
.about_03 .list .a3{width:100%; padding: 5px 0; border-bottom: 1px solid #eee; padding-bottom: 20px;}
.about_03 .list .a3 h2{width:100%; line-height: 30px; font-size: 1.2em; color: #333;}