@charset "utf-8";
/*common*/
* {
    margin:0;
    padding:0;
}
html,body {
    width:100%;
    height:100%;
}
div {
    margin:0 auto;
}
a:link {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout:none;
    text-decoration:none;
}
body {
    font:15px/1.5"Microsoft Yahei","Arial";
    color:#333;
    -webkit-text-size-adjust:100%;
    color:#333;
    background:#fff;
}
img {
    border:0px;
}
input,textarea,select {
    font:12px/1.5"Microsoft Yahei","Thoma","Arial";
    color:#222;
    outline:0;
}
textarea {
    resize:none;
    overflow:auto;
}
ul,ol {
    list-style-type:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
.clearfix {
    clear:both;
    display:block;
}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.container {
    margin:0 auto;
    background-color:rgba(255,255,255,1);
    padding:60px 0;
}
ul,li,dl,dd,dt {
    text-decoration:none;
    list-style:none;
    margin:0;
    padding:0;
}
.box {
    margin:0 20px;
    border-radius:8px;
    background:#FFFFFF;
}
a {
    outline:none;
}
a:active {
    star:expression(this.onfocus=this.blur());
}
a:link,a:visited {
    color:#333;
    text-decoration:none;
}
a:hover {
    color:#42BD55;
    text-decoration:none;
}
img {
    border:none;
}
.per100 {
    width:100%;
}
.per100 img {
    width:100%;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.clear {
    clear:both;
}
.black {
    color:#000000;
}
.gray {
    color:#999999;
}
.white {
    color:#ffffff;
}
.blue {
    color:#3377ff;
}
.bold{
    font-weight:bold;
}
h5 {
    font-size:20px;
    font-weight:600;
    margin-bottom:30px;
}
h6 {
    font-size:26px;
    font-weight:500;
    margin-bottom:10px;
}
.line {
    width:110px;
    height:2px;
    background:#42BD55;
    margin:0 auto;
}
.lineGreen{

    height: 4px;
    background: #42BD55;
}
.title {
    font-size:28px;
    font-weight:bold;
    line-height:60px;
    height:60px;
    text-align:center;
}
.descrip {
    font-size:22px;
    line-height:30px;
    margin-bottom:20px;
}
.txtleft {
    text-align:left;
}
.txtright {
    text-align:right;
}
.txtcenter {
    text-align:center;
}
.auto {
    margin:0 auto;
}
.noAuto{
    margin:0 0 0 0;
}
.mrgtop {
    margin-top:30px;
}
.mrgtop2 {
    margin-top:60px;
}
.mrgRight {
    margin-right:270px;
}
.padAuto{
    padding-left:30px;
    padding-right:30px;
}
.padbottom{
	padding-bottom:60px;
}
#map {
    width:1200px;
    height:512px;
    margin-bottom:30px;
}
.ktext {
    width:442px;
    background:url(../images/solution_img_03.png) center top no-repeat;
}
.w1200 {
    width:1200px;
}
.w1120{
    width:1120px;
}
.w900{
	width:900px;
}
.topbox {
    width:100%;
}
.top {
    width:1200px;
}
.logo {
    height:60px;
    margin-top:15px;
    margin-left:8px;
}
.toprnav {
    width:860px;
    margin-top:20px;
    margin-left:23px;
    height:60px;
}
.toprnav ul {
    border-radius:10px;
    line-height:56px;
    display:inline-table;
    position:relative;
}
.toprnav ul li {
    font-size:16px;
    margin:0 26px;
    text-align:center;
    float:left;
}
.toprnav ul::after {
    content:"";
    display:block;
    clear:both;
}
.toprnav ul li a {
    display:block;
    text-decoration:none;
}
.toprnav ul li a.on {
    border-bottom:4px solid #42BD55;
    color:#42BD55;
}
.toprnav ul li:hover > ul {
    display:block;
}
.toprnav ul li a:hover {
    border-bottom:4px solid #42BD55;
    color:#42BD55;
}
.toprnav ul>li {
    position:relative;
}
.toprnav ul li a:hover a {
    color:#333;
}
.toprnav ul ul {
	display:none;
    z-index:999999;
    background:#fff;
    box-shadow:0px 3px 6px #ccc;
    border-radius:0;
    position:absolute;
    top:60px;
    left:-40px;
}
/*filter:alpha(opacity:98);
    opacity:0.98;
    -moz-opacity:0.98;
    -khtml-opacity:0.98;
    */
.toprnav ul ul li {
    float:none;
    font-size:14px;
    width:140px;
    margin:0;
}
.toprnav ul ul li a {
    color:#333;
    border-bottom:1px solid #eee;
}
.toprnav ul li ul li a:hover {
    border-bottom:1px solid #42BD55;
    color:#42BD55;
}
.banner {
    width:100%;
    margin-top:85px;
    overflow:hidden;
}
.subbanner {
    width:100%;
    overflow:hidden;
}
.topCont{
    width: 1200px;
    height: 150px;
    color: #4E5853;
    margin-top:90px;
}
.topCont .subtitle{
    font-size:32px;
    margin-left:130px;
    margin-top:40px;
    font-weight:bold;
}
.first .topCont .subtitle,.third .topCont .subtitle,.fourth .topCont .subtitle,.homeProduct .topCont,.electricShow .topCont{
    font-size:32px;
    margin-left:70px;
    margin-top:45px;
    font-weight:bold;
}
.submenu{
	height:100px;
	background:#42bd55;
}
.submenu li{
	width:33.3%;
	height:100px;
	line-height:100px;
	text-align:center;
	float:left;
	font-size:24px;
	font-weight:400;
	color:#fff;
}
.submenu li a{
	display:block;
	color:#fff;
}
.submenu li.l1{
	background:url(../images/first/solution_icon_01@2x.png) 90px center no-repeat;
}
.submenu li.l2{
	background:url(../images/first/solution_icon_02@2x.png) 80px center no-repeat;
}
.submenu li.l3{
	background:url(../images/first/solution_icon_03@2x.png) 70px center no-repeat;
}
.submenu li.on{
	background-color:#23a637;
}
.footer {
    font-size:18px;
    height:60px;
    background:rgba(46,67,102,1);
    padding:30px 0 0 0;
    color:rgba(159,178,210,1);
}
.footer a {
    color:rgba(159,178,210,1);
    margin-left:20px;
}
/*common*/
/*index*/
.bList .bCon {
    width:100%;
    float:left;
    position:relative;
}
#slide_02 .bCon{
    float:left;
    width:600px;
    height:340px;
}
.bList .bCon img {
    width:100%;
    display:block;
}
.bBtn {
    width:100%;
    padding:6px 0;
    position:absolute;
    left:0;
    bottom:0;
    text-align:center;
    z-index:3;
    background:#000000;
}
.bBtn span {
    z-index:999;
    width:5px;
    height:5px;
    display:inline-block;
    overflow:hidden;
    margin:0px 3px;
    cursor:pointer;
    background:#FFFFFF;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -o-border-radius:100%;
}
.bBtn span.current {
    background-color:#2d93ff;
}
.detail {
    width:140px;
    height:50px;
    line-height:50px;
}
.detail a {
    color:#FFFFFF;
    background:#42BD55;
    /*#f3c300;
    */
    display:block;
    border-radius:26px;
}
.detail a:hover {
    background:#429955;
    transition:all ease 0.5s;
}
/*.slideGroup{
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 200px;
    display: flex;
    align-items: center;
}*/
#quotSlide{
	position: relative;
	z-index:0;
    overflow:hidden;
    width:1200px;
    height:366px;
    background: #FFFFFF;
    margin: 0 auto;
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
}
.slidePic {
    position: relative;
    width: 100%;
    height: 270px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.slidePic > .imgs {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    width: 4800px;
    list-style: none;
}
.slidePic > .imgs li {
    float: left;
    margin: 0;
    padding: 0;
    width: 1200px;
  }
.slidePic > .imgs > li img {
    width: 100%;
    height: 100%;
  }

.slidePic > .dots {
    position: absolute;
    right: 10px;
    bottom: 10px;
    list-style: none;
  }
.slidePic > .dots li {
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    margin-left: 10px;
    cursor: pointer;
}
.slidePic li {
    display: flex;
    align-items: center;
}
.slidePic li.quiet {
    display: none;
}
.btns span{
	cursor:pointer;
	top:45%;
}
.btns .left {
	position: absolute;
    left: 0px;
}
.btns .right {
	position: absolute;
    right: 0px;
}
.swiper_wrap {
    border: 1px solid black;
}
.swiper_child {
    width: 100%;
    margin: 0 auto;
    height: 200px;
    border: 1px solid yellowgreen;
    padding: 20px;
    border-top: 3px solid #42bd55;
    display: flex;
    align-items: center;
}


.hbfk{
    background:url(../images/first/first_img_02@2x.png) center center no-repeat;
    height:790px;
}
.hbfk .subTitle{
    font-size: 42px;
    font-weight: 400;
    color: #FFF266;
    padding-top:60px;
}
.hbfk .subTitle2{
    font-size: 46px;
    color: #FFFFFF;
    font-weight:bold;
}
.hbfk .exampleTitle{
    width: 160px;
    height: 50px;
    line-height:50px;
    background: #FFFFFF;
    border-radius: 3px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    font-size: 24px;
    font-weight:bold;
    text-align:center;
    color: #2CAE5A;
}
.borderNoBg{
    width: 710px;
    height: 160px;
    background: #3CB369;
    border: 2px solid #E1FFBB;
    border-radius: 8px;
    border-top-left-radius:0;
}
.borderNoBg .title2{
    font-size: 20px;
    font-weight: bold;
    color: #F2FFE2;
}
.borderNoBg .descrip2{
    font-size: 16px;
    color: #F2FFE2;
    margin-top:20px;
}
.borderBg{
    width: 710px;
    height: 220px;
    background: #E1FFBB;
    border: 2px solid #E1FFBB;
    border-radius: 8px;
}
.borderBg .title2{
    font-size: 20px;
    font-weight: bold;
    color: #1B8C4A;
}
.borderBg .descrip2{
    font-size:16px;
    color: #667059;
    margin-top:20px;
}
.hyjh{
    background:url(../images/first/first_img_03@2x.png) center top no-repeat;
    height:770px;
    position:relative;
}
.hyjh .subTitle{
    width: 780px;
    height: 40px;
    padding-top:150px;
    font-size: 42px;
    font-weight: 400;
    color: #283A43;
    text-align:center;
}
.hyjh .subTitle2{
    font-size: 46px;
    font-weight: bold;
    color: #16903E;
    text-align:center;
}
.hyjh .descrip{
    width: 1200px;
    height: 60px;
    line-height:60px;
    background: #3DAC4F;
    border-radius: 30px;
    font-size:20px;
    font-weight: bold;
    color: #FFFFFF;
    text-align:center;
}
.hyjh .border{
    width:890px;
    font-weight: 400;
    color: #484848;
    position:absolute;
    font-size:20px;
    line-height:36px;
    top:540px;
    left:600px;
}
.hyjh .pinbo{
    position:absolute;
    top:500px;
    left:0;
}
.shiye{
    position:relative;
}
.fourList li{
    width:590px;
    float:left;  
}
.fourList li.l1{}
.fourList li.l2{
    position:absolute;
    right:0;
    top:140px;
    height: 280px;
    background: #FFFFFF;
    box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.13);
}
.fourList li.l2 .title{
    font-weight: bold;
    color: #666666;
    line-height: 36px;
    font-size:30px;
    padding:30px 0;
}
.fourList li.l2 .intro{
    font-weight: bold;
    color: #2E993F;
    font-size:20px;
    margin-top:20px;
}
.fourList .type{
    margin-top:20px;
}
.type li{
    float:left;
    width: 120px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:18px;
    margin-left:15px;
    font-size:20px;
    font-weight:bold;
    color:#FFFFFF;
}
.type .type1{
    background: #4086BC;
    margin-left:0;
}
.type .type2{
    background: #E40550;
}
.type .type3{
    background: #32B16C;
}
.type .type4{
    background: #727272;
}
.fourList li.l3,.fourList li.l4{
    height: 220px;
    margin-top:20px;
    padding-top:50px;
}
.fourList li.l3{
    background:#F4F4F4 url(../images/first/first_img_06@2x.png) 360px center no-repeat;
}
.fourList li.l4{
    margin-left:20px;
    background:#F4F4F4 url(../images/first/first_img_07@2x.png) 360px center no-repeat;
}
.fourList li.l3 .intro,.fourList li.l4 .intro{
    font-size: 18px;
    color: #696969;
    width:286px;
    padding-left:30px;
}
.fourList li.l3 img,.fourList li.l4 img{
    float:right;
    width:200px;
}
.situation .bigTitle{
    height: 40px;
    font-size: 40px;
    font-weight: 400;
    color: #333333;
    text-align:center;
}
/*.situation .first .topCont{
    background:url(../images/first/first_icon_03@2x.png) left center no-repeat;
    padding-left:60px;
    height:60px;
    font-size:32px;
    font-weight:bold;
    color: #4E5853;
    margin-top:90px;
}*/
/*.situation .first .subtitle em{
    width: 337px;
    height: 14px;
    font-size: 18px;
    font-weight: 400;
    color: #AEBCB5;
    line-height: 29px;
    display:block;
    font-style:normal;
    text-transform:capitalize;
}*/
.threeType li{
    width: 340px;
    height: 380px;
    background: #FFFFFF;
    box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.1);
    margin-left:30px;
    padding:20px;
    float:left;
}
.threeType li:nth-child(1){
    margin-left:0;
}
.threeType .title{
    font-size:28px;
    color: #222222;
    line-height:40px;
    font-weight:400;
}
.threeType .intro{
    font-size:16px;
    color: #888888;
    line-height: 28px;
    padding-top:30px;
}
.threeType .l1{
    background:url(../images/first/first_img_08@2x.png) center bottom no-repeat;
}
.threeType .l2{
    background:url(../images/first/first_img_09@2x.png) center bottom no-repeat;
}
.threeType .l3{
    background:url(../images/first/first_img_10@2x.png) center bottom no-repeat;
}
.first .border{
    width: 1050px;
    height: 54px;
    line-height:54px;
    background: #42BD55;
    border-radius: 10px;
    font-size:18px;
    font-weight: bold;
    color: #FFFFFF;
    text-align:center;
}

.first .topCont{
    background:url(../images/first/first_icon_03@2x.png) left center no-repeat;
}
.second .topCont{
    background:#E5F7D2 url(../images/first/first_icon_04@2x.png) 60px center no-repeat;
}
.third .topCont{
    background:url(../images/first/first_icon_09@2x.png) left center no-repeat;
}
.fourth .topCont{
    background:url(../images/first/first_icon_14@2x.png) left center no-repeat;
}

/*common-topCont*/
.topCont .intro{
    margin-top:55px;
    margin-left:60px;
    width:600px;
}
.third .topCont .intro{
    width:460px;
}
.subtitle em{
    height: 14px;
    font-size: 18px;
    font-weight: 400;
    color: #AEBCB5;
    line-height: 29px;
    display:block;
    font-style:normal;
    text-transform:capitalize;
}
.topCont .oneWidth{
    width: 1px;
    height: 62px;
    background: #A8CE7D;
    margin-top:45px;
    margin-left:60px;
}
.second .bigTitle{
    font-weight: bold;
    color: #4E5853;
    font-size:42px;
    margin-top:30px;
}
.threeState li{
    width: 310px;
    height: 310px;
    border-radius: 50%;
    float:left;
}
.threeState .l1{
    background:#52B870 url(../images/first/first_icon_05@2x.png) center 200px no-repeat;
}
.threeState .l2,.threeState .l4{
    width:130px;
    background:url(../images/first/first_icon_08@2x.png) center center no-repeat;
}
.threeState .l3{
    background:#F1965F url(../images/first/first_icon_06@2x.png) center 200px no-repeat;
}
.threeState .l5{
    background:#3AB5D5 url(../images/first/first_icon_07@2x.png) center 200px no-repeat;
}
.threeState .top{
    width:310px;
    font-size:34px;
    font-weight: bold;
    color: #FFFFFF;
    text-align:center;
    padding-top:90px;
}
.threeState .bottom{
    font-size:22px;
    font-weight:400;
    color:#FFFFFF;
    text-align:center;
}
.threeState .border{
    font-size:18px;
    font-weight: bold;
    color: #42BD55;
    width: 1050px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #42BD55;
    text-align:center;
}
.twoCharact{
    font-size: 40px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 90px;
    text-align:center;
}
.advance{
    width:520px;
    height: 90px;
    background: #42BD55;
}
.weakness{
    width:680px;
    height: 90px;
    background: #DCDCDC;
    color:#666666;
}
.threeAdvance {
    width: 518px;
    height: 370px;
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
}
.threeAdvance li{
    width:360px;
    height:80px;
    margin-top:25px;
    font-size:24px;
    margin:30px auto 0 auto;
    font-weight: 400;
    color: #1F9331;
    line-height:80px;
    text-indent:20px;
}
.threeAdvance li.l1{
    background:#E6EEE7 url(../images/first/first_icon_11@2x.png) 30px center no-repeat;
}
.threeAdvance li.l2{
    background:#E6EEE7 url(../images/first/first_icon_12@2x.png) 30px center no-repeat;
}
.threeAdvance li.l3{
    background:#E6EEE7 url(../images/first/first_icon_13@2x.png) 30px center no-repeat;
}
.twoWeakness{
    width:678px;
    height:330px;
    text-align:left;
    border: 1px solid #E3E3E3;
    border-left:0;
    padding-top:40px;
}
.twoWeakness li{
    font-size: 30px;
    font-weight: bold;
    color: #42BD55;
    line-height: 68px;
    padding-left:30px;
}
/*.twoWeakness li .icon{
    width: 14px;
    height: 14px;
    background: #42BD55;
    border-radius: 50%;
}*/
.twoWeakness li .cont{
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    display:block;
    width:620px;
}
.fourth{
    height: 900px;
    background: #F5F5F5;
}
.fourth .threeCont {
    width: 1200px;
    height: 470px;
    background: #FFFFFF;
}
.threeCont li{
    width:364px;
    margin-left:26px;
    margin-top:24px;
    float:left;
    font-size:28px;
    font-weight:bold;
    text-align:center;
    padding-top:280px;
}
.threeCont li.l1{
    background:url(../images/first/first_img_11@2x.png) top center no-repeat;
}
.threeCont li.l2{
    background:url(../images/first/first_img_12@2x.png) top center no-repeat;
}
.threeCont li.l3{
    background:url(../images/first/first_img_13@2x.png) top center no-repeat;
}
.threeCont li span{
    font-size:22px;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    display:block;
}
.fifth{
    background:url(../images/first/first_img_15@2x.png) center center no-repeat;
    height:888px;
}
.fifth .bigTitle{
    font-size:40px;
    font-weight: 400;
    color: #333333;
    text-align: center;
    padding-top:60px;
}
.fifth .cont{
    height: 600px;
    padding:30px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(157, 161, 145, 0.29);
    position:relative;
}
.fifth .cont ul{
    width:740px;
}
.fifth .cont li{
    padding:15px;
    font-size:18px;
}
.fifth .cont li span{
    width: 12px;
    height: 12px;
    background: #42BD55;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    display:inline-table;
    margin-right:30px;
}
.fifth .floatImg{
    position:absolute;
    top:90px;
    right:-20px;
}
.fifth .floatImg img{
    height:450px;
    width:308px;
}
.indexNew {
    background:#F5F5F5;
}
.newList ul {
    width:86%;
    margin:50px auto 0 auto;
}
.newList li {
    width:320px;
    height:320px;
    background: #FFFFFF;
    float:left;
    margin-left:20px;
    margin-bottom:20px;
    border:1px solid #E4E4E4;
    box-shadow:0px 2px 20px 0px rgba(219,225,233,0.49);
}
.newList li img {
    width:300px;
    height:170px;
    padding-top:10px;
}
.newList li .listTitle {
    font-size:22px;
    font-weight:400;
    color:#191919;
    line-height:32px;
    padding:0 10px;
}
.newList .listIntro,.newList .listDate {
    font-size:16px;
    font-weight:400;
    color:#999999;
    line-height:30px;
    padding:0 10px;
}
/*index*/
/*public*/
.publicProduct{
    background: #F5F5F5;
}
.publicProduct .topCont{
    background:url(../images/first/garbage_bin_02@2x.png) left center no-repeat;
    margin-top:0;
}
.publicProduct .topCont .subtitle{
    font-size:32px;
    margin-left:70px;
    margin-top:45px;
    font-weight:bold;
}
.publicProduct .bigTitle{
    font-size:32px;
    font-weight: 400;
    color: #333333;
    line-height: 46px;
    text-align:center;
}
.publicSketch .line{
    width: 1050px;
    height: 1px;
    margin:60px auto;
}
.publicSketch .smallTitle{
    font-size:38px;
    text-indent:2em;
}
.publicSketch .intro{
    width: 990px;
    height: 120px;
    background: #42BD55;
    border-radius: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px;
    padding:25px 30px;
}
.publicSketch .smallTitle span{
    font-size:14px;
    font-family: "Source Han Sans CN",Arial;
    text-transform:uppercase;
    display:block;
    color:#42BD55;
}
.sixLight{
    height:200px;
}
.sixLight li{
    float:left;
    font-size:18px;
    width:110px;
    height:110px;
    line-height:260px;
    margin-left:100px;
    text-align:center;
}
.sixLight li:nth-child(1){
    margin-left:20px;
}
.sixLight li.l1{
    background:url(../images/first/garbage_bin_03@2x.png) center center no-repeat;
}
.sixLight li.l2{
    background:url(../images/first/garbage_bin_04@2x.png) center center no-repeat;
}
.sixLight li.l3{
    background:url(../images/first/garbage_bin_05@2x.png) center center no-repeat;
}
.sixLight li.l4{
    background:url(../images/first/garbage_bin_06@2x.png) center center no-repeat;
}
.sixLight li.l5{
    background:url(../images/first/garbage_bin_07@2x.png) center center no-repeat;
}
.sixLight li.l6{
    background:url(../images/first/garbage_bin_07_2.png) center center no-repeat;
}
.publicSketch{
    height: 1480px;
    background: #FFFFFF;
    border: 14px solid #C9EFCE;
    padding-top:60px;
}
.publicSketch p{
    margin:60px auto 0 auto;
    text-align:center;
}

.topScene .icon{
    background:url(../images/first/garbage_bin_28@2x.png) center center no-repeat;
    height:56px;
    width:42px;
}
.four.topScene .icon{
    background:url(../images/first/garbage_bin_17@2x.png) center center no-repeat;
    height:56px;
    width:42px;
}
.five.topScene .icon{
    background:url(../images/first/garbage_bin_4@2x.png) center center no-repeat;
    height:56px;
    width:42px;
}
.principle,.features {
    padding:60px 0;
    background:#FFFFFF;
}
.scene{
    background:#FFFFFF;
    padding:60px 0;
}
.topScene .smallTitle{
    font-size:18px;
    font-weight: 400;
    color: #42BD55;
    line-height: 30px;
    opacity: 0.6;
    text-transform:uppercase;
}
.topScene .bigTitle{
    font-size:38px;
    font-weight: 400;
    color: #333333;
    line-height: 50px;
}
.fiveListScene{
    height:560px;
}
.fiveListScene li{
    width:302px;
    height:506px;
    line-height:590px;
    margin-left:12px;
    float:left;
    text-align:center;
    position:relative;
}
.fiveListScene li span{
    display:block;
    position:absolute;
    left:100px;
    bottom:0;
    background:#FFFFFF;
    width:105px;
    height:40px;
    line-height: 40px;
    text-align:center;
    font-weight: bold;
    color: #42BD55;
}
.fiveListScene li.l1{
    background:url(../images/first/garbage_bin_11@2x.jpg) center center no-repeat;
}
.fiveListScene li.l2{
    background:url(../images/first/garbage_bin_12@2x.jpg) center center no-repeat;
}
.fiveListScene li.l3{
    background:url(../images/first/garbage_bin_13@2x.jpg) center center no-repeat;
}
.fiveListScene li.l4{
    background:url(../images/first/garbage_bin_14@2x.jpg) center center no-repeat;
}
.fiveListScene li.l5{
    background:url(../images/first/garbage_bin_15@2x.jpg) center center no-repeat;
}
.fiveListScene li.l6{
    background:url(../images/first/garbage_bin_16@2x.jpg) center center no-repeat;
}
.method .fl{
    width:860px;
}
.method .cont{
    width:1030px;
    height:803px;
    background: #CDDFEF;
}
.method .cont .icon{
    background:url(../images/first/garbage_bin_10@2x.png) 130px center no-repeat;
    padding-top:50px;
    height:56px;
}
.method .cont .smallTitle{
    font-size:18px;
    color: #5C90B9;
    line-height: 30px;
    opacity: 0.6;
    text-transform:uppercase;
    padding-left:60px;
}
.method .cont .bigTitle{
    font-size:38px;
    font-weight: 400;
    color: #333333;
    line-height: 50px;
    padding-left:80px;
    text-align:left;
}
.methodList ul{
    margin-left:60px;
}
.methodList li{
    width:900px;
    height:160px;
    line-height:40px;
    display:block;
    margin-bottom:40px;
    font-size:22px;
    font-weight: 400;
    color: #3F5C73;
}
.methodList li span{
    float:left;
    display:inline-block;
    padding-left:260px;
    height:160px;
    width:350px;
    padding-top:40px;
}
.methodList li.l1 {
    background:url(../images/first/garbage_bin_19@2x.png) left center no-repeat;
}
.methodList li.l2 {
    background:url(../images/first/garbage_bin_20@2x.png) left center no-repeat;
}
.methodList li.l3 {
    background:url(../images/first/garbage_bin_21@2x.png) left center no-repeat;
}
.method .note .w1200{
    height: 140px;
    background: #F2F7FA url(../images/first/garbage_bin_22@2x.png) left center no-repeat;
}
.method .note li{
    width:290px;
    float:left;
    font-size:18px;
    color: #657582;
    text-align:center;
    margin-left:110px;
    padding-top:40px;
}
.method .note li span{
    font-size: 24px;
    display:block;
}
.topMap{
    background: #FFFFFF;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding:70px 0;
}
.fourType li{
    width:294px;
    margin-left:8px;
    float:left;
    padding-bottom:30px;
}
.fourType li:nth-child(1){
    margin-left:0;
}
.fourType li .title{
    padding-top:210px;
    font-weight: bold;
    color: #42BD55;
    line-height: 50px;
}
.fourType li .intro{
    font-weight: 400;
    color: #666666;
    width:90%;
    margin:0 auto;
}
.fourType li.l1{
    background:#FFFFFF url(../images/first/garbage_bin_24@2x.png) center top no-repeat;
}
.fourType li.l2{
    background:#FFFFFF url(../images/first/garbage_bin_25@2x.png) center top no-repeat;
}
.fourType li.l3{
    background:#FFFFFF url(../images/first/garbage_bin_26@2x.png) center top no-repeat;
}
.fourType li.l4{
    background:#FFFFFF url(../images/first/garbage_bin_27@2x.png) center top no-repeat;
}
.feature .bigTitle{
    text-align:center;
    height: 42px;
    line-height:42px;
    font-size: 42px;
    font-weight: bold;
    color: #181719;
}
.basic{
    position:relative;
    height:700px;
}
.attache{
    position:absolute;
    bottom:0px;
    left:220px;
    width:684px;
    height:130px;
    background: #42BD55;
    color:#FFFFFF;
}
.attache .fl{
    font-size:32px;
    font-weight:bold;
    margin-top:20px;
    margin-left:60px;
}
.attache .fl span{
    font-size:20px;
    font-weight:normal;
    display:block;
    margin-top:10px;
}
.attache .lineT{
    width: 1px;
    height: 85px;
    background: #FFFFFF;
    opacity: 0.4;
    vertical-align: middle;
}
.attache .size{
    font-size:18px;
    margin-top:34px;
}
.attache span{
    display:block;
}
.attache span.number{
    font-size:24px;
}
.versionDetail{
    width: 100%;
    height: 1690px;
    background: #F6F7FB;
}
.smartDetail{
    height:1900px;
}
.regularDetail{
    height:1560px;
}
.versionDetail .title{
    height:38px;
    line-height:38px;
    margin-bottom:60px;
}
.versionDetail .title .icon{
    width: 9px;
    height: 38px;
    background: #42BD55;
    border-radius: 5px;
}
.versionDetail .title .green{
    color:#007F3E;
    padding-left:30px;
}
.otherColor .title{
    font-size:42px;
    color:#666666;
    height:130px;
    margin-top:120px;
}
.otherColor .title span{
    font-size:16px;
    display:block;
    font-weight:normal;
    text-align:left;
    text-transform:uppercase;
}
.otherColor .line{
    width: 90px;
    height: 5px;
    background: #42BD55;
    margin:0;
}
/*.featureThree{
    overflow:hidden;
}*/
.featureThree .caption{
    font-size: 36px;
    font-weight: bold;
    color: #32B245;
    background:url(../images/featureIcon_1.png) left center no-repeat;
    height:90px;
    padding-left:60px;
}
.part1 .featureThree .caption{
    background:url(../images/featureIcon_1.png) left center no-repeat;
}
.part2 .featureThree .caption{
    background:url(../images/featureIcon_2.png) left center no-repeat;
}
.part3 .featureThree .caption{
    background:url(../images/featureIcon_3.png) left center no-repeat;
}
.featureThree .line{
    width: 153px;
    height: 1px;
    background: #32B245;
    margin-left:60px;
    margin-bottom:30px;
}
.featureThree .smallTitle{
    font-size: 22px;
    line-height:36px;
    font-weight: 400;
    color: #909191;
    font-family: Arial;
    text-transform:uppercase;
}
.featureThree .intro{
    font-size:26px;
    font-weight: bold;
    padding-left:60px;
}
.featureThree .introDetail{
    padding-left:60px;
    line-height:30px;
}
.featureThree .introDetail span{
    font-weight:bold;
}
.featureThree .customCont{
    width:552px;
    height: 462px;
    background: #32B245;
}
.featureThree .customized{
    width:479px;
    padding-left:60px;
}
.featureThree .fr .border{
    width: 520px;
    height: 436px;
    border: 2px solid #FFFFFF;
    margin-top:10px;
    color:#FFFFFF;
}
.featureThree .border .intro{
    font-size:38px;
    font-weight:bold;
}
.featureThree .border .introDetail{
    font-size:26px;
    font-weight:bold;
    line-height:40px;
    padding-right:90px;
}
.featureThree .introDetail li{
    width: 260px;
    height: 140px;
    float:left;
    margin-right:20px;
    font-size: 24px;
    font-weight: bold;
    color: #231F20;
    line-height: 30px;
    text-align: center;
    padding:130px 40px 0 40px;
}
.featureThree .introDetail li span{
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    display:block;
}
.featureThree .introDetail li:nth-child(1){
    background:#EBEBEC url(../images/add/refuse_img_160.png) center 30px no-repeat;
}
.featureThree .introDetail li:nth-child(2){
    background:#EBEBEC url(../images/add/refuse_img_161.png) center 30px no-repeat;
}
.featureThree .introDetail li:nth-child(3){
    background:#EBEBEC url(../images/add/refuse_img_162.png) center 30px no-repeat;
    margin-right:0;
}
.featureThree .introDetail li.l1:hover{
    cursor:pointer;
    background:#32C660 url(../images/add/refuse_img_160.png) center 30px no-repeat;
    color:#FFFFFF;
}
.featureThree .introDetail li.l2:hover{
    cursor:pointer;
    background:#32C660 url(../images/add/refuse_img_161.png) center 30px no-repeat;
    color:#FFFFFF;
}
.featureThree .introDetail li.l3:hover{
    cursor:pointer;
    background:#32C660 url(../images/add/refuse_img_162.png) center 30px no-repeat;
    color:#FFFFFF;
}
.featureThree .number{
    width: 70px;
    font-size: 50px;
    font-weight: bold;
    font-style: italic;
    color: #BABDC4;
    padding-left:60px;
}
.featureThree .part4 .number{
    width:330px;
    height:46px;
    line-height:46px;
}
.featureThree .part4 .number span{
    font-style:normal;
    padding-left:20px;
    font-size:26px;
    height:46px;
    line-height:46px;
    font-weight: bold;
    color: #58595B;
}
.proFour .intro span{
    color:#007F3E;
    display:block;
}
.proFour .introDetail{
    font-size:18px;
}
.proFour .part1{
    width:380px;
}
.proFour .part2{
    width:390px;
}
.proFour .buttonDetail{
    width: 190px;
    height: 54px;
    line-height:54px;
    background-color: #32B245;
    border-radius: 27px;
    font-size:18px;
    color:#FFFFFF;
    text-align:center;
}
.proFour .buttonDetail a{
    color:#FFFFFF;
    display:block;
    border-radius: 27px;
}
.proFour .buttonDetail a:hover{
    background:linear-gradient(45deg, #326622 10%, #32C660 60%);  
}
.fourTypes {
    padding:0 90px;
}
.fourTypes li{
    float:left;
    width:462px;
    height:288px;
    margin-bottom:8px;
}
.fourTypes li:nth-child(2),.fourTypes li:nth-child(4){
    margin-left:8px;
}
.bgcyan{
    width: 100%;
    height: 1596px;
    background: #F7F7F7;
}
.structureBorder{
    height: 1474px;
    background: #FFFFFF;
    margin-top:60px;
}
.structureBorder .title{
    font-size: 26px;
    font-weight: 400;
    color: #333333;
    background:url(../images/add/refuse_img_171.png) 240px 44px no-repeat;
    text-align:left;
    padding-top:30px;
    padding-left:60px;
}
.structureBorder p{
    margin:10px auto;
    text-align:center;
    width:100%;
    height:602px;
}
.structureBorder img{
    width:1064px;
}
.feature .bigTitle span{
    color:#007F3E;
}
.otherList li{
    font-size: 20px;
    font-weight: 400;
    color: #231F20;
    width:600px;
    height:530px;
    float:left;
    text-indent:2em;
}
.otherMore li{
    width:360px;
    margin-left:50px;
    float:left;
}
.otherMore li:nth-child(1){
    margin-left:12px;
}
.fashion{
    background:url(../images/add/refuse_img_190.png) center center no-repeat;
    position:relative;
    height:1140px;
    margin-top:160px;
}
.tech img{
    position:absolute;
    top:-150px;
}
.tech2 img{
    margin-top:500px;
}
.tech{
    font-size:36px;
    font-weight:bold;
}
.tech span{
    position:absolute;
    top:-120px;
    right:400px;
    background:url(../images/add/down_icon.png) left 60px no-repeat;
    height:150px;
}
.retro{
    background:url(../images/add/refuse_img_194.jpg) top center repeat-y;
}
.retroList li{
    width:1120px;
    height:690px;
    clear:both;
}
.retroList li.l1{
    background:url(../images/add/refuse_img_196.png) left 20px no-repeat;
}
.retroList li.l1 img{
    float:right;
}
.retroList li.l4{
    background:url(../images/add/refuse_img_200.png) 920px 20px no-repeat;
}
.retroList li.l4,.retroList li.l5{
    height:610px;
}

/**/
.featureList{
    background:url(../images/first/garbage_bin_29@2x.png) center top no-repeat;
    padding-top:60px;
    height:840px;
}
.featureList li{
    width:336px;
    height:400px;
    float:left;
    margin-left:55px;
    margin-bottom:37px;
}
.featureList li .title{
    padding-top:120px;
}
.featureList li .intro{
    font-size:18px;
    line-height:34px;
    width:82%;
    margin-left:auto;
    margin-right:auto;
}

.featureList li.l1,.featureList li.l4{
    margin-left:0;
}
.featureList li.l1,.featureList li.l2,.featureList li.l3{
    height:340px;
}
.featureList li.l4,.featureList li.l5,.featureList li.l6{
    color:#FFFFFF;
}
.featureList li.l1{
    background:#FFFFFF url(../images/first/garbage_bin_30@2x.png) center 50px no-repeat;
}
.featureList li.l2{
    background:#FFFFFF url(../images/first/garbage_bin_31@2x.png) center 50px no-repeat;
}
.featureList li.l3{
    background:#FFFFFF url(../images/first/garbage_bin_32@2x.png) center 50px no-repeat;
}
.featureList li.l4{
    background:#404145 url(../images/first/garbage_bin_33@2x.png) center 50px no-repeat;
}
.featureList li.l5{
    background:#404145 url(../images/first/garbage_bin_34@2x.png) center 50px no-repeat;
}
.featureList li.l6{
    background:#404145 url(../images/first/garbage_bin_35@2x.png) center 50px no-repeat;
}
.productInfo{
    background:url(../images/first/garbage_bin_37@2x.png) center center no-repeat;
    height:810px;
}
.productInfo .title{
    text-align:left;
    color:#FFFFFF;
    padding-left:420px;
    padding-top:60px;
}
.threeList ul{
    margin-left:240px;
    margin-top:30px;
}
.threeList li{
    width:900px;
    height:160px;
    line-height:40px;
    display:block;
    margin-bottom:40px;
    font-size:18px;
    font-weight: 400;
    color: #FFFFFF;
}
.threeList li span{
    float:left;
    display:inline-block;
    padding-left:150px;
    height:160px;
    width:560px;
    padding-top:20px;
}
.threeList li.l1 {
    background:url(../images/first/garbage_bin_38@2x.png) left center no-repeat;
}
.threeList li.l2 {
    background:url(../images/first/garbage_bin_39@2x.png) left center no-repeat;
}
.threeList li.l3 {
    background:url(../images/first/garbage_bin_40@2x.png) left center no-repeat;
}
/*public*/
/*home*/
.homeProduct{
	z-index:10;
	position:relative;
}
.homeProduct2{
	z-index:10;
	position:relative;
}
.homeProduct .bigTitle{
	font-size:40px;
	font-weight: bold;
	color: #444A43;
	text-align:center;
}
.homeProduct .smallTitle{
	font-size:24px;
	font-weight: 400;
	color: #9FBDA0;
	text-transform:uppercase;
	text-align:center;
}
.homeProduct .topCont{
	background:url(../images/first/trash_img_02@2x.png) left center no-repeat;
}
.homeProduct2 .topCont{
	background:url(../images/first/trash_img_06@2x.png) left center no-repeat;
}
.homeProduct .topCont .subtitle{
	margin-left:90px;
}
.homeProduct .topCont .subtitle em,.electricShow .topCont .subtitle em{
	background:#42BD55;
	color:#FFFFFF;
	text-transform:uppercase;
	width:120px;
	height:24px;
	line-height:24px;
	text-align:center;
}
.productDetail{
	height: 500px;
	background: #CEDCCE;
	border-radius: 20px;
	padding:50px;
}
.detailTitle{
	width: 186px;
	height: 50px;
	line-height: 50px;
	background: #42BD55;
	font-size:20px;
	color:#FFFFFF;
	font-weight: bold;
	text-align:center;
	margin-bottom:30px;
}
.detailCont{
	font-size:16px;
	color: #373737;
	line-height:42px;
}
.functionIntro{
	margin-top:-100px;
	height:698px;
	line-height:698px;
	background:url(../images/first/trash_img_04@2x.png) center center no-repeat;
}
.functionIntro img{
	vertical-align: middle;
}
.workMethod{
	clear:both;
	height: 740px;
	background: #F4F4F4;
	margin-top:-100px;
}
.workMethod .fl,.workMethod .fr{
	margin-top:160px;
}
.workMethod .fl{
	width:476px;
}
.workMethod .fr{
	width:350px;
}
.workMethod .workTitle{
	font-size:28px;
	padding:0 30px;
	height: 50px;
	line-height:50px;
	background: #42BD55;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 51px;
	text-align:center;
}
.workMethod .intro{
	font-size:18px;
	font-weight: 400;
	color: #333333;
	line-height: 26px;
}
.workMethod .intro span{
	margin-right:30px;
	width:60px;
	height:60px;
	float:left;
}
.workMethod .fl .intro span{
	background:url(../images/first/trash_img_08@2x.png) left center no-repeat;
}
.workMethod .fr .intro span{
	background:url(../images/first/trash_img_09@2x.png) left center no-repeat;
}
.electricShow {
	background:url(../images/first/trash_img_12@2x.png) left center no-repeat;
	height:700px;
}
.electricShow .topCont{
	margin-top:0;
	background:url(../images/first/trash_img_11@2x.png) left center no-repeat;
}
.electricShow .topCont .subtitle{
	color:#FFFFFF;
	margin-left:90px;
}
.electricShow .bigTitle{
	width: 277px;
	height: 56px;
	background: rgba(0, 0, 0, 0.16);
	border: 1px solid #FFFFFF;
	border-radius: 26px;
	font-size:24px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 56px;
}
.electricShow .smallTitle{
	font-size:20px;
	font-weight: bold;
	color: #8AC648;
	line-height: 44px;
}
/*home*/
/*news*/
.location {
    border-bottom:#e4e3e3 1px solid;
    margin:20px;
    padding-bottom:10px;
}
.newsList li {
    width:96%;
    padding:10px 0;
    margin:30px auto;
    clear:both;
    height: 200px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(78, 78, 78, 0.1);
}
.newsList li .fl{
    padding:20px;
    width:300px;
}
.newsList li .fr{
    width:740px;
    padding:20px;
}
.newsList li img{
    width:300px;
    height:160px;
}
.newsList a{
    font-size:22px;
    color:#000000;
    line-height:36px;
    display:block;
}
.newsList .descrip{
    font-size:16px;
    color:#666666;
}
.newsList .date{
    font-size:16px;
    color:#999999;
}
/*.newsList li span {
    float:right;
}*/
.prenext {
    overflow:hidden;
    margin:20px 0;
}
.prenext li {
    width:50%;
    float:left;
    overflow:hidden;
}
.prenext a {
    color:#21c960;
}
.pagelist {
    text-align:center;
    color:#666;
    width:100%;
    clear:both;
    margin:0 0 30px 0;
    padding:20px;
}
.pagelist span {
    display:inline-block;
    float:left;
    height:30px;
    line-height:30px;
    margin-right:5px;
}
.pagelist a {
    color:#666;
    padding:5px 10px;
    background:#f3f3f3;
    margin-right:5px;
}
/*.pagelist a:nth-child(1) {
    display:none;
}
*/
.pagelist a:hover,.pagelist > b {
    color:#3690cf;
    color:#FFF;
    background:#21c960;
}
.pagelist > b {
    padding:5px 10px;
}
.pagelist a.curPage {
    color:#ffffff;
    font-weight:bold;
    background:#000;
}
/*news*/
/*newscontent*/
.newscont {
    padding:0 20px 20px;
}
.newscont h1 {
    font-size:22px;
    line-height:1.5;
    text-align:center;
    padding-bottom:30px;
}
.newscont .attach {
    color:#969696;
    margin-bottom:30px;
    text-align:center;
}
.newscont .attach span {
    display:inline-block;
    margin-right:30px;
}
.picview-other {
    overflow:hidden;
    color:#888;
    margin-bottom:15px;
}
.picview-other span {
    float:left;
    margin-right:15px;
    padding-left:20px;
}
.smalltext {
    margin-bottom:20px;
    background:#f1f1f1;
    padding:20px;
    color:#888;
    line-height:22px;
}
.smalltext i {
    background:url(../images/quote.png) no-repeat left center;
    width:24px;
    height:15px;
    background-position:0 0;
    float:left;
}
.newstext {
    line-height:24px;
    margin-bottom:20px;
    overflow:hidden;
}
.newstext video {
    margin:20px auto;
    display:block;
    max-width:100% !important;
    height:auto !important;
    z-index:0;
}
.newstext p {
    margin-bottom:20px;
}
.newstext img {
    max-width:100% !important;
    height:auto !important;
    margin:10px auto;
}
.newstext table {
    margin:auto !important
}
.newstext iframe {
    margin:auto !important
}
.newstext h2,.newstext h3,.newstext h4,.newstext h5,.newstext h6 {
    font-size:16px;
    margin:20px 0;
    position:relative;
    padding-left:10px;
}
.newstext h2:before,.newstext h3:before,.newstext h4:before,.newstext h5:before,.newstext h6:before {
    position:absolute;
    content:"";
    background:#14c360;
    width:3px;
    height:100%;
    left:0;
    bottom:0;
}
/*newscontent*/
/*hardware*/
.highLightList {
    margin:50px auto;
    width:86%;
}
.highLight .title {
    font-size:36px;
    font-weight:400;
    color:#273045;
}
.highLight .intro {
    width:126px;
    height:40px;
    line-height:40px;
    background:#42BD55;
    border-radius:20px;
    color:#FFFFFF;
    margin-top:20px;
}
.highLight ul {
    margin:0 auto;
    text-align:center;
}
.highLight li {
    float:left;
    width:200px;
    text-align:center;
    height:120px;
    line-height:240px;
    margin-bottom:60px;
    font-size:22px;
    color:#333333;
}
.highLight li.l1 {
    background:url(../images/nine_ico.jpg) 50px 0 no-repeat;
}
.highLight li.l2 {
    background:url(../images/nine_ico.jpg) 50px -100px no-repeat;
}
.highLight li.l3 {
    background:url(../images/nine_ico.jpg) 50px -200px no-repeat;
}
.highLight li.l4 {
    background:url(../images/nine_ico.jpg) 50px -300px no-repeat;
}
.highLight li.l5 {
    background:url(../images/nine_ico.jpg) 50px -400px no-repeat;
}
.highLight li.l6 {
    background:url(../images/nine_ico.jpg) 50px -500px no-repeat;
}
.highLight li.l7 {
    background:url(../images/nine_ico.jpg) 50px -600px no-repeat;
}
.highLight li.l8 {
    background:url(../images/nine_ico.jpg) 50px -700px no-repeat;
}
.highLight li.l9 {
    background:url(../images/nine_ico.jpg) 50px -800px no-repeat;
}
.product {
    background:#F8FAFC;
}
.product .w1200 {
    background:#FFFFFF;
}
.product .title {
    font-size:30px;
    font-weight:bold;
    color:#273045;
    line-height:36px;
}
.product .descrip {
    font-size:14px;
    font-weight:400;
    color:#8B909C;
    line-height:30px;
}
.product .subtitle {
    font-size:30px;
    font-weight:400;
    text-align:left;
    color:#000000;
    line-height:40px;
    height:90px;
}
.product .subtitle span {
    width:7px;
    height:40px;
    background:#42BD55;
    border-radius:2px;
    margin-right:50px;
    float:left;
    display:inline-block;
}
.sketch {
    text-align:center;
    padding:40px 20px;
    height:auto;
}
.sketch img {
    padding:40px 0;
}
.machine2 .picview {
    width:450px;
    background:url(../images/machine_2.png) center bottom no-repeat;
    height:400px;
}
.machine2 .title {
    background:url(../images/01.png) 30px center no-repeat;
    height:60px;
    line-height:60px;
}
.machine3 .picview {
    width:350px;
    background:url(../images/machine_3.png) center bottom no-repeat;
    height:440px;
}
.machine3 .title {
    background:url(../images/02.png) 20px center no-repeat;
    height:60px;
    line-height:60px;
}
.machine4 {
    background:url(../images/machine_4.png) 900px top no-repeat;
    height:360px;
}
.machine4 .picview {
    width:700px;
}
.machine4 .title {
    background:url(../images/03.png) 30px center no-repeat;
    height:60px;
    line-height:60px;
}
.machine2 .module {
    width:640px;
}
.machine3 .module {
    width:700px;
    margin-left:20px;
    height:400px;
}
.module {
    padding-top:60px;
    height:340px;
    background:#FFFFFF;
    border:1px solid #42BD55;
    border-radius:14px;
    margin-right:40px;
}
.module li {
    height:42px;
    display:flex;
    text-align:left;
    margin-bottom:20px;
}
.module .blue {
    background:url(../images/refuse_img_33@2x.png) 20px center no-repeat;
}
.module .green {
    background:url(../images/refuse_img_34@2x.png) 20px center no-repeat;
}
.module .orange {
    background:url(../images/refuse_img_37@2x.png) 20px center no-repeat;
}
.module li .fl {
    height:42px;
    line-height:42px;
    text-indent:36px;
    font-weight:bold;
    color:#FFFFFF;
    width:180px;
    font-size:18px;
    display:inline-block;
}
.module li .fr {
    width:520px;
    line-height:24px;
    display:inline-block;
    height:42px;
    vertical-align:middle;
    font-size:16px;
}
.module li.l1 .fr {
    line-height:42px;
}
.module li.l2 .fr {
    line-height:20px;
}
/*.machine {
    background:#ffffff url(../images/machine.jpg) center center no-repeat;
}
*/
.machine4 .module {
    padding-top:200px;
}
.machine4 .module li {
    width:300px;
    margin-bottom:60px;
    padding-left:90px;
}
.machine4 ul {
    margin-left:30px;
}
.machine4 .la {
    background:url(../images/a.jpg) left center no-repeat;
    padding-left:60px;
    width:700px;
    margin-bottom:60px;
    height:45px;
}
.machine4 .lb {
    background:url(../images/b.jpg) left center no-repeat;
    padding-left:60px;
    width:700px;
    height:45px;
    line-height:45px;
}
/*hardware*/
/*software*/
.software {
    background:#F3F3F3;
}
.tenSystem {
    background:#F7F8FA;
}
.tenSystem .title {
    font-size:36px;
    margin-bottom:30px;
}
.tenSystem .descrip {
    width:860px;
    height:50px;
    line-height:50px;
    font-size:20px;
    color:#007512;
    padding:10px;
    border:1px solid #42BD55;
    margin:30px auto;
}
.tenSystem .descrip span {
    font-weight:bold;
}
.tenSystem ul {
    /*background:#F3F3F3;*/
    margin:50px auto;
}
.tenSystem li {
    width:450px;
    height:75px;
    background:#FFFFFF;
    float:left;
    margin-right:30px;
    margin-bottom:30px;
    font-size:24px;
    font-weight:bold;
    color:#333333;
    line-height:50px;
    padding-left:120px;
    padding-top:15px;
}
.tenSystem li:nth-child(2n+2) {
    /*margin-right:0;*/
}
.tenSystem li.l1 {
    background:#ffffff url(../images/number_ico.png) 40px 10px no-repeat;
}
.tenSystem li.l2 {
    background:#ffffff url(../images/number_ico.png) 40px -77px no-repeat;
}
.tenSystem li.l3 {
    background:#ffffff url(../images/number_ico.png) 40px -164px no-repeat;
}
.tenSystem li.l4 {
    background:#ffffff url(../images/number_ico.png) 40px -251px no-repeat;
}
.tenSystem li.l5 {
    background:#ffffff url(../images/number_ico.png) 40px -338px no-repeat;
}
.tenSystem li.l6 {
    background:#ffffff url(../images/number_ico.png) 40px -425px no-repeat;
}
.tenSystem li.l7 {
    background:#ffffff url(../images/number_ico.png) 40px -512px no-repeat;
}
.tenSystem li.l8 {
    background:#ffffff url(../images/number_ico.png) 40px -599px no-repeat;
}
.tenSystem li.l9 {
    background:#ffffff url(../images/number_ico.png) 40px -686px no-repeat;
}
.tenSystem li.l10 {
    background:#ffffff url(../images/number_ico.png) 40px -773px no-repeat;
}
.threeFunction {
    overflow:hidden;
    background:#FFFFFF;
}
.functionList ul {
    width:75%;
    height:300px;
    overflow:hidden;
    margin:50px auto;
}
.functionList li {
    width:210px;
    height:220px;
    background:#FFFFFF;
    border:1px solid #EDF0F5;
    box-shadow:0px 2px 20px 0px rgba(219,225,233,0.49);
    float:left;
    margin-right:15px;
    text-align:center;
    font-size:22px;
    color:#333333;
    padding-top:76px;
    line-height:210px;
    margin-right:120px;
}
.functionList li.l1 {
    background:url(../images/refuse_list.png) -278px 50px no-repeat;
}
.functionList li.l2 {
    background:url(../images/refuse_list.png) -278px -240px no-repeat;
}
.functionList li.l3 {
    background:url(../images/refuse_list.png) -278px -550px no-repeat;
    margin-right:0;
}
.functionList li:hover {
    cursor:pointer;
    color:#ffffff;
}
.functionList li.l1:hover {
    background:#42BD55 url(../images/refuse_list.png) -278px 50px no-repeat;
    cursor:pointer;
}
.functionList li.l2:hover {
    background:#42BD55 url(../images/refuse_list.png) -278px -240px no-repeat;
    cursor:pointer;
}
.functionList li.l3:hover {
    background:#42BD55 url(../images/refuse_list.png) -278px -550px no-repeat;
    cursor:pointer;
}
.dataVisual {
    background:#F7F8FA;
}
.dataVisual .title {
    margin-bottom:30px;
}
.dataVisual img {
    margin:0 auto;
    text-align:center;
    display:block;
}
.manager .line,.miniProgram .line {
    position:absolute;
    left:0;
}
.manager .line {
    top:70px;
}
.miniProgram .line {
    top:100px;
}
.manager {
    padding:20px;
    background:url(../images/manageImg.png) 340px center no-repeat;
    height:390px;
}
.manager .w1200 {
    padding-left:500px;
}
.manager .title {
    width:450px;
    position:relative;
}
.manager .descrip {
    width:450px;
    height:77px;
    font-size:16px;
    font-weight:400;
    color:#273045;
    line-height:30px;
}
.miniProgram .w1200 {
    background:#FFFFFF url(../images/miniProgram.png) 900px center no-repeat;
    border-radius:8px;
    padding:20px;
    height:400px;
    margin-bottom:30px;
}
.miniProgram .title {
    width:600px;
    padding-top:30px;
    position:relative;
    margin:0 60px;
}
.miniProgram .descrip {
    width:600px;
    font-size:16px;
    font-weight:400;
    position:relative;
    margin:30px 60px;
}
.miniProgram .detail {
    position:absolute;
    top:75px;
    left:0;
}
.ercode{
    margin-top:30px;
    width:200px;
    height:200px;
}
.ercode img{
    width:200px;
    height:200px;
}
/*software*/
/*guide*/
.guide_four{height:70px;margin-bottom:30px;}
.guide_four li{
    width:240px;
    height:70px;
    line-height:70px;
    padding:10px 0;
    float:left;
    text-indent:60px;
    margin:0 30px;
    font-size:18px;
    font-weight: bold;
    display:inline-table;
}
.guide_four li.l1{
    background:url(../images/guide_1.png) left center no-repeat;
    color: #004E97;
}
.guide_four li.l2{
    background:url(../images/guide_2.png) left center no-repeat;
    color: #E30212;
}
.guide_four li.l3{
    background:url(../images/guide_3.png) left center no-repeat;
    color: #007C36;
}
.guide_four li.l4{
    background:url(../images/guide_4.png) left center no-repeat;
    color: #231815;
}
.guideGroup{
    height: 4150px;
    background: #F8F8F8;
    overflow:hidden;
}
.guides{
    width: 1200px;
    height: 992px;
    background: #FFFFFF;
    border-radius: 20px;
    margin-top:30px;
}
.guides .picview{
    width: 280px;
    height: 360px;
    background: #057FC0;
    border-radius: 20px;
    margin-left:30px;
    margin-top:90px;
    position:relative;
}
.guides .picview .icon{
    position:absolute;
    top:-30px;
    left:0;
    height:120px;
    width:160px;
}
.guides .picview .title{
    margin-top:120px;
    font-size:40px;
    font-weight:bold;
    line-height:40px;
    color:#FFFFFF;
}
.guides .picview .title span{
    font-size:20px;
    font-weight:400;
    margin:10px 0;
    line-height:24px;
    display:block;
    opacity:0.5;
}
.guides .picview .line{
    width: 32px;
    height: 3px;
    background: #FFFFFF;
    opacity: 0.5;
    margin:30px auto;
}
.guides .picview .descrip{
    font-size:18px;
    color:#FFFFFF;
    width:220px;
}
.huishou .picview{
    background: #057FC0;
}
.youhai .picview{
    background: #E30212;
}
.chuyu .picview{
    background: #007C36;
}
.qita .picview{
    background: #231815;
}
.huishou .picview .icon{
    background:url(../images/guide_b1.png) 30px center no-repeat;
}
.youhai .picview .icon{
    background:url(../images/guide_b2.png) 30px center no-repeat;
}
.chuyu .picview .icon{
    background:url(../images/guide_b3.png) 30px center no-repeat;
}
.qita .picview .icon{
    background:url(../images/guide_b4.png) 30px center no-repeat;
}
/*guide*/
/*solution&partner*/
.solution .title{
	font-size:36px;
}
.solution img,.partners img{
    float:left;
}
/*about*/
.aboutInfo .intro{
    width:650px;
    font-size:18px;
    line-height:36px;
}
.aboutInfo .title{
    font-size:40px;
    font-weight:bold;
}
.aboutInfo .picview{padding-top:60px;}
.aboutInfo .intro p{
    text-indent:2em;
    margin-bottom:20px;
}
.aboutad{
    background:url(../images/about_banner2.png) left center no-repeat;
    height:150px;
    line-height:60px;
    padding:50px 0 0 0 ;
    color:#FFFFFF;
    font-size:28px;
    font-weight:bold;
}
.contact {
    width:1000px;
}
.contact li{
    margin-bottom:30px;
    float:left;
    height:70px;  
    width:49%;
}
.contact li p{
    font-size:18px;
    color:#333333;
    font-weight:bold;
    padding-left:80px;
}
.contact li span{
    display:block;
    font-weight:400;
}
.contact li.l1{
    background:url(../images/location.png) left center no-repeat;
}
.contact li.l2{
    background:url(../images/phone.png) left center no-repeat;
}
.contact li.l3{
    background:url(../images/email.png) left center no-repeat;
}
.contact li.l4{
    background:url(../images/website.png) left center no-repeat;
}
/*about*/
/*promote*/
.sixPromote{
    overflow:hidden;
}

.sixPromote li{
    float:left;
    width:300px;
    height:180px;
    font-size:20px;
    margin-right:100px;
    margin-bottom:30px;
    line-height:350px;
    text-align:center;
}
.sixPromote li.l1{
    background:url(../images/tool_1.png) center center no-repeat;
}
.sixPromote li.l2{
    background:url(../images/tool_2.png) center center no-repeat;
}
.sixPromote li.l3{
    background:url(../images/tool_3.png) center center no-repeat;
}
.sixPromote li.l4{
    background:url(../images/tool_4.png) center center no-repeat;
}
.sixPromote li.l5{
    background:url(../images/tool_5.png) center center no-repeat;
}
.sixPromote li.l6{
    background:url(../images/tool_6.png) center center no-repeat;
}
.sixPromote .title{
    font-size:28px;
    font-weight:bold;
}
.sixPromote .intro{
    font-size:18px;
    color:#666666;
}
.sixPromote .line{
    width: 32px;
    height: 3px;
    background: #42BD55;
    margin: 30px 0;
}
.promote1,.promote3,.promote5{
    width: 1920px;
    height: 540px;
    background: #F8FAFC;
}
.promote2,.promote4,.promote6{
    width: 1920px;
    height: 540px;
    background: #FFFFFF;
}
.sixPromote .tools{
    height:540px;
}
.promote1 .tools{
    background:url(../images/promote_1.png) left center no-repeat;
}
.promote2 .tools{
    background:url(../images/promote_2.png) right center no-repeat;
}
.promote3 .tools{
    background:url(../images/promote_3.png) left center no-repeat;
}
.promote4 .tools{
    background:url(../images/promote_4.png) right center no-repeat;
}
.promote5 .tools{
    background:url(../images/promote_5.png) left center no-repeat;
}
.promote6 .tools{
    background:url(../images/promote_6.png) right center no-repeat;
}
.sixPromote .cont{
    width:500px;
    padding-top:90px;
}
/*promote*/
.quickNav{
    position:fixed;
    right:20px;
    bottom:10%;
    text-align:center;
    box-shadow: 1px 1px 2px 1px #888888;
    z-index:999;
}
.quickNav p{
    padding:10px 0;
    line-height:45px;
    background:#FFFFFF;
    font-weight:bold;
}
.quickNav li{
    color:#FFFFFF;
    border-bottom:1px solid #F3F3F3;
}
.quickNav li a{
    height:36px;
    line-height:36px;
    display:block;
    color:#FFFFFF;
    background:#42BD55;
    padding:10px;
}
.quickNav li a:hover{
    background:#42E955;
}
.goTop {
    width:32px;
    height:32px;
    position:fixed;
    bottom:6%;
    z-index:9999;
    right:40px;
}
.goTop img {
    width:32px;
    height:32px;
    opacity:0.5;
}
