@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body { padding:0px;
	font-size: 12px;
	line-height: 1.5em;
	font-family: tahoma, "Microsoft YaHei", Simsun, Mingliu, Arial, Helvetica;
	color: #333333;
	background:#f7f7f7;
	width:100%;
	overflow-x:hidden;
}
img {
	border:0;
	vertical-align:middle;

}
ul,li{
	list-style-type: none;
}
table,td{
	border-collapse:collapse
}
address,em{
	font-style:normal;
}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#0d6cae;
	text-decoration:none;
}


/*通用样式结束*/

/*头部*/

.head{ width:100%; height:173px;  position: fixed; top:0px; background: #fff; z-index: 999; box-shadow:3px 3px 3px #d0d0d0; -webkit-box-shadow: 3px 3px 3px #d0d0d0;  
  -moz-box-shadow: 3px 3px 3px #d0d0d0; }
.head-top{ width:100%; height:30px; line-height:30px; text-align:left; font-size:12px; background:#efefef; overflow:hidden;}
.head-top-center{ width: 1200px; height: 30px; margin: 0 auto;}
.head-top-text{ width:500px; height:30px; margin-left: 5px; color:#4b4b4b; float: left;}
.head-nav{ width: auto; height: 30px; float: right;}
.head-nav ul{}
.head-nav ul li{ float: left;}
.head-nav ul li a{ width: 100px; height: 30px; line-height: 30px; text-align: center; display: block; color:#4b4b4b;}
.head-nav ul li a:hover{ background: #d9d9d9;}
.head-center{ width:1200px; height:auto; margin:0 auto; padding:15px 0; overflow:hidden;}
.logo{ width:243px; height:70px; float:left;}
.slogan{ width: 221px; height: 64px; padding: 3px 0; float: left; margin-left: 120px;}
.tel{ width:auto; height:70px; overflow:hidden; float:right; text-align: right;}
.tel-title {
    width: 160px;
    margin-left:15px;
    height: 30px;
    font-size: 14px;
    color: #4b4b4b;
    line-height: 30px;
    background: url(/WebContents/images/other/tel.png) 25px center no-repeat;
}
.tel-text{ width:177px; font-size:24px; color:#84ba3e; font-weight:bold; line-height:25px;}
.head-bottom{ width:100%; height:42px;   border-top: 1px solid #84ba3e;}


.menu {width:1500px; height:atuo; margin:0 auto;}
.menu ul {float:left;margin-left: 90px;}
.menu ul li {float:left; position:relative; height: atuo;}
.menu ul li a, .menu ul li a:visited {width:101px; height:42px; line-height:42px; font-size:14px;  float:left; text-align:center; margin-right:20px; margin-bottom: 10px;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#84ba3e; }
.menu ul .hide{ color:#84ba3e;}
.menu ul li:hover ul {display:block; position:absolute; top:50px; left:-30px; width:atuo;}
.menu ul li ul { width:150px; background-color: rgba(255,255,255,0.9); position:relative; z-index:111; padding:0 10px; border: 1px solid #fff; border-radius: 5px;}
.menu ul li ul img{ z-index:9999; padding-top:1px; background:none;}
.menu ul li ul li{ width:150px; line-height:24px; text-align: center; border-bottom: 1px dashed #CDCDCD;}
.menu ul li ul li:last-child{ border: none;}
.menu ul li ul li a{ color:#000; font-size:14px; text-align:center; width: 150px;}
.menu ul li ul li .on{color:#00aeff;}
.menu ul li:hover ul li a {display:block; color:#000; padding:0; margin:0; text-align: center;}
.menu ul li:hover ul li a:hover {color:#84ba3e;}
.menu ul li.on a{ color: #84ba3e;}

.search{ width:180px; height:30px; float:right; border:none; border-radius:15px; margin-top:7px;}
.search-title{ width:130px; height:30px; line-height:30px; margin-left:10px; font-size:12px; background:none; border:none; color:#d3d4d4;}
.search-button{ background:url(/WebContents/images/search.png) no-repeat; width:17px; height:17px; border:none; cursor:pointer; margin-top:5px;}

.banner{ width:1300px; height:558px; overflow:hidden; margin:173px auto 0;}


.puzzled{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; padding: 100px 0;}
.puzzled-top{ width:720px; height: 80px; border: 2px solid #84ba3e; box-sizing: border-box; margin: 0 auto; font-size: 36px;}
.puzzled-title{ width: 650px; height: 40px; line-height: 40px; text-align: center; background: #fff; margin: -2px auto 0; color: #84ba3e;}
.puzzled-text{ width: 650px; height: 40px; line-height: 40px; text-align: center; background: #fff; margin: 0 auto; color: #4b4b4b;}
.puzzled-text span{ color:#84ba3e;}
.puzzled-center{ width: 1200px; height: 554px; background: url(/WebContents/images/link/puzzled.jpg) center no-repeat; padding: 50px 0; position: relative;}
.puzzled1{ width:auto; height: 30px; line-height: 30px; position: absolute; top:220px; left: 80px; font-size: 18px;}
.puzzled2{ width:auto; height: 30px; line-height: 30px; position: absolute; top:150px; right: 60px; font-size: 18px;}
.puzzled3{ width:auto; height: 30px; line-height: 30px; position: absolute; top:345px; left: 80px; font-size: 18px;}
.puzzled4{ width:auto; height: 30px; line-height: 30px; position: absolute; top:325px; right: 75px; font-size: 18px;}
.puzzled5{ width:auto; height: 30px; line-height: 30px; position: absolute; bottom:158px; left: 90px; font-size: 18px;}
.puzzled6{ width:auto; height: 30px; line-height: 30px; position: absolute; bottom:185px; right: 60px; font-size: 18px;}
.puzzled-bottom{ width: 1140px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}
.puzzled-bottom ul{}
.puzzled-bottom ul li{ width:235px; height: auto; float: left; overflow: hidden; margin: 0 25px;}
.puzzled-bottom ul li:nth-child(2){ border: 1px solid #84ba3e; position: absolute; left: 220px; top: 75px; width: 80px; }
.puzzled-bottom ul li:nth-child(4){ border: 1px solid #84ba3e; position: absolute; left: 505px; top: 75px; width: 80px; }
.puzzled-bottom ul li:nth-child(6){ border: 1px solid #84ba3e; position: absolute; left: 790px; top: 75px; width: 80px; }
.puzzled-img{ width: 130px; height: 130px; border: 1px solid #90c050; border-radius: 50%; padding: 10px; margin: 0 auto 15px; transition:all 1s;}
.puzzled-img:hover{ transition:all 1s; transform: rotateY(360deg); -webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);	cursor:pointer;}
.puzzled-img span{ width: 130px; height: 130px; border: 2px solid #90c050; text-align: center;  display: table-cell;
    overflow: hidden; vertical-align: middle;border-radius: 50%;box-sizing: border-box;}
.puzzled-bottom-title{ width: 235px; height: 35px; line-height: 35px; text-align: center; color:#90c050; font-size: 24px;}
.puzzled-bottom-text{ width: 235px; height: auto; line-height: 25px; font-size: 11.5px; color: #8f8f8f;}


.why{ width: 100%; height: auto; overflow: hidden; background: url(/WebContents/images/why.jpg); padding: 75px 0;}
.why-center{ width: 1200px; height: auto; overflow: hidden; position: relative; margin: 0 auto;}
.why-center h1{ width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #c2c2c2; font-weight: normal;}
.why-center h2{ width: 527px; height: 50px; text-align: center; font-weight: normal; margin: 20px auto 0;}
.why-center h2 span{ border: 1px solid #84ba3e; height: 50px; line-height: 50px; box-sizing: border-box; padding: 0px 15px; background: #fff; font-size: 24px; border-right: none;
border-radius: 10px 0px 0px 10px; float: left;}
.why-center h2 b{ font-weight: normal; color:#84ba3e;}
.why-center h2 em{ width: 64px; height: 50px;display: block; float: right; border-radius: 0px 10px 10px 0px; background: url(/WebContents/images/why_search.png) center center #fcc52f no-repeat ;}
.why-center ul{ position: relative; margin-top: 50px; display:block; height: 440px; }
.why-center ul li{ width: 460px; height: 210px; border: 1px solid #84ba3e; box-sizing: border-box; background-color:rgba(254,254,254,0.8); position: absolute;}
.why-title{ width: 400px; height: 60px; font-weight: normal;}
.why-title span{ width: 65px; height: 60px; line-height: 60px; color:#84ba3e; font-size: 64px; float: left;font-weight: normal; font-family: "宋体";}
.why-title em{ width: 335px; height: 35px; line-height: 35px; color: #84ba3e; font-size: 26px; display: block; float: left;}
.why-title b{ background: #fcc52f; color: #000; float: left; font-size: 16px;font-weight: normal; height: 20px; line-height: 20px;;}
.why-text{ width: 100%; height: auto; line-height: 25px; font-size: 14px; color: #4b4b4b; float: left; margin-top: 10px;}
.why-center ul li:first-child{ padding: 25px 40px 15px 20px; top:50px; left: 0px;}
.why-center ul li:nth-child(2){ padding: 25px 0px 15px 60px; top:0px; left: 425px; width: 380px; height: 200px;}
.why-center ul li:nth-child(2) .why-title{ width: 300px;}
.why-center ul li:nth-child(2) .why-title em{ width: 220px;}
.why-center ul li:nth-child(2) .why-text{ width: 90%;}
.why-center ul li:nth-child(3){ padding: 40px 40px 15px 20px; top:233px; left: 270px; height: 200px;width: 420px;}
.why-center ul li:nth-child(4){ padding: 30px 10px 15px 60px; top:168px; right: 0px; }


.case{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding: 75px 0 60px;}
.case h1{ width: 100%; height: 35px; line-height: 35px; text-align: center; color: #84ba3e;}
.case h2{ width: 350px; height: 15px; border-bottom: 1px solid #000; font-size: 18px;margin: 0 auto 50px;}
.case h2 span{ width: 240px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; display: block; background: #fff;}

.bk{ width: 100%; height: auto; overflow: hidden; background: url(/WebContents/images/why.jpg); text-align:center; padding:85px 0 60px;}


.about{ width: 100%; height: 525px; background:url(/WebContents/images/about.jpg)  no-repeat fixed center top / cover ; padding-top: 75px;}
.about-center{ width:780px; height: 365px; margin:0 auto; background: #fff; padding: 50px 85px 35px;}
.about-center h1{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: #84ba3e; font-weight: normal;}
.about-center h2{ width: 250px; height: 15px; border-bottom: 1px solid #000; font-size: 18px;margin: 0 auto 50px;}
.about-center h2 span{ width: 150px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; display: block; background: #fff;}
.about-text{ width: 100%; height: auto; font-size: 14px; color: #282828; line-height: 35px; text-indent: 2em;}
.about-more{ width: 134px; height: 41px; margin: 35px auto 0;}


.synthesize{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding: 85px 0;}
.news{ width: 800px; height: auto; overflow: hidden; float: left;}
.news h3{ width:800px; height:50px; line-height:30px; font-size:18px; color:#282828; background: url(/WebContents/images/h3.jpg) left 8px no-repeat; text-indent:1em; font-weight: normal;
border-bottom: 1px solid #cdcdcd;}
.news h3 span{ color: #84ba3e; font-size: 24px; margin-right: 10px;line-height:35px;}
.news h3 a{ float: right; width: 48px; text-decoration: none; height: 25px; line-height: 25px; text-align: center; font-size: 16px;text-indent: 0em; background: #9a9a9a; color: #fff; margin-top: 8px;}
.news h3 a:hover{ background:#7ab63e;}
.news ul{}
.news ul li{ /*width:375px; height:auto; overflow:hidden;  border-bottom:1px solid #cacaca; float: left;*/ width:400px; height:auto; overflow:hidden;  float: left;}
.news ul li:nth-child(2n){ float: right;}
.news ul li:nth-child(5){ border-bottom: none;}
.news ul li:last-child{ border:none;}
.news ul li a{ color:#282828; display: block;padding:20px 10px; overflow: hidden;}
.news ul li a:hover{ background: #7ab63e; color: #fff;}
.news ul li a:hover .news-date em{ border: 1px solid #fff;}
.news ul li a:hover .news-text{ color:#fff;}
.news-date{ width:70px; height:auto; float:left; padding-right:10px; text-align: center; font-family:"宋体";}
.news-date em{ font-size:40px; width:68px; height: 50px; border: 1px solid #a0a0a0; display:block;  line-height:50px; font-weight: normal;}
.news-date span{  font-size:15px; line-height:20px; font-weight:bold;}
.news-title{ width:250px; height:52px; line-height:25px; float:right; font-size:18px;  font-weight:bold;  }
.news-text{ width:250px; height:50px; overflow:hidden; line-height:25px; color: #838383; float:left; font-size:14px; float:right;}



.honor{ width:335px; height:470px;float:right; position:relative; }
.honor h3{ width:335px; height:50px; line-height:30px; font-size:18px; color:#282828; background: url(/WebContents/images/h3.jpg) left 8px no-repeat; text-indent:1em; font-weight: normal;}
.honor h3 span{ color: #84ba3e; font-size: 24px; margin-right: 10px;line-height:35px;}
.honor h3 a{ float: right; width: 48px; text-decoration: none; height: 25px; line-height: 25px; text-align: center; font-size: 16px;text-indent: 0em; background: #9a9a9a; color: #fff; margin-top: 8px;}
.honor h3 a:hover{ background:#7ab63e;}
.honor ul{}
.honor ul li{ width:335px; height:425px; float:left; overflow:hidden; z-index:10; position:relative;box-sizing: border-box;}
.honor-img{ width:315px; height:360px; display: table-cell; overflow: hidden; text-align: center; vertical-align: middle; border: 10px solid #fafafa;}
.honor-img img{ max-width:315px; max-height:370px;}
.honor ul li a{ color: #000;}
.honor ul li a:hover{ color: #7ab63e;}
.honor-tilte{ width: 335px; height: 35px; line-height: 35px; text-align: center;}

.btnleft{ width:50px; height:50px; position:absolute; line-height:50px; background: rgba(124,124,124,0.5); border-radius: 50%; text-align:center; top:215px; left:10px; z-index:20; color:#fff; display:block; }
.btnleft img{ margin-top: 15px;}
.btnleft:hover{ background: #7ab63e;}

.btnright{ width:50px; height:50px; position:absolute; background: rgba(124,124,124,0.5); line-height:50px; text-align:center; top:215px; right:10px; z-index:20; color:#fff; display:block; border-radius: 50%;}
.btnright img{ margin-top: 15px;}
.btnright:hover{ background: #7ab63e;}


.thank{ width: 100%; height: 495px; overflow: hidden; background: url(/WebContents/images/linkbg.jpg) center no-repeat;}
.thank-center{ width: 1200px; height: auto;margin: 70px auto 0 ; overflow: hidden;}
.thank-center h1{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: #84ba3e; font-weight: normal;}
.thank-center h2{ width: 300px; height: 15px; border-bottom: 1px solid #000; font-size: 18px;margin: 0 auto 50px;}
.thank-center h2 span{ width: 250px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; display: block; background: #f9f9f9;}
.thank-center ul{}
.thank-center ul li{ width:191.5px; height: 100px; float: left; margin: 0 10px 10px 0; background: #fff; }
.thank-center ul li:nth-child(6n){ margin-right: 0;}
.thank-center ul li span{ width: 191.5px; height: 100px;display: table-cell; overflow: hidden; text-align: center; vertical-align: middle;}
.thank-center ul li img{ max-width: 191.5px; max-height: 100px;}
.thank-center ul li:hover{ transition:all 2s; transform: rotateY(360deg); -webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg); cursor:pointer;}


.footer{ width:100%; height:auto; overflow:hidden; background:#7ab63e; border-top:9px solid #629b29;}
.footer-top{ width: 100%; height:50px; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #629b29;}
.link{ width: 1200px; height: 50px; margin: 0 auto;}
.link span{ width: 135px; height: 50px; line-height: 50px; float: left; text-align: center; background: #629b29; display: block; font-size: 16px; color: #fff; font-weight: bold;}
.link ul{}
.link ul li{ width: auto; height: 50px; line-height: 50px; float: left; margin-left: 25px;}
.link ul li a{ color: #fff; font-size: 14px;}
.link ul li a:hover{ color: #c3ff86;}
.footer-center{ width:1200px; height:auto; overflow:hidden; margin:65px auto 60px;}

.footer-message{ width:355px; height:258px; padding-left: 25px; overflow:hidden; float:left; background: url(/WebContents/images/other/footer-bg.jpg) left no-repeat;}
.footer-message h3{ width:355px; height:25px; line-height:25px; font-size:16px; color:#fff; font-weight:normal;}
.footer-message h4{ width:355px; height:30px; line-height:30px; font-size:18px; color:#fff; margin-bottom:20px;}
.footer-message ul{ }
.footer-message ul li{ width:355px; height:auto; overflow:hidden; margin-bottom:12px;}
.footer-message ul li label{ width:100px; height:35px; line-height:20px; font-size:14px; color:#fff; float:left;}
.footer-message ul li em{ color:#F00}
.footer-message .input_name{ width:238px; height:33px; line-height:33px;background-color:rgba(255,255,255,0.2); border:1px solid #fff;   padding:0 5px; color:#fff; float:left;}
.footer-message .input_name:focus{ background: #fff; color: #CDCDCD;}
.footer-message .footer-text{ width:100%; height:25px; line-height:25px; color:#fff; font-size:14px;}
.footer-message .input_button{ width:250px; height:40px; text-align:center; font-size:18px; color:#fff; background:#fcc52f; cursor: pointer; border-radius:10px; border:none; float: right; margin-right: 5px;}

.footer-contact{ width:315px; height:258px; overflow:hidden; float:left; padding-left: 25px; background: url(/WebContents/images/other/footer-bg.jpg) left no-repeat; margin-left:100px;}
.footer-contact h3{ width:315px; height:45px; line-height:45px; color:#fff; font-size:18px; font-weight: normal;}
.footer-contact h4{ width:315px; height:44px; line-height:44px; color:#fff; font-size:18px; font-weight: normal; text-indent: 2em; margin-bottom: 20px; background: url(/WebContents/Images/other/footer-contact.png) left center no-repeat;}
.footer-contact-text{ width:315px; height:auto; line-height:35px; font-size:14px; color:#fff;}


.ewm{ width: 300px; height: auto; float: right; margin-top: 45px;}
.ewm h3{ width: 300px; height: 30px; line-height: 30px; font-size: 18px; color: #fff; text-indent: 1em;}
.ewm ul{}
.ewm ul li{ width: 150px; height: 150px; display: table-cell; overflow: hidden; text-align: center; vertical-align: middle;}
.ewm ul li:nth-child(2){ width: 20px;}
.ewm ul li:last-child{ width: 130px; border: 1px solid #629b29;}
.ewm ul li img{ max-width: 100%; max-height:150px;}

.footer-bottom{ width:100%; height:50px; line-height:50px; background: #629b29; text-align:center; font-size:12px; color:#9cdd5b; }




.main{ width:1200px; height:auto; overflow:hidden; margin: 45px auto 95px;  background: #fff; padding-bottom: 35px;}
.main-title{ width: auto; height: 65px; line-height: 65px; border-top: 7px solid #84ba3e; text-indent: 1em; display: inline-block; color: #4b4b4b; font-size: 28px; margin-bottom: 15px;}
.main-top{ width: 1200px; height: auto; overflow: hidden; }
.main-top-left{ width: 815px; height: 470px; text-align: center; float: left; margin: 0 20px;}
.main-top-left img{ max-width: 815px; max-height: 470px;}
.main-top-right{ width: 330px; height: auto; float: right;}
.main-download{ width: 92px; height: 33px;  text-align: center; line-height:33px; float: left;}
.main-download a{ color: #fff;width: 92px; height: 33px;background: #84ba3e; display: block;}
.main-top-title{ width:210px; height: 30px; float: right; border-top:3px solid #84ba3e; font-size: 17px; color: #84ba3e; font-weight: bold; line-height:45px;}
.main-top-img{ width: 280px; height: 380px; margin-top: 30px; float: left;box-shadow:3px 3px 3px #d0d0d0; -webkit-box-shadow: 3px 3px 3px #d0d0d0;  
  -moz-box-shadow: 3px 3px 3px #d0d0d0;  }
.main-top-img img{ width: 280px; height: 380px;}

.main-top-left1{ width: 540px; height: 470px; text-align: center; float: left; margin-left: 280px;}
.main-left-title{ float: left;border-top:3px solid #84ba3e; height: 30px; line-height: 45px; display: inline-block; font-size: 17px; color: #84ba3e;}
.main-left-img{ width: 525px; height: 395px; margin-top: 30px; float: left;}
.main-bottom{ width:100%; height: auto; overflow: hidden; margin-top:30px; text-align: center;}

.main-center{ width: 800px; height: auto; margin: 30px auto 0; overflow: hidden;}
.main-center-title{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: #000; font-size: 18px; font-weight: bold;}
.main-center-date{ width:100%; height: 20px; line-height: 20px; text-align: center; color: #a8a8a8; margin-bottom: 20px;}
.main-cneter-img{ width: 700px; height: auto;display: table-cell; overflow: hidden; text-align: center; vertical-align: middle; padding: 50px;;}
.main-cneter-img img{ max-width: 700px; height:auto;}
.main-center-text{ width: 800px; height: auto; line-height: 25px; font-size: 14px;}

.main-content{ width: 1100px; height: auto; margin: 0 auto; line-height: 25px; font-size: 16px;}

.download{ width: 100px; height: 30px; line-height: 30px; text-align: center; background: #84ba3e; display: inline-block;}
.download a{ color: #fff;}

#tabbox{ width:1120px; overflow:hidden; padding: 40px 40px 0;}
.tab_conbox{}
.tab_con{ display:none;}
.tabs{height: 38px;width: 100%; margin-bottom: 60px;}
.tabs li{height:36px;line-height:36px;float:left;border-left:none;background: #fff; border-radius:18px; min-width:105px; padding:0 10px; text-align:center; font-size:16px;
overflow: hidden;position: relative; border: 1px solid #7db641; margin-right: 27px; cursor: pointer;}
.tabs li:last-child{ margin: 0;}
.tabs li a {display: block;padding: 0 20px;outline: none;}
.tabs li a:hover {background: #ccc;}	
.tabs .thistab,.tabs .thistab a:hover{background: #7db641; color: #fff;}
.tab_con {font-size: 14px; line-height:175%;}


#tabbox1{ width:1120px; overflow:hidden; padding: 40px 40px 0;}
.tab_conbox1{}
.tab_con1{ display:none;}
.tabs1{height: 38px;width: 100%; margin-bottom: 60px;}
.tabs1 dd{height:36px;line-height:36px;float:left;border-left:none;background: #fff; border-radius:18px; padding:0 20px; text-align:center; font-size:16px;
overflow: hidden;position: relative; border: 1px solid #7db641; margin-right: 17px; cursor: pointer;}
.tabs1 dd:last-child{ margin: 0;}
.tabs1 dd a {display: block;padding: 0 20px;outline: none;}
.tabs1 dd a:hover {background: #ccc;}	
.tabs1 .thistab,.tabs1 .thistab a:hover{background: #7db641; color: #fff;}
.tab_con1 {font-size: 14px; line-height:175%; padding: 0 135px;}



.lb{ width: 850px; height: auto; overflow: hidden;}
.lb ul{}
.lb ul li{ width: 260px; height: auto; float: left; margin-right: 20px;}
.lb1{ width: 1000px; height: auto; overflow: hidden;}
.lb1 ul{}
.lb1 ul li{ width: 260px; height: auto; float: left; margin-right: 20px;}
.lb-img{ width: 260px; height: 180px;}
.lb-img img{ width: 260px; height: 180px;}
.lb-title{ width: 260px; height: 35px; line-height: 35px; text-align: center;}


.remould-case{ width: 1080px; height: auto; overflow: hidden; margin-top: 50px;}
.remould-case ul{}
.remould-case ul li{ width: 260px; height: auto; float: left; margin-right: 20px;}
.remould-case b{ width: 260px; height: 180px; display: block;}
.remould-case b img{ width: 260px; height: 180px;}
.remould-case em{ width: 260px; height: 35px; line-height: 35px; text-align: center; display: block;}



.case-list{ width: 1120px; height: auto; overflow: hidden; margin: 0 auto;}
.case-list ul{}
.case-list ul li{ width:260px; height:auto; float:left; overflow:hidden; margin:0 26px 20px 0; }
.case-list ul li a{ display:block;color:#666}
.case-list ul li a:hover{ color:#7ab63e}
.case-list ul li:nth-child(4n){ float:right; margin:0 0 10px 0;}
.case-list-img{ width:260px; height:180px; background:#fff; display: table-cell; overflow: hidden; text-align: center; vertical-align: middle;}
.case-list-img img{ max-width:260px; max-height:180px;}
.case-list-title{ width:260px; height:30px; line-height:30px; text-align:center; }



.news-list{ width:1100px; height:auto; overflow:hidden; margin: 0 auto;}
.news-list ul{}
.news-list ul li{ width:525px; height:auto;  border-top:1px dotted #ccc; float: left;}
.news-list ul li:first-child{border: none;}
.news-list ul li:nth-child(2){border: none;}
.news-list ul li:nth-child(2n){ margin: 0; float: right;}
.news-list ul li a{ color:#282828; display: block;padding:20px 10px; overflow: hidden;}
.news-list ul li a:hover{ background: #7ab63e; color: #fff;}
.news-list ul li a:hover .news-list-date em{ border: 1px solid #fff;}
.news-list ul li a:hover .news-list-text{ color:#fff;}
.news-list-date{ width:70px; height:auto; float:left; padding-right:10px; text-align: center; font-family:"宋体";}
.news-list-date em{ font-size:40px; width:68px; height: 50px; border: 1px solid #a0a0a0; display:block;  line-height:50px; font-weight: normal;}
.news-list-date span{  font-size:15px; line-height:20px; font-weight:bold;}
.news-list-title{ width:420px; height:30px; float:right; font-size:18px;  font-weight:bold;  display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list-text{ width:420px; height:50px; overflow:hidden; line-height:25px; color: #838383; float:left; font-size:14px; float:right;}


.page{ width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; float: left;}
.page span{ background:#7ab63e;border: 1px solid #7ab63e; color: #fff; height:22px; line-height:22px;padding:0 8px; width: auto;display: inline-block; margin:0 4px;}
.page a {background: #fff; border: 1px solid #e3e3e3;color: #333; display: inline-block;font-size: 12px; margin-right:5px; height: 22px; line-height: 22px; padding: 0 8px; text-align: center;}
.page a:hover { background: #f1f1f1; color: #000; text-decoration: none;}


/*上一页   下一页*/

.target{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; margin-top: 20px;}
.target a{ color: #666;}
.target a:hover{ color:#009900;}
.target .back{ float: left; display: block;}
.target .next{ float: right; display: block;}



.tjwtBox {
    background-color: #fff;
    font-family: 微软雅黑;
    width: 700px;
}
.tjwtBox h4 {
    border-bottom: 1px solid #e8e8e8;
    color: #676364;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 22px;
    padding-bottom: 14px;
}
.tjwtBox .m_form {
}
.tjwtBox .m_form li {
    color: #777;
    height: 38px;
    margin-bottom: 13px;
}
.tjwtBox .m_form label {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #dedede;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    display: inline-block;
    float: left;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 77px;
}
.tjwtBox .m_form .iptTxt {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    color: #333;
    float: left;
    height: 16px;
    line-height: 16px;
    outline: medium none;
    padding: 10px 0;
    text-indent: 1em;
    width: 252px;
}
.tjwtBox .m_form .btnTjly {
    background: #9d2737 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 31px;
    width: 93px;
}
.tjwtBox .m_form li.yzm .iptTxt {
    float: left;
    margin-right: 11px;
    width: 180px;
}
.tjwtBox .m_form .areLi label {
    height: 132px;
}
.tjwtBox .m_form .txtAre {
    border: 1px solid #dedede;
    color: #333;
    float: left;
    height: 104px;
    line-height: 18px;
    outline: medium none;
    padding: 14px;
    resize: none;
    width: 343px;
}
.tjwtBox .m_form .btnSubmit, .tjwtBox .m_form .btnReset {
    background-color: #b3b3b3;
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 161px;
}
.tjwtBox .m_form .btnSubmit {
    background-color: #7ab63e;
    cursor: pointer;
    margin-right: 10px;
}
.tjwtBox .m_form .areLi {
    height: 138px;
}
.content_text h6 {
    color: #535353;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    width: 850px;
}
.content_text {
    color: #535353;
    font-size: 12px;
    height: auto;
    line-height: 25px
    overflow: hidden;
    width: 850px;
}



/*磁悬浮中央空调*/
.ny-banner{ width: 100%; height: 350px; margin-top: 173px;}

.levitation{ width: 1000px; height: auto; overflow: hidden; padding: 0 100px;}
.levitation-img{ width: 1000px; height: auto; overflow: hidden; text-align: center; padding: 80px 0;}
.levitation-top{ width: 1000px; height: auto; overflow: hidden;}
.levitation-top h3{ width: 170px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; background: #fff; font-size: 18px; color: #83ba3b; z-index: 20; position: relative;}
.levitation-top h4{ width: 98%; height:1px; background:#83ba3b; margin: -15px auto 30px; z-index: 10;}
.levitation-text{ width: 100%; height: auto; overflow: hidden; line-height: 30px; font-size: 14px; color:#282828;}
.levitation-text p{ text-indent: 2em; margin-bottom: 20px;}
.levitation-text p em{ color: #83ba3b;}
.levitation-text p a{ color:#83ba3b;}
.levitation-text p a:hover{ color: #000;}
.levitation-text .title{color: #ccc;font-size: 36px; text-align: center;}
.levitation-text .superiority{padding-left: 30px;}
.levitation-text .superiority li{width: 120px;height: 100px;background-color: #ccc;float: left;margin-right: 20px;padding: 50px;}

.levitation-text .point li{font-weight: 700; float:left; font-size: 24px;   display: inline-block; width: 33%;;}
.levitation-text .contrastBox{padding-left: 100px;padding-right: 100px;}
.levitation-text .contrastBox ul{width: 260px;height: 200px;margin-top: 20px;}
.levitation-text .contrast{margin-left: 80px;margin-top: 120px;}
.levitation-text .contrastBox  p{width: 100%; font-weight: 500;font-size: 24px;border-bottom: 1px solid #fff;margin-bottom: 0;}
.levitation-text .contrastBox .new{float: left;background-color:#FFFFCC;padding: 10px;}
.levitation-text .contrastBox .order{float: right;background-color:#FFFFCC;padding: 10px;}
.levitation-text .emphases{color: sandybrown;}




.levitation-bottom{ width: 100%; height: auto; overflow: hidden;}
.levitation-bottom h3{ width: 210px; height: 30px; text-align: center; line-height: 30px; border-radius: 15px; background: #83ba3b; font-size: 18px; color: #fff; margin: 50px auto 30px;}
.levitation-bottom ul{}
.levitation-bottom ul li{ width: 100%; height: auto; overflow: hidden; font-size: 14px; margin-bottom: 50px;}
.levitation-bottom-title{ width: 100%; height: 30px; line-height: 30px; }
.levitation-bottom-title em{ width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #83ba3b; color: #fff; display: block; text-align: center; float: left;}
.levitation-bottom-title span{ width: auto; float: left; display: block; line-height: 20px; margin-left: 10px;}
.levitation-bottom-text{ font-size: 14px; line-height: 30px;}

/*电能销售*/
.electricity{ width:1080px; height: auto; overflow: hidden; margin: 0 auto; box-sizing: border-box; padding: 40px 30px; background: #f7f7f7; border-radius: 20px;}
.electricity h3{ width:100%; height: 40px; line-height: 40px; text-align: center; font-size: 30px; color: #83ba3b; font-weight: normal; margin-bottom: 30px;}
.electricity-text{ height: auto; line-height: 27px; color: #3b3b3b; font-size: 14px; width:820px; margin: 0 auto 35px; text-indent: 2em;}
.electricity-lc{ width: 100%; height: 186px; overflow: hidden; background: url(/WebContents/images/electricity-lc.png) left bottom no-repeat; position: relative;}
.electricity-lc ul{}
.electricity-lc ul li{ width: 108px; height: 108px; border: 6px solid #d4e5be; background: #83ba3b;box-sizing: border-box; border-radius: 50%; position: absolute;}
.electricity-lc ul li em{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 28px; color: #fff; display: block; margin-top: 20px;}
.electricity-lc ul li span{ width: 100%; height: 25px; line-height: 25px; text-align: center; font-size: 14px; color: #fff; display: block;}
.electricity-lc ul li:first-child{ top: 0px; left: 70px;}
.electricity-lc ul li:nth-child(2){ top: 60px; left:220px;}
.electricity-lc ul li:nth-child(3){ top: 0px; left:370px;}
.electricity-lc ul li:nth-child(4){ top: 60px; left:510px;}
.electricity-lc ul li:nth-child(5){ top: 0px; right:210px;}
.electricity-lc ul li:last-child{ top: 40px; right:45px;}


.know{ width: 1080px; height: atuo; overflow: hidden; margin: 0 auto; padding: 60px 0;}
.know-img{ width: 317px; height: 172px; float: left; margin-right: 20px;}
.know-img img{ width: 317px; height: 172px;}
.know-title{ width: 645px; height: 45px; line-height: 45px; text-align: center; background:#83ba3b; color: #fff; font-size: 18px; float: right; border-radius: 23px;}
.know-title em{ color:red;}

.know-text{ width: 480px; height: auto; margin-top: 30px; line-height: 27px; padding: 10px 15px; background:#83ba3b; color: #fff; font-size: 18px; float: left; border-radius: 30px;}
.know-text em{ color:red;}


.leading{ width: 1080px; height: auto; overflow: hidden; margin: 0 auto 30px;}
.leading h3{ width: 100%; height: auto; line-height: 40px; text-align: center; padding: 10px 0; font-weight: normal; margin-bottom: 35px; border-top: 5px solid #83ba3b; border-bottom: 1px solid #83ba3b; font-size: 24px; color: #282828;}
.leading h3 em{ color: #83ba3b;}
.leading h4{ width: 240px; height: 30px; text-align: center; line-height: 30px; background:#83ba3b; color: #fff; font-size: 18px; font-weight: normal; margin: 0 auto 20px;}
.leading h5{ width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #282828; margin-top: 15px; font-weight: normal; margin-bottom: 50px;}
.leading ul{ overflow: hidden;}
.leading ul li{ width: 264px; height: auto; float: left; margin-right: 8px;}
.leading ul li:last-child{ float: right; margin: 0;}
.leading ul li b{ width: 264px; height: 30px; line-height: 30px; text-align: center; display: block; font-size: 14px; color: #282828; font-weight: normal; margin-bottom: 10px;}
.leading ul li em{ width: 264px; height: 153px;}
.leading ul li em img{ width: 264px; height: 153px;}
.leading h1{ width: 100%; height:30px; line-height: 30px; text-align: center; font-size: 18px; color:#282828; font-weight: normal; margin-bottom: 15px;}
.leading h2{ width: 580px; height: 60px; line-height: 36px; text-align: center; font-size: 36px; color: #83ba3b; background: url(/WebContents/images/leading.jpg) center bottom no-repeat; margin:15px auto;font-weight: normal;}
.leading h6{ width: 470px; height: 30px; color: #000; line-height: 30px; text-align: center; font-size: 18px; margin:  auto;font-weight: normal;}
.leading-botton{ width: 200px; color: #fff; padding: 10px 0; text-align:center; line-height: 25px; background: #78b33d; border-radius: 15px; display: block; font-size: 16px;}
.leading-botton em{ font-size: 20px;}
.leading a{ color: #fff; margin: 30px auto; box-shadow: 0px 0px 10px #78b43d;}
.leading-botton:hover{ background: #5b9423;}


.share{ width: 1080px; height: auto; padding: 45px 45px 75px; background:#f7f7f7; margin: 0 auto; box-sizing: border-box;}
.share h3{ width: 100%; height:60px; line-height: 60px; font-size: 37px; text-align: center; color: #282828;font-weight: normal;}
.share h3 em{ color: #83ba3b;}
.share h4{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 17px; color: #6a6a6a; font-weight: normal; margin-bottom: 35px;}
.share-img{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.share-img img{ max-width: 100%;}

/*关于我们*/ 

.main-about{ width: 1200px; height: auto; overflow: hidden; margin: 60px auto;}
.main-about-top{ width: 1200px; height: 45px; border-bottom: 1px solid #ccc; margin-bottom: 50px;}
.main-about-top em{ float: left; font-size: 24px; color: #333;}
.main-about-top em b{ color: #62b000; font-size: 37px; font-weight: normal;}
.main-about-top span{ float: left; font-size: 20px; margin-left: 10px; line-height: 55px; color: #949494;}
.main-about-top span b{ font-size: 40px;font-weight: normal; }

.main-about-bottom table tbody tr td p{ text-indent: 3em;}
.cos{ width:90%; height: auto; margin: 0 auto; overflow: hidden;}
.cos h3{ text-align: center; margin: 30px 0 0px;}
.cos h4{ width: 80px; height: 35px; line-height: 35px; text-align: center; color: #333; border-bottom: 1px solid #84ba3e; font-size: 20px; margin: 0 auto; font-weight: normal;}
.cos h5{ width: 60%; height: 1px; background: #ccc; margin: 10px auto;}
.cos-detail{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.cos-detail p{ text-indent: 2em; line-height: 40px; font-size: 20px; color: #333;}

.cos-detail ul{ overflow: hidden; margin-top: 40px;}
.cos-detail ul li{ width: 190px; height: auto; overflow: hidden; float: left; margin:0 40px ;}
.cos-detail-img{ width: 160px; height: 160px; background: #fff; border: 1px solid #a2cc40; margin: 0 auto 25px; border-radius: 50%; overflow: hidden; text-align: center;vertical-align: middle;}
.cos-detail-img img{ margin-top: 25px;}
.cos-detail ul li:first-child .cos-detail-img img{ margin-top: 15px;}
.cos-detail-title{ width: 190px; height: 30px; line-height: 30px; text-align: center; color: #a1cc3f; font-size: 16px;}
.cos-detail-text{ width: 165px; height: auto; line-height: 30px; font-size: 16px; color: #333; padding-left: 25px;}


.history{ width:100%; height: auto; margin: 30px auto 0; overflow: hidden;}
.history h3{ text-align: center; margin: 30px 0 0px;}
.history h4{ width: 80px; height: 35px; line-height: 35px; text-align: center; color: #333; border-bottom: 1px solid #84ba3e; font-size: 20px; margin: 0 auto; font-weight: normal;}
.history h5{ width: 50%; height: 1px; background: #ccc; margin: 10px auto;}
.history-detail{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}

/*节能改造*/

.remould{ width:1080px; height: auto; padding: 60px; background: #fff; margin:50px auto;}
.consult{ width:850px; height: auto; padding: 60px 175px; background: #fff; margin:50px auto;}

/*中央空调系统改造*/
.central{ width: 1092px; height: auto; overflow: hidden; margin:0 auto; background: url(/WebContents/images/remould_bg.jpg) center top no-repeat;}
.central h1{ width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #83ba3b; font-weight: normal;}
.central h2{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #4f4f4f; font-weight: normal; margin-bottom: 30px;}
.central h3{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #83ba3b; font-weight: normal; margin-top: 80px;}
.central h4{ width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #4f4f4f; font-weight: normal; margin: 0 auto; background: #fff; z-index: 20; position: relative;}
.central h5{ width: 400px; height:2px; background: #b7b7b7; margin: -15px auto 30px; z-index: 10;}
.central-img{ width: 100%; height: auto; overflow: hidden; text-align: center; border-radius: 15px; margin-bottom: 50px;}
.central-text{ width: 1000px; height: auto; overflow: hidden; line-height: 22px; text-indent: 2em; font-size: 12px; color: #4f4f4f; margin: 0 auto 10px;}
.central-text1{ width: 1000px; height: auto; overflow: hidden; line-height: 22px; font-size: 12px; color: #4f4f4f; margin: 50px auto 10px;}


/*能管中心*/
.tube{ width: 1030px; height: auto; overflow: hidden; margin: 0 auto;}
.spot{ width: 100%; height: auto; overflow: hidden; border:1px solid #7db641; box-sizing: border-box; padding: 40px 30px;}
.spot h3{ width: 100%; height: 30px; line-height: 30px; text-align: center; color: #4b4b4b; font-size: 20px;}
.spot h4{ width: 100%; height: 30px; line-height: 30px; text-align: center; color: #4b4b4b; font-size: 16px; font-weight: normal; margin-bottom: 50px;}
.spot-div{ width: 190px; height: auto; overflow: hidden; float: left; margin: 0 65px;}
.spot-img{ width: 190px; height: 60px; text-align: center; display: table-cell; overflow: hidden;vertical-align: middle;}
.spot-title{ width: 190px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; color: #4b4b4b; font-weight: bold;}
.spot-text{ width: 190px; height: auto; overflow: hidden; font-size: 14px; line-height: 22px; color: #4b4b4b;}
.spot:nth-child(2){ border-top: none;}

.model{ width: 100%; height: auto; overflow: hidden; margin: 50px 0; }
.model h3{ width: 100px; height: 30px; line-height: 30px; text-align: center; border-bottom: 1px solid #a1cc3f; margin: 0 auto 30px;}
.model-div{ width: 300px; height: auto; overflow: hidden; float: left; margin-left: 40px;}
.model-number{ width: 75px; height: 75px; float: left; background: #a1cc3f; border-radius: 50%; font-weight: bold; margin-top: 20px; font-size: 34px;line-height: 75px; color: #fff; text-align: center; margin-right: 10px;}
.model-title{ width: 215px; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; color: #4b4b4b; margin-bottom: 10px; float: left;}
.model-text{ width: 215px; height: auto; overflow: hidden; line-height: 23px; font-size: 16px;float: left;}

.point{ width: 100%; text-align: center; height: auto; overflow: hidden; margin: 50px 0; }
.point h3{ width: 100px; height: 30px; line-height: 30px; text-align: center; font-size: 20px;  border-bottom: 1px solid #a1cc3f; margin: 0 auto 10px;}
.point h4{ width:100%; height: 30px; line-height: 30px; text-align: center; font-size: 20px; color: #4b4b4b; font-weight: normal;}
.point-table{ width: 690px; height: auto; overflow: hidden; margin: 20px auto; border: 1px solid #7db641;}

.worth{ width: 100%; height: auto; overflow: hidden;}
.worth h3{ width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 20px; color: #4b4b4b;}
.worth h4{ width: 100px; height: 2px; background: #a1cc3f; margin: 0 auto 50px;}
.worth-text{ width: 242px; height: 102px; line-height: 25px; font-size: 16px; background: url(/WebContents/images/worth.png) no-repeat; float: left;margin-right: 20px; padding: 25px 30px; box-sizing: border-box;}
.worth-text:last-child{ margin: 0; padding: 35px 30px;}
.worth-text1{ width: 242px; height: 102px; line-height: 25px; font-size: 16px; background: url(/WebContents/images/worth.png) no-repeat; float: left;margin-right: 20px; padding: 10px 30px; box-sizing: border-box;}


/*变频改造*/
.conversion{ width: 100%; height: auto; overflow: hidden;}
.conversion h3{ width: 115px; height: 30px; line-height: 30px; text-align: center; color: #83ba3b; font-size: 16px; margin: 0 auto; background: #fff; position: relative; z-index: 20;}
.conversion h4{ width: 270px; height: 2px; background: #83ba3b; margin: -15px auto 30px;  z-index: 10;}
.conversion-text{ width: 100%; height: auto; line-height: 23px; text-align: center; font-size: 13px; color: #4b4b4b; margin-bottom: 30px;}
.conversion h5{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color:#83ba3b; font-weight: normal;margin-bottom: 40px;}
.conversion-img{ width: 415px; height: 415px; float: left; margin-left: 70px;}
.conversion-dl{ width: 520px; height: auto; overflow: hidden; float: right; margin-top: 20px;}
.conversion-dl-text{ width: 520px; height: auto; overflow: hidden; margin-bottom: 30px;}
.conversion-dl-text em{ width: 20px; float: left; height: 20px; display: block; text-align: center; line-height: 20px; color: #fff; font-size: 12px; border-radius: 50%; background: #83ba3b;}
.conversion-dl-text span{ width: 490px; height: auto; line-height: 23px; float: right; color: #282828; font-size: 12px;}


/*电机能效提升*/

.efficiency{ width: 860px; height: auto; overflow: hidden; margin: 0 auto 60px;}
.efficiency h3{ width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 24px; color: #4b4b4b; font-weight: normal;}
.efficiency h3 em{ color: #83ba3b;}
.efficiency h4{ width: 100%; height: 30px; line-height: 30px; text-align: center; color: #4b4b4b; font-size: 13px;font-weight: normal; margin-bottom: 40px;}
.efficiency-lb{ width: 236px; height: auto; overflow: hidden; float: left; margin-right: 65px;}
.efficiency-lb:last-child{ margin: 0;}
.efficiency-lb b{ width: 236px; height: 236px; margin-bottom: 10px; display: block;}
.efficiency-lb h5{ width:20px; height: 30px; background: #fff; font-size: 18px; text-align: center; line-height: 30px; position: relative; z-index: 20; margin: 0 auto;}
.efficiency-lb h6{ width: 55px; height: 2px; background:#83ba3b; z-index: 10; margin: -15px auto 10px;}
.efficiency-lb em{ width: 236px; height:auto; line-height: 20px; font-size: 13px; color: #4b4b4b; text-align: center; display: block;}


.motor{ width: 100%; height: auto; overflow: hidden; background: #f7f7f7; border-top: 5px solid #83ba3b; padding: 30px 45px 50px; box-sizing: border-box; }
.motor h3{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-weight: normal; color:#83ba3b; font-size: 18px;margin-bottom: 15px;}
.motor h4{ width: 100%; height: auto; line-height: 25px; text-align: center; font-weight: normal; color: #3e3e3e; font-size: 14px; margin-bottom: 30px;}
.motor-img{ width: 473px; height: 264px; float: left; border: 5px solid #d8d8d8;}
.motor-img img{ width: 473px; height: 264px;}
.motor-text{ width: 480px; height: auto; overflow: hidden; float: right;margin-bottom: 20px;}
.motor-text h5{ width: 90px; height: 30px; background: #83ba3b; line-height: 30px; text-align: center; font-size: 16px; font-weight: normal; color: #fff; margin-bottom: 20px;}
.motor-text b{ width: atuo; height: auto; line-height: 25px; background: url(/WebContents/images/motor_b.png) left 7px no-repeat; font-size: 14px; color: #4b4b4b; padding-left: 12px; display: block; font-weight: normal;}
.motor .motor-text:last-child{ margin: 0; }


.chart{ width:100%; height: auto; margin: 65px 0; overflow: hidden;}
.chart h3{ width: 250px; height: 45px; background: #83ba3b; color: #fff; font-size: 24px; text-align: center; line-height: 45px; margin: 0 auto 15px; font-weight: normal;}
.chart h4{ width: 100%; height: auto; line-height: 25px; text-align: center; color: #4b4b4b; font-weight: normal; margin-bottom: 50px;}
.chart-bg{ width: 950px; height:28px; background: url(/WebContents/images/chart-bg.png); margin: 0 auto 10px;}
.chart-circle{ width: 103px; height: 103px; border: 1px solid #619221; background: #83ba3b; color: #fff; border-radius: 50%; float: left; margin-right: 16px;}
.chart-circle:last-child{ margin: 0;}
.chart-circle b{ width: 100%; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 24px; display: block; margin-top: 15px;}
.chart-circle em{ width: 100%; height:auto; line-height: 22px; color: #fff; font-size: 14px; display: block; text-align: center;}

.saving{ width: 100%; height: auto; overflow: hidden;}
.saving h3{ width: 325px; height: 35px; line-height: 35px; text-align: center; color: #83ba3b; font-size: 24px; font-weight: normal; background: #fff; margin: 0 auto; position: relative;z-index: 20;}
.saving-text{ width: 100%; height: auto; overflow: hidden; border: 1px solid #83ba3b; margin: -17px auto 0; padding:40px 75px; z-index: 10; box-sizing: border-box;}


/*注塑机节能改造*/

.molding{ width: 95%; height: auto; overflow: hidden; margin:0 auto ;}
.molding h3{ width: 100%; height: 30px; text-align: center; line-height: 30px; color: #4b4b4b; font-size: 20px; margin-bottom: 10px;}
.molding h4{ width: 100px; height: 2px; background: #a1cc3f; margin:0 auto 25px; }
.molding h5{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 20px; color: #4b4b4b; font-weight: normal;}
.molding-img{ width: 100%; height: auto; padding: 60px 0; overflow: hidden;}
.molding-img img{ width: 256px; height: 295px; float: left; margin-left: 50px; margin-right: 32px;}
.molding-img img:nth-child(2){ float: left; margin-left: 60px;}
.molding-img img:last-child{ float: right;}

/*余热回收*/
.waste{ width: 1080px; height: auto; overflow: hidden; padding: 30px 20px; margin: 0 auto 60px;  box-sizing: border-box;  -webkit-box-shadow:0 10px 10px #d2d2d2;-moz-box-shadow:0 10px 10px #d2d2d2;   box-shadow:0 10px 10px #d2d2d2 }
.waste-img{ width: 418px; height: auto; padding: 5px; border: 1px solid #ccc; float: left;}
.waste-img img{border: 1px solid #ccc;}
.waste-title{ width:585px; height: 45px; line-height: 45px; background: url(/WebContents/images/waste_title.jpg) left center no-repeat; color: #84ba3e; font-size: 20px; text-indent: 2.5em; float: right;} 
.waste-text{ width: 585px; height: auto; overflow: hidden; float: right; line-height: 25px; color: #575757;font-size: 16px; line-height: 30px; text-indent: 2em;}
.waste-text1{ width: 585px; height: auto; overflow: hidden; float: right; line-height: 35px; color: #575757;font-size: 16px; line-height: 30px; margin-top: 30px;}

.heat{ width:1080px; height: auto; overflow: hidden; margin: 0 auto 40px;}
.heat-title{ width: 115px; height: 40px; background: #84ba3e; line-height: 40px; text-align: center; font-size: 18px; color:#fff; margin-left: 10px; margin-bottom: 10px;}
.heat-text{ width: 100%; height: 40px; line-height: 40px; color: #575757; font-size: 18px;}

.recovery{ width: 820px; height: auto; overflow: hidden; margin: 0 auto;}
.recovery h3{ width: 100%; height: 35px; line-height: 35px; text-align: center; color: #84ba3e; font-size: 18px; margin-bottom: 40px;}
.recovery-detail{ width: 350px; height: auto; background: #f7f7f7; padding: 20px; float: left;}
.recovery-detail:last-child{ float: right;}
.recovery-detail h4{ width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #84ba3e; border-bottom: 1px solid #e4e4e4; margin-bottom: 10px;}
.recovery-detail-text{ width: 100%; height: 190px; line-height: 35px; font-size: 18px; color: #575757;}



/*碳核查*/
.carbon{ width:100%; height: auto; overflow: hidden;}
.carbon h3{ width: 90px; height: 30px; line-height: 30px; text-align: center; font-size: 24px; color: #7db641; font-weight: normal; margin: 0 auto; position: relative; z-index: 20; background: #fff;}
.carbon h4{ width: 100%; height: 1px; background: #7db641; z-index: 10; margin-top: -15px;}

/*节能自查*/
.audits{ width:100%; height: auto; overflow: hidden;}
.audits h3{ width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 24px; color: #7db641; font-weight: normal; margin: 0 auto; position: relative; z-index: 20; background: #fff;}
.audits h4{ width: 100%; height: 1px; background: #7db641; z-index: 10; margin-top: -15px;}


/*节能诊断*/
.diagnosis{ width:100%; height: auto; overflow: hidden;}
.diagnosis h3{ width: 240px; height: 30px; line-height: 30px; text-align: center; font-size: 24px; color: #7db641; font-weight: normal; margin: 0 auto; position: relative; z-index: 20; background: #fff;}
.diagnosis h4{ width: 100%; height: 1px; background: #7db641; z-index: 10; margin-top: -15px;}



/*能管体系*/


.establish{ width: 100%; height: auto; overflow: hidden; margin: 0 auto 50px;}
.establish h5{ width: 85px; height: 40px; line-height: 40px; text-align: center; font-weight: normal; font-size: 18px; color: #83ba3b; border-top: 1px solid #83ba3b;border-bottom: 1px solid #83ba3b; margin: 0 auto 30px;}
.establish ul{}
.establish ul li{ width: 102px; height: 102px; overflow: hidden; float: left; padding-right: 38px; background: url(/WebContents/images/establish_li.png) right center no-repeat; margin-right: 9px;}
.establish ul li:last-child{ margin: 0; padding: 0;}
.establish-text{ width: 102px; height: 102px; border: 5px solid #daeac4; background: #83ba3b; border-radius: 50%; box-sizing: border-box;}
.establish-text em{ margin-top: 15px; height: 25px; line-height: 25px; text-align: center; font-size: 18px; color: #fff; display: block; width: 100%;}
.establish-text span{ width: 100%; height: auto; line-height: 20px; text-align: center; font-size: 14px; color: #fff; display: block;}




.lj{ width: 100%; height: 30px; line-height: 30px; margin-top: 30px; font-size: 16px; color: #78b43d;}






/*关于我们*/
.about-detail{ width: 100%; height: auto; overflow: hidden;}
.about-detail-text{ width: 600px; height: auto; float: left;}
.about-detail-img{ width: 500px; float: right;}
.about-detail-img img{ max-width: 100%;}

.molding-right{ width: 350px; height: auto; float: right;}
.molding-left{ float: left; width: 600px; overflow: hidden;}
.molding-left p{ text-indent: 2em;}


/*交易规则*/

.rules{ width: 100%; height: auto; overflow: hidden; padding: 80px 0 20px;}
.rules h1{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 30px; font-weight: normal; color: #808080;}
.rules h2{ width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #282828; border-bottom: 1px solid #b5b5b5; padding-bottom: 20px;}
.rules h2 em{ color: #269f3a;}
.rules h3{ width: 145px; height: 3px; background: #269f3a; margin: -2px auto 0;}
.rules ul{ width: 1200px; height: auto; margin: 50px auto 0px; overflow: hidden;}
.rules ul li{ width: 300px; height: 277px; float: left; position: relative; cursor: pointer; overflow: hidden;}
.rules ul li .rules-img{ width: 300px; height: 277px; z-index: 10;overflow: hidden;}
.rules ul li .rules-text{ width: 270px; height: auto; padding: 10px 15px 20px; overflow: hidden; z-index: 0; position: absolute; bottom: 0px; line-height: 27px; font-size: 14px;}
.rules ul li:first-child .rules-text{ background-color:rgba(0,0,0,0.5); color: #fff;}
.rules ul li:nth-child(3) .rules-text{ background-color:rgba(0,0,0,0.5); color: #fff;}
.rules ul li:nth-child(6) .rules-text{ background-color:rgba(0,0,0,0.5); color: #fff;}
.rules ul li:nth-child(8) .rules-text{ background-color:rgba(0,0,0,0.5); color: #fff;}

.rules ul li:nth-child(2) .rules-img img{ opacity: 0.15;}
.rules ul li:nth-child(3) .rules-img img{ opacity: 1;}
.rules ul li:nth-child(4) .rules-img img{ opacity: 0.15;}
.rules ul li:nth-child(5) .rules-img img{ opacity: 0.15;}
.rules ul li:nth-child(6) .rules-img img{ opacity: 1;}
.rules ul li:nth-child(7) .rules-img img{ opacity: 0.15;}
.rules ul li:nth-child(8) .rules-img img{ opacity: 1;}


.rules ul li:hover:first-child .rules-text{ background: none; color: #000; transition:all 1s;}
.rules ul li:hover:first-child .rules-img img{ opacity: 0.15;-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1); transition:all 1s;}
.rules ul li:hover:nth-child(3) .rules-text{ background: none; color: #000; transition:all 1s;}
.rules ul li:hover:nth-child(3) .rules-img img{ opacity: 0.15; -webkit-filter: grayscale(1);filter:gray;filter: grayscale(1); transition:all 1s;}
.rules ul li:hover:nth-child(6) .rules-text{ background: none; color: #000; transition:all 1s;}
.rules ul li:hover:nth-child(6) .rules-img img{ opacity: 0.15; -webkit-filter: grayscale(1);filter:gray;filter: grayscale(1); transition:all 1s;}
.rules ul li:hover:nth-child(8) .rules-text{ background: none; color: #000; transition:all 1s;}
.rules ul li:hover:nth-child(8) .rules-img img{opacity: 0.15; -webkit-filter: grayscale(1);filter:gray;filter: grayscale(1); transition:all 1s;}

.rules ul li:hover:nth-child(2) .rules-text{ background-color:rgba(0,0,0,0.5); color: #fff; transition:all 1s;}
.rules ul li:hover:nth-child(2) .rules-img img{ opacity: 1; transition:all 1s;}
.rules ul li:hover:nth-child(4) .rules-text{ background-color:rgba(0,0,0,0.5); color: #fff; transition:all 1s;}
.rules ul li:hover:nth-child(4) .rules-img img{ opacity: 1; transition:all 1s;}
.rules ul li:hover:nth-child(5) .rules-text{ background-color:rgba(0,0,0,0.5); color: #fff; transition:all 1s;}
.rules ul li:hover:nth-child(5) .rules-img img{ opacity: 1; transition:all 1s;}
.rules ul li:hover:nth-child(7) .rules-text{ background-color:rgba(0,0,0,0.5); color: #fff; transition:all 1s;}
.rules ul li:hover:nth-child(7) .rules-img img{ opacity: 1; transition:all 1s;}

/*销售方式*/
.sales{ width: 100%; height: 540px; background: url(/WebContents/images/background/sales.jpg) center no-repeat; overflow: hidden;}
.sales-center{ width: 1020px; height: 420px; margin: 0 auto; background-color:rgba(0,0,0,0.5); padding: 60px 90px;}
.sales h1{ width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; float: left;}
.sales h2{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 27px; color: #fff;float: left; margin-bottom: 60px;}
.sales ul{}
.sales ul li{ width: 270px; height: auto; overflow: hidden; float: left; margin-right: 105px;}
.sales ul li:nth-child(3){ float: right; margin: 0;}
.sales ul li .sales-img{ width: 135px; height: 135px;text-align: center; border-radius: 50%; border: 1px solid #fff; margin: 0 auto 35px;}
.sales ul li .sales-img:hover{ transition:all 1s; transform: rotateY(360deg); -webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);	cursor:pointer;}
.sales ul li .sales-img img{ margin-top: 22px;}
.sales ul li:nth-child(3) .sales-img img{ margin-top: 30px;}
.sales ul li .sales-text{ width: 270px; height: auto; line-height: 35px; font-size: 16px; color: #fff; text-align: center;}