@charset "gb2312";

/*公共样式开始-------------*/
.clearfix {}
.wrap {
  padding: 0 4%;
}
input{font-family:  "微软雅黑";}

/*清楚浮动*/
.clearfix:after,.clearfix:before{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}

.fl{float: left;}
.fr{float: right;}
.wrap{padding:0 4%;}
.gf-header .black a{color:#000;}
.black p{color:#000;}
    /*头部*/
.gf-logo{position: fixed;z-index: 200; top: 0;width: 100%;}
.gf-logo .gf-pnav{position: absolute; top: 0; padding-top: 0;height: 66px;z-index: 2; display: none;}
.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{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;}

.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: 16px;padding-bottom: 10px;}
.gf-header .focus-text .p2{font-size: 48px;font-weight: bold;}
.gf-header .focus-text .p3{font-size: 48px;font-weight: bold; width:55%; text-align:left; line-height:normal}
.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: 12%;text-align: center;padding-left: 0; cursor:pointer;*margin:0!important;*padding:17px 0!important; margin-right: 0;}
.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; display:none}
.gf-footer{padding-top: 60px;}
.gf-footer .foot{padding-top: 200px; color:#535353;font-size: 12px;padding-bottom: 70px;}
.gf-footer .foot .foot-l{font-family: Arial; }
.gf-footer .foot-r a{margin-right: 10px;color:#535353;}

/*底部样式结束---------------------*/
/*公共样式结束----------------*/
/*案例--------------*/
.case-title{padding-top: 40px;padding-bottom: 40px;}
.case-content li{width: 22%; *width:21.95%!important; margin-right: 4%;float: left;margin-bottom: 50px;}
.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: 30px; min-height: 40px;}
.case-content .hd span{margin-right: 20px;}
.case-content .pic img{width: 100%;background:#dedede url("../images/loading.gif") no-repeat center; }

.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: 100px;padding-bottom: 100px; }
.gf-state p{line-height: 30px; width:820px;}
    /*底部样式*/
.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: 100px;padding-bottom: 50px;}
.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;}


/*公共样式结束----------------*/    
/*首页内容样式开始--------------*/
.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; line-height:20px}
.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:#c0192a;  }
.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{height: 30px;line-height: 30px;color:#5c5c5c;display: inline-block;font-size: 16px; padding:0 10px;}
.gf-news .news-bd-page span{height: 30px;line-height: 30px;color:#5c5c5c;display: inline-block;font-size: 16px; padding:0 10px;}
.gf-news .news-bd-page a:hover,.gf-news .news-bd-page span:hover,.gf-news .news-bd-page a.current{color:#000;}
.gf-news .news-bd-page a:first-child,.gf-news .news-bd-page span:first-child{padding-left:0}

/*最新消息详情页*/
.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-l .up p{ line-height:normal}
.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: 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;}
.contact-main .contact-bd{display: none;}
.contact-main .main-dizhi,.contact-main .main-dianhua{width: 45%;}
.contact-main .dizhi-l p,.contact-main .dizhi-l p a,.contact-main .dianhua-l p,.contact-main .dianhua-l p a{color:#373737; padding-bottom: 10px;}
.contact-main .dizhi-l{padding-bottom: 20px;}
.contact-main .dizhi-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 .dizhi-r a.local{background-image: url("../images/local.png");}
.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;}




@media (max-width:768px ) {  
#contactUs{float: none;width: 100%;margin-right: 0;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: 98%; float: none;}

}
/*修改鼠标移上链接出现下划线*/
.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: #fff;}
.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{position: relative;}
.zhishi{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 {width:5px;background-color:#f8f8f8;} 
.zhishi::-webkit-scrollbar {width:5px;background-color:#999;} 
.zhishi::-webkit-scrollbar-thumb {width:5px;background-color:#aeaeae;} 
.zhishi::-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{display: inline-block;}
.zhishi-hd{padding: 20px 0;}


.selectCondition dl dd a,.selectCondition dl dd a.on i{display: inline-block; *zoom:1; *display:inline;}

.selectCondition{background:none; margin:0 auto; position: relative; top:5px; width:100%; padding:0 4%}
.selectCondition dl{border-bottom:1px dashed #ededed; min-height: 46px; clear: both; position: relative;overflow: hidden; padding:0; margin:0}
.selectCondition dl.last{ border:0 none;}
.selectCondition dl a{color:#333; line-height:26px}
.selectCondition dl a:hover{color:#ee2136;}
.selectCondition dl dt{width:60px; line-height: 50px; color:#333; font-size:14px}
.selectCondition dl dt,.selectCondition dl dd{float: left;}
.selectCondition dl dd{padding-left:20px; width:88%;border-left: 1px solid #f5f5f5; min-height: 52px;}
.selectCondition dl dd .categoryDd{padding-bottom:12px; width:width:100%; *font-size:0;}
.selectCondition dl dd .categoryDd a,.smallList a{ font-size:12px;margin:12px 0 0; *margin:12px 3px 0; *vertical-align:top; padding:0 15px;white-space:nowrap;max-width: 180px; overflow:hidden; text-overflow:ellipsis;}
.selectCondition dl dd .categoryDd a,.smallList a.on {border: 1px solid #ee2136;line-height: 20px;line-height: 23px\9\0;color: #ee2136;position: relative; text-align:center}
.smallList a b{color:#999;}
.selectCondition dl dd .categoryDd a.on{border:1px solid #ee2136; line-height: 20px; line-height:23px\9\0; color:#f8b501; position: relative;}
.selectCondition dl dd .categoryDd a:hover.on{color:#ee2136; border-color:#ee2136;}
.selectCondition dl dd .categoryDd a.on i{ background-position:left -37px; width:7px; height: 7px; position: absolute; right:5px; top:8px;}
.search_brand_list a.on i{ background-position:left -56px; width:7px; height: 7px; position: absolute; right:5px; top:8px;}
.selectCondition dl .reset{position: absolute; right:30px; top: 19px;  padding-left:15px; color:#463a7e;}
.selectCondition dl .reset i{position: absolute; width:12px; height:12px;left:0; top:3px;background-position: 0 -16px;}
.selectCondition dl a.reset:hover i{background-position: -188px -16px;}
.selectCondition dl a.choice,.selectCondition dl a.brandChoice{position: absolute;right:24px; top:17px; padding-right:12px; width:30px; background-position: 27px -107px;}
.selectCondition dl a:hover.choice,.selectCondition dl a:hover.brandChoice{ background-position: 27px -422px;}
.selectCondition dl a.choiceOn{position: absolute;right:26px; top:17px; padding-right:12px; width:30px; background-position: 27px -441px;}
.selectCondition dl a:hover.choiceOn{ background-position: 27px -409px;}
.selectCondition dl a.more,.selectCondition dl a.brandmore{position: absolute; right:69px; top:17px; padding-left:12px; width:30px; background-position: 0 -71px;*background-position: 0 -70px}
.selectCondition dl a:hover.more,.selectCondition dl a:hover.brandmore{background-position: 0 -90px;*background-position: 0 -89px}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.selectCondition dl a.more,.selectCondition dl a.brandmore{background-position: 0 -70px;} 
	.selectCondition dl a:hover.more,.selectCondition dl a:hover.brandmore{background-position: 0 -89px;}
}
@-moz-document url-prefix() {
	.selectCondition dl a.more,.selectCondition dl a.brandmore{background-position: 0 -70px;}
	.selectCondition dl a:hover.more,.selectCondition dl a:hover.brandmore{background-position: 0 -89px;}
}