@charset "utf-8";







/*-------head-------*/







.Wrap{max-width: 1210px;margin: 0 auto;}



.top{height: 100px;overflow: hidden;}



.logo a{color: #4cbcac}



.dd{font-size: 24px;color: #4cbcac;vertical-align: middle;



margin: 32px 0 0 20px}



.logo h1{font-size: 42px;font-weight:500;margin-top: -17px;}



.enfont{font-size: 36px;height: 53px; line-height: 53px}



.topTel{
  height: 97px; 
  background: url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/head_tel.png) 11px 35px no-repeat;
   padding-left: 30px;
   text-align: center;
   font-weight: 100;}



.topTel p{height: 24px;line-height:24px;overflow: hidden;padding-top: 20px;}



.topTel span{font-size: 24px;color: #f00;width: 177px;}



.weixin{width: 90px;height: 90px;display: none;}



.navBox{height: 50px;background:#4cbcac;    box-shadow: 0px 3px 3px #888;position: relative;}



.nav li{line-height: 50px;height: 50px;padding: 0 25px; float: left;margin-right:20px;



position: relative;}



.nav li > a{font-size: 16px;color: #fff}



.navDorn{position: absolute; background: rgba(108,177,108,.7);z-index: 9;left:-8px;width: 130px;



top: 50px;/*padding: 10px 0;*/display: none;}



.navDorn a{display: block;padding: 7px 7px;height: 18px; line-height: 17px;text-align: center;/*margin-bottom: 10px;*/font-size: 14px;color: #fff}





.navDorn a:hover{background: #4cbcac;}



.nav li.active,.nav li:hover{background: #6cb16c}



.searchBox{margin-top: 20px;}



.search{width: 250px;height: 30px;line-height: 30px;border:1px #ccc solid;padding: 4px}



a.searchBtn{display: block;height: 40px;line-height: 40px;width: 100px;text-align: center;



background: #70c570;color: #fff}



.top_lian {



    height: 40px;



    line-height: 40px;



    float: right;



    margin-top: 6px;}







.top_lian i {



    font-size: 24px;



    color: #9b0005;



    font-style: normal;



}



/* .searchTxt{width: 250px;padding:5px;height: 20px;list-style: 30px;background: #fff;margin: 10px 0}



 */



.WrapTit{width: 100%;height: 40px;line-height:40px;border-bottom: 1px solid #ccc;color: #1c592c}



.WrapTit span{font-size: 16px;}



.about_nn{margin: 20px 0;overflow: hidden;}



.about_nr{width: 566px;height: 180px;overflow: hidden;}



.about_nn > .fl{width: 400px;height: 180px;}



.about_nr span{font-size:14px;height: 30px;line-height: 30px;display: block;color: #333;



font-weight: bold;}



.about_nr p{line-height: 24px}



.about_nr a{color: #217b3d;display: inline-block;margin-top: 10px;}



.title{height: 76px;width: 100%;padding: 20px 0;}



.title span{display: block;font-size: 28px;color: #3fbe72;height: 35px;line-height: 35px



;text-align: center;}



.title em{font-size: 23px;color: #989b9b;display: inline-block;height: 35px;line-height: 35px;



text-align: center;width: 100%;}







.bannerWarp{/*height:0;position: relative;padding-bottom: 23.4%;/*overflow: hidden;*/}



.banner{max-width: 1920px;overflow: hidden;text-align: center;overflow: hidden;}



.banner li{width: 100%;overflow: hidden;}



.banner li img{width: 100%;}



.focus{position:absolute;width: 100%;bottom: 10px;text-align: center;}



.focus a{display: inline-block;width: 15px;height: 15px;border-radius: 50%;background: #70c570;margin-right: 10px}



.focus a.cur{background: #4cbcac}







.main{    overflow: hidden;



    padding-bottom: 20px;}







.index_pro{ width:100%; padding-top:50px; padding-bottom:60px;}



.index_title{ width:100%; height:50px; /*background:url(/web/20180816064823im_/http://ddlsl.com/images/index_title.png) no-repeat center bottom; */  text-align:center; font-size:24px; line-height:50px; color:#2b2b2b;}



.index_title_1{text-align:center;color:#4cbcac;font-family: 'Microsoft YaHei'; font-size: 25px; line-height: 35px; width:400px;margin:0 auto;border-bottom:2px solid #d4dde4;}



.index_title_2{
 font-size: 17px;
    line-height: 150%;
    font-weight: 600;
}



.index_title span{ display:inline-block; *display:inline; *zoom:1; margin-left:10px; color:#4cbcac;}







/*产品*/



.pro_list{ width:100%; padding-top:20px;overflow: hidden;}



.pro_list ul{ width:102%; text-align:center; margin-left:-0.95%}



.pro_list li{ width:22.5%; display:inline-block; *display:inline; *zoom:1; margin:0 1%; overflow:hidden;



 background-color:#FFF;margin-bottom: 2%;position: relative; }



.pro_list li a.jzimg{ display:block; width:100%; text-align:center;position: relative;



overflow: hidden;}



.pro_list li a.jzimg img{max-width:100%; max-height:100%;vertical-align:middle;}



.pro_list li a.jzimg i{vertical-align:middle; display:inline-block; *display:inline; *zoom:1; height:100%;}



.hidTxt{width: 100%; height: 100%;background: rgba(0,0,0,.7);color: #fff;position: absolute;



left: 0;top: 0;z-index: 9}



.pro_list li > div{ width:100%; border-bottom:5px solid #6cb16c; text-align:center;



  background: #70c570;height: 30px; line-height: 30px;}







.pro_list li div span a{display:inline-block; *display:inline; *zoom:1; height:2em; overflow:hidden;



 line-height:2em; font-size:1.2em; font-weight:bold; color:#fff;}



.pro_list li div > a{ color:#4cbcac; display:inline-block; *display:inline; *zoom:1; padding-right:15px; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/por_ins01.png) no-repeat right 2px;}



.pro_list li:hover{box-shadow:0 15px 30px rgba(0,0,0,0.3);-moz-box-shadow:0 15px 30px rgba(0,0,0,0.3);



 -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.3);-o-box-shadow:0 15px 30px rgba(0,0,0,0.1);



transform: translate3d(0,-2px,0);-moz-transform: translate3d(0,-2px,0); -wbkit- transform: translate3d(0,-2px,0); -o- transform: translate3d(0,-2px,0);



}



.pro_list li:hover div{ border-bottom:5px solid #30a57c; transition-duration:2s; -moz-transition-duration:2s;-webkit-transition-duration:2s;-o-transition-duration:2s;}



.pro_list li:hover .hideTxt{display: block;}



.hideTxt{width: 100%;height: 100%;display: block;position: absolute;



left: 0;top: 0;background: rgba(108,177,108,.7);z-index: 999;display: none;}



.hideTxt > i{display: inline-block !important;width: 50px !important; height: 50px !important;



  background: url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/play.png) no-repeat;



  background-size: cover;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px}







.Iabout{height: 464px;background: url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/about.jpg) no-repeat;padding: 30px 0;



  background-size: cover;



  background-position: center center;}



.aboutTxt{color:#fff; line-height: 25px;padding:0 20px;margin-top: 30px;}



.aboutTxt .fr{width: 450px}



.aboutTxt p{color: #fff}



.video{width: 400px; height:250px;}



.video img{width: 100%; height: 100%}



/*案例*/



.index_case{ width:100%;  padding-top:40px;}







.case_list{ padding:40px 0;}



.case_list ul li{ float:left; width:25%; display:inline-block; *display:inline; *zoom:1; overflow:hidden; position:relative;}



.caseImg{ width:100%;  display:inline-block; *display:inline; *zoom:1;position:relative;text-align:center; border-bottom:1px solid #4cbcac; background-color:#eaeaea; }







.bor{ border-top:1px solid #4cbcac; border-bottom:none;}











.caseImg img{ max-width:95%; max-height:95%; vertical-align:middle;}



.caseImg em{ height:100%; vertical-align:middle;   display:inline-block; *display:inline; *zoom:1;}







.caseImg a{ display:none; width:100%; height:100%; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/show01.png) no-repeat center center; position:absolute; left:0px; top:0px;}



.caseImg i{ display:block; width:28px; height:16px; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/case_ins.png) no-repeat left bottom;position:absolute; left:50%; margin-left:-14px; bottom:-1px;}



.caseImg i.cur{ background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/case_ins1.png) no-repeat left top; top:-1px;}







.caseText{  background-color:#fff; padding:2% 5% 5% 5%;}



.caseText > a{ display:block; width:100%; height:2em; font-size:1.5em; line-height:2em; color:#70c570;}



.caseText span{ line-height:1.5em; font-size:1em;}



.caseText p{ line-height:1.6em;  height:6.4em; overflow:hidden;}







.case_list ul li:hover .caseImg{ background-color:#4cbcac; transition-duration:2s; -moz-transition-duration:2s;-webkit-transition-duration:2s;-o-transition-duration:2s;}



.case_list ul li:hover .caseImg a{ display:block;}



.cont_box{ border-top:2px solid #eaeaea; background-color:#FFF;}



.contact_block{ float:left; width:28%; display:inline-block; *display:inline; *zoom:1; padding:2% 0; margin:2% 0; color:#4cbcac; }







.contact_block.ins01{ background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/client6.png) no-repeat left center; padding-left:5%;font-size:2em;}



.contact_block.ins02{ background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/client7.png) no-repeat left center; padding-left:5%;font-size:2em;}



.contact_block.ins03{ background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/client8.png) no-repeat left center; padding-left:5%;font-size:1.5em;}







.parth{width:100%;margin:20px 0; overflow: hidden;}



.tab_box{overflow:hidden}



.scrll_pro ul{width:110%; overflow:hidden;}



.scrll_pro li.jzimg{width:210px; height:75px; border:1px solid #c7c7c7; margin-right:30px; float:left}











.foot{height: 180px;width: 100%;background: #4cbcac;padding-top: 20px;color: #fff;}



.footNav{height: 160px}



.footNav li{width: 108px;float: left;}



.footNav li a{display: block;height: 25px;line-height: 25px;color: #fff;overflow: hidden;}



.footNav li a:first-child{font-size: 14px;font-weight: bold;}



.wx{width: 130px;text-align: center;color: #fff;margin-right: 70px;}



.wx img{width: 130px;}



.wx p{color: #fff}



.message{width: 30%}



.message p{height: 25px;line-height: 25px;margin-bottom: 10px;}



.input{width: 80%; height: 20px;line-height:20px;background: #fff;padding: 4px}



.copy{height: 45px;line-height: 45px;background:#919393}



.copy .Wrap > p{color: #fff; height: 45px; line-height: 50px;}



.line span{display:inline-block;width: 100px;height: 100px;border-radius: 50%;



background: #ccc;text-align: center;line-height: 100px;color: #fff;font-size: 14px;}



.line > div{height: 50px;border-top: 1px #ccc solid;border-bottom: 1px solid #ccc;line-height: 50px;



margin-top: 25px;}







.celieha{padding-top:20px; overflow:hidden}



.celieha p em{ display:block;background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/jie_01.jpg) repeat-x left top #e1e1e1; line-height:24px; padding:10px; margin-bottom:7px;}



.celieha p span{ display:block; height:60px; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/ser001.jpg) no-repeat top center; margin-bottom:10px;}



.celieha p:hover span{background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/ser002.jpg) no-repeat top center}



.celieha p:hover em{background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/jie_02.jpg) repeat-x left top #65000b; color:#FFF}







.Lcont{padding: 0 18px;padding-bottom: 15px;}



.nyBanner{text-align: center; }



.nyBanner img{width: 100%;}



.indexBox {



  padding: 2% 0 2%;



}



.mt30{margin-top: 30px;}



.qustionBox{padding: 0 1%}



.qustion{width: 23.5%;padding-bottom: 31%;float: left;margin-left: 2%;height: 0;overflow: hidden;border-bottom: 2px solid #70c570;



margin-bottom: 20px;}



.qustion:first-child{margin-left: 0;}



.qusTit{display: block; height: 40px;line-height: 40px;color: #d6ecd4;overflow: hidden;background: #70c570;



  text-transform: uppercase;padding-left: 12px;}



.qusText{line-height: 24px;overflow: hidden;color: #333; padding: 15px 2%;height: 0;overflow: hidden;



padding-bottom: 28%;}



/*.img img{text-align: center;width: 100%;max-width: 100%;}*/



.sq{display: block;width: 71px;height: 39px;background: url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/kr_w.jpg) no-repeat;



text-indent: -200%;}







.indexJoin,.indexServer{overflow: hidden;}



.serTxt{font-size: 14px;line-height: 28px;color: #666;text-align: center;



padding: 2% 3%}



.serList{margin-bottom: 2%;padding: 0 1%}



.indexServer{margin: 20px 0}



.ser{display: block;width: 23%;overflow: hidden;float: left;margin-right: 2%}



.topImg{height: auto;overflow: hidden;position: relative;}



.topImg i{display: block;padding-bottom: 72.5%;text-indent: -1000%}



.imgCenter{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:auto;



width: 100%;max-width: 100%}



.Txt{width: 90%;padding: 0 5%}



.Txt > span{display: block;height: 48px;font-size: 16px;text-align: center;font-weight: bold;



color: #32a129;overflow: hidden;line-height: 48px;}



.Txt > div{line-height: 24px;height: 48px;overflow: hidden;



width: 100%;font-size: 14px;}



.vimeMore{display:block;width: 115px;height: 29px;line-height: 29px;



  border:1px solid #4cbcac;border-radius: 10px;text-align: center;color: #4cbcac



;font-size: 14px;margin:10px auto}







.project .span12{ height:60px; line-height:60px;}



.indexpro{ width:102%; overflow:hidden; position:relative;}



.indexpro ul{ width:1000%; position:relative;}



.indexpro ul li{ float:left; margin-left:30px; width:270px; }



.indexpro ul li .divc{ display:block; width:270px; height:203px;}



.indexpro ul li .divc a{ display:block; text-align:center; width:100%; height:100%;}



.indexpro ul li .divc img{max-height:100%; max-width:100%;  border:0; vertical-align:middle;}



.indexpro ul li .divc b{ height:100%; display:inline-block; vertical-align:middle;}



.indexpro ul li p{ background:#70c570; height:30px; line-height:30px; width:270px; border-bottom:5px solid #6cb16c; display:block; text-align:center; }



.indexpro ul li p a{ display:block; padding:0px 10px; overflow:hidden; font-size:1.2em; height:30px;



line-height: 30px;color: #fff}



.nySer{margin: 20px 0;width: 90%;margin: 20px auto;border-bottom: 1px solid #ccc;



overflow: hidden;padding-bottom: 10px;}



.nySer .Txt > div{color: #666;height: auto;}



.nySer .ser{width: 30%;}







.focus{position:absolute;left: 50%;margin-left:-960px;width: 1920px;bottom: 10px;text-align: center;}



.focus a{display: inline-block;width: 15px;height: 15px;border-radius: 50%;background: #70c570;margin-right: 10px}



.focus a.cur{background: #4cbcac}



.main-im{position:fixed;right:10px;bottom: 0px;z-index:100;width:110px;height:272px;}



.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}



.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}



.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}



.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/qq-icon-bg.png) no-repeat center 8px;}



.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}



.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}



.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}



.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}



.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}



.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}



.main-im .im_main .im-tel:hover{background:#fafafa;}



.im-tel p{color:#e66d15}



.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/weixing-icon.png) no-repeat center center;float:left;}



.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}



.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}



.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}



.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}



.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}



.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/totop-icon.png) no-repeat center center;float:right;}



.main-im .im_main .go-top a{display:block;width:52px;height:47px;}



.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}



.main-im .close-im a{display:block;width:24px;height:24px;background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/close_img.png) no-repeat left top;}



.main-im .close-im a:hover{text-decoration:none;}



.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/open_im.png) no-repeat left top;}







.serTxt{font-size: 14px;line-height: 28px;color: #666;text-align: center;



padding: 2% 3%}



.serList{margin-bottom: 2%;}



.indexServer{margin: 20px 0}



.ser{display: block;width: 23%;overflow: hidden;float: left;margin-right: 2%}



.topImg{height: auto;overflow: hidden;position: relative;}



.topImg i{display: block;padding-bottom: 72.5%;text-indent: -200%}



.imgCenter{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:auto;



width: 100%;max-width: 100%}



.Txt{width: 90%;padding: 0 5%}



.Txt > span{display: block;height: 48px;font-size: 16px;text-align: center;font-weight: bold;



color: #32a129;overflow: hidden;line-height: 48px;}



.Txt > div{line-height: 24px;height: 48px;overflow: hidden;



width: 100%;font-size: 14px;}



.vimeMore{display:block;width: 115px;height: 29px;line-height: 29px;



  border:1px solid #4cbcac;border-radius: 10px;text-align: center;color: #4cbcac



;font-size: 14px;margin:10px auto}



.nySer{margin: 20px 0;width: 90%;margin: 20px auto;border-bottom: 1px solid #ccc;



overflow: hidden;padding-bottom: 10px;}



.nySer .Txt > div{color: #666;height: auto;}



.nySer .ser{width: 30%;}



.project .span12{ height:60px; line-height:60px;}



.indexpro{ width:102%; overflow:hidden; position:relative;}



.indexpro ul{ width:1000%; position:relative;}



.indexpro ul li{ float:left; margin-left:30px; width:270px; }



.indexpro ul li .divc{ display:block; width:270px; height:203px;}



.indexpro ul li .divc a{ display:block; text-align:center; width:100%; height:100%;}



.indexpro ul li .divc img{max-height:100%; max-width:100%;  border:0; vertical-align:middle;}



.indexpro ul li .divc b{ height:100%; display:inline-block; vertical-align:middle;}



.indexpro ul li p{ background:#70c570; height:30px; line-height:30px; width:270px; border-bottom:5px solid #6cb16c; display:block; text-align:center; }



.indexpro ul li p a{ display:block; padding:0px 10px; overflow:hidden; font-size:1.2em; height:30px;}















.phoneFoot{width: 100%;position: fixed;bottom: 0;left: 0;background: #70c570;height: 50px;line-height: 50px;display: none;}



.phoneFoot li{float: left;width: 25%;text-align: center;}



.phoneFoot li a{color: #fff;font-size: 14px;}



.copy .wx{margin: 0 auto;width: 30%;display: none;}















@media (max-width: 440px) {



  .indexBox {



    padding: 3% 0 4%;



  }



}



@media (max-width: 600px) {



    .ser{width: 49%;margin-right: 0;}



    .ser:nth-child(1),.ser:nth-child(3){margin-right: 2%;}



    .indexServer .index_title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



    .focus{bottom: 4px;}



    .focus a{width: 8px;height: 8px}



    .none{display: none;}



    .table{width: 95% !important;margin:0 auto}



    .table td{width: 100% !important;max-width: 100% !important}



    .table span,.table td{padding-left: 0 !important;}



}



.indexBox .indexBoxnr .inNewsnr {



  width: 48%;



}











@media (max-width: 640px) {











}



.indexBox .indexBoxnr .inNewsnr {



  width: 48%;







}











@media (max-width: 1199px) {



  .nav li{margin-right: 0;}



}







@media (max-width: 1024px) {



  .indexBox .indexBoxnr .inNewsnr {



    width: 46%;



    padding: 0 1%;



  }



}



































@media (max-width: 680px) {



  .indexBox .indexBoxnr .inNewsnr {



    width: 96%;



    padding:0 2%;



  }



.Newslist, .Newslist {



    padding: 2% 0 0;



}



}



 .bt,



 .bt {



  border-bottom: 1px solid #cccccc;



  height: 42px;



}



@media (max-width: 600px) {



   .bt,



   .bt {



    height: 32px;



  }



}



 .bt span,
 .bt span {
  float: left;
  display: inline-block;
  color: #2b2b2b;
  font-size: 24px;
  height: 42px;
  line-height: 40px;
  border-bottom: 2px solid #70c570;

   background: url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/indtitle.jpg) no-repeat;
    padding-left: 35px;
    cursor:pointer;
}



@media (max-width: 600px) {



   .bt span,



   .bt span {



    font-size: 18px;



    line-height: 32px;



    height: 32px;



  }



}



 .bt a,



 .bt a {



  display: inline-block;



  width: 47px;



  height: 20px;



  background: #4d4d4d;



  color: #FFFFFF;



  font-family: arial;



  font-size: 12px;



  float: right;



  text-align: center;



  margin-top: 12px;



  line-height: 20px;



}



@media (max-width: 600px) {



   .bt a,



   .bt a {



    margin-top: 5px;



  }



}







@media (max-width: 680px) {



   .Newslist,



   .Newslist {



    padding: 2% 0 0;



  }



}



 .Newslist li,



 .Newslist li {



  float: left;



  color: #565656;



  font-size: 12px;



  line-height: 26px;



  width: 100%;
    background: url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/news-bt.jpg) no-repeat 2px;
    padding-left: 18px;


}



@media (max-width: 640px) {



   .Newslist li:nth-child(n+7),



   .Newslist li:nth-child(n+7) {



    display: none;}



    .aboutTxt{padding: 0 10px}



}



 .Newslist li:hover a,



 .Newslist li:hover a {



  color: #db1525;



}



 .Newslist li a,



 .Newslist li a {



  display: inline-block;



  float: left;



  color: #565656;



  max-width: 80%;



  text-overflow: ellipsis;



  overflow: hidden;



  white-space: nowrap;



}



 .Newslist li span,



 .Newslist li span {



  float: right;



  color: #767676;



  font-family: arial;



}



 {



  width: 100%;



}



 .inMap {



  width: 100%;



  position: relative;



  height: 119px;



  border: 1px solid #e3e3e3;



  margin-top: 18px;



}



 p {



  color: #565656;



  line-height: 26px;



}



 p span {



  font-family: arial;



}



 p a {



  color: #565656;



  font-family: arial;



}



 p a:hover {



  color: #db1525;



}







.leftMenu{width: 250px;}



.Title{width: 250px;height: 76px;line-height: 76px;background: #515151;color: #fff;



text-align: center;font-size: 22px;margin: 0}



.cur{background: #70c570}



.a_one {border:1px solid #DCDBDB;margin: 20px 0;border-radius:5px 5px 0 0;}



.a_one li{height: 40px;line-height: 40px;text-align: center;border-bottom: 1px solid #DCDBDB}



.a_one li{font-size: 14px;}



.Rcenter{max-width: 900px;margin-top: 20px;width: 900px;}



.ny_scrap {color: #000;font-size: 14px;background: url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/tit01.png) no-repeat left center;



text-indent: 20px;height: 30px; line-height: 30px;border-bottom: 1px solid #70c570;margin-bottom: 10px;}



.Rcenter .pro_list li{width: 30.5%;display: block;float: left;}



.Rcenter .case_list li{width: 32.8%}



.Rcenter .Newslist li{height: 40px; line-height: 40px;border-bottom: 1px dashed #ccc



;max-width:90%;font-size: 14px;}



.page{ text-align:left; margin-bottom:3%;margin-top: 20px;}



@media screen and (max-width: 500px){



.Rcenter .pro_list li{width: 48%;}



}



@media screen and (max-width: 768px){



.case_list{ width:95%; padding:40px 0; margin:0 auto;}



.case_list ul li{ float:left; width:50%; display:inline-block; *display:inline; *zoom:1; overflow:hidden; position:relative;}



.Rcenter .case_list li{width: 50%;}



#qiao-mess-head,#qiao-mess-wrap{display: none !important; }



}



@media screen and (max-width: 413px){



.Rcenter .case_list li{}







}



.page a{ display:inline-block; *display:inline; *zoom:1; padding:0.4% 1%; background-color:#ccc; color:#FFF; margin:0 0.1%;border-radius:2px }



.page a:hover,.page a.cur{ background-color:#4cbcac; }



a.ny_pre,a.ny_next{ padding:0.4% 1.8%;color:#333; background-color:#ccc; }



a.ny_pre:hover,a.ny_next:hover{ color:#fff;}



.ab_rneirong{ width:100%; margin-right:15px; margin-top:20px; overflow: hidden; }



.contact_t{background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/contact01.jpg) no-repeat right top; margin-left:10px;}







.contact_t p{ color:#636363; font-size:14px; line-height:28px;text-align:center;}



.contact_t ul{border-top:1px dashed #979797; margin-top:28px; padding:20px 0; overflow:hidden;



width: 100%;}



.contact_t ul li{min-width:238px; display:block;  line-height:30px;width: 100%;}



.contact_t ul li b{float:left;}







.message{ width:500px; overflow:hidden}



.message li:first-child{ border:0px;}



.message span{ color:#e0000a; padding:0px 5px;}



.message input[type="text"]{height: 30px; line-height: 20px; width: 360px;border:1px #ccc solid;



padding: 5px;margin-bottom: 15px;padding-left: 40px}



.textarea{width: 400px;height: 150px;border:1px #ccc solid;padding: 5px}



li.li_01{ font-size:13px; line-height:40px;}



li.li_02{ width:252px; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/feed_01.jpg) no-repeat 240px 11px;}



li.li_03{ width:252px; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/feed_02.jpg) no-repeat 240px 12px;}



li.li_04{ width:382px; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/feed_03.jpg) no-repeat 240px 16px;}



li.li_05{ width:382px; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/feed_04.jpg) no-repeat 240px 13px;}



.messBtn{width: 150px;height:45px;line-height:45px;background: #70c570;color: #fff;font-size: 16px;



font-weight: bold;margin-bottom: 20px;}







.proT{display:block;width: 100%;text-align: center;font-size: 16px;font-weight: bold;color: #666}



.bigPro{width: 100%; height: 400px;text-align: center;margin-top: 20px;}



.bigPro img{width: 40%}



.detail_hx .cpxq {



    text-align: left;



    font-size: 18px;



    margin-bottom: 10px;



    background: url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/common_icon02.png) no-repeat left top;



    padding-left: 30px;



    height: 24px;



    line-height: 24px;



    color: #777;



    border-bottom: 2px dashed #ccc;



    padding-bottom: 5px;



}



.detail_hx div b {



    font-size: 14px;



    color: #636363;



    font-weight: bold;



}



.detail_hx div {



    padding-top: 20px;



}







.pageup{ width:100%; height:24px; border-bottom:1px dashed #ccc; font-size:12px; padding-top:30px;}



.pageup p{ width:310px; height:24px; display:block; float: left;  line-height:24px; color:#666; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; padding:0 28px;}



.pageup p a{ color:#666;}



.pageup p a:hover{ color:#393;}







/*返回列表*/



.retrun{ width:95%; height:24px; text-align:right; margin:20px 0  0; padding-right:5%;



margin-bottom: 30px;}



.retrun a{ width:100px; height:24px; display:inline-block; border:1px solid #999; line-height:24px; color:#666; text-align:center;text-decoration:none; outline:none; }



.retrun a:hover{ border:1px solid #333; color:#333; }



.info{ width:100%; min-height:24px; line-height:24px; text-align:center; display:block; border-top:1px dashed #ccc;border-bottom:1px dashed #ccc; margin-bottom:20px;}



.info em{ font-style:normal; display:inline-block; margin:0 20px;}



.info p{ font-size:12px; padding:0 20px;}







.honor{ padding:30px 0 70px; overflow:hidden; width:100%}



.honor ul{ margin-right:-15px; float:left; padding-left:4px;}



.honor ul li{ width:210px; height:265px; overflow:hidden; float:left; margin-right:14px;



 border:1px solid white; padding-bottom:13px; margin-bottom:7px; box-shadow:3px 3px 4px #ccc;



 cursor:pointer; border:1px solid #ccc}



.honor ul li div{ width:190px; height:192px; padding:7px 7px 0;}



.honor ul li div img{ max-width:190px; max-height:192px; box-shadow:3px 3px 7px #ccc}



.honor ul li p{ padding:17px 17px 10px 10px; height:24px; text-align:center; line-height:26px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}



.honor ul li:hover div img{ box-shadow:0px 0px 0px #ccc}



.honor ul li:hover{ box-shadow:3px 3px 4px #ccc; cursor:pointer; border:1px solid #ccc}



.honor ul li:hover p{ color:#1b5922; font-size:16px}







.ny_job{ margin:2% 0; min-height:800px; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/job_bj.png) no-repeat right 400px;}







.job_title{ display:inline-block; *display:inline; *zoom:1; font-size:1.3em; height:1.5em; padding:0.5% 3%; background-color:#70c570; color:#FFF;}



.ny_job ul{ background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/job_ins04.jpg) repeat-y 30px top; padding-left:27px; margin-bottom:5%;}







.ny_job ul li .job_nam{ padding-left:14px; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/job_ins02.png) no-repeat left center;



 font-size:1.4em; color:#70c570; font-weight:bold; margin:3% 0 2% 0;}







.ny_job ul li .job_text{ margin-left:20px;}



.ny_job ul li .job_text p{ line-height:1.5em; font-size:1.2em; color:#333;}











.rand{width: 300px;height: 300px;background: #70c570;border-radius: 50%;text-align: center;



line-height: 300px;font-size: 36px;color: #fff;margin: 30px auto}







.ys{padding-left: 40px;margin-top: 20px}



.ys span{display: inline-block;margin: 10px;margin-bottom: 20px;line-height: 30px;



width: 70%}



.ys p{color: #70c570;font-weight: bold;height: 50px; line-height: 50px}



.ys p em{font-size: 38px;vertical-align:-4px;display: inline-block;margin-right: 8px}















/*.copy a{display: none;}*/



.pnav{width: 30px; height: 30px; background:url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/icon1.png) no-repeat; background-size: cover; display:block;



margin-top: 20px;display: none;}











.join div,.join span{width: 100%;}







@media (max-width: 1023px) {



  .navBox,.sq{display: none;}



  .foot{padding-bottom: 50px;}



  .pageup,.foot > .Wrap,.video,.indexJoin,.Iabout,.parth,.topTel,.leftMenu{display: none;}



  .aboutTxt .fr{width: 100%;}



  .foot{height: auto;background: none;padding-top: 0;}



  .copy{background: #f6f6f6;text-align: center;height: auto;line-height: auto;padding: 2%;}



  .copy .Wrap > p{color: #666;height: auto;line-height: 25px; width: 70%;margin-top: 20px;}



  .copy .wx{display: block;}



  .wx p{color: #666}



  .pnav,.phoneFoot{display: block;}



  .dd{font-size: 18px;}



  .logo h1{font-size: 26px;}



  .enfont{font-size: 22px;}



  .top{padding: 0 1%;height: 75px;}



  .Rcenter{width: 98%;padding: 0 1%;max-width: 98%}



  /*.qustion{height: auto;padding-bottom: 10px;}



  .qusText{



      height: auto;



      overflow : hidden;



      text-overflow: ellipsis;



      display: -webkit-box;



       display: -moz-box;



      -webkit-line-clamp: 3;



      -moz-line-clamp: 3;



      -webkit-box-orient: vertical;



      -moz-box-orient: vertical;



  }*/







}



.tableB div{width: 65%;line-height: 30px}



.tableBox {margin-top: 20px;}



.tableBox .fl{width: 45%;margin-right: 2%;line-height: 30px}



.tableBox .fl p{font-size: 18px;text-align: center;color: #70c570}



@media (max-width: 670px) {



 .nySer .ser{width: 47%;}



 .tableB .fr{float: none;text-align: center;}



.tableBox .fl,.tableB div{width: 100%}



}







@media (max-width: 470px) {



  .copy .Wrap > p{width: 50% }



  .copy .wx{width: 40%;}



  .copy{overflow: hidden;padding-bottom: 10px;}







}



@media (max-width: 445px) {



  .copy .Wrap > p{margin-top: 10px;}



  .textarea,.message input[type="text"]{width: 78%;}







}



@media (max-width: 423px) {



 .nySer .ser{width: 57%;



float: none;



margin: 0 auto;}







}



@media (max-width: 375px) {



  .copy .Wrap > p{margin-top: 10px;}



  .logo h1{font-size: 18px;}



.enfont {



    font-size: 15px;



}



.dd {



    font-size: 14px;



  }



}



@media (max-width: 320px) {



 .Newslist li a, .Newslist li a{width: 78%;}



}















.Ihonor{background: url(https://web.archive.org/web/20180816064823im_/http://ddlsl.com/images/honr.jpg) no-repeat;background-size: cover}



.Ihonor .index_title{color: #fff}







.ulpaee {margin:20px 0;height: 30px;  }



.ulpaee li{float: left;border: 1px solid #ccc;text-align: center;



  margin-right: 5px;padding: 5px 8px}



.thisclass{background: #70c570;border: 1px solid #70c570;color: #fff}



















/**/



.about {



    margin-top: 0px;



}



.container {



    width: 1170px;



    margin: 0 auto;



}



.about-dh {



    margin: 0 auto;



    width: 500px;



    height: 70px;



    /*background: url(https://web.archive.org/web/20180816064823im_/http://hbjdke.com/Public/Home/images/bt1.png) center no-repeat;*/



    background-size: 100%;



}







.about-dh1 {



    font-size: 25px;



    color: #53290c;



    font-weight: bold;



    padding-top: 6px;



}







.text-center {



    text-align: center;



}







.about-dh2 {



    font-size: 15px;



    color: #6c6868;



    padding-top: 1px;



    text-transform: Uppercase;



}







.about-con1 {



    width: 480px;



    height: 300px;



    position: relative;



    /*background: url(https://web.archive.org/web/20180816064823im_/http://hbjdke.com/Public/Home/images/ab_bj.png);*/



    float: left;



}



.about-con1 img {



    position: absolute;



    top: 24px;



    left: 125px;



}



.about-con2 {



    width: 520px;



    height: 310px;



    padding: 10px 90px 0px 75px;



    float: left;



}



.about-con2-p1 {



    font-size: 18px;



    color: #333;



    margin-bottom: 0px;



}



.about-con2-p2 {



    font-size: 12px;



    color: #333;



}



.about-con2-p3 {



    font-size: 13px;



    color: #5f5f5f;



    line-height: 26px;



    /* letter-spacing: 0.5px; */



}











.about-con2 .p4{



    width: 138px;



    height: 38px;



    border: 1px solid #999;



    color: #444;



    font-size: 14px;



    line-height: 38px;



    text-align: center;



    margin-top: 25px



}



/**/
/*
     FILE ARCHIVED ON 06:48:23 Aug 16, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:44:35 Jun 27, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.548
  exclusion.robots: 0.024
  exclusion.robots.policy: 0.01
  esindex: 0.017
  cdx.remote: 18.808
  LoadShardBlock: 155.991 (3)
  PetaboxLoader3.datanode: 79.841 (4)
  PetaboxLoader3.resolve: 270.332 (2)
  load_resource: 218.309
*/