/*头部*/
.logo{position: fixed;z-index: 200; top: 0;width: 100%;}
.logo .pnav{position: absolute; top: 0; padding-top: 0;height: 66px;z-index: 2; display: none;}
.logo .pnav a{color:#000; padding-top: 22px;}
.logo h1{width: 66px;height: 66px;position: absolute; top:0; right: 4%;z-index: 2;}
.logo h1 a{background:#fff url("../images/logo.png") no-repeat center center;width:66px;height: 66px;display: block;line-height: 66px;text-align: center;}
.logo .logo-bg{background-color: #fff;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1);width: 100%;overflow: hidden;height: 66px;position: absolute;left: 0;top: 0;z-index: 1;display: none;}

.header{position: relative; width: 100%;overflow: hidden; background-color: #000;}
.header .focus #particles{ position:absolute; width:100%; height:100%;}
.header .afocus{display: none;}
.header .pfocus video{width: auto;height: auto;min-width: 100%; min-height: 100%;}
.header .index_pfocus{position: relative;}
.header .index_pfocus video{position: absolute;z-index:2;object-fit:fill;}
.header .index_pfocus img{}

.header .pfocus img{width: 100%; height: auto;}
.header .focus-text{ bottom: 70px;}
.header .focus-text .p1{font-size: 16px;padding-bottom: 10px;}
.header .focus-text .p2{font-size: 48px;font-weight: bold;}
.header .focus-text .p3{font-size: 48px;font-weight: bold; width:55%;}
.pnav{position: absolute; padding-top: 30px;padding-left: 4%;top: 0;left: 0; z-index:3;}
.pnav a{color:#fff; margin-right: 20px;z-index: 2;}
.header .focus-text{position: absolute;left: 4%;z-index: 2;color:#fff;}
.state{border-bottom: 1px solid #dedede; }
.state #qrcode img{ width:150px; height:150px; background-image: url(../images/qrcode_loading.gif);background-repeat: no-repeat;background-position: center;position: absolute; right: 4%; margin-top: -130px; }
/*手机菜单*/
.neirong{display: none;}
.buttonpush{display: none;}
/*底部样式开始----------------*/
/*项目需求*/
.demand{background:url(../images/demand_bg.png);*margin-top:50px!important;}
.demand h2{color:#000;}
.demand .write input{margin-right: 1%;background-color: #fff; padding: 20px 0; color:#6e6e6e; padding-left: 1%;font-size: 14px;}
.demand .write .submit{background-color: #040404; color:#fff; width: 12%;text-align: center;padding-left: 0; cursor:pointer;*margin:0!important;*padding:17px 0!important; margin-right: 0;}
.demand .write .text1,.demand .write .text2{width: 16%;}
.demand .write .text3{width: 49%;}
.italic{font-size: 12px;font-family: "微软雅黑"; color:#8f8f8f; font-style: italic;}
.footer{padding-top: 60px;}
.footer .foot{padding-top: 150px; color:#535353;font-size: 12px;padding-bottom: 20px;line-height:24px;vertical-align:middle;}
.footer .foot .foot-l{font-family: Arial; }
.footer .foot-r a{margin-right: 10px;color:#535353;vertical-align:top; }
.footer .foot-r span{vertical-align:top;}

/*底部样式结束---------------------*/
/*公共样式结束----------------*/
/*案例--------------*/
.case-title{padding-top: 40px;padding-bottom: 40px;}
.case-content li{width: 30%; *width:29.95%!important; margin-right: 5%;float: left;margin-bottom: 50px;}
.case-content li a{display: block;background:#dedede url("../images/loading.gif") no-repeat center; overflow:hidden;}
.case-content li a img{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.case-content li:nth-of-type(3n){margin-right: 0;}
.case-content li a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.case-content .hd{margin-top: 30px; min-height: 40px;}
.case-content .hd span{margin-right: 20px;}
.case-content .hd i.italic{display: block; margin-top: 8px;}
.case-loading{ text-align:center; margin:0 0 50px; width:100%;display:none;}

/*IE 版本低 提示窗口 --------------*/
#browser-warning{position: fixed;bottom: 0%;left: 0%;width: 100%;background:#faf1a5;z-index:1001;text-align:center;color:#222;font-size:14px;line-height:3em;height:3em;overflow: hidden;}  
#browser-warning>.close-btn{font-size:26px;color:#d9534f;float:right;position:absolute; top:-1px;right:10px;}


.singlepage {padding: 80px 0;border-bottom: 1px solid #dedede; overflow:hidden;}
.singlepage h2 {font-size: 28px; font-weight: normal; color: #000; padding-bottom: 50px;}
.sp-mod1 .des {color:#333;line-height: 30px; width: 32%; margin-right: 4%;float:left;}
.sp-mod1 .modList {width: 64%;float:right;}
.sp-mod1 .modList li {float:left;width:16.6666%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;
margin-top:15px;}
.sp-mod1 .modList li:not(:first-of-type) {border-left: solid 1px #dfdfdf;}
.sp-mod1 .modList h3 {font-size: 48px;  color: #444; line-height: 1;	}
.sp-mod1 .modList h6 {font-size: 14px; color: #888; line-height: 1; text-transform: uppercase;font-weight:normal;margin-top:15px;}
.sp-mod2 .modList ul {display:flex; flex-wrap:wrap; margin:-30px;}
.sp-mod2 .modList li {width:25%; text-align:center;}
.sp-mod2 .modList .item {margin:30px; height:100%; position:relative; /*border:1px solid #dfdfdf;*/ border-radius:20px;}
/*
.sp-mod2 .modList .item:after {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border-bottom:1px solid #fff; border-right:1px solid #fff;  border-radius:20px; box-shadow:9px 6px 10px rgba(0,0,0,.1);}
*/
.sp-mod2 .modList h3 {display: flex; justify-content: center; align-items: center;font-size:18px; font-weight:normal; /*border:1px dashed #dfdfdf;height:60px;*/ margin:20px;  border-radius:20px; position:relative;} 
/*
.sp-mod2 .modList h3:after {content:""; display:block; width:100%; height:100%; position:absolute; bottom:0; right:0; border-top:1px solid #fff; border-left:1px solid #fff;  border-radius:20px; box-shadow:-3px -2px 5px rgba(0,0,0,.1);}
*/
.sp-mod2 .item>p {/*padding:20px 20px 40px; margin:0 7.5px;*/ line-height:1.8; color:#444; text-align:center;}

.sp-mod3  {overflow:hidden;}
.sp-mod3 ul {/*display:flex; flex-wrap:wrap;*/ margin-top:-60px;}
.sp-mod3 li {width: 30%; *width: 29.95%; margin-right: 5%; float: left;/* background-color:#dfdfdf;*/}
.sp-mod3 li:nth-of-type(2n-1) {/*background-color:#444; color:#fff;*/}
.sp-mod3 li:nth-of-type(3n) {
    margin-right: 0;
}
.sp-mod3 li:nth-of-type(n+4)  {border-top: 1px solid #dedede;}
.sp-mod3 li:nth-of-type(n+4)  .item {padding-bottom:0;}
.sp-mod3 li .item {padding:60px 0;}
.sp-mod3 h3 { font-size:18px; font-weight:normal;}
.sp-mod3 .item>p {line-height:1.8; margin-top:20px;}

.sp-mod4 ul {display:flex; flex-wrap:wrap; margin:-30px;}
.sp-mod4 li {width:16.6666%; text-align:center;}
.sp-mod4 .item {margin:30px;}
.sp-mod4 img {width:80px;}
.sp-mod4 h3 {margin:20px 0; font-size:18px;}

.sp-mod5 .modList>ul {margin-top:-40px;}
.sp-mod5 {border-top: 1px solid #dedede; border-bottom:none;}
.sp-mod5 .modList>ul>li {padding:20px 0; margin:20px 0; border-bottom:1px dashed #dfdfdf;	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative;}
.sp-mod5 h3 {font-size:18px;}
.sp-mod5 h3>a {display:inline-block; color:#333; -webkit-transition: transform .7s;-moz-transition: transform .7s;-ms-transition: transform .7s;-o-transition: transform .7s;transition: transform .7s;}
.sp-mod5 h3>a:hover {color:#000; 
-webkit-transform:translateX(10px);transform:translateX(10px);}
.sp-mod5 .item {width:1180px; max-width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding-right:180px; position:relative;}
.sp-mod5 .item>p {margin:20px 0; line-height:1.8; color:#666;}
.sp-mod5 .item>span {color:#999; font-size:12px; position:absolute; top:0; right:0;}

.sp-mod5  .zhishiku {
    width: 30%;
    *width: 29.95%;
    margin-right: 5%;
    float: left;
    min-height: 250px;
    padding-bottom: 30px;
}
.sp-mod5  .zhishiku:nth-of-type(3n) {
    margin-right: 0;
}
.sp-mod5 .zhishi{
    position: static;
    height: 310px;
    width: auto;
    
    border:none;
    display: block;
    z-index: 999;
    background-color: #fff;
}
.sp-mod5 .zhishi li {padding:5px 0;
white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); overflow:hidden;/*min-height:36px;*/display:block;
}
.sp-mod5  .zhishi-hd {display:block; font-size:18px;}

.sp-mod6 ul {display:flex; flex-wrap:wrap; margin:0 -50px;}
.sp-mod6 li {width:50%;}
.sp-mod6 .item {margin:0 50px; line-height:2;}

.dg-mod3  li {text-align:center;}
.dg-mod3 .item {display:inline-block; width:220px; max-width:calc(100% -100px); margin-left:100px; position:relative; text-align:left;}
.dg-mod3 img {width:80px; position:absolute; top:60px; left:-100px;}


@media (min-width:1200px) {
/*公共样式开始-------------*/
    /*头部样式*/
.state {padding-top: 100px;padding-bottom: 100px; }
.state p{line-height: 30px; width:820px;}
    /*底部样式*/
.demand{ padding-top: 80px;padding-bottom: 70px; }
.demand h2{font-size: 36px; padding-bottom: 50px;font-weight: normal;}
.demand .write{padding-bottom: 70px;}
.footer .contact-name li{font-size: 22px;}
}

@media (min-width:769px) and (max-width:1199px) {
/*公共样式开始-------------*/
    /*头部样式*/
.header .focus-text{ bottom: 70px;}
.state {padding-top: 80px;padding-bottom: 80px; }
.state p{line-height: 30px; width: 80%;}
    /*底部样式*/
.demand{ padding-top: 60px;padding-bottom: 50px; }
.demand h2{font-size: 30px; padding-bottom: 30px;}
.demand .write{padding-bottom: 50px;}
.demand .write .text1,.demand .write .text2{width: 48.5%; margin-bottom: 20px;}
.demand .write .text2{margin-right: 0;}
.demand .write .text3{width: 78%; margin-bottom: 20px;}
.demand .write .submit{width: 20%;}
.footer .contact-name li{font-size: 20px;}
 /*公共样式结束----------------*/ 
.case-title{padding-top: 50px;}
.footer .foot{ padding:0 0 50px 0;}
.case-title dl{width: 86px;}
.header .focus-text .p2{font-size: 40px;}
.header .focus-text .p3{font-size: 40px; width:56%;}
.header .focus-text{bottom:50px;}
}

@media (max-width:768px) {
/*公共样式开始-------------*/
    /*头部样式*/
.logo{position: absolute;}
.logo h1,.logo h1 a{width: 50px;height: 50px;line-height: 50px;}
.logo h1 a{-webkit-background-size: 60% auto;
background-size: 60% auto;}
.header{height: 300px;}
.header .pfocus video{width: 100%;height: auto;display: none;}
.pnav{display: none;}   
.header .afocus{display:block; background-color: #000;} 
.header .afocus img{width:100%; height:100%;}
.header .focus-text{ bottom: 30px;}
.header .focus-text .p1{font-size: 12px;padding-bottom: 10px;}
.header .focus-text .p2{font-size: 30px;}
.header .focus-text .p3{font-size: 30px;width:100%;}
.state {padding-top: 50px;padding-bottom: 50px; }
.state p{line-height: 26px; width: 100%; color:#666;}
    /*底部样式*/
.demand{ padding-top: 40px;padding-bottom: 30px; }
.demand h2{font-size: 24px; padding-bottom: 20px;}
.demand .write{padding-bottom: 30px;}
.demand .write input{margin-right: 0;margin-bottom: 15px;padding-left: 3%;}
.demand .write .text1,.demand .write .text2,.demand .write .text3{width: 97%;}
.demand .write .submit{width: 100%;margin-bottom: 0;}
.footer .foot{ padding:0 0 10px 0;}
.footer .foot p,.footer .foot-r{float: none; padding-bottom: 10px;}
/*手机菜单样式开始-----------*/
.neirong { display: block; position: fixed;width:100%; top: 0; z-index: 1000; /*left: -163px;*/overflow-y: auto; left: 0;touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.neirong .neirong-bd{ padding-bottom: 20px; padding-top: 50px;padding-left: 50px;padding-right: 50px; visibility: hidden;}
.neirong a {display: block; height:47px; line-height: 47px; color:#fff; font-size: 16px; border-bottom: 1px solid #333; 
-webkit-transition: all .35s ease-out;
   -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
     -o-transition: all .35s ease-out;
        transition: all .35s ease-out;}

.neirong a.current{color:#aaa;}
.content{overflow-x: hidden; left: 0; position: relative;}
.content.content-on{ left:120px;}
.neirong.current{left: 0;}
.body-on{position: relative;overflow: hidden;}
.html-on{overflow: hidden;}
.neirong-close{width: 24px;height: 24px;background:url(../images/nav_close.png) no-repeat 7px center; position: absolute;top:20px;left: 10px; visibility: hidden;}
.neirong.neirong-hide{
  background-color:rgba(0,0,0,.8); height:0;
    -webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms;
       -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
        -ms-transition:background 0.35s linear,height 0.25s ease-in 200ms;
         -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
            transition:background 0.35s linear,height 0.25s ease-in 200ms;
}
.neirong.neirong-show{
  background-color:#000; height:100%;}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility: visible;}
.neirong.neirong-hide a{opacity: 0;
-webkit-transform: scale(1.1) translateY(-24px);
   -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
     -o-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);}
.neirong.neirong-show a{opacity: 1;-webkit-transform: none;
   -moz-transform: none;
    -ms-transform: none;
     -o-transform: none;
        transform: none;}
.neirong a:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong a:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong a:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong a:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong a:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong a:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong a:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong a:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong a:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong a:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}


/*手机版头部*/
.buttonpush{background:url("../images/buttonset.png") no-repeat center; width: 100%;height: 100%; display: block;} 
.buttonset{display: block;position:fixed;width: 60px;height: 60px;top:0;left: 0; z-index: 99;}
.buttonset .show{ background-color: rgba(0,0,0,.8); -webkit-transition: all .25s linear;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.buttonset-black .buttonpush{background:url("../images/button_black.png") no-repeat center;}
.buttonset-black .buttonpush.show{background: rgba(0,0,0,.8) url("../images/buttonset.png") no-repeat center; -webkit-transition: all .25s linear;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}

/*手机菜单样式结束*/
/*公共样式结束----------------*/    
/*首页内容样式开始--------------*/
.case-title{padding-top: 30px;}
.case-title a span{display: none;}

.case-content li{width: 46%; margin-right: 8%;float: left;margin-bottom: 30px;}
.case-content li:nth-of-type(3n){margin-right: 8%;}
.case-content li:nth-of-type(2n){margin-right: 0;}
.case-content .hd{margin-top: 20px;}
.case-content .hd span{display: block;font-size: 14px;padding-bottom: 10px;}
.case-content .hd i.italic{display: block; margin-top: 0px;}
/*首页内容样式结束--------------*/
}

/*----------------------------------内页样式---------------------------------*/
.header-side{ width: 100%; overflow:hidden;}
.header-side .focus img{width: 100%;}
.header-side .focus-text{bottom: 70px;}

.center{padding-top: 80px;border-bottom: 1px solid #dedede;}
.center .center-hd{width: 32%; margin-right: 4%;}
.center .center-hd h2{font-size: 28px;font-weight: normal;padding-bottom: 50px;}
.center .center-bd{width: 64%; }
.center .center-bd li{float: left; width: 45%;*width:44.95%;margin-right: 10%;padding-bottom: 100px;}
.center .center-bd li.index{padding-bottom: 50px;}
.center .center-bd li:nth-of-type(2n){margin-right: 0;}
.center .center-bd h3{font-size: 16px;padding-bottom: 20px;color:#000;font-weight: normal;}
.center .center-bd p{color:#373737;line-height: 30px;}
.related-case{padding-top: 60px;padding-bottom: 60px;}
.related-case h2{font-size: 28px;font-weight: normal;color:#000; padding-bottom: 50px;}
.center-index{padding-top: 30px; padding-bottom: 30px; border-bottom: none;}
/*最新消息-----*/
.news .news-hd{padding: 40px 0;}
.news .news-hd a,.case-title a{margin-right: 20px; color:#474646;}
.news .news-hd i,.case-title i{display: inline-block; margin-left: 10px; vertical-align: middle; width: 7px;height: 7px;background:url("../images/news_atr.png") no-repeat center; }
.news a:hover,.news a.current,.case-title a.current,.case-title a:hover{color:#141414;font-weight: bold;}
.news a:hover i,.news a.current i,.case-title a:hover i,.case-title a.current i{background:url("../images/index_atr.png") no-repeat center top;}
.news .news-bd-content{}
.news .news-bd-content li{padding-top: 40px; border-top: 1px solid #dedede; width: 30%;*width:29.95%;margin-right: 5%;float: left; min-height: 250px; padding-bottom: 30px;}
.news .news-bd-content li.index{ min-height: 180px;}
.news .news-bd-content li a.pic{display: block;background:#dedede url("../images/loading.gif") no-repeat center;}
.news .news-bd-content li:nth-of-type(3n){margin-right: 0;}
.news .news-bd-content h2{font-size: 16px;padding-bottom: 25px;color:#010101; white-space:nowrap; display:block;text-overflow:ellipsis; overflow:hidden;}
.news .news-bd-content h2 a{color:#010101;}
.news .news-bd-content p{color:#6f6f6f; line-height: 26px;padding-bottom: 40px;}
.news .news-bd-content p:nth-child(3){height:52px; text-overflow:ellipsis; overflow:hidden; padding:0; margin:0 0 20px 0;}
.news .news-bd-page{padding-top: 40px;padding-bottom: 30px;}
.news .news-bd-page a{min-width: 30px;height: 30px;line-height: 30px;color:#5c5c5c;display: inline-block;font-size: 18px;}
.news .news-bd-page span{width: 30px;height: 30px;line-height: 30px;color:#000;display: inline-block;font-size: 18px;}
.news .news-bd-page a:hover,.news .news-bd-page a.current{color:#000;}

/*最新消息详情页*/
.news-detail{padding-top: 80px;padding-bottom: 40px;overflow: hidden;}
.news-detail .detail-hd{border-bottom: 1px solid #dedede;padding-bottom: 70px;}
.news-detail .detail-hd-l{width: 60%;}
.news-detail .detail-hd-r{width: 30%;}
.news-detail .detail-hd-l p{ color:#666;font-size: 14px;line-height:1.8;}
.news-detail .detail-hd-l p img{ width: 100%; max-width: 100%; height: inherit;}
.news-detail .detail-hd-l strong{ color:#666;font-size: 18px;line-height:1.8; font-weight:bold;}
.news-detail .detail-hd-l em{ color:#333;font-size: 18px;line-height:1.8; font-weight:normal;}
.news-detail .detail-hd-l .down p{color:#373737; line-height: 30px;}
.news-detail .detail-hd-l .up{padding-bottom: 40px;}
.news-detail .detail-hd-r p{color:#000;}
.news-detail .share {padding-top: 40px;}
.news-detail .share a{padding-left:0;width: 35px;height: 35px;display: inline-block;background: url("../images/share.jpg") no-repeat;margin-right: 20px;}
.news-detail .share a:nth-of-type(1){background-position: left center;}
.news-detail .share a:nth-of-type(2){background-position: -35px center;}
.news-detail .share a:nth-of-type(3){background-position: -70px center;}
.news-detail .share a:nth-of-type(4){background-position: -105px center;}
.news-detail .share a:nth-of-type(5){background-position: -145px center;}
.autofix_sb.fixed {position: fixed !important;left: auto;top: auto;right: auto;bottom: auto;overflow:auto;margin-top:100px;}
.autofix_sb.fixed.bottom {bottom: 0;position: absolute !important;}
.link-case{padding-top: 40px;}
.link-case a{color:#000;}
.link-case .case-prev{padding-left: 20px; background:url("../images/atr_left.png") no-repeat left center;}
.link-case .case-next{padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center;}
.hits{ padding: 0 0 0 20px; font-style:normal;}
/*案例详情页样式*/
.case-detail{padding-bottom: 40px;}
.case-detail .state{padding-top: 60px;padding-bottom: 40px;}
.case-detail .state p{color:#6c6c6c;}
.case-detail .state a{color:#000; margin-top: 60px; display: inline-block; padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center;font-size: 16px;}
.case-detail .case{padding-top: 90px; padding-bottom: 90px;border-bottom: 1px solid #dedede;}

.case-detail ul.vi{}
.case-detail ul.vi li{ text-align:center;}

.case .focus{ width:100%; height:560px;  margin:0 auto; position:relative; overflow:hidden;   }
.case .focus .hd{width: 100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;}
.case .focus .hd ul{ overflow:hidden; height:5px;  margin: 0 auto;position: absolute;left: 50%; -webkit-transform: translate(-50%,0);
   -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
     -o-transform: translate(-50%,0);
        transform: translate(-50%,0);}
.case .focus .hd ul li{ width: 5px;height: 5px;margin-right: 10px;background-color: #d6d6d6;float: left;padding-top: 5px;}
.case .focus .hd ul .on{ background:#000;  }
.case .focus .bd{ position:relative; z-index:0; }
.case .focus .bd ul{height: 500px;}
.case .focus .bd li{text-align: center; height:500px;}
.case .focus .bd li img{ width:auto;  max-height:100%; text-align: center;}
.case .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.case .prev,.case .next{position: absolute;top: 50%;margin-top: -14px;z-index: 100;left: 0;height:28px;width:28px; display:block;}
.case .next{left: auto;right: 0; background:url("../images/case_next.png") no-repeat 0 0;}
.case .next:hover{background:url("../images/case_next.png") no-repeat 0 -28px;}
.case .prev{background:url("../images/case_prev.png") no-repeat 0 0;}
.case .prev:hover{background:url("../images/case_prev.png") no-repeat 0 -28px;}
/*评论*/
.comment{ padding-bottom:40px; padding-top:40px; background:#f5f5f5;}
.comment textarea{ width:100%; height:80px; padding:20px; font-family:"微软雅黑"; box-sizing:border-box; border:none; display:inline-block;}
.comment input[type=submit]{ width:100%; padding:20px; cursor:pointer; box-sizing:border-box; border:none; display:inline-block; margin:20px 0 0 0;}
.comment a{ font-size:12px; color:#999; margin:0 0 0 10px;}
.comment em{ color:#1F8902;}
.comment i{ width:50px; height:50px; display:inline-block; margin:0 20px 0 0;}
.comment i img{ width:100%; height:inherit; border-radius:100%; border:1px solid #fff;}

.Validform_right,.Validform_loading{ display:none;}
.Validform_wrong{ position:absolute; background:#eb3232; color:#fff; font-style:italic; padding:0.2rem 0.5rem; font-size:0.75rem; border-radius:3px; margin:-0.5rem 0 0 1rem;}
.Validform_wrong:before{content: "";top: 0;right: 36px;width: 8px;height: 8px;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);position: absolute;background: #eb3232;}
/*评论列表*/
.comment-list{ padding-bottom:40px; padding-top:40px; background:#FFF;}
.comment-list var{ font-style:normal; padding:20px 0; display:inline-block; color:#666;}
.comment-list dfn{ font-style:normal; color:#666; text-align:center; width:100%; display:inline-block;}
.comment-list ul.list{}
.comment-list ul.list li{ width:100%; display:inline-block; padding:20px 0; border-top:1px solid #eee;}
.comment-list ul.list li i{width:50px; height:50px; float:left; margin:0 20px 0 0;}
.comment-list ul.list li i img{ width:100%; height:inherit; border-radius:100%; border:1px solid #fff;}
.comment-list ul.list li div{ display:inline-block;}
.comment-list ul.list li em{color:#1F8902;}
.comment-list ul.list li span{color:#ccc; font-size:12px; padding:0 0 0 20px;}
.comment-list ul.list li big{ font-size:12px; padding:10px 0; display:block; color:#666;}
.comment-list ul.list li strong{ font-size:12px; padding:10px; display:block; color:#666;}
.comment-list ul.list li small{ display:inline-block; padding:0 10px; color:#1F8902}
/*搜索*/
.search{ padding-bottom:40px; padding-top:40px; background:#f5f5f5;}
.search input[type=text]{ width:100%; height:80px; padding:20px; font-family:"微软雅黑"; box-sizing:border-box; border:none; display:inline-block;}
.search input[type=submit]{ width:100%; padding:20px; cursor:pointer; box-sizing:border-box; border:none; display:inline-block; margin:20px 0 0 0;}

@media (max-width:1199px){
.header-side .focus-text{bottom:50px;}
.case .focus{height: 460px;}
.case .focus .bd ul{height: 400px;}
.case .focus .bd li{ height:400px;}


}
@media (max-width:1070px){
.news-detail .detail-hd-l{width: 100%;float: none;}
.news-detail .detail-hd-r{width: 100%;float: none;margin-bottom: 50px;}
.news-detail .share {padding-top: 20px;}
.pgwSlideshow .ps-current .ps-prev, .pgwSlideshow .ps-current .ps-next{width: 0;}
.sp-mod2 .modList li{ width:50%; }

}
@media (max-width:768px){

.case .prev,.case .next{display: none;} 
.state #qrcode img{width: 60px;height: 60px;top: initial; margin-top: -40px}
}
@media (max-width:767px){
.center{padding-top: 50px;}
.center-index{padding-top: 0px; padding-bottom: 0;}
.center .center-hd,.center .center-bd{float: none;}  
.center .center-hd{width: 100%;}
.center .center-bd{width: 100%; }
.center .center-bd li{padding-bottom: 40px; float: none; margin-right: 0; width: 100%;}
.center .center-hd h2{padding-bottom: 30px; font-size: 24px;}
.center .center-bd h3{padding-bottom: 15px;}
.center .center-bd p{line-height: 26px;}

.news .news-bd-content li{width: 100%;margin-right: 0;min-height: auto; padding-bottom: 30px; padding-top: 30px; float: none;}
.news .news-bd-page{padding-top: 30px;padding-bottom: 20px;}
.news .news-bd-content h2{padding-bottom: 15px;}
.news .news-bd-page a{width: 20px;}

.news-detail{padding-top: 40px;padding-bottom: 20px;}
.news-detail .detail-hd{padding-bottom: 30px;}
.news-detail .detail-hd-l .up{padding-bottom: 20px;}
.news-detail .detail-hd-l p{line-height: 26px;}
.case-detail .state p{width: 100%;}

.case-detail .case{padding: 50px 0;}

.related-case{padding-top: 30px;padding-bottom: 30px;}
.related-case h2{padding-bottom: 30px;}
.news .news-hd i, .case-title i{vertical-align: initial;margin-left: 3px;}
.news .news-hd a, .case-title a{font-size: 12px;margin-right: 8px;}

.case .focus{height: 230px;}
.case .focus .bd ul{height: 200px;}
.case .focus .bd li{ height:200px;}
}
/*修改zzsc.css*/
footer div{border: 0;padding: 0;margin: 0;}
/*最后修改样式*/
.state p{color:#373737;}

/*添加更多案例*/
.morecase{padding-top: 40px;padding-bottom: 40px; border-top: 1px solid #dedede; text-align: right;}
.morecase a{color:#000; padding-right: 20px; background: url("../images/news_atr.png") no-repeat right center;}
/* 页码 */
.pageList{ width:100%; text-align:right; padding:0 0 30px 0;}
.pageList ul.l{ display:none;}
.pageList ul.r{}
.pageList ul.r li{ display:inline-block;}
.pageList ul.r li:nth-child(1),.pageList ul.r li:nth-child(2),.pageList ul.r li:nth-last-child(1),.pageList ul.r li:nth-last-child(2){ display:none;}
.pageList ul li a{display:inline-block; padding:8px 15px; margin:0 5px; background:#f0f0f0; color:#333; font-size:16px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pageList ul li a:hover, .pageList ul li a.selected{background:#000; color:#fff;}

@media (min-width:768px){
.pfocus{display: block;}
.header .pfocus video{display: block;}
.header .afocus{display: none;}
}

@media (max-width:767px){
.pfocus{display: none;}
.header .pfocus video{display: none;}
.header .afocus{display: block; width: 935px;height: 375px;margin-left: -170px;}
.header-side .focus{height: 375px;width: 935px;margin-left: -170px;}
.header-side .focus img{height: 100%; width: auto;}
.header-side .focus-text{bottom:30px;}
.link-case,.morecase{padding-top: 20px;}
}
/*页脚联系区*/
/*.footer .contact-name{width: 32%;float: left;}
.footer .contact-name li{color:#ecece;padding-bottom: 20px; cursor: pointer;}
.footer .contact-name li.name-on{color:#232323;}*/
#contactUs{float: left; width: 32%; margin-right: 4%;}
#contactUs a{font-size: 20px;color:#808080;}
#contactUs .active a{color:#232323;}
#contactUs #countrySelection {position: relative; }
#contactUs #countrySelection #countrySelection-wrapper {overflow: hidden;}
#countrySelection-items { padding: 1px 0; list-style: none; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
#contactUs #countrySelector {position: relative; margin-left: -5px; top: -1px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #EFEBE8; }
#contactUs #countrySelection ul li {display: block; margin: 0 10px 20px 0;}
#contactUs p, #contactUs a{
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.contact-main{width: 64%; float: left; padding:0 0 60px 0;}
.contact-main .contact-bd{display: none;}
.contact-main .main-address,.contact-main .main-tel{width: 45%;}
.contact-main .address-l p,.contact-main .tel-l p{color:#373737; padding-bottom: 10px;}
.contact-main .address-l{padding-bottom: 20px; max-width:80%;}
.contact-main .address-r a.local,.contact-main .tel-r a.qq,.contact-main .tel-r a.weixin{width: 32px;height: 32px; background-position: center; background-repeat: no-repeat;display: block; background-color: #030303;}
.contact-main .address-r a.local{background-image: url("../images/local.png");}
.contact-main .tel-r a.qq{background-image: url("../images/qq.png");}
.contact-main .tel-r a.weixin{background-image: url("../images/weixin.png"); margin:20px 0 0 0;}
.footer-base i{display: block; margin-bottom: 40px; font-style: normal;}
.footer-base p{font-size: 16px;line-height: 1.8;}
.contact-main .main-dizhi,.contact-main .main-dianhua{width: 100%;}
.contact-main .dizhi-l p,.contact-main .dianhua-l p{color:#373737; padding-bottom:5px;font-size: 16px;}
.contact-main .dizhi-l{padding-bottom: 20px;}
.contact-main .dianhua-r a.local,.contact-main .dianhua-r a.qq,.contact-main .dianhua-r a.weixin{width: 32px;height: 32px; background-position: center; background-repeat: no-repeat;display: block; background-color: #030303;}
.contact-main .dianhua-r a.local{background-image: url("../images/local.png");margin-top: 15px;}
.contact-main .dianhua-r a.qq{background-image: url("../images/qq.png");}
.contact-main .dianhua-r a.weixin{background-image: url("../images/weixin.png"); margin-top: 15px;}

.dianhua-r .floating{position: relative;right: 0;bottom:inherit;}
@media (max-width:768px ) {
.footer-base i{ margin-bottom: 20px;}
#contactUs{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
#contactUs #countrySelection ul{margin: 0}
#contactUs #countrySelection ul li{display: inline-block;margin-right: 30px; margin-bottom: 0;}
#contactUs #countrySelection #countrySelection-wrapper{padding: 0; overflow: hidden;}
#countrySelection-items{margin: 0; }

.contact-main{float: none; width: 100%;}
.contact-main .main-dizhi,.contact-main .main-dianhua{width:100%; float: none;}
.dianhua-r .floating{bottom: inherit;}
}
/*修改鼠标移上链接出现下划线*/
.morecase a i,.case-detail .state a i,.link-case a i,.logo .pnav a i,.header .black a i{background-color: #000;}
.pnav a i{background-color: #fff;}
.morecase a,.case-detail .state a,.link-case a,.pnav a{ overflow: hidden; display: inline-block;}
.morecase a i,.case-detail .state a i,.link-case a i,.pnav a i{width: 100%; height: 1px; display: block;
-webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
        transform: translateX(-100%);} 
.link-case a i{
-webkit-transform: translateX(-200%);
   -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
     -o-transform: translateX(-200%);
        transform: translateX(-200%);}      
.morecase a:hover i,.case-detail .state a:hover i,.link-case a:hover i,.pnav a:hover i{
-webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
-webkit-transition: all .3s linear;
   -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
     -o-transition: all .3s linear;
        transition: all .3s linear;}
/*页脚列表样式*/
.zhishiku,.blogroll{position: relative;}
.zhishi,.blogrolllist{position: absolute; height:300px; width: 315px;bottom: 30px;right:-257px; overflow-y: auto; overflow-x: hidden; border: 1px solid #bbb; display: none; z-index:999;background-color:#fff;}
.zhishi::-webkit-scrollbar-track-piece,
.blogrolllist::-webkit-scrollbar-track-piece {width:5px;background-color:#f8f8f8;} 
.zhishi::-webkit-scrollbar,
.blogrolllist::-webkit-scrollbar {width:5px;background-color:#999;} 
.zhishi::-webkit-scrollbar-thumb,
.blogrolllist::-webkit-scrollbar-thumb {width:5px;background-color:#aeaeae;} 
.zhishi::-webkit-scrollbar-thumb:hover,
.blogrolllist::-webkit-scrollbar-thumb:hover
 {width:5px;background-color:#999;} 
.foot .zhishi-bd{padding: 10px;}
.foot .zhishi-bd li{line-height: 24px;}
.foot .zhishi-bd a{ -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear;font-size: 14px;color:#373737; display: block; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.foot .zhishi-bd a:hover { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);text-decoration:line-through;}


.footer .foot-r .zhishiku,
.footer .foot-r .blogroll{display: inline-block;}
.zhishi-hd{padding: 20px 0;}

/*浮动窗口样式*/
.floating{ position: fixed;bottom: 20px;min-width:208px;right: 4%; text-align: center;z-index: 100;height: 42px;}
.floating a{width: 42px;height: 42px; margin:0 5px;border-radius:21px;background-color:#000; display: inline-block; /*filter:alpha(opacity=60);*/background-repeat: no-repeat; background-position: center center; vertical-align: middle; overflow: hidden; line-height: 38px; margin-bottom: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #000;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone{background-image:url(../images/layout_phone.png); -webkit-background-size:19px 18px; background-size: 19px 18px;}
.floating a.float-qq{background-image:url(../images/layout_qq.png); -webkit-background-size: 18px auto; background-size: 18px auto;}
.floating a.float-wxqr{overflow:inherit;background-image:url(../images/layout_wx.png); -webkit-background-size: 20px auto; background-size: 20px auto;}
.floating a.float-message{background-image:url(../images/layout_message.png);-webkit-background-size: 17px 17px; background-size: 17px 17px; }
/*.floating a.float-qq:hover,.floating a.float-message:hover{background-color: #fff;}
.floating a.float-qq:hover{background-image:url(../images/layout_qq_hover.png);}
.floating a.float-message:hover{background-image:url(../images/float_message_hover.png);}*/
.floating a span{color:#fff;margin-left: 30px;display: none;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone span{font-size: 16px;}
.floating a.float-wxqr span{margin-top: -120px;margin-right: 15px;margin-left: 0px;}
.wxqr_mask {
    z-index: 999;
    width: 116px;
    height: 116px;
    padding: 4px;
    position: fixed;
    margin-left: -60px;
    margin-top: -60px;
    left: 50%;
    background: #fff;
    top: 50%;

    overflow: hidden;
    text-align: center;
    display: none;
}
.wxqr_bg {
    background-color: #000;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
}
/*建站套餐窗口样式*/
#package_cover {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 133%;
	background-color: white;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.80;
	filter: alpha(opacity=80);
}
#package_code {
	width: 480px;
	min-height: 480px;
	margin-top: 10px;
	margin-left:-210px;
	position:absolute;
	left:50%;
	background-color: #fff;
	display: none;
	z-index: 1002;
	box-shadow:0 0 20px #ccc;
}
.package_close {
	width: 100%;
	height: 50px;
	position:relative;
}
.package_close #package_close_btn {
	position: absolute;
	top: 28px;
	right:28px;

}
.package_html {
	padding:0 40px 40px;
	font-family: "Microsoft YaHei";
	display:none;
}
.package_html.on{
	display:block;
}
.package_html h2{
	font-size: 32px;
	padding:0 0 15px 0;
	margin:0;
	border-bottom: 1px solid #000;

}
.package_html h4{
	font-size: 16px;
	padding:0 0 10px 0;
	margin:0;	
}
.package_html .package_box{
	overflow:hidden;
	padding:20px 0;
	font-size: 14px;
	line-height: 24px;
	color:#333;
	border-bottom:1px solid #ccc;
}
.package_html .package_box.noborder{
	border-bottom:none;
}
.package_html .package_box .label{
	width:49.5%;
	float:left;
}
.package_html .package_box .value{
	width:49.5%;
	float:right;
}
.package_html .consult_btn{
	padding-top: 10px;
}
.package_html .consult_btn a{
	width:100%;
	height:52px;
	line-height: 52px;
	text-align: center;
	background-color: #040404;
	display:block;
	text-decoration: none;
	color:white;
	border: 2px solid #040404;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.package_html .consult_btn a:hover{
	background-color: #fff;
	color:#040404;
}



@media (min-width: 751px) {
    .floating a:hover{background-position: 15px center;}
    .floating a.float-qq:hover{width: 146px;}
	.floating a.float-wxqr:hover{background-position:center;}
	.floating a.float-wxqr:hover span {display:inline-block; width:116px;height:116px;background:#fff; border:2px solid #fff;position: absolute; z-index:99;top:-20px;right:50px; padding:5px;}
	.floating a.float-wxqr:hover img{ width:116px;height:116px; }
    .floating a.float-phone:hover{width: 170px;}
    .floating a.float-message:hover{width: 170px;}
    .floating a:hover span{display: block;}
}
@media (max-width: 750px) {
    .floating a:hover{width: 42px;}
	.floating a:hover span{display:none;}
	.mobile-bottom{width: 100%;display: block;bottom: 0;margin-top: 20px;margin-bottom: -20px;}
}


/*qq弹窗*/
.qq-main{height: 172px;width: 327px; background-repeat: no-repeat;background-image: url(../images/float_qq_bg.png);position: fixed;top: 50%;z-index: 20; left: 50%; margin-top: -86px; margin-left: -163px; display: none;}
.qq-main .btn{position: absolute;}
.qq-main .launchBtn {top: 145px; left: 173px; width: 69px; height: 22px; }
.qq-main .laterBtn {top: 145px; left: 248px; width: 69px; height: 22px;}
.qq-main .closeBtn {top: 0; right: 6px; width: 39px; height: 26px;}
.qq-main .title {position: absolute; top: 1px; left: 17px; height: 30px; line-height: 30px; font-size: 16px; color: #000; }
.qq-main .content {position: absolute; top: 45px; left: 114px; width: 203px; height: 85px; }
.qq-main .content .msg {font-size: 12px; color: #000; line-height: 25px; }

@media (max-width: 768px) {
.qq-main{display: none !important;}
.floating{width: 100%; right: 0}
.floating a {margin: 0 10px;}
}

@media (max-width:640px){
	#package_code {
		width: 100%;
		margin-left:0px;
		left:inherit;
		box-shadow:none;
	}
	.package_html {
		padding: 0 10px 30px;
	}
	.package_html h2{
		font-size: 24px;
	}
	.package_html h4{
		font-size: 16px;
	}
	.package_html .package_box{
		font-size:14px;
	}
	.package_html .consult_btn a{
		height:52px;
		line-height:52px;
	}
	#package_cover{
		background:#000;
		opacity:.8;
	}
	.app_qq{display:none;}
	
.singlepage {padding:40px 0;}
.sp-mod1 .modList h3 {font-size:28px;}
.sp-mod2 .modList ul {margin:-15px;}
.sp-mod2 .modList .item {margin:15px;}
.sp-mod3 li .item {padding:30px 0;}
.sp-mod3 ul {margin-top:-30px;}
.sp-mod4  ul {margin:-15px;}
.sp-mod4 .item {margin:15px;}
.sp-mod3 li {width:100%; text-align:left;}
.dg-mod3 img {top:30px; left:-80px; width:60px;}
.sp-mod4 img {width:60px;}
}