/* 
* @Author: wu
* @Date:   2016-03-24 09:05:55
* @Last Modified by:   Marte
* @Last Modified time: 2017-03-07 18:17:29
*/

/*公共样式开始-------------*/
    /*头部*/
.gf-logo{position: fixed;z-index: 200; top: 0;width: 100%;}
.gf-logo .gf-public{display: none; height: 66px;background-color: #fff;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1);width: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1;}
.gf-logo .gf-pnav{position: absolute; top: 0; padding-top: 0;height: 66px;z-index: 2; }
.gf-logo .gf-pnav a{color:#000; padding-top: 22px;}
.gf-logo h1{width: 66px;height: 66px;position: absolute; top:0; right: 4%;z-index: 2;}
.gf-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;}
.gf-logo .logo-bg{}

.gf-header{position: relative; width: 100%;overflow: hidden; background-color: #000;}
.gf-header .afocus{display: none;}

.gf-header .pfocus video{width: auto;height: auto;min-width: 100%; min-height: 100%;}

.gf-header .index_pfocus{position: relative;}
.gf-header .index_pfocus video{position: absolute;z-index:2;object-fit:fill;}
.gf-header .index_pfocus img{}

.gf-header .pfocus img{width: 100%; height: auto;}
.gf-header .focus-text{ bottom: 70px;}
.gf-header .focus-text .p1{font-size: 24px;padding-bottom: 10px;}
.gf-header .focus-text .p2{font-size: 32px;font-weight: bold;}
.gf-header .focus-text .p3{font-size: 48px;font-weight: bold; width:55%;}
.gf-pnav{position: absolute; padding-top: 30px;padding-left: 4%;top: 0;left: 0; z-index:3;}
.gf-pnav a{color:#fff; margin-right: 20px;z-index: 2;}
.gf-header .focus-text{position: absolute;left: 4%;z-index: 2;color:#fff;}
.gf-state{border-bottom: 1px solid #dedede; }
/*手机菜单*/
.neirong{display: none;} 
.buttonpush{display: none;}
/*底部样式开始----------------*/
/*项目需求*/
.gf-demand{background:url(../images/demand_bg.png);*margin-top:50px!important;}
.gf-demand h2{color:#000;}
.gf-demand .write input{margin-right: 1%;background-color: #fff; padding: 20px 0; color:#6e6e6e; padding-left: 1%;font-size: 14px;}
.gf-demand .write .submit{background-color: #040404; color:#fff; width: 11%;text-align: center;padding-left: 0; cursor:pointer;*margin:0!important;*padding:17px 0!important; margin-right: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;height: 60px;line-height: 56px;border: 2px solid #040404;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.gf-demand .write .submit:hover{background: #fff;color:#040404;}
.gf-demand .write .text1,.gf-demand .write .text2{width: 16%;}
.gf-demand .write .text3{width: 50%;}
.italic{font-size: 12px;font-family: "微软雅黑"; color:#8f8f8f; font-style: italic;}
.gf-footer{padding-top: 60px;}
.gf-footer .foot{padding-top: 50px; color:#535353;font-size: 12px;padding-bottom: 20px;line-height:24px;vertical-align:middle;}
.gf-footer .foot .foot-l{font-family: Arial; }
.gf-footer .foot-r a{margin-right: 10px;color:#535353;}
.gf-footer .foot-r span{vertical-align:top;}
/*底部样式结束---------------------*/
/*公共样式结束----------------*/
/*案例--------------*/
.case-title{padding-top: 40px;padding-bottom: 40px;}
.case-content li{width: 22.3%; *width:29.95%!important; margin-right: 3.5%;float: left;margin-bottom: 38px;}
/*.case-content li.on{-webkit-filter:grayscale(1);filter:grayscale(1);}*/
.case-content li a{display: block;background:#dedede url("../images/loading.gif") no-repeat center;}
.case-content li:nth-of-type(4n){margin-right: 0;}
.case-content .hd{margin-top: 20px; min-height: 40px;}
.case-content .hd span{margin-right: 20px;}
.case-content .pic{overflow: hidden;}
.case-content .pic img{width: 100%;background:#dedede url("../images/loading.gif") no-repeat center;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.case-content .pic:hover img{ 
-webkit-transition: all 5s;
   -moz-transition: all 5s;
    -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}

.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;}

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


}

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

@media (max-width:768px) {
/*公共样式开始-------------*/
    /*头部样式*/
.gf-logo{position: absolute;}
.gf-logo h1,.gf-logo h1 a{width: 50px;height: 50px;line-height: 50px;}
.gf-logo h1 a{-webkit-background-size: 60% auto;
background-size: 60% auto;}
.gf-header{height: 300px;}
.gf-header .pfocus video{width: 100%;height: auto;display: none;}
.gf-pnav{display: none;}   
.gf-header .afocus{display:block; background-color: #000;} 
.gf-header .afocus img{width:100%; height:100%;}
.gf-header .focus-text{ bottom: 30px;}
.gf-header .focus-text .p1{font-size: 12px;padding-bottom: 10px;}
.gf-header .focus-text .p2{font-size: 30px;}
.gf-header .focus-text .p3{font-size: 30px;width:100%;}
.gf-state {padding-top: 50px;padding-bottom: 50px; }
.gf-state p{line-height: 26px; width: 100%; color:#666;}
    /*底部样式*/
.gf-demand{ padding-top: 40px;padding-bottom: 30px; }
.gf-demand h2{font-size: 24px; padding-bottom: 20px;}
.gf-demand .write{padding-bottom: 30px;}
.gf-demand .write input{margin-right: 0;margin-bottom: 15px;padding-left: 3%;}
.gf-demand .write .text1,.gf-demand .write .text2,.gf-demand .write .text3{width: 97%;}
.gf-demand .write .submit{width: 100%;margin-bottom: 0;}
.gf-footer .foot{padding-top: 50px;padding-bottom: 30px;}
.gf-footer .foot p,.gf-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.neirong-on{color:#aaa;}
.content{overflow-x: hidden; left: 0; position: relative;}
.content.content-on{ left:120px;}
.neirong.neirong-on{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;}
/*首页内容样式结束--------------*/
}

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

.gf-center{padding-top: 80px;border-bottom: 1px solid #dedede;}
.gf-center .gf-center-hd{width: 32%; margin-right: 4%;}
.gf-center .gf-center-hd h2{font-size: 28px;font-weight: normal;padding-bottom: 50px;}
.gf-center .gf-center-bd{width: 64%; }
.gf-center .gf-center-bd li{float: left; width: 45%;*width:44.95%;margin-right: 10%;padding-bottom: 100px;}
.gf-center .gf-center-bd li:nth-of-type(2n){margin-right: 0;}
.gf-center .gf-center-bd h3{font-size: 16px;padding-bottom: 20px;color:#000;font-weight: normal;}
.gf-center .gf-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;}

/*最新消息-----*/
.gf-news .news-hd{padding: 40px 0;}
.gf-news .news-hd a,.case-title a{margin-right: 20px; color:#474646;}
.gf-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; }
.gf-news a:hover,.gf-news a.news-on,.case-title a.news-on,.case-title a:hover{color:#141414;  }
.gf-news a:hover i,.gf-news a.news-on i,.case-title a:hover i,.case-title a.news-on i{background:url("../images/index_atr.png") no-repeat center top;}
.gf-news .news-bd-content{border-bottom: 1px solid #dedede;}
.gf-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;}
.gf-news .news-bd-content li:nth-of-type(3n){margin-right: 0;}
.gf-news .news-bd-content h2{font-size: 16px;padding-bottom: 25px;color:#010101;}
.gf-news .news-bd-content h2 a{color:#010101;}
.gf-news .news-bd-content p{color:#6f6f6f; line-height: 26px;padding-bottom: 40px;}
.gf-news .news-bd-page{padding-top: 40px;padding-bottom: 30px;}
.gf-news .news-bd-page a{min-width: 30px;height: 30px;line-height: 30px;color:#5c5c5c;display: inline-block;font-size: 18px;}
.gf-news .news-bd-page span{width: 30px;height: 30px;line-height: 30px;color:#000;display: inline-block;font-size: 18px;}
.gf-news .news-bd-page a:hover,.gf-news .news-bd-page a.current{color:#000;}

/*最新消息详情页*/
.gf-news-detail{padding-top: 80px;padding-bottom: 40px;overflow: hidden;}
.gf-news-detail .detail-hd{border-bottom: 1px solid #dedede;padding-bottom: 70px;}
.gf-news-detail .detail-hd-l{width: 60%; }
.gf-news-detail .detail-hd-r{width: 30%;}
.gf-news-detail .detail-hd-l .down p{color:#373737; line-height: 30px;}
.gf-news-detail .detail-hd-l .up{padding-bottom: 40px;}
.gf-news-detail .detail-hd-r p{color:#000;}
.gf-news-detail .gf-share {padding-top: 40px;}
.gf-news-detail .gf-share a{padding-left:0;width: 35px;height: 35px;display: inline-block;background: url("../images/share.jpg") no-repeat;margin-right: 20px;}
.gf-news-detail .gf-share a:nth-of-type(1){background-position: left center;}
.gf-news-detail .gf-share a:nth-of-type(2){background-position: -35px center;}
.gf-news-detail .gf-share a:nth-of-type(3){background-position: -70px center;}
.gf-news-detail .gf-share a:nth-of-type(4){background-position: -105px center;}
.gf-news-detail .gf-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;}
.gf-link-case{padding-top: 40px;}
.gf-link-case a{color:#000;}
.gf-link-case .case-prev{padding-left: 20px; background:url("../images/atr_left.png") no-repeat left center;}
.gf-link-case .case-next{padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center;}

/*案例详情页样式*/
.gf-case-detail{padding-bottom: 40px;}
.gf-case-detail .gf-state{padding-top: 60px;padding-bottom: 40px;}
.gf-case-detail .gf-state p{color:#6c6c6c;}
.gf-case-detail .gf-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;}
.gf-case-detail .gf-case{padding-top: 90px; padding-bottom: 90px;border-bottom: 1px solid #dedede;}

.gf-case .focus{ width:100%; height:560px;  margin:0 auto; position:relative; overflow:hidden;   }
.gf-case .focus .hd{width: 100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;}
.gf-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);}
.gf-case .focus .hd ul li{ width: 5px;height: 5px;margin-right: 10px;background-color: #d6d6d6;float: left;padding-top: 5px;}
.gf-case .focus .hd ul .on{ background:#000;  }
.gf-case .focus .bd{ position:relative; z-index:0; }
.gf-case .focus .bd ul{height: 500px;}
.gf-case .focus .bd li{text-align: center; height:500px;}
.gf-case .focus .bd li img{ width:auto;  max-height:100%; text-align: center;}
.gf-case .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.gf-case .prev,.gf-case .next{position: absolute;top: 50%;margin-top: -14px;z-index: 100;left: 0;height:28px;width:28px; display:block;}
.gf-case .next{left: auto;right: 0; background:url("../images/case_next.png") no-repeat 0 0;}
.gf-case .next:hover{background:url("../images/case_next.png") no-repeat 0 -28px;}
.gf-case .prev{background:url("../images/case_prev.png") no-repeat 0 0;}
.gf-case .prev:hover{background:url("../images/case_prev.png") no-repeat 0 -28px;}

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


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


}


@media (max-width:768px){

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

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

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

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

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

.gf-case .focus{height: 230px;}
.gf-case .focus .bd ul{height: 200px;}
.gf-case .focus .bd li{ height:200px;}


}
/*修改zzsc.css*/
footer div{border: 0;padding: 0;margin: 0;}
/*最后修改样式*/
.gf-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;}
    


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

@media (max-width:767px){
.pfocus{display: none;}
.gf-header .pfocus video{display: none;}
.gf-header .afocus{display: block; width: 935px;height: 375px;margin-left: -170px;}
.gf-header-side .focus{height: 375px;width: 935px;margin-left: -170px;}
.gf-header-side .focus img{height: 100%; width: auto;}
.gf-header-side .focus-text{bottom:30px;}
.gf-link-case,.morecase{padding-top: 20px;}
}
/*页脚联系区*/
/*.gf-footer .contact-name{width: 32%;float: left;}
.gf-footer .contact-name li{color:#808080;padding-bottom: 20px; cursor: pointer;}
.gf-footer .contact-name li.name-on{color:#232323;}*/
#contactUs{float: left; width: 32%; margin-right: 4%;}
/*#contactUs a{font-size: 22px;color:#808080;}*/
/*#contactUs .active a{color:#232323;cursor:default; font-weight:bold; letter-spacing:1px; line-height:1.8;}*/
#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;}
.contact-main .contact-bd{display: none;}
.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;}
/*.dianhua-r .floating a.float-phone{margin-top: -22px;}*/

.footer-base i{display: block; margin-bottom: 40px;}
.footer-base p{font-size: 16px;line-height: 1.8;}


@media (max-width:768px ) {  
#contactUs{float: none;width: 100%;margin-right: 0;margin-bottom: 50px;}
.footer-base i{margin-bottom: 20px;}
/*#contactUs #countrySelection ul{height: 65px;}*/
#contactUs #countrySelection ul li{display: inline-block;margin-right: 30px; margin-bottom: 0;}
/*#contactUs #countrySelection #countrySelection-wrapper{height: 50px;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: 196px;}

}
/*修改鼠标移上链接出现下划线*/
.morecase a i,.gf-case-detail .gf-state a i,.gf-link-case a i,.gf-logo .gf-pnav a i,.gf-header .black a i{background-color: #000;}
.gf-pnav a i{background-color: #ea0707;}
.morecase a,.gf-case-detail .gf-state a,.gf-link-case a,.gf-pnav a{ overflow: hidden; display: inline-block;}
.morecase a i,.gf-case-detail .gf-state a i,.gf-link-case a i,.gf-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%);} 
.gf-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,.gf-case-detail .gf-state a:hover i,.gf-link-case a:hover i,.gf-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: 250px;bottom: 30px;right:-157px; 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;}


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

/*浮动窗口样式*/
.floating{position: fixed;bottom: 20px;right: 4%;width:42px;text-align: center;z-index: 10;height: 156px;}
.floating a{width: 42px;height: 42px;border-radius:21px;background-color:#000; display: 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;position: absolute;top: 50%;margin-top: -26px;right: 0;}
.floating a.float-qq{background-image:url(../images/layout_qq.png); -webkit-background-size: 18px auto; background-size: 18px auto;position: absolute;right: 0;top: 0;}
.floating a.float-message{background-image:url(../images/float_message.png);-webkit-background-size: 17px 17px; background-size: 17px 17px; position: absolute;right: 0;bottom: 0;margin-top: 62px;}
/*.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;}
@media (min-width: 751px) {
    .floating a:hover{background-position: 15px center;}
    .floating a.float-qq:hover{width: 146px;}
    .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;}
}


/*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;}  
}

/*分页专用css1 -- qipapage*/
.qipapage {line-height:30px;list-style:none;margin:30px 0px 20px;text-align:center;}
.qipapage a {border:1px solid #dedede; padding:0 6px; display:inline-block; margin-right:5px;}
.qipapage a:hover,.qipapage li.active a {border:1px solid #000; color:#000; font-weight:bold; text-decoration:none;}
.qipapage span {border:1px solid #dedede; padding:0 20px; display:inline-block;}
.qipapage li {display:inline-block; margin-right:10px; margin-bottom:10px;}
.qipapage td {margin-right:10px; margin-bottom:10px;}