@charset "utf-8";
/*        关于我们         */
.container .DAbout{background: url("../images/aboutBG1.png");}
.container .DAboutSite{position: relative; padding: 83px 0;}
.container .DAbout h2{line-height: 58px; color: #70ba31; font-size: 30px; font-weight: bolder;}
.container .DAbout h2 span{font-weight: normal;}
.container .DAbout .brief{color: #303030; font-size: 13px; line-height: 43px; margin-bottom: 15px; text-align: justify;}
.container .DAbout dl{margin-bottom: 14px;}
.container .DAbout dl dd{line-height: 24px; font-size: 13px; color: #303030;}
.container .DAbout dl dd span{padding-left: 9px; margin-right: 25px; position: relative;}
.container .DAbout dl dd span::before{content: ""; width: 9px; height: 9px; position: absolute; top: 50%; left: 0; margin-top: -4.5px;
          background: url("../images/dian.png") no-repeat center center;}
/*   */
.container .DAbout ul{margin-bottom: 14px; height: 48px;}
.container .DAbout ul li{float: left; margin-right: 25px; line-height: 24px;}
.container .DAbout ul li span{display: block; padding-left: 10px; position: relative; font-size: 13px; color: #303030;}
.container .DAbout ul li span::before{content: ""; width: 10px; height: 10px; position: absolute; top: 50%; left: 0; margin-top: -5px;
    background: url("../images/dian.png") no-repeat center center;}


/*    */
.container .DAbout .Ments{width: 545px; height: 112px; overflow: hidden; line-height: 24px; font-size: 13px; color: #303030; text-align: justify; }
.container .DAbout .changFang{width: 527px; height: 205px; position: absolute; bottom:53px; right: -6px;}
.container .DAbout .changFang img{width: 100%; height: auto;}
/*       发展历程         */
.container .DHistory{position: relative;}
.container .DHistory .bottomArr{width: 100%; height: 97px; background: url("../images/bottomjian.png") center center; position: absolute; left: 0; bottom: 0;}
.container .DHistory .DHistoryS{height: 569px; padding: 108px 0 97px; background-color: rgba(110, 197, 222, 0.69);}
.container .DHistory .DHistoryS .DHisSite{position: relative; height: 100%;}
.container .DHistory .DHistoryS .DHisSite .bd li{width: 810px !important; height: 170px; padding-left: 133px;}
.container .DHistory .DHistoryS .DHisSite .bd li .hisPic{width: 293px; height: 100%; overflow: hidden; float: left;}
.container .DHistory .DHistoryS .DHisSite .bd li .hisPic img{height: 100%; display: block; margin: 0 auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.container .DHistory .DHistoryS .DHisSite .bd li:hover .hisPic 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);}
.container .DHistory .DHistoryS .DHisSite .bd li .hisWord{width: 384px; height: 100%; padding: 12px 0 0 52px; float: left; position: relative;}
.container .DHistory .DHistoryS .DHisSite .bd li .hisWord p{font-size: 14px; line-height: 23px; color: #fff; text-align: justify;
    -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;
    -o-transition: all 0.3s;  transition: all 0.3s;}
.container .DHistory .DHistoryS .DHisSite .bd li:hover P{color: #b2ee4c;}
.container .DHistory .DHistoryS .DHisSite .bd li .hisWord .lookMore{width: 138px; height: 38px; line-height: 38px; text-align: center; font-size: 15px; color: #fff; border: 1px solid #fff; display: block; position: absolute; bottom: 14px; left: 55px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.container .DHistory .DHistoryS .DHisSite .bd li .hisWord .lookMore:hover{background-color: #96CF42; border: 1px solid #96CF42;}
.container .DHistory .DHistoryS .DHisSite .hd{height: 260px; width: 100%; padding-left: 66px; position: absolute; bottom: 36px; left: 0; }
.container .DHistory .DHistoryS .DHisSite::before{content: ""; width: 22px; height: 22px; border: 2px solid #fff; border-radius: 50%; position: absolute; left: 66px; bottom: 36px; background: url("../images/duobainxing.png") no-repeat 5px center; background-size: 39%;}
.container .DHistory .DHistoryS .DHisSite::after{content: ""; width: 120px; height: 2px; background-color: #fff; position: absolute; left: 85px; bottom: 64px;
    -webkit-transform: rotateZ(164deg);
    -moz-transform: rotateZ(164deg);
    -ms-transform: rotateZ(164deg);
    -o-transform: rotateZ(164deg);
    transform: rotateZ(164deg);}
.container .DHistory .DHistoryS .DHisSite .hd ul li{cursor: pointer; width: 22px; height: 22px; position: absolute; border-radius: 50%; border: 2px solid #ffffff;}
.container .DHistory .DHistoryS .DHisSite .hd ul li:before{content: ""; width: 119px; height: 2px; background-color: #fff; position: absolute; }
.container .DHistory .DHistoryS .DHisSite .hd ul li em{width: 8px; height: 8px; background-color: #ffffff; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px;}
.container .DHistory .DHistoryS .DHisSite .hd ul li .hisTime{width: 100px; height: 20px; white-space: nowrap; text-align: center; position: absolute; top: 32px; left: 50%; margin-left: -50px;}
.container .DHistory .DHistoryS .DHisSite .hd ul li .hisTime p{color: #1d7bb6; height: 20px; line-height: 20px; font-size: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.container .DHistory .DHistoryS .DHisSite .hd ul{position: relative; height: 100%;}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(1){ left: 136px; bottom: 37px;}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(1)::before{left: 20px; top: 8px;}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(2){ left: 277px; bottom: 37px;}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(2)::before{left: 18px; top: -8px;
    -webkit-transform: rotateZ(165deg);
    -moz-transform: rotateZ(165deg);
    -ms-transform: rotateZ(165deg);
    -o-transform: rotateZ(165deg);
    transform: rotateZ(165deg);}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(3){ left: 413px; bottom: 71px;}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(3)::before{left: 20px; top: 4px;
    -webkit-transform: rotateZ(-3deg);
    -moz-transform: rotateZ(-3deg);
    -ms-transform: rotateZ(-3deg);
    -o-transform: rotateZ(-3deg);
    transform: rotateZ(-3deg);}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(4){ left: 553px; bottom: 76px;}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(4)::before{left: 18px; top: -6px;
    -webkit-transform: rotateZ(-11deg);
    -moz-transform: rotateZ(-11deg);
    -ms-transform: rotateZ(-11deg);
    -o-transform: rotateZ(-11deg);
    transform: rotateZ(-11deg);}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(5){ left: 690px; bottom: 102px;}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(5)::before{left: 16px; top: -14px;
    -webkit-transform: rotateZ(-18deg);
    -moz-transform: rotateZ(-18deg);
    -ms-transform: rotateZ(-18deg);
    -o-transform: rotateZ(-18deg);
    transform: rotateZ(-18deg);}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(6){ left: 824px; bottom: 144px;}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(6)::before{left: 12px; top: -24px;
    -webkit-transform: rotateZ(-28deg);
    -moz-transform: rotateZ(-28deg);
    -ms-transform: rotateZ(-28deg);
    -o-transform: rotateZ(-28deg);
    transform: rotateZ(-28deg);}
.container .DHistory .DHistoryS .DHisSite .hd ul li:nth-child(7){ left: 949px; bottom: 208px;}
.container .DHistory .DHistoryS .DHisSite .hd ul li:last-child::before{width: 83px; left: 17px; top: -6px;
    -webkit-transform: rotateZ(-14deg);
    -moz-transform: rotateZ(-14deg);
    -ms-transform: rotateZ(-14deg);
    -o-transform: rotateZ(-14deg);
    transform: rotateZ(-14deg);}
.container .DHistory .DHistoryS .DHisSite .hd ul li:last-child::after{content: ""; position: absolute; width: 20px; height: 20px; top: -23px; left: 85px; background: url("../images/youjian.png") no-repeat center center; background-size: contain; }
.container .DHistory .DHistoryS .DHisSite .hd ul .on{border: 2px solid #a5fc1a;}
.container .DHistory .DHistoryS .DHisSite .hd ul .on em{background-color: #a5fc1a;}
.container .DHistory .DHistoryS .DHisSite .hd ul .on .hisTime p{color: #a5fc1a;}
/*        产品          */
.container .DProduct{padding: 60px 0 0; background-color: #f3f3f3;}
/*    共有的title       */
.container .totalTitle h2{text-align: center; font-size: 30px; color: #70ba31; line-height: 54px; text-transform: uppercase; font-weight: bolder;}
.container .totalTitle h2 span{font-weight: normal;}
.container .totalTitle .sit02{padding: 12px 0;}
.container .totalTitle .sit02 p{height: 3px; text-align: center; border-bottom: 1px solid #ffffff; position: relative;}
.container .totalTitle .sit02 p span{width: 67px; height: 2px; display: inline-block; background-color: #70ba31; position: absolute; top: 0; left: 50%; margin-left: -34.5px;}
/*      */
.container .DProduct .DProductList{margin-top: 40px; position: relative;}
.container .DProduct .DProductList .hd{height: 32px; width: 100%; position: absolute; top: 80px; left: 0;}
.container .DProduct .DProductList .hd a{cursor: pointer; display: block; text-align: center; line-height: 30px; height: 32px; width: 16px; border: 2px solid #8cc64a; position: absolute; top: 0; color: #8cc64a;
    border-top-left-radius:16px; border-top-right-radius:16px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; font-family: Simsun; font-size: 12px;}
.container .DProduct .DProductList .hd .prev{left: 0;}
.container .DProduct .DProductList .hd .next{right: 0;}
.container .DProduct .DProductList .hd a:hover{color: #fff; background-color:  #8cc64a;}
/*       */
.container .DProduct .DProductList .bd{width: 1120px; height: 245px; margin: 0 auto; overflow: hidden;}
.container .DProduct .DProductList .bd .tempWrap{height: 100%;}
.container .DProduct .DProductList .bd ul{height: 100%;}
.container .DProduct .DProductList .bd ul li{width: 252px; height: 100%; margin-right: 37px;}
.container .DProduct .DProductList .bd ul li .exhibition{position: relative; width: 100%; height: 107px; border-radius: 3px;box-sizing: border-box; overflow: hidden;}

.container .DProduct .DProductList .bd ul li .exhibition .exhibition-c{height: 87px; margin: 10px 0; padding-left: 22px; background: url("../images/tion05.png") repeat;
    -webkit-transition: all 0.6s ;
    -moz-transition: all 0.6s ;
    -ms-transition: all 0.6s ;
    -o-transition: all 0.6s ;
    transition: all 0.6s ;}
.container .DProduct .DProductList .bd ul li:hover .exhibition-c{height: 108px; margin: 0; background: url("../images/pro-name-hover.png") repeat;
}



.container .DProduct .DProductList .bd ul li .exhibition .tionPic{height: 45px; width: 45px;  position: absolute; left: 22px; top: 30px; }
.container .DProduct .DProductList .bd ul li .exhibition .tionPic img{height: 100%; display: block; margin: 0 auto;}
.container .DProduct .DProductList .bd ul li .exhibition p{position: absolute; left: 0; top: 50%; font-size: 18px; vertical-align: middle; line-height: 23px; padding: 0 30px 0 85px; color: #ffffff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
/*
.container .DProduct .DProductList .bd ul li:nth-child(1) .exhibition .tionPic{padding-top: 23px; }
.container .DProduct .DProductList .bd ul li:nth-child(1) .exhibition .tionPic img{height: 70%; }
.container .DProduct .DProductList .bd ul li:nth-child(2) .exhibition .tionPic{padding-top: 23px; }
.container .DProduct .DProductList .bd ul li:nth-child(2) .exhibition .tionPic img{height: 70%; }
.container .DProduct .DProductList .bd ul li:nth-child(3) .exhibition .tionPic{padding-top: 23px; }
.container .DProduct .DProductList .bd ul li:nth-child(3) .exhibition .tionPic img{height: 70%; }
.container .DProduct .DProductList .bd ul li:nth-child(4) .exhibition .tionPic{padding-top: 23px; }
.container .DProduct .DProductList .bd ul li:nth-child(4) .exhibition .tionPic img{height: 70%; }
*/
.container .DProduct .DProductList .bd ul li .smallAbout p{line-height: 21px; height: 63px; overflow: hidden; padding-right: 5px; font-size: 14px; color: #656565; margin-top: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.container .DProduct .DProductList .bd ul li .tionArrow{height: 15px;}
.container .DProduct .DProductList .bd ul li .tionArrow .bgArrow{width: 39px; height: 15px; background: url("../images/changjiantou.png") no-repeat center center; background-size: contain;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.container .DProduct .DProductList .bd ul li:hover .smallAbout p{color: #8CC64A;}
/*.container .DProduct .DProductList .bd ul li:hover .exhibition{background-color: #8fce4f;}*/
.container .DProduct .DProductList .bd ul li:hover .bgArrow{
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px);}

    /*       固定背景           */
.container .fixThree{height: 158px; position: relative;}
.container .fixThree .jianFix{height: 66px; width: 100%; position: absolute; left: 0; top: 0; background: url("../images/bottomArr2.png") center center;}
.container .fixThree .fixThreeC{height: 100%; background-color: rgba(31, 225, 209, 0.57);}
/*       研发系统      */
.container .DSystem{position: relative; }
.container .DSystem .DSbottomArr{position: absolute; height: 68px; width: 100%; left: 0; bottom: 0; background: url("../images/bottomjian3.png") no-repeat center center;}
.container .DSystem .DSystemS{height: 610px; padding-top: 96px; background-color: rgba(255, 255, 255, 0.71);}
.container .DSystem .DSystemS .totalTitle .sit02 p{border-bottom: 1px solid #bbbbbb;}
.container .DSystem .DSystemS .DSChange .hd{height: 47px; position: relative;}
.container .DSystem .DSystemS .DSChange .hd ul{height: 100%;}
.container .DSystem .DSystemS .DSChange .hd ul li{cursor: pointer; position: absolute; bottom: 0; float: left; color: transparent; width: 12px; height: 12px; margin-right: 7px; border: 2px solid #70ba31; border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.container .DSystem .DSystemS .DSChange .hd ul .on{height: 27px; width: 12px; border: 2px solid #70BA31; background-color: #70BA31; border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.container .DSystem .DSystemS .DSChange .hd ul li:nth-child(1){left: 0;}
.container .DSystem .DSystemS .DSChange .hd ul li:nth-child(2){left: 19px;}
.container .DSystem .DSystemS .DSChange .hd ul li:nth-child(3){left: 38px;}
.container .DSystem .DSystemS .DSChange .hd ul li:nth-child(4){left: 57px;}
.container .DSystem .DSystemS .DSChange .hd ul li:nth-child(5){left: 76px;}
.container .DSystem .DSystemS .DSChange .hd ul li:nth-child(6){left: 95px;}
.container .DSystem .DSystemS .DSChange .hd ul li:nth-child(7){left: 114px;}
.container .DSystem .DSystemS .DSChange .hd ul li:nth-child(8){left: 133px;}
/*    左右切换     */
.container .DSystem .DSystemS .DSChange .hd .prev,.container .DSystem .DSystemS .DSChange .hd .next{cursor: pointer; text-align: center; display: block; position: absolute; top:21px; width: 32px; height: 16px; border: 2px solid #70BA31; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px;
             font-family: "Arial"; line-height: 12px; font-size: 14px; color: #70BA31;}
.container .DSystem .DSystemS .DSChange .hd .prev:hover,.container .DSystem .DSystemS .DSChange .hd .next:hover{background-color: #70BA31; color: #ffffff;}
.container .DSystem .DSystemS .DSChange .hd .prev{right: 45px;}
.container .DSystem .DSystemS .DSChange .hd .next{right: 0;}
.container .DSystem .DSystemS .DSChange .bd{height: 225px; margin-top: 30px;}
.container .DSystem .DSystemS .DSChange .bd .tempWrap{width: 1021px !important; height: 100%; margin: 0 auto;}
.container .DSystem .DSystemS .DSChange .bd ul li .roundPic{width: 225px; height: 225px; float: left; border-radius: 50%; border: 5px solid #70ba31; overflow: hidden !important;}
.container .DSystem .DSystemS .DSChange .bd ul li .roundPic img{height: 100%; display: block; margin: 0 auto;
    -webkit-transition: all 0.55s;
    -moz-transition: all 0.55s;
    -ms-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.35s;}
.container .DSystem .DSystemS .DSChange .bd ul li .DSIntroduce{width: 794px; height: 225px; padding-top: 16px; padding-left: 60px; float: left; overflow: hidden;}
.container .DSystem .DSystemS .DSChange .bd ul li .DSIntroduce h3{line-height: 50px; font-size: 20px; color: #70ba31; font-weight: normal;}
.container .DSystem .DSystemS .DSChange .bd ul li .DSIntroduce p{font-size: 14px; line-height: 26px; margin-top: 21px; text-align: justify; color: #434343;
    -webkit-transition: all 0.55s;
    -moz-transition: all 0.55s;
    -ms-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.35s;}
.container .DSystem .DSystemS .DSChange .bd ul li:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
.container .DSystem .DSystemS .DSChange .bd ul li:hover .DSIntroduce p{color: #70BA31;}
/*         质量安全         */
.container .DQuality{ background-color: #eeeeee;}
.container .DQuality .litySite{padding-top: 45px; height: 645px;}
.container .DQuality .litySite .totalTitle .sit02 p{border-bottom:1px solid #bbbbbb;}
.container .DQuality .litySite .oneLity{padding: 25px 40px 0; height: 200px; overflow: hidden;}
.container .DQuality .litySite .oneLity .leftLity{width: 670px; float: left;}
.container .DQuality .litySite .oneLity .leftLity h2{font-size: 22px; color: #669933; line-height: 52px; font-weight: bolder; margin-bottom: 10px;}
.container .DQuality .litySite .oneLity .leftLity p{font-size: 13px; line-height: 27px; padding-right: 133px; color: #2a2a2a;}
.container .DQuality .litySite .oneLity .rightPic{width: 400px; height: 140px; float: right; overflow: hidden; margin-top: 33px;}
.container .DQuality .litySite .oneLity .rightPic img{width: 100%; height: auto;
    -webkit-transition: all 0.55s;
    -moz-transition: all 0.55s;
    -ms-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;
    }
.container .DQuality .litySite .oneLity .rightPic:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
.container .DQuality .litySite .twoLity .mainBlock {height: 39px; border-bottom:1px solid #88ce58; margin-top: 5px;}
.container .DQuality .litySite .twoLity .mainBlock li{position: relative; float: left; line-height: 38px;}
.container .DQuality .litySite .twoLity .mainBlock li a{display: block; padding: 0 33px; font-size: 13px; color: #2a2a2a;}
.container .DQuality .litySite .twoLity .mainBlock li:hover a{color: #669933;}
.container .DQuality .litySite .twoLity .mainBlock .on a{color: #669933;}

.container .DQuality .litySite .twoLity .showBlock .block01{padding-top: 60px; text-align: center; display: none;}
.container .DQuality .litySite .twoLity .showBlock .block01 li{display: inline-block; width: 192px; height: 111px; overflow: hidden; margin: 0 20px; border: 1px solid #dddddd; background-color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.container .DQuality .litySite .twoLity .showBlock .block01 li img{width: 100%; height: auto;}
.container .DQuality .litySite .twoLity .showBlock .block01 li:hover{ box-shadow: 0 3px 10px #ccc;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);}

.container .DQuality .litySite .twoLity .showBlock .block02{display: none;}
/*          销售与市场          */
.container .DSale{height: 563px;}
.container .DSale .DSaleSite{position: relative; height: 100%; padding-top: 144px; background-color: rgba(32, 155, 160, 0.76);}
.container .DSale .DSaleSite .saleArr01{width: 100%; height: 69px; position: absolute; top: 0; left: 0; background: url("../images/bottomjian4.png") no-repeat center center;}
.container .DSale .DSaleSite .saleArr02{width: 100%; height: 69px; position: absolute; bottom: 0; left: 0; background: url("../images/bottomjian3.png") no-repeat center center;}
.container .DSale .DSaleSite .totalTitle h2{color: #fff;}
.container .DSale .DSaleSite .totalTitle p span{background-color: #fff;}
.container .DSale .DSaleSite .DContent{padding-top: 61px; }
.container .DSale .DSaleSite .DContent .content01{width: 645px; height: 200px; float: left;}
.container .DSale .DSaleSite .DContent .content01 ul li{float: left; width: 138px; height: 58px; border: 1px solid #fff; margin: 0 0 22px 15px ;}
.container .DSale .DSaleSite .DContent .content01 ul li .sitePic{height: 100%; width: 56px; padding-top: 11px; float: left;}
.container .DSale .DSaleSite .DContent .content01 ul li .sitePic img{display: block; margin: 0 auto; height: 80%;
    -webkit-transition: all 0.65s;
    -moz-transition: all 0.65s;
    -ms-transition: all 0.65s;
    -o-transition: all 0.65s;
    transition: all 0.65s;}
.container .DSale .DSaleSite .DContent .content01 ul li p{line-height: 56px; font-size: 16px; color: #fff; float: left;}
.container .DSale .DSaleSite .DContent .content01 ul li:hover img{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);}
.container .DSale .DSaleSite .DContent .content01 ul li:nth-child(3) .sitePic{padding-top: 5px;}
.container .DSale .DSaleSite .DContent .content01 ul li:nth-child(3) .sitePic img{height: 90%}
.container .DSale .DSaleSite .DContent .content01 ul li:nth-child(4) .sitePic{padding-top: 14px;}
.container .DSale .DSaleSite .DContent .content01 ul li:nth-child(4) .sitePic img{height: 75%}
.container .DSale .DSaleSite .DContent .content01 ul li:nth-child(5) .sitePic{padding-top: 12px;}
.container .DSale .DSaleSite .DContent .content01 ul li:nth-child(5) .sitePic img{height: 70%}
.container .DSale .DSaleSite .DContent .content01 ul li:nth-child(7) .sitePic{padding-top: 10px;}
.container .DSale .DSaleSite .DContent .content01 ul li:nth-child(7) .sitePic img{height: 75%}
.container .DSale .DSaleSite .DContent .content02{width: 555px; float: left; position: relative;}
.container .DSale .DSaleSite .DContent .content02 p{padding: 3px 35px 0 25px; color: #fff; font-size: 14px; line-height: 25px; text-align: justify;}
.container .DSale .DSaleSite .DContent .content02 span{display: block; position: absolute; top: 115px; right: 38px; width: 96px; height: 21px; line-height: 21px; border: 1px solid #fff;
        border-top-right-radius: 21px; border-top-left-radius: 21px; border-bottom-left-radius: 21px; border-bottom-right-radius: 21px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s; transition: all 0.3s;}
.container .DSale .DSaleSite .DContent .content02 span a{display: block; text-align: center; text-transform: uppercase; font-size: 12px; font-family: "Arial"; color: #fff;}
.container .DSale .DSaleSite .DContent .content02 span:hover{background-color: #70BA31; border: 1px solid #70BA31;}
    /*
    .container .DSale .DSaleSite .DContent .content02 span:hover a{color: #669933;}
    .container .DSale .DSaleSite .DContent .content02 span:hover{border: 1px solid #669933;}
    */
/*          客户          */
.container .client{padding-top: 14px; height: 305px; background-color: #eeeeee;}
.container .client h1{font-size: 30px; line-height: 55px; color: #70ba31; text-transform: uppercase; font-weight: bolder;}
.container .client h1 span{font-weight: normal;}
.container .client .ent03{padding: 16px 0; }
.container .client .ent03 p{height: 3px; border-bottom: 1px solid #bbbbbb;}
.container .client .ent03 p span{height: 2px; width: 67px; background-color: #70ba31; display: block;}
.container .client .Dsement .hd{height: 70px; position: relative;}
.container .client .Dsement .hd .next{width: 32px; height: 16px; border: 2px solid #70BA31; border-bottom-right-radius: 16px; border-bottom-left-radius: 12px;
         border-top-left-radius: 16px; border-top-right-radius: 16px; display: block; position: absolute; right: 0; top: -3px;}
.container .client .Dsement .hd a{text-align: center; line-height: 12px; color: #70BA31; font-family: "Arial"; font-size: 14px; cursor: pointer;}
.container .client .Dsement .hd a:hover{background-color: #70BA31; color: #ffffff;}
.container .client .Dsement .bd{height: 110px; overflow: hidden;}
.container .client .Dsement .bd .tempWrap{height: 100%;}
.container .client .Dsement .bd .tempWrap ul{height: 100%;}
.container .client .Dsement .bd ul li{width: 243px; height: 70px; border-right: 1px solid #cacaca; position: relative;}
.container .client .Dsement .bd ul li img{display: block; position: absolute; left: 50%; top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}

/*           质量安全  第二栏          */
.container .DQuality .litySite .twoLity .showBlock .block02 ul{padding-top: 60px;}
.container .DQuality .litySite .twoLity .showBlock .block02 ul li{width: 277px; height: 65px; float: left; margin-bottom: 60px;}
.container .DQuality .litySite .twoLity .showBlock .block02 ul li a{display: block; height: 100%;}
.container .DQuality .litySite .twoLity .showBlock .block02 ul li img{width: 65px; height: 65px; margin: 0 14px 0 40px; vertical-align: middle;
    -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s;
    -o-transition: all 0.8s; transition: all 0.8s;}
.container .DQuality .litySite .twoLity .showBlock .block02 ul li h4{display: inline-block; font-size: 13px; color: #222222; vertical-align: middle;}
.container .DQuality .litySite .twoLity .mainBlock .on{position: relative;}
.container .DQuality .litySite .twoLity .mainBlock .on::before{content: ""; width: 0; height: 0; position: absolute;
    border-top: 6px solid #70BA31; border-left: 9px solid transparent; border-right: 9px solid transparent; left: 50%; margin-left: -9px; bottom: -6px;}
.container .DQuality .litySite .twoLity .showBlock .block02 ul li:hover img{ -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);  -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg); transform: rotateY(360deg);}

