@charset "utf-8";

.totalTitle{padding: 46px 0 62px 0;}
.totalTitle h2{line-height: 46px; height: 46px; text-align: center; font-size: 30px; font-weight: normal; color: #000000; position: relative;}
.totalTitle h2::before{content: ""; width: 56px; height: 4px; background-color: #008639; position: absolute; left: 50%; margin-left: -28px; bottom: -16px;}
/*     企业优势     */
.enterprise{padding: 7px 0 40px 0;}
.enterprise .advantage .taGe{width: 300px; float: left; text-align: center;}
.enterprise .advantage .taGe .conPic{height: 81px; margin-bottom: 8px;}
.enterprise .advantage .taGe .conPic .conPicSite{width: 81px; height: 100%; line-height: 81px; background-color: #e4e9e6; border-radius: 50%; display: inline-block;}
.enterprise .advantage .taGe .conPic .conPicSite img{vertical-align: middle; max-height: 44px; width: auto;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;}
.enterprise .advantage .taGe h4{line-height: 33px; font-size: 18px; color: #3a3f4b; font-weight: normal; position: relative; margin-bottom: 24px;}
.enterprise .advantage .taGe h4::before{content: ""; width: 20px; height: 1px; background-color: #6a6a6a; position: absolute; bottom: -11px; left: 50%; margin-left: -10px;}
.enterprise .advantage .taGe p{line-height: 21px; padding: 0 32px; font-size: 12px; color: #4f5953;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.enterprise .advantage .taGe:hover img{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);}
.enterprise .advantage .taGe:hover h4{color: #008639;}
.enterprise .advantage .taGe:hover h4::before{background-color: #008639;}
.enterprise .advantage .taGe:hover p{color: #008639;}
/*      产品中心       */
.productCenter{padding-bottom: 40px; background-color: #f0f7f2;}
.productCenter .productCenterSlide .bd{position: relative;}
.productCenter .productCenterSlide .bd ul{width: 362px; margin-right: 15px; float:left;}
.productCenter .productCenterSlide .bd ul li{width: 100%; height: 316px; text-align: center; box-shadow: 0 0 6px 1px #dedede; margin-bottom: 17px;}
.productCenter .productCenterSlide .bd ul li:last-child{margin-bottom: 0;}
.productCenter .productCenterSlide .bd ul li .listPic{height: 261px; line-height: 251px; overflow: hidden; background-color: #ffffff; padding: 5px 0; position: relative;}
.productCenter .productCenterSlide .bd ul li .listPic .listMark{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.31) ; position: absolute; top: 0; left: 0;
     opacity: 0; visibility: hidden;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -ms-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;}
.productCenter .productCenterSlide .bd ul li .listPic .listMark::before{content: ""; width: 43px; height: 43px; background:url("../images/link.png") no-repeat center center; position: absolute;
    top: 5%; left: 50%; margin-left: -21px;
    -webkit-transition: all 0.65s;
    -moz-transition: all 0.65s;
    -ms-transition: all 0.65s;
    -o-transition: all 0.65s;
    transition: all 0.65s;}
.productCenter .productCenterSlide .bd ul li .listPic img{vertical-align: middle; max-height: 251px;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -ms-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;}
.productCenter .productCenterSlide .bd ul li .listWord{height: 55px; width: 100%; background-color: #e7efea; border-bottom: 1px solid #008639;}
.productCenter .productCenterSlide .bd ul li .listWord p{font-size: 16px; font-family: Arial; line-height: 54px; padding: 0 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.productCenter .productCenterSlide .bd ul li:hover .listPic .listMark{opacity: 1; visibility: visible;}
.productCenter .productCenterSlide .bd ul li:hover .listPic .listMark::before{top: 50%; margin-top: -21px;}
.productCenter .productCenterSlide .bd ul li:hover .listPic img{
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);}
.productCenter .productCenterSlide .bd ul li:hover .listWord p{color: #008639;}
.productCenter .productCenterSlide .bd .tempWrap{margin: 0 auto; overflow: hidden; width: 1116px !important;}
.bd .prev,.bd .next{width: 33px; height: 88px; background-color: #dee8e2; position: absolute; top: 50%; margin-top: -44px; display: inline-block;
     cursor: pointer; background-position: center center; background-repeat: no-repeat;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.bd .prev:hover,.bd .next:hover{background-color: #008639;}
.bd .prev{left: 0; background-image: url("../images/prev.png");}
.bd .next{right: 0;background-image: url("../images/next.png"); }
/*    应用案例   */
.applicationCase{padding-bottom: 50px;}
.applicationCase .caseSlide .bd{position: relative;}
.applicationCase .caseSlide .bd ul li{width: 362px; margin-right: 12px;}
.applicationCase .caseSlide .bd ul li .caseListPic{width: 100%; height: 261px; overflow: hidden;}
.applicationCase .caseSlide .bd ul li .caseListPic img{width: 100%; height: 100%;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -ms-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;}
.applicationCase .caseSlide .bd ul li .caseListWord{width: 100%; height: 54px; line-height: 54px; background-color: #e7efea; text-align: center;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -ms-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;}
.applicationCase .caseSlide .bd ul li .caseListWord p{font-size: 16px; color: #000000;}
.applicationCase .caseSlide .bd ul li:hover .caseListPic img{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);}
.applicationCase .caseSlide .bd ul li:hover .caseListWord{background-color: #39a62f;}
.applicationCase .caseSlide .bd .tempWrap{margin: 0 auto; overflow: hidden; width: 1110px !important;}
/*       关于我们      */
.aboutUS{height: 411px; text-align: center;}
.aboutUS .aboutContent{ padding: 0 110px; margin-bottom: 40px;}
.aboutUS .aboutContent p{line-height: 30px; font-size: 14px; color: #ffffff;}
.aboutUS .more{font-size: 16px; color: #ffffff; display: inline-block; width: 106px; height: 37px; line-height: 37px; background-color: #39a62f; border-radius: 37px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.aboutUS .more:hover{background-color: #008639;}
/*          技术支持          */
.technical .totalTitle{margin-bottom: 4px;}
.technical .varied .variedTitle ul{text-align: center;}
.technical .varied .variedTitle ul li{line-height: 34px; height: 34px; font-size: 16px; display: inline-block; color: #000000; margin: 0 31px; cursor: default; border-bottom: 1px solid #ffffff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.technical .varied .variedTitle ul .on{color: #008639; border-bottom: 1px solid #008639}
/*
.technical .variedSlide .variedSite{height: 390px !important; position: relative;}
.technical .variedSlide .variedSite .swT{padding-top: 34px; margin-bottom: 27px;}
*/
/*   */
.technical .varied .variedSite{padding: 34px 0 50px;}
.technical .varied .variedSite .variedList{display: none;}
.technical .varied .variedSite .variedList .bd ul li{width: 300px!important; margin:0 20px; text-align: center; float:left; height:280px; overflow:hidden}
.technical .varied .variedSite .variedList .bd ul li dt{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}

.technical .varied .variedSite .variedList .bd ul li img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:150px; height:150px;}
.technical .varied .variedSite .variedList .bd ul li:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}


.technical .varied .variedSite .variedList .bd ul li dd{ text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.technical .varied .variedSite .variedList .bd ul li .pic a{ display:inline-block; vertical-align:top; width:150px; height:150px; border-radius:50%; position:relative; overflow:hidden}
.technical .varied .variedSite .variedList .bd ul li .pic a .listMark{ width:150px; height:150px; border-radius:50%; background:url(../images/link.png) center center no-repeat rgba(00,00,00,0.4); position:absolute; top:-200px; left:0; transition:all 0.5s}
.technical .varied .variedSite .variedList .bd ul li:hover .pic a .listMark{ top:0}
.technical .varied .variedSite .variedList .bd ul li .prinPic{width: 100%; height: 180px; line-height: 180px; margin-bottom: 27px;}
.technical .varied .variedSite .variedList .bd ul li .prinPic .prinPicSite{width: 137px; height: 137px; border-radius: 50%; display: inline-block; vertical-align: middle;
    -webkit-transition: all 0.5s; position: relative;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.technical .varied .variedSite .variedList .bd ul li .prinPic .prinPicSite .markP{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.31);
       position: absolute; top: 0; left: 0; border-radius: 50%; visibility: hidden; opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.technical .varied .variedSite .variedList .bd ul li .prinPic .prinPicSite .markP::before{content: ""; width: 28px; height: 28px; background: url("../images/link2.png") no-repeat center center; position: absolute;
    top: 5%; left: 50%; margin-left: -14px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.technical .varied .variedSite .variedList .bd ul li .prinPic .prinPicSite img{width: 100%; height: 100%; border-radius: 50%; }
.technical .varied .variedSite .variedList .bd ul li .answer{padding: 0 30px;}
.technical .varied .variedSite .variedList .bd ul li .answer p{line-height: 30px; font-size: 14px; color: #000000;}
.technical .varied .variedSite .variedList .tempWrap{width: 1007px !important; margin: 0 auto;}
.technical .varied .variedSite .variedList .dList{width: 1007px !important; margin: 0 auto;}
.technical .varied .variedSite .variedList .bd a{top: 60%; margin-top: 0;}
.technical .varied .variedSite .variedList .bd ul li:hover .answer p{color: #008639;}
.technical .varied .variedSite .variedList .bd ul li:hover .prinPic .prinPicSite{
    -webkit-transform: scale(1.31);
    -moz-transform: scale(1.31);
    -ms-transform: scale(1.31);
    -o-transform: scale(1.31);
    transform: scale(1.31);}
.technical .varied .variedSite .variedList .bd ul li:hover .prinPic .prinPicSite .markP{opacity: 1; visibility: visible;}
.technical .varied .variedSite .variedList .bd ul li:hover .prinPic .prinPicSite .markP::before{top: 50%; margin-top: -14px;}