﻿
.banner {
    background-position: center center;
    background-repeat: no-repeat;
    height: 400px;
}
.other-banner {
    height: 400px;
    overflow: hidden;
    position: relative;
}
.other-banner .banner-wrap {
    left: 50%;
    margin-left: -960px;
    position: absolute;
    top: 0;
    width: 1920px;
}
.e_main {
    background: #f1f1f1 none repeat scroll 0 0;
    padding-bottom: 30px;
}
.e_left {
    margin-top: -90px;
    width: 285px;
}
.e_tit {
    background: #008752 none repeat scroll 0 0;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    padding: 20px 0 10px 35px;
}
.e_tit p {
    background: #008752 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
}
.left_slide {
    background: #fff none repeat scroll 0 0;
    padding: 20px;
}
.left_nav li {
    background: #f1f1f1 none repeat scroll 0 0;
    font-size: 18px;
    line-height: 46px;
    margin-bottom: 1px;
    padding-left: 30px;
    position: relative;
}
.left_nav li a {
    display: block;
    position: relative;
    z-index: 1;
}
.left_nav li::before {
    background: #008752 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 46px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.left_nav li::after {
    background: #4cbe5c none repeat scroll 0 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px;
}
.left_nav li:hover::before, .left_nav li.left_cur::before {
    width: 100%;
}
.left_nav li:hover::after, .left_nav li.left_cur::after {
    height: 46px;
}
.left_nav li:hover a, .left_nav li.left_cur a {
    color: #fff;
}
.left_adr {
    margin-top: 20px;
}
.left_adr p {
    line-height: 30px;
    padding-top: 10px;
}
.left_adr img {
    float: left;
    margin-right: 10px;
}
.left_adr .left_p {
    border-top: 2px solid #ccc;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}
.left_bar {
    background:url("../images/left_bar.jpg") no-repeat scroll left top;
    height: 283px;
    margin-top: 10px;
}
.left_alppy {
    background: #008752 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 40px;
    margin: 0 auto;
    opacity: 0.8;
    position: relative;
    text-align: center;
    top: 220px;
    width: 150px;
}
.left_alppy:hover {
    color: #fff;
}
.e_right {
    background: #fff none repeat scroll 0 0;
    padding: 40px;
    width: 810px;
    min-height: 711px;
}
.stu_info li {
    border-bottom: 1px solid #e5e5e5;
    line-height: 24px;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 30px;
}
.stu_left {
    color: #373737;
    font-size: 30px;
    font-weight: 600;
    margin-right: 20px;
    text-align: center;
    width: 80px;
}
.stu_left em {
    border-top: 1px solid #c3c3c3;
    color: #999;
    display: block;
    font-size: 18px;
    margin-top: 12px;
    padding-top: 10px;
}
.stu_tit1 a {
    color: #333;
    font-size: 16px;
}
.stu_tit1 a:hover {
    color: #008752;
}
.stu_sum1 {
    color: #666;
}
.stu_sum1 a {
    color: #999 !important;
    font-weight: normal;
}
.stu_tit2 {
    border-bottom: 1px solid #e6e6e6;
    color: #333;
    font-size: 22px;
    line-height: 56px;
    margin-bottom: 20px;
}
.stu_txt b {
    color: #333;
}
.stu_txt h3 {
    font-size: 16px;
}
.stu_txt img {

}
.stu_tit2 {
    border-bottom: 1px solid #e6e6e6;
    color: #333;
    font-size: 22px;
    line-height: 56px;
    margin-bottom: 20px;
    text-align:center;
}
.loca {
    background:url("../images/home.png") no-repeat scroll left 3px;
    color: #999;
    padding-left: 30px;
}
.loca a {
    color: #999;
}
.loca a:hover, a.loca_cur {
    color: #008752;
    text-decoration: underline;
}
.right_tit {
    background: #008752 none repeat scroll 0 0;
    color: #fff;
    font-size: 24px;
    line-height: 53px;
    margin-bottom: 20px;
    margin-top: -100px;
    padding: 30px 20px 30px 65px;
    position: relative;
    text-align: right;
}
.right_tit0 {
    padding: 21px 25px 21px 102px;
}
.right_tit::after {
    background: #008752 none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.content {
    line-height: 30px;
    margin-top: 30px;
}
.content a {
    color: #2f2f2f;
    font-weight: bold;
}
.content b {
    font-size: 16px;
    font-weight: 600;
}
.page {
    overflow: hidden;
    text-align: center;
}
.page a {
    display: inline-block;
    padding: 0 10px;
}
#LB_Navgetion {
}
.RepeaterNumberPanel {
}
.RepeaterNumberList_Now {
    color: #008752;
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    margin-left: 5px;
    margin-right: 5px;
}
.RepeaterNumberList {
    color: #999;
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    margin-left: 5px;
    margin-right: 5px;
}
.RepeaterNumberList a span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;
}
.RepeaterNumberList *:hover {
}
.RepeaterNumberList_Page {
    color: #999;
    display: inline-block;
    padding: 0 10px;
}
.RepeaterNumberList_Page1 {
    background: #008752 none repeat scroll 0 0;
    color: #fff;
    height: 37px;
    line-height: 37px;
    width: 52px;
}
.RepeaterNumberList_Page1:hover {
    background: #008752 none repeat scroll 0 0;
    color: #fff;
    height: 37px;
    line-height: 37px;
    width: 52px;
}
.RepeaterList {
    height: 34px;
    margin-left: 10px;
    vertical-align: top;
}
.hotpro {
    margin-top:10px;
}
.hotpro li {
    float: left;
    margin-bottom: 10px;
    margin-right: 14px;
    margin-left: 14px;
    width: 173px;
}
.hotpro li a:hover {
    text-decoration: none;
}
.hotpro li a {
    display: block;
    width: 100%;
}
.hotpro .img {
    background: rgba(0, 0, 0, 0) url("../images/pro_bg1.gif") no-repeat scroll 0 0;
    height: 189px;
    text-align: center;
    width: 173px;
    background:#3C4046;
}
.hotpro .img img {
    margin-top: 4px;
}
.hotpro .noselect img {
    height: 178px;
    width: 167px;
    padding:2px;
}
.hotpro .select img {
    height: 178px;
    width: 167px;
    padding:2px;
}
.hotpro .right {
    margin-right: 0;
}
.hotpro .title {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 4px auto 0;
    text-align: center;
    width: 173px;
}
.hotpro .noselect .title, .hotpro .noselect .title * {
    background: #e2e2e2 none repeat scroll 0 0;
    color: #323232;
}
.hotpro .select .title, .hotpro .select .title * {
    background: #FF6633 none repeat scroll 0 0;
    color: #fff;
}
.hotpro .text {
    line-height: 22px;
    margin: 2px auto 0;
    padding: 0 8px 4px;
    width: 184px;
}
.hotpro .text img {
    border: medium none;
    height: auto;
    width: auto;
}
.hotpro .select .text {
    background: #e2e2e2 none repeat scroll 0 0;
}
.showcase-con-list {
    float: left;
    height: 210px;
    margin-top: 14px;
    margin-left:15px;
    padding: 0 5px;
    position: relative;
    width: 243px;
}
.showcase-con-list A {
    display: block;
    float: left;
    height: 210px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 233px;
}
.showcase-con-list A EM {
    bottom: 0;
    display: block;
    height: 100%;
    left: -238px;
    position: absolute;
    width: 100%;
    z-index: 10;
}
.showcase-con-list A EM FONT.hlxg {
    font-family: "微软雅黑";
    margin-top: 150px;
}
.showcase-con-list A EM FONT {
    color: #fff;
    display: block;
    float: left;
    font-size: 15px;
    font-style: normal;
    text-align: center;
    width: 100%;
}
.showcase-con-list A SPAN {
    background: url("../images/zoverlay.png") repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 100%;
    left: -290px;
    position: absolute;
    width: 100%;
    z-index: 10;
}
.showcase-con-list A IMG {
}
.showcase-con-list a big {
    background: url("../images/4bg.jpg") repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5;
}
.showcase-con-list a:hover big {
    background: url("../images/3bg.jpg") repeat scroll 0 0;
}
.showcase-con-list a big b {
    color: #bdbdbd;
    display: block;
    line-height: 18px;
    padding-top: 12px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}
.showcase-con-list a big i {
    display: none;
}
.showcase-con-list a:hover big i {
    background: url("../images/bg29.gif") no-repeat scroll left 4px;
    color: #bdbdbd;
    display: block;
    float: right;
    line-height: 10px;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 5px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 30px;
}
.showcase-con-list a:hover big b, a:hover big i {
    color: #000;
}
.showcase-con-list .pc {
    background-image: url("../images/02.png");
    height: 56px;
    position: absolute;
    right: -7px;
    top: -4px;
    width: 43px;
    z-index: 6;
}
#Foot {
    width: 100%;
    height: 55px;
    background: url("../images/xuanfu.png") center no-repeat;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index:999;
}
#Foot img {
    width: 100%
}
#Foot ul {
    position: relative;
    height: 40px;
    width: 1280px;
    margin: 0 auto;
    bottom: -15px;
    line-height: 40px
}
#Foot ul li {
    float: left;
    font-size: 16px;
    line-height: 40px;
}
#Foot ul li a {
    color: #ffffff;
    font-size: 16px !important;
}
.TEL {
    width: 200px;
    height: 40px;
    margin:-10px 0px 0px 150px;
}
#xuefeizixun {
    width: 146px;
    height: 40px;
    margin-left: 51px
}
#kechen {
    width: 146px;
    height: 40px;
    margin-left: 3px;
}
#yuyue {
    width: 169px;
    height: 40px;
}
#youhui {
    width: 205px;
}
#zx {
    width: 136px;
    height: 40px
}
/*监测治理*/
.contentjc {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.contit {
    text-align: center;
    position: relative;
    display: block;
}
.contit .btit {
    font-size: 30px;
    color: #333;
}
.contit .subtit {
    font-size: 16px;
    color: #999;
    margin-top: 10px;
    position: relative;
}
.contentjc .detail {
    margin-top: 55px;
}
.detailimg {
    text-align: center;
    font-size: 0;
    margin: 0 auto;
}
.detail .desc {
    text-align: center;
    font-size: 16px;
    color: #888;
}
.detail .desc div {
    position: relative;
    margin-bottom: 15px;
}
.detail .aboutimg {
    position: relative;
    margin-top: 40px;
}
.detail .aboutimg img {
    width: 1120px;
}
.conbottom {
    margin: 0px auto;
    margin-top: 30px;
    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: -12px;
    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: #008752;
}
.conbottom .conbtn:hover {
    border: 1px solid #008752;
    color: #fff;
}
.aboutbluebg {
    width: 100%;
    height: 220px;
    background: #008752;
    margin-top: -200px;
    z-index: -66;
}
.detection1 {
    background: #008752;
    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: #008752;
}
.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: 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;
}
.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 #008752;
}
.dectit {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 15px;
    padding-bottom: 8px;
    width: 40px;
}
.decell:hover .decstit {
    color: #888;
}
.decstit {
    margin-top: 5px;
    font-size: 15px;
    color: #9ed3ff;
    margin-left: 15px;
}
.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: 70px;
    width: 488px;
    position: relative;
    display: block;
    word-break: break-all;
    overflow: hidden;
    color: #888;
    font-size: 18px;
    line-height: 36px;
}
.detectinfo i {
    color: #008752;
    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;
}
.detectwrap {
    height: 620px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    background: #f9f9f9;
    position: relative;
    display: block;
    padding-top: 70px;
}
.airservicebg {
    background: url(../images/airservice-bg.png) center no-repeat;
    background-size: 100% 620px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    height: 480px;
}
.de-processlist {
    position: relative;
}
.de-processlist li {
    display: inline-block;
    margin-right: 30px;
    cursor: pointer;
}
.de-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 {
    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-assets {
    width: 1120px;
    position: relative;
    display: block;
    height: 380px;
    background: #008752;
    margin: 0 auto;
    margin-top: -90px;
}
.deasset-item {
    width: 462px;
}
.deasset-itemtit {
    margin-top: 50px;
    font-size: 30px;
    color: #fff;
    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: #fff;
    margin-left: 50px;
    margin-top: 6px;
}
.deasset-itemtips {
    margin-top: 45px;
    color: #fff;
    margin-left: 50px;
    font-size: 14px;
    line-height: 24px;
}
.deasset-itembtn {
    margin-top: 40px;
}
.deasset-itembtn a {
    font-size: 16px;
    color: #fff;
    margin-left: 50px;
    text-align: center;
    border: 1px solid #fff;
    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-itembtn a:hover {
    color: #008752;
    background: #fff;
    margin-left: 50px;
    border: 1px solid #008752;
    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;
}
.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: #008752;
    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;
}
.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;
}
.de-gas-list li:hover {
    background: #008752;
    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: 15px;
    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: 545px;
    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: #008752;
    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;
}
.indpinfo {
    width: 325px;
    word-break: break-all;
    position: relative;
    margin-left: 45px;
}
.indpinfo .tit {
    font-size: 22px;
    color: #000;
    margin-top: 30px;
}
.indpinfo .tit:hover {

}
.iconline {
    background: url(../images/icon-de-greyline.png) no-repeat center;
    background-size: 46px 1px;
    width: 46px;
    height: 1px;
}
.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;
}
.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: #008752;
    font-size: 30px;
    height: 55px;
    border-left: 1px solid #008752;
    width: 80px;
    text-align: center;
    line-height: 55px;
}
.preparecont {
    width: 342px;
    line-height: 20px;
    margin-top: 13px;
}
#erji_sgcase {
    overflow:hidden;
    margin-top:26px;
}
.erji_sgcase_nav {
    width:1200px;
    margin:0 auto;
}
.erji_sgcase_nav_title {
    width:100%;
    height:30px;
}
.erji_sgcase_nav_title ul {
    margin: 0 16px;
    color: #000;
    font-size: 14px;
}
.erji_sgcase_nav_title ul li {
    line-height: 30px;
    color: #000;
    display: inline-block;
}
.erji_sgcase_list_son {
    overflow:hidden;
    margin:8px 0px 0px 0px;
    padding-bottom:8px;
    border-bottom:1px solid #E9E9E9;
    width:100%;
}
.erji_sgcase_list_son.mu {
    border:0;
}
.erji_sgcase_list {
    margin: 16px 0;
    overflow: hidden;
    border: 1px solid #E4E4E4;
}
.erji_sgcase_list_left {
    float:left;
    width:79px;
    text-align:center;
    line-height:38px;
    font-size:14px;
    color:#696969;
}
.erji_sgcase_list_son ul {
    overflow:hidden;
    float:left;
    width:1103px;
}
.erji_sgcase_list_son ul li {
    color: #000;
    height: 38px;
    line-height: 38px;
    padding: 0 17px;
    float: left;
    font-size:14px;
    margin: 5px;
}
.erji_sgcase_list_son ul li.on {
    color: #FFF;
    background: #008752;
    border-radius: 2px;
}
.erji_sgcase_list_son ul li:hover {
    color: #FFF;
    background: #008752;
    border-radius: 2px;
}
.erji_sgcase_sort {
    height: 38px;
    background: #F1F1F1;
    border: 1px solid #E4E4E4;
}
.erji_sgcaes_paixu {
    float: left;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
}
.erji_sgcase_sort_ul {
    float: left;
    line-height: 38px;
    font-size: 14px;
}
.erji_sgcase_sort_ul li {
    float: left;
    color: #3B3B3B;
    padding: 0 9px;
}
.erji_sgcase_sort_ul li.on {
    background: #E1E1E1;
    color:#008752;
}
.erji_sgcase_img {
    float: left;
    margin-top: 16px;
    margin-left: 26px;
}
.erji_sgcase_img.on {
    transform: rotate(180deg);
}
.erji_sgcase_weizi {
    float:left;
}
.erji_sgcase_sort_right {
    float: right;
    line-height: 40px;
    font-size: 14px;
    color: #B1B1B1;
    padding: 0 20px;
}
.erji_sgcase_sort_right em {
    padding: 0 3px;
}
.erji_sgcase_anright.on {
    background: #008752;
    color:#fff;
}
.erji_sgcase_anleft.on {
    background: #008752;
    color:#fff;
}
.erji_sgcase_content {
    width:1200px;
    margin:0 auto;
    padding-top: 40px;
}
.erji_sgcase_content ul {
    width:1204px;
    margin-top: }
.erji_sgcase_content ul li {
    margin-bottom: 29px;
    width: 281px;
    height: 266px;
    border: 1px solid #C3C3C3;
    border-radius: 4px;
    position: relative;
    float: left;
    margin-right: 18px;
}
.erji_sgcase_cont {
    height:220px;
    width:281px;
}
.erji_sgcase_cont img {
    width:100%;
    height:100%;
}
.erji_sgcase_anniou {
    overflow:hidden;
}
.erji_sgcase_anleft {
    height:46px;
    width:140px;
    background:#9FADB6;
    float:left;
    text-align:center;
    line-height:46px;
    color:#FFF;
    font-size:16px;
    border-radius:0px 0px 0px 2px;
}
.erji_sgcase_anright {
    height:46px;
    width:140px;
    background:#9FADB6;
    float:right;
    text-align:center;
    line-height:46px;
    color:#FFF;
    font-size:16px;
}
.erji_sgcase_dinwei {
    overflow:hidden;
    position:absolute;
    left:0px;
    background:url(../images/touming2.png) repeat;
    width:100%;
    height:30px;
    bottom:46px;
}
.erji_sgcase_dinwei h5 {
    margin-bottom:20px;
    font-weight:normal;
    color:#FFF;
    font-size:16px;
    text-align:center;
    line-height:30px;
}
.erji_sgcase_anright.on {
    background:#008752;
}
.erji_sgcase_anleft.on {
    background:#008752;
}
.erji_sgcase_content ul li.on {
    border: 1px solid #008752;
}
.erji_sgcase_dinwei p {
    font-size:14px;
    color:#FFF;
    width:210px;
    margin:0 auto;
    line-height:28px;
}
.in-banner {
    height: 50px;
    position: relative;
    text-align: center;
    margin-top:40px;
}
.ban-a {
    padding-top: 0px;
}
.ban-a li {
    display: inline-block;
}
.ban-a li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #aeafaf;
    color: #333;
    cursor: pointer;
    display: block;
    padding: 10px 20px;
}
.ban-a li a.on, .ban-a li a:hover {
    background: #008752 none repeat scroll 0 0;
    border: 1px solid #008752;
    color: #fff;
}
.float {
    bottom:10px;
    position: fixed;
    right: 0;
    width: 150px;
    z-index: 100;
}
.float a {
    background: url("../images/float_03.png") no-repeat scroll 0 0;
    display: block;
    height: 60px;
    margin-bottom: 2px;
    text-indent: -9999px;
    transition: background 0.4s ease 0s;
}
.float a.float_01 {
    background:url("../images/float_01.png") no-repeat scroll 0 0;
    height: 66px;
    margin-left: 90px;
    width: 60px;
}
.float a.float_01:hover {
    background-position: -60px 0;
}
.float a.float_02:hover {
    background-position: -150px 0;
}
.float a.float_03 {
    background-position: 0 -60px;
}
.float a.float_03:hover {
    background-position: -150px -60px;
}
.float a.float_04 {
    background-position: 0 -120px;
    height: 210px;
}
.float a.float_04:hover {
    background-position: -150px -120px;
}
.photo_shows {
    width:650px;
    height: 407px;
    background: #000;
    margin: 0px auto;
}
.photo_shows video {
    width: 100%;
    height: 100% object-fit: fill
}.teacher_list_page .teacher_unit1{
     width: 220px;
     float:left;

 }

.teacher_unit1,.teacher_unit1_i{

    background: white;
    border:1px solid #e6e6e6;
    /*margin-right: 20px;*/
    /*margin-top:10px;*/
    /*float:left;*/
    padding:0 10px;
}
.teacher_unit1.last{
    margin-right:0px;
}
.teacher_unit1 .avatar_panel,.teacher_unit1_i .avatar_panel{
    margin:20px 30px 0 30px;
}

.teacher_unit1 .teacher_name,.teacher_unit1_i .teacher_name{
    display: block;
    text-align: center;
    line-height: 32px;
    font-size:16px;
    color:#008752}
.teacher_unit1 .sep_line{
    height: 32px;
    background: url("../images/image/slash.png") no-repeat center center;
    display: inline-block;
    width: 25px;
}


.teacher_unit1 .teacher_remark,.teacher_unit1_i .teacher_remark{
    display: block;
    text-align: center;
    line-height: 32px;
    /*height: 32px; mg delete*/
    font-size:12px;
margin-bottom: 60px;}
.teacher_unit1:hover{ background: white;
    border:1px solid #008752;
    /*-webkit-box-shadow:5px 5px 5px rgba(220, 220, 220, .5);*/
    /*-moz-box-shadow:5px 5px 5px rgba(220, 220, 220, .5);*/
    /*box-shadow:5px 5px 5px rgba(220, 220, 220, .5);*/
    -webkit-box-shadow:0px 0px 20px rgba(220, 220, 220, 1);
    -moz-box-shadow:0px 0px 20px rgba(220, 220, 220, 1);
    box-shadow:0px 0px 20px rgba(220, 220, 220, 1);
    -moz-transition: border 0.5s ease-in-out;
    -webkit-transition: border 0.5s ease-in-out;
    -o-transition: border 0.5s ease-in-out;
    transition: border 0.5s ease-in-out;

    /*-moz-box-shadow: 5px -5px 3px #666666; /!* �ϵ� Firefox *!/*/
    /*box-shadow: 5px -5px 3px #666666;*/
}
.teacher_unit1 .like_panel{
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;

}

.teacher_unit1 .like_amount{
    height: 30px;
    line-height: 30px;

    vertical-align: middle;

}
.avatar_panel {
    width: 160px;
    height: 160px;
    overflow: hidden;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
}
.width_200px{
    width:200px;
    float:left;
    overflow:hidden;}
.width_550px{
    width:550px;
    float:left;
    margin-left:30px;
    overflow:hidden;}
.teacher_list_page .teacher_unit1{
    width: 220px;
    float:left;

}
.mr20{
    margin: 20px 14px 0px;
}