body{ font-family:"微软雅黑";}
.banner-box{height:auto;width:100%;position:relative;overflow:hidden;min-width:1200px;}
.swiper-pagination-bullet{ background:#fff; width:24px; height:6px; border-radius:0; opacity:0.6;}
.dz-index-bullet-active{ background:#f6a033; width:24px; height:6px; border-radius:0; opacity:0.9;}
.dz-service{ width:100%; height:638px; background:#f9f9f9; overflow:hidden; min-width:1200px;}
.dz-service-main{ width:1200px; height:638px; overflow:hidden; margin:0px auto;}
.dz-index-title{ width:100%; text-align:center; font-size:34px; height:48px; line-height:48px; overflow:hidden; margin-top:60px; color:#323234; font-weight:600; margin-bottom:15px;}
.dz-index-title-en{ width:100%; height:20px; overflow:hidden; position:relative; overflow:hidden; margin:5px auto 8px auto;}
.dz-index-title-en img{ display:block; margin:5px auto;}
.en-title-pline,.en-title-nline{ width:222px; height:1px; background:#b1b1b1; position:absolute; top:9px;}
.en-title-pline{ left:300px;}
.en-title-nline{ right:300px;}
.title-explain{ width:100%; text-align:center; font-size:14px; color:#666666; height:auto; overflow:hidden;}
.dz-service-list{ width:100%; height:auto; overflow:hidden; margin:70px auto 0 auto;}
.dz-service-list ul{ width:1223px; height:auto; overflow:hidden;}
.dz-service-list ul li{ width:283px; height:320px; background:#fff; overflow:hidden; float:left; border-radius:10px; margin:3px 19px 2px 2px;-moz-box-shadow:0px 0px 3px #C2C2C2; -webkit-box-shadow:0px 1px 3px #C2C2C2; box-shadow:0px 1px 3px #C2C2C2;}
.dz-service-list ul li:hover{-moz-box-shadow:0px 1px 3px #0A9BDB; -webkit-box-shadow:0px 1px 3px #0A9BDB; box-shadow:0px 1px 3px #0A9BDB;}
.dz-service-list li img{ display:block; margin:40px auto 0 auto;}
.dz-service-list li h6{ width:100%; text-align:center; height:30px; overflow:hidden; line-height:30px; font-size:18px; margin:10px auto 15px auto;}
.dz-service-list li .service-desc{ width:100%; padding:0px 10px; box-sizing:border-box; height:72px; line-height:26px; font-size:14px; color:#282828;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
/*案例*/
.dz-case-warp{ width:100%; height:auto; overflow:hidden; min-width:1200px; background:#fff;}
.dz-case-main{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.dz-case-type{margin:50px auto 40px auto; text-align:center; width:100%; overflow:hidden;}
.dz-case-type ul{  height:40px; border:1px solid #e3e1e1; box-sizing:border-box; display:inline-block; border-right:none;}
.dz-case-type li{ width:138px; height:38px; text-align:center; float:left; line-height:38px; font-size:16px; color:#5c5c5c; cursor:pointer; border-right:1px solid #e3e1e1;}
.dz-case-type li.hover{ color:#0879ab;}
.dz-case-list{ width:100%; height:auto; overflow:hidden; min-height:500px;}
.dz-case-list .dz-case-alink{ width:24.25%; height:auto; overflow:hidden; float:left; box-sizing:border-box; position:relative;margin-right:1%; margin-bottom:20px;}
.dz-case-list .case-nor{ margin-right:0;}
.dz-case-img{ width:100%; height:auto; overflow:hidden; background:#eaeaea; position:relative;}
.dz-case-img img{ display:block;}
.dz-case-typename{ width:100%; height:40px; background:rgba(0,0,0,0.8); color:#fff; text-align:center; line-height:40px; position:absolute; left:0; bottom:0; font-size:16px;}
.dz-case-info{ width:100%;padding:10px 10px; height:155px; background:#efefef; box-sizing:border-box;}
.dz-case-name{ width:100%; height:30px; line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:18px;}
.case-line{ width:60px; height:1px; background:#737373; margin:12px 0;}
.case-intro{ width:100%; height:48px; line-height:24px; color:#444; font-size:13px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin:0px auto 10px auto;}
.case-look{ color:#777; font-size:12px;}
.dz-case-list .dz-case-alink:hover .dz-case-info{ background:#0879ab;}
.dz-case-list .dz-case-alink:hover .case-line{ background:#fff;}
.dz-case-list .dz-case-alink:hover .dz-case-name,.dz-case-list .dz-case-alink:hover .case-intro,.dz-case-list .dz-case-alink:hover .case-look{ color:#fff;}
.more-div{ width:100%; min-width:1200px; text-align:center; margin:50px auto; overflow:hidden;}
.more-div .more-alink{ width:120px; height:34px; display:block; font-size:14px; border-radius:5px; margin:0 auto; line-height:34px;}
.theme-a{border:1px solid #666; color:#000; }
.theme-a:hover{border:1px solid #0879ab; color:#fff; background:#0879ab;}
.theme-b{border:1px solid #fff; color:#fff; }
.theme-b:hover{border:1px solid #f9da07; color:#fff; background:#f9da07;}

/*新闻动态*/
.dz-dynamic{ width:100%; height:875px; background:url(../images/index-news-bg.jpg) no-repeat center center; overflow:hidden; margin:0px auto;}
.dz-dynamic-main{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.dz-dynamic-type{ width:100%; text-align:center; overflow:hidden; margin:50px auto 50px auto}
.dz-dynamic-type a{ width:160px; height:38px; border:1px solid #a8dff2; display:inline-block; text-align:center; text-align:center; line-height:38px; font-size:16px; color:#fff; margin:0px 6px;}
.dz-dynamic-type a.hover,.dz-dynamic-type a:hover{ color:#f9da07; border:1px solid #f9da07;}
.dz-dynamic-list{ width:1200px; height:380px; overflow:hidden; margin:70px auto;}
.pic-dynamic{ width:380px; height:380px; float:left; overflow:hidden; background:#ffffff;}
.pic-dynamic .pic{ width:100%; height:224px; height:auto; overflow:hidden;}
.pic-dynamic .title{ width:100%; height:30px; overflow:hidden; line-height:30px; padding:0px 10px; box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap; font-size:16px; margin:12px auto 5px auto;}
.pic-dynamic .intro{ width:100%; height:72px; overflow:hidden; line-height:24px; padding:0px 10px; box-sizing:border-box;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; font-size:14px; color:#9f9f9f;}
.pic-dynamic .date{ width:100%; height:auto; overflow:hidden; padding:0px 10px; box-sizing:border-box; margin-top:8px; color:#999;}
.pic-dynamic .date img{ position:relative; top:-1px; margin-right:3px;}
.txt-dynamic{ width:820px; height:380px; float:right; overflow:hidden;}
.txt-dynamic li{ width:390px; height:113px; background:#fff; float:left; margin-left:20px; _display:inline; padding:10px 10px 10px 100px; box-sizing:border-box; border-radius:5px; position:relative; margin-bottom:20px;}
.txt-dynamic li:hover{-moz-box-shadow:0px 0px 5px #eac206; -webkit-box-shadow:0px 0px 5px #eac206; box-shadow:0px 0px 5px #eac206;}
.txt-dynamic li .date{ width:70px; height:78px; background:#26aedf; position:absolute; left:15px; top:18px; text-align:center;}
.txt-dynamic li .date b{ display:block; margin:2px auto 8px auto; text-align:center; width:30px; line-height:40px; height:40px; text-align:center; color:#fff; border-bottom:2px solid #fff; font-size:26px; font-family:Arial; font-weight:450;}
.txt-dynamic li span{ color:#fff; font-size:12px;}
.txt-dynamic .title,.knows-item .title{ width:100%; height:30px; overflow:hidden; line-height:30px; box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap; font-size:16px; margin:0px auto 5px auto;}
.txt-dynamic .intro,.knows-item .intro{ width:100%; height:48px; overflow:hidden; line-height:24px;box-sizing:border-box;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size:14px; color:#9f9f9f; word-break:break-all;}
/*建站知识*/
.dz-net-knows{ width:1200px; height:auto; margin:0 auto; background:#fff;}
.dz-knows-list{ width:100%; height:458px; margin:70px auto 60px auto; overflow:hidden;}
.pic-knows{ width:570px; height:auto; overflow:hidden;float:left;}
.knows-item{ width:100%; height:96px; border:1px solid #e3e1e1; padding:7px 10px 10px 110px; box-sizing:border-box; position:relative; overflow:hidden;}
.knows-item .date{ width:70px; height:70px; position:absolute; left:15px; top:13px; text-align:center;border-right:1px solid #e3e1e1;}
.knows-item .date b{ display:block; margin:5px auto 8px auto; text-align:center; width:30px; line-height:30px; height:30px; text-align:center; color:#000;font-size:26px; font-family:Arial; font-weight:450;}
.knows-item span{ color:#333; font-size:13px;}
.knows-item .title{ margin-bottom:0px;}
.txt-knows{ width:570px; float:right; height:auto; overflow:hidden;}
.txt-knows li{ margin-bottom:23px;}
.txt-knows li:hover{ border:1px solid #0879ab;}
/*一起*/
.dz-together{ width:100%;height:auto;min-width:1200px; overflow:hidden; background:#f9f9f9;}
.dz-together-main{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.dz-partner{ width:100%; height:auto; overflow:hidden; min-height:200px; margin:70px auto 40px auto;}
.dz-partner ul{ width:1255px;overflow:hidden; height:auto;}
.dz-partner li{ width:258px; height:88px; border:1px solid #d8d8d8; float:left; overflow:hidden; cursor:pointer; margin-right:53px; margin-bottom:20px; position:relative;}
.partner-name{ width:100%; height:88px; background:rgba(0,0,0,0.6); color:#fff; display:block; position:absolute; left:0; bottom:-88px; text-align:center; text-align:center; line-height:88px; overflow:hidden; font-size:16px;}
/*友情链接*/
.dz-flink{ width:100%; overflow:hidden; min-width:1200px; background:url(../images/footer-bg.jpg) repeat center center; height:86px; border-bottom:1px solid #187490;}
.dz-flink-main{ width:1200px; height:46px; overflow:hidden; margin:20px auto; font-size:14px; color:#fff; line-height:46px;}
.dz-flink-main span{ font-size:14px;}
.dz-flink-main a{ color:#d4e9f0; font-size:14px; margin:0px 5px;}
.dz-flink-main a:hover{ color:#edda06; text-decoration:underline;}




.index-pro-warp{ width:100%; height:auto; overflow:hidden; min-height:300px; background:url(../images/body-bg-01.jpg) repeat center center; min-width:1200px;}
.index-pro-main,.index-advantage-main,.index-advantage-ul,.index-other-main{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.index-column-h3{ width:100%; height:auto; text-align:center; font-size:26px; font-weight:400; margin:40px auto 10px auto;}
.index-column-en{ width:100%; height:auto; overflow:hidden; text-align:center;}
.index-column-en span{ font-size:14px; color:#515050; display:inline-block; padding:0px 118px; position:relative; font-family:Arial; height:20px; line-height:20px;}
.index-column-en span:after{ width:108px; height:1px; background:#b5b5b5; content:" "; position:absolute; left:0; top:10px;}
.index-column-en span:before{ width:108px; height:1px; background:#b5b5b5; content:" "; position:absolute; right:0; top:10px;}
.index-pro-nav{ width:100%; text-align:center; height:auto; overflow:hidden; margin:25px auto;}
.index-pro-nav i{ height:13px; border-right:1px dashed #b5b5b5; width:1px; display:inline-block; position:relative; top:2px;}
.index-pro-nav a{ font-size:17px; color:#515050; margin:0px 15px; display:inline-block;}
.index-pro-nav a:hover,.index-pro-nav a.hover{ color:#2ea84b;}
.index-pro-ul{ width:1228px; height:auto; overflow:hidden;}
.index-pro-ul li{ width:280px; height:auto; overflow:hidden; float:left; margin:10px 26px 10px 0;}
.index-pro-ul li a{ width:100%; height:280px; display:block; overflow:hidden; position:relative;}
.index-pro-ul li h2{ width:100%; height:30px; line-height:30px; text-align:center; padding:5px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:16px; font-weight:400;}
.index-pro-ul li:hover h2{ color:#2ea84b;}
.index-more-btn{ width:120px; height:40px; display:block; margin:30px auto 70px auto; background:#22ac38; color:#fff; border-radius:10px; text-align:center; line-height:40px; font-size:16px;}
.index-more-btn:hover{ opacity:0.8; color:#fff;}

.index-advantage-warp{ width:100%; height:560px; background:url(../images/body-bg-02.jpg) no-repeat center center; overflow:hidden; min-width:1200px;}
.index-advantage-ul{ margin:70px auto 0 auto}
.index-advantage-ul li{ width:33.333%; float:left; padding:0 45px; box-sizing:border-box; height:auto; overflow:hidden;}
.index-advantage-ul li img{ display:block; margin:0px auto 60px auto;}
.index-advantage-ul li h3{ width:100%; height:auto; overflow:hidden; font-size:20px; color:#fff; margin:10px auto;  text-align:center;}
.index-advantage-ul li .advantage-txt{ width:100%; height:120px; overflow:hidden;color:#d1d0d0; font-size:14px; line-height:25px; margin-top:30px;}
.index-news-main{ width:1200px; height:auto; overflow:hidden; margin:0px auto; background:#fff;}
.index-news-list{ width:1240px; height:auto; overflow:hidden; margin:45px auto 30px auto;}
.index-news-list li{ width:580px; height:190px; background:#ececec; float:left; margin-right:40px; margin-bottom:30px; position:relative; padding:10px 10px 10px 280px; box-sizing:border-box;}
.index-news-list li:hover{ background:rgba(15,79,26,0.8);}
.index-news-list li:hover .news-title,.index-news-list li:hover .news-intro{ color:#fff !important;}
.index-news-list li .news-pic{ width:260px; height:190px; overflow:hidden; position:absolute; left:0; top:0;}
.index-news-list li .news-title{ width:100%; height:52px; line-height:26px; font-size:16px; color:#1c1c1c; font-weight:500; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-news-list li .news-intro{ width:100%; height:78px; line-height:26px; font-size:14px; color:#757373; margin:10px auto 0 auto; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.index-news-list li .news-date{ width:100%; margin-top:10px; overflow:hidden;}
.index-news-list li .news-date span{ font-size:14px; color:#b2b2b2;}
.index-news-list li .news-date span img{ position:relative; top:-1px; margin-right:4px;}

.index-other-info{ width:100%; height:516px; overflow:hidden;background:url(../images/body-bg-01.jpg) repeat center center; min-width:1200px;}
.index-about{ width:360px; height:385px; float:left; overflow:hidden; margin-top:65px; margin-right:25px;}
.index-other-column{ width:100%; height:38px; border-bottom:1px solid #c4c4c4; position:relative;}
.index-other-column span{ padding:0px 15px 0 5px; line-height:36px; display:inline-block; position:absolute; left:0; top:0; border-bottom:2px solid #22ac38; height:37px; overflow:hidden; font-size:18px; color:#000000; font-weight:450;}
.index-other-column span img{ position:relative; margin-right:5px; top:-1px;}
.index-other-column a{ float:right; line-height:38px; font-family:Arial; color:#a3a0a0;}
.index-other-column a:hover{ color:#22ac38;}
.index-about-info{ width:360px; height:320px; display:block; overflow:hidden; position:relative; margin-top:28px;}
.index-about-intro{ width:100%; height:auto; overflow:hidden; display:block; position:absolute; left:0; bottom:0; z-index:1; background:rgba(0,0,0,.5); color:#fff; line-height:20px; font-size:14px; padding:10px 10px; box-sizing:border-box;}
.index-konws{ width:510px; height:385px; overflow:hidden; float:left; margin-top:65px;}
.index-konws-ul{ width:100%; height:auto; overflow:hidden; margin-top:26px; }
.index-konws-ul li{ width:100%; padding:0px 50px 0px 10px; position:relative; border-bottom:1px dotted #cecece; height:40px; line-height:40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; word-break:break-all; box-sizing:border-box;}
.index-konws-ul li img{ position:absolute; left:0px; top:15px;}
.index-konws-ul li a{ color:#5c5959; font-size:14px;}
.index-konws-ul li a:hover{ color:#22ac38; text-decoration:underline;}
.index-konws-ul li span{ position:absolute; display:block; color:#5c5959; font-size:14px; right:0; top:2px;}

.index-contact{ width:280px; height:auto; float:right; margin-top:65px;}
.index-contact-main{ width:100%; height:320px; margin-top:26px; background:#fbfbfb;}
.index-contact-main p{ width:100%; padding:0px 15px; box-sizing:border-box; font-size:13px; color:#5c5959; line-height:22px; margin-top:15px;}
.index-feedback{ width:1200px; height:482px; background:#fff; margin:0px auto; overflow:hidden;}
.feedback-p{ width:100%; line-height:40px; color:#908d8d; font-size:16px;}
.feedback-input{ width:100%; height:40px; overflow:hidden;}
.feedback-input input{ width:548px; height:38px; background:rgba(243,243,243,0.7); border:1px solid #d9d9d9; margin-right:15px; padding:0px 10px; box-sizing:border-box; margin-bottom:10px;}
.feedback-textarea{ width:100%; height:140px;background:rgba(243,243,243,0.7); border:1px solid #d9d9d9; box-sizing:border-box; resize:none;padding:10px 10px;}
.submit-feedback{ width:160px; height:40px; border:none; background:#22ac38; cursor:pointer; color:#fff; font-size:16px; line-height:38px; border-radius:2px; margin-top:16px;}

























