﻿	i{display: inline-block;}
			
/*index - content begin*/
.content {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
}
.jctop{ margin:0px; padding:0px;}
.container {
    width: 1120px;
    margin: 0 auto;
    overflow: hidden;
}
.aboutbluebg {
    width: 100%;
    height: 220px;
    background: #fff;
    margin-top: -200px;
    z-index: -66;
}
.contit {
    text-align: center;
    position: relative;
    display: block;
}
.contit .btit {
    font-size: 30px;
    color: #333;
	line-height:36px;
}
.contit .subtit {
    font-size: 16px;
    color: #999;
    margin-top: 10px;
    position: relative;
}
.content .detail {
    margin-top: 55px;
}
.detail .desc {
    text-align: center;
    font-size: 16px;
    color: #888;
}
.detail .desc div{
    position: relative;
    margin-bottom: 15px;
}
.detailimg{ margin-bottom:40px;}
.detail .aboutimg {
    position: relative;
    margin-top: 40px;
}
.detail .aboutimg img {
    width: 1120px;
}
.decimg {
    width: 100%;
}
.aboutimg .decimg img {
    width: 276px;
    height: 268px;
}


.conbottom {
    margin: 0px auto;
    margin-top: 70px;
    text-align: center;
    position: relative;
    width: 190px;
    height: 50px;
}
.conbottom .conbtn {
    border: 1px solid #999;
    color: #666;
    font-size: 16px;
    padding: 14px 62px;
}
.conbottom .conbtn:before {
    content: "";position: absolute;top: -15px;left: 0px;height: 100%;width: 0px;z-index: -1;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;
}
.conbottom .conbtn:hover:before{
    width: 100%;background-color: #008080;
}
.conbottom .conbtn:hover {
    border: 1px solid #008080;
    color: #fff;
}
/*检测治理页面*/
.detection1{
    background: #008080;
    display: block;
    position: relative;
    margin-top: -56px;
    z-index: 33;
}
.deitem {
    width: 372px;
    height: 190px;
    position: relative;
    display: block;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.deitem:hover, .deitem.on {
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.deline {
    margin-top: 40px;
}
.deicon {
    margin-top: 20px;
}
.deitem:hover .detit,.deitem.on .detit {
    color: #008080;
}
.detit {
    margin-top: 24px;
    color: #fff;
    font-size: 18px;
}
.destit {
    margin-top: 12px;
    font-size: 12px;
    color: #9cd3ff;
}
.deitem:hover .detest, .deitem.on .detest {
    background: url(../images/icon-de-test-sel.png) center no-repeat;
}
.deitem:hover .deindoor, .deitem.on .deindoor {
    background: url(../images/icon-de-indoor-sel.png) center no-repeat;
}
.deitem:hover .decar, .deitem.on .decar {
    background: url(../images/icon-de-car-sel.png) center no-repeat;
}
.detest {
    background: url(../images/icon-de-test.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.deindoor {
    background: url(../images/icon-de-indoor.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.decar {
    background: url(../images/icon-de-car.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}

.decell {
    width: 276px;
    height: 410px;
    position: relative;
    display: block;
    margin-right: 6px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.decell:hover {
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.decell:nth-child(4)
{
    margin-right: 0;
}
.decimg {
    width: 100%;
}
.aboutimg .decimg img {
    width: 276px;
    height: 268px;
}
.decell:hover .dectit {
    color: #333;
    border-bottom: 2px solid #4869ac;
}
.dectit {
    color: #303030;
    font-size: 20px;
  font-weight:bold;
    margin-top: 20px;
    margin-left: 15px;
    padding-bottom: 16px;
    width:200px;
}
.decell:hover .decstit {
    color: #4869ac;
}
.decstit {
    margin-top: 5px;
    font-size: 15px;
    color: #505050;
    margin-left: 15px;
	width:200px;
}
.detectwrap {
    height: 620px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    background: #f9f9f9;
    position: relative;
    display: block;
    padding-top: 70px;
}
.detectinfo {
    margin-left: 50px;
    width: 488px;
    position: relative;
    display: block;
    word-break: break-all;
    overflow: hidden;
    color: #888;
    font-size: 18px;
    line-height: 36px;
}
.detectinfo i {
    color: #008080;
    font-size: 44px;
}
.de-equipment {
    margin-bottom: 60px;
    margin-right: 22px;
    font-size: 16px;
    color: #666;
}
.de-equipment:nth-child(3) {
    margin-right: 0;
}
.de-equipment:hover .deqpimg {
    border: none;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.de-equipment .deqpimg {
    border: 1px solid #ccc;
    width: 356px;
    height: 252px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.de-equipment .deqpimg img {
    margin-top: 25px;
    width: 306px;
    height: 194px;
}

.airservicebg {

    background-size: 100% 620px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    height: 480px;
}

.de-processlist,.cde-processlist,.de-jhqlist {
    position: relative;
}
.de-processlist li,.cde-processlist li,.de-jhqlist li{
    display: inline-block;
    margin-right: 30px;
    cursor: pointer;
}
.de-processlist li:nth-child(6),.de-jhqlist li:nth-child(6),.cde-processlist li:nth-child(6) {
    margin-right: 0;
}
.de-processlist .de-process1,.de-processlist .de-process2,.de-processlist .de-process3,.de-processlist .de-process4,.de-processlist .de-process5,.de-processlist .de-process6,.cde-processlist .cde-process1,.cde-processlist .cde-process2,.cde-processlist .cde-process3,.cde-processlist .cde-process4,.cde-processlist .cde-process5,.cde-processlist .cde-process6 ,.de-jhqlist .de-jhq1,.de-jhqlist .de-jhq2,.de-jhqlist .de-jhq3,.de-jhqlist .de-jhq4,.de-jhqlist .de-jhq5,.de-jhqlist .de-jhq6{
    background-size: 157px 189px;
    width: 157px;
    height: 189px;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.de-processlist li:hover .de-process1 {
    background: url(../images/de-process1-sel.png) center no-repeat;
}
.de-processlist li:hover .de-process2 {
    background: url(../images/de-process2-sel.png) center no-repeat;
}
.de-processlist li:hover .de-process3 {
    background: url(../images/de-process3-sel.png) center no-repeat;
}
.de-processlist li:hover .de-process4 {
    background: url(../images/de-process4-sel.png) center no-repeat;
}
.de-processlist li:hover .de-process5 {
    background: url(../images/de-process5-sel.png) center no-repeat;
}
.de-processlist li:hover .de-process6 {
    background: url(../images/de-process6-sel.png) center no-repeat;
}
.de-processlist .de-process1 {
    background: url(../images/de-process1.png) center no-repeat;
}
.de-processlist .de-process2 {
    background: url(../images/de-process2.png) center no-repeat;
}
.de-processlist .de-process3 {
    background: url(../images/de-process3.png) center no-repeat;
}
.de-processlist .de-process4 {
    background: url(../images/de-process4.png) center no-repeat;
}
.de-processlist .de-process5 {
    background: url(../images/de-process5.png) center no-repeat;
}
.de-processlist .de-process6 {
    background: url(../images/de-process6.png) center no-repeat;
}

.de-jhqlist li:hover .de-jhq1 {
    background: url(../images/zl1.jpg) center no-repeat;
}
.de-jhqlist li:hover .de-jhq2 {
    background: url(../images/zl2.jpg) center no-repeat;
}
.de-jhqlist li:hover .de-jhq3 {
    background: url(../images/zl3.jpg) center no-repeat;
}
.de-jhqlist li:hover .de-jhq4 {
    background: url(../images/zl4.jpg) center no-repeat;
}
.de-jhqlist li:hover .de-jhq5 {
    background: url(../images/zl5.jpg) center no-repeat;
}
.de-jhqlist li:hover .de-jhq6 {
    background: url(../images/zl6.jpg) center no-repeat;
}
.de-jhqlist .de-jhq1 {
    background: url(../images/jhq1.png) center no-repeat;
}
.de-jhqlist .de-jhq2 {
    background: url(../images/jhq2.png) center no-repeat;
}
.de-jhqlist .de-jhq3 {
    background: url(../images/jhq3.png) center no-repeat;
}
.de-jhqlist .de-jhq4 {
    background: url(../images/jhq4.png) center no-repeat;
}
.de-jhqlist .de-jhq5 {
    background: url(../images/jhq5.png) center no-repeat;
}
.de-jhqlist .de-jhq6 {
    background: url(../images/jhq6.png) center no-repeat;
}



.cde-processlist li:hover .cde-process1 {
    background: url(../images/cde-process1-sel.png) center no-repeat;
}
.cde-processlist li:hover .cde-process2 {
    background: url(../images/cde-process2-sel.png) center no-repeat;
}
.cde-processlist li:hover .cde-process3 {
    background: url(../images/cde-process3-sel.png) center no-repeat;
}
.cde-processlist li:hover .cde-process4 {
    background: url(../images/cde-process4-sel.png) center no-repeat;
}
.cde-processlist li:hover .cde-process5 {
    background: url(../images/cde-process5-sel.png) center no-repeat;
}
.cde-processlist li:hover .cde-process6 {
    background: url(../images/cde-process6-sel.png) center no-repeat;
}

.cde-processlist .cde-process1 {
    background: url(../images/cde-process1.png) center no-repeat;
}
.cde-processlist .cde-process2 {
    background: url(../images/cde-process2.png) center no-repeat;
}
.cde-processlist .cde-process3 {
    background: url(../images/cde-process3.png) center no-repeat;
}
.cde-processlist .cde-process4 {
    background: url(../images/cde-process4.png) center no-repeat;
}
.cde-processlist .cde-process5 {
    background: url(../images/cde-process5.png) center no-repeat;
}
.cde-processlist .cde-process6 {
    background: url(../images/cde-process6.png) center no-repeat;
}
.de-assets {
    width: 1120px;
    position: relative;
    display: block;
    height: 380px;
    background: #fff;
    margin: 0 auto;
    margin-top: -90px;
}

.deasset-item {
    width: 462px;
}
.deasset-itemtit {
    margin-top: -50px;
    font-size: 30px;
    color: #4a4a4a;
    margin-left: 50px;
}
.deasset-itemline {
    margin-left: 50px;
    margin-top: 6px;
}
.deasset-itemtips {
    width: 460px;
    word-break: break-all;
    overflow: hidden;
    position: relative;
    display: block;
}
.deasset-itemstit {
    font-size: 16px;
    color: #4a4a4a;
    margin-left: 50px;
    margin-top: 6px;
}
.deasset-itemtips {
    margin-top: 50px;
    color: #4a4a4a;
    margin-left: 50px;
    font-size: 14px;
    line-height: 24px;
}
.deasset-itembtn {
    margin-top: 40px;
}
.deasset-itembtn a {
    font-size: 16px;
    color: #4869ac;
    margin-left: 50px;
    text-align: center;
    border: 1px solid #4869ac;
    padding: 9px 37px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.deasset-img {
    margin-right: 60px;
    position: relative;
    display: block;
    margin-top: -60px;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    font-size: 0;
}

.indexform {
    margin-top: 55px;
}
.indexforminpt {
    margin-right: 132px;
    margin-bottom: 50px;
}
.indexforminpt input{
    border: none;
    border-bottom: 1px solid #c9c9c9;
    width: 490px;
    font-size: 16px;
    color: #919191;
    text-indent: 32px;
    padding: 12px 0;
}
.indexforminpt:nth-child(2),.indexforminpt:nth-child(4)
{
    margin-right: 0;
}
.form-user,.form-tel,.form-wechat,.form-cate,.form-mes {
    padding-top: 12px;
    background-size: 21px;
    width: 21px;
    height: 25px;
    position: absolute;
}
.form-user {
    background: url(../images/icon-form-user.png) center no-repeat;
}
.form-tel {
    background: url(../images/icon-form-tel.png) center no-repeat;
}
.form-wechat {
    background: url(../images/icon-form-wechat.png) center no-repeat;
}
.form-cate {
    background: url(../images/icon-form-cate.png) center no-repeat;
}
.form-mes {
    background: url(../images/icon-form-mes.png) center no-repeat;
}
.formcatelists {
    position: relative;
    font-size: 16px;
    color: #919191;
    margin-top: -35px;
    margin-left: 100px;
}
.formcatelists a {
    font-size: 16px;
    color: #919191;
}
.formcatelists a.on {
    color: #008080;
}
.indexformtextarea {
    font-size: 16px;
    color: #919191;
}
.formtxtarealabe {
    margin-left: 30px;
    padding-top: 8px;
}
.indexformtextarea textarea {
    border: none;
    border-bottom: 1px solid #c9c9c9;
    outline: none;
    font-size: 16px;
    color: #919191;
    margin-top: 50px;
    width: 100%;
    padding: 5px;
    resize: none;
    overflow: hidden;
}
.indexformbtn {
    width: 100%;
    text-align: center;
}
.indexformbtn button {
    outline: none;
    background: #008080;
    border: 1px solid #008080;
    color: #fff;
    font-size: 20px;
    padding: 15px 74px;
    margin: 50px 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.indexformbtn button:hover {
    background: #fff;
    color: #008080;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
/*检测治理end*/

/*检测开始*/
.detestimg {
    text-align: center;
    margin-top: 40px;
    position: relative;
    display: block;
}
.detestimg img {
    width: 828px;
}
.decell2 {
    width: 276px;
    height: 364px;
    position: relative;
    display: block;
    margin-right: 6px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.decell2:hover {
    background: #008080;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.decell2:nth-child(4)
{
    margin-right: 0;
}
.decimg2 {
    width: 100%;
}
.aboutimg .decimg2 img {
    width: 276px;
    height: 268px;
}
.decell2:hover .dectit2 {
    color: #fff;
}
.dectit2 {
    color: #333;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 15px;
    padding-bottom: 8px;
}
.decell2:hover .decstit2 {
    color: #fff;
}
.decstit2 {
    margin-top: 5px;
    font-size: 14px;
    color: #888;
    margin-left: 15px;
}
.decell2:hover .decnum1,.decell2:hover .decnum2,.decell2:hover .decnum3,.decell2:hover .decnum4{
    background-size: 100px 43px;
    width: 100px;
    height: 43px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.decell2:hover .decnum1{
    background: url(../images/de-num1.png) no-repeat center;
}
.decell2:hover .decnum2{
    background: url(../images/de-num2.png) no-repeat center;
}
.decell2:hover .decnum3{
    background: url(../images/de-num3.png) no-repeat center;
}
.decell2:hover .decnum4{
    background: url(../images/de-num4.png) no-repeat center;
}

.de-gas-list li {
    width: 562px;
    height: 92px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.de-gas-list li:nth-child(4)
{
    margin-bottom: 0;
}
.de-gas-list li a .tit {
    font-size: 22px;
    color: #666;
    width: 80px;
    text-align: center;
    height: 40px;
    margin-top: 25px;
    border-right: 1px solid #ccc;
    line-height: 40px;
}
.de-gas-list li a .minicell {
    margin-left: 15px;
    line-height: 25px;
    margin-top: 20px;
}
.de-gas-list li a .minicell .stit, .de-gas-list li a .minicell .words {
    font-size: 12px;
    color: #888;
	width:450px;
}
.de-gas-list li:hover {
    background: #008080;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.de-gas-list li:hover a .tit {
    border-right: 1px solid #fff;
}
.de-gas-list li:hover a .tit,.de-gas-list li:hover a .minicell .stit, .de-gas-list li:hover a .minicell .words
{
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.de-stand-tit {
    font-size: 24px;
    color: #333;
}
.de-stand-words {
    font-size: 15px;
    color: #888;
    line-height: 25px;
    margin-bottom: 30px;
}

.de-zysb {
    width: 100%;
    display: block;
    position: relative;
}
.de-zysb li{
    width: 338px;
    height: 313px;
    background: none;
    margin-right: 8px;
    padding: 11px;
    text-align: center;
    float: left;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.de-zysb li:nth-child(3)
{
    margin-right: 0;
}
.zysbline,.zysbimg,.zysbtit {
    margin-bottom: 12px;
}
.zysbtit {
    font-size: 18px;
    color: #666;
}
.de-zysb li:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}

.deindp li{
    width: 535px;
    height: 152px;
    float: left;
    position: relative;
    background: #f1f1f1;
    margin-right: 30px;
    margin-bottom: 40px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;

}
.deindp li:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #008080;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    top:-8px;
}
.deindp li:nth-child(2),.deindp li:nth-child(4),.deindp li:nth-child(6) {
    margin-right: 0;
}
.iconservice,.iconhome,.icontruck,.iconbottle,.iconfile,.iconpenciel {
    background: url(../images/icon-de-service.png) no-repeat center;
    background-size: 145px 100px;
    width: 145px;
    height: 100px;
}
.iconservice {
    background: url(../images/icon-de-service.png) no-repeat center;
}
.iconhome {
    background: url(../images/icon-de-home.png) no-repeat center;
}
.icontruck {
    background: url(../images/icon-de-truck.png) no-repeat center;
}
.iconbottle {
    background: url(../images/icon-de-bottle.png) no-repeat center;
}
.iconfile {
    background: url(../images/icon-de-file.png) no-repeat center;
}
.iconpenciel {
    background: url(../images/icon-de-penciel.png) no-repeat center;
}
.deindp li:hover .iconservice {
    background: url(../images/icon-de-service-sel.png) no-repeat center;
}
.deindp li:hover .iconhome {
    background: url(../images/icon-de-home-sel.png) no-repeat center;
}
.deindp li:hover .icontruck {
    background: url(../images/icon-de-truck-sel.png) no-repeat center;
}
.deindp li:hover .iconbottle {
    background: url(../images/icon-de-bottle-sel.png) no-repeat center;
}
.deindp li:hover .iconfile {
    background: url(../images/icon-de-file-sel.png) no-repeat center;
}
.deindp li:hover .iconpenciel {
    background: url(../images/icon-de-penciel-sel.png) no-repeat center;
}
.indpinfo {
    width: 325px;
    word-break: break-all;
    position: relative;
    margin-left: 45px;
}
.indpinfo .tit{
    font-size: 22px;
    color: #666;
    margin-top: 30px;
}
.iconline {
    background: url(../images/icon-de-greyline.png) no-repeat center;
    background-size: 46px 1px;
    width: 46px;
    height: 1px;
}
.deindp li:hover .iconline {
    background: url(../images/icon-de-whiteline.png) no-repeat center;
}
.indpinfo .des {
    color: #999;
    font-size: 13px;
    margin-top: 10px;
    line-height: 22px;
}
.deindp li:hover .tit, .deindp li:hover .des{
    color: #fff;
}

.preparebg {
    background: url(../images/preparebg.png) no-repeat center;
    width: 100%;
    height: 666px;
}

.depreparelists li{
    color: #666;
    font-size: 14px;
    width: 100%;
    height: 55px;
    margin-bottom: 60px;
}
.preparetit {
    color: #008080;
    font-size: 30px;
    height: 55px;
    border-left: 1px solid #008080;
    width: 80px;
    text-align: center;
    line-height: 55px;
}
.preparecont {
    width: 342px;
    line-height: 20px;
    margin-top: 13px;
}