@charset "utf-8";
a:hover{color:#ff6c07;}
.video-img{width: 100%;height: 100%;cursor: pointer;}
#video,#video2{float: left;margin-right: 10px;width: 100%!important;margin-bottom: 20px;height: auto!important;background: none!important;display: none;}
#ckplayer_a1,#ckplayer_a2{width: 100%;height: auto;height: 100%;}
.two-video{margin-top: 20px;}
.two-video h2{font-weight:bold;color: #282828;margin-bottom: 10px;font-size: 18px;}
.two-video p{color:#818181;}
.padding-null{padding-left: 0px!important;}
.padding-r{padding-right: 0px!important;}
.h2-p{font-size: 16px;color: #616161;margin-top: 10px;text-align: center;}
.window-box{background: #ffffff;width: 768px; height: 500px; position: fixed;padding-top: 35px;;padding-right: 10px;  padding-left: 10px;
  top:50%; left:50%; margin-top: -250px; margin-left: -384px;z-index: 1002;display: none;}
.window-bg{background: #666666;filter:Alpha(opacity=60);opacity:0.6;position: fixed;top: 0px;left: 0px;width: 100%;height:100%;z-index: 1001;display: none;}
.window-close{background: url("../images/close-box.png") no-repeat center;width: 30px;height: 30px;position: absolute;right: 5px;top:5px;cursor: pointer;}
.padding-r{padding: 0px!important;} 
.case03 .cc-word{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
@media (max-width:991px) {.two-video h2{margin-top: 10px;} }
/*底部 qq 广告条 开始*/
.fudong{ float: left; width: 100%; background: url(../images/buttom-menu.jpg) repeat-x; height:45px;position:fixed; _position: absolute; z-index: 9000;
    bottom:0;_top:expression(eval((document.body.scrollTop||document.documentElement.scrollTop)+((self.innerHeight||document.documentElement.clientHeight)/2)-25));}
.footleft{ float: left;padding-right: 60px; background: url(../images/bor.jpg) repeat-y right 0;}
.foottel{ float: left; width: 197px; text-align: center; background: url(../images/bor.jpg) repeat-y right 0; line-height: 50px; padding-right: 2px;}
.online{ float: left; background: url(../images/bor.jpg) repeat-y right 0; padding-right: 2px;}
.footleft a{ float: left; margin:8px 0 0;}
.footleft a img{ display: block; vertical-align: bottom;}
.footleft span{ float: left; margin: 0 0 0 22px; line-height:45px; display: inline; font-size: 18px; font-weight: bold; color: #fff;}
.footleft span i{ color: #ffff00;font-size: 18px;font-style: initial;}
.fqq{ float: left;background: url(../images/bor.jpg) repeat-y right 0; line-height: 50px; text-align: center; }
.fqq a{display: inline-block; background: url(../images/fqq.png) no-repeat 0 center; padding: 0 20px;font-size: 16px; font-weight: bold;  color: #fff;}
.foottel span{ display: inline-block; background: url(../images/phone.png) no-repeat 0 center; padding: 0 0 0 32px; font-size: 18px; font-weight: bold; font-family: arial;
    color: #fff;}
.online{ float: left; background: url(../images/bor.jpg) repeat-y right 0; padding-right: 2px;}
.on-other{height: 50px; padding-right: 20px;padding-left: 20px;}
.fqq a:hover{ color: #ffff00;}
.fqq a:hover .qq-icon{ color: #ffff00;background-position-y: 10px;}
.qq-icon{display: block;background: url("../images/qq.png") no-repeat left -107px;height: 50px;text-indent: 38px;font-style:normal!important;}
.fqq a:hover .xinx-icon{ color: #ffff00;background-position-y: -78px;}
.fqq-last{background: none;}
.xinx-icon{display: block;background: url("../images/xinx.png") no-repeat left 13px;height: 50px;text-indent: 38px;font-style:normal!important;}
/*底部 qq 广告条 结束*/
/*start mqu-cn common style*/
.right-menu{float:right;}
.mqu-cn-logo{float:left; width:160px; margin-top:5px;}
.consult-number{ font-size:18px; color:#ff7707; text-decoration:none; padding-right:24px; font-weight:bold;}
.header-nav-box .nav li.active a{ color:#333;}
.header-nav-box .nav li a{color:#333; border-bottom:4px solid #fff;}
.header-nav-box .nav li.active a,.header-nav-box .nav li a:hover{ border-color:#ff7707; background:none; color: #ff7707;
    transition:color 0.5s; 
    -moz-transition:color 0.5s; /* Firefox 4 */
    -webkit-transition:color 0.5s; /* Safari and Chrome */
    -o-transition:color 0.5s; /* Opera */
    -ms-transition:color 0.5s; /* ie */
    transition:border-color 1s; 
    -moz-transition:border-color 1s; /* Firefox 4 */
    -webkit-transition:border-color 1s; /* Safari and Chrome */
    -o-transition:border-color 1s; /* Opera */
    -ms-transition:border-color 1s; /* ie */
}
.header-r .navbar-toggle{background: #ff7900!important;}
.header {padding:12px 15px 2px!important;}
.header-nav-box .container{width:auto;}
.mcn-ad{float:left; margin-top:10px; border-left: 1px solid #d2d2d2; padding-left:16px; margin-left:15px;}
.mcn-ad-top{color:#ff7707; font-size:15px;}
.mcn-ad-bottom{color:#9a9a9a;}
.mcn-ad-bottom i{font-style:normal; padding-left:8px; letter-spacing:2px;}
.mcn-ad li{line-height:20px;}
.header-nav-box .nav li a {font-size: 1.5rem; padding: 15px 24px !important;}
.header-r{padding-top:0!important;}
/*开始 视频轮播*/
#hwslider{/*width: 600px;*/width:100%; height: 350px; margin:0 auto; position: relative; overflow: hidden;}
#hwslider ul{/*width: 600px;*/ height: 350px; position: absolute; z-index: 1; width:100%;}
#hwslider ul li{display:none; position:absolute; left:0; top:0; /*width: 600px;*/width:100%; /*height: 320px;*/height:auto; overflow: hidden;}
#hwslider ul li.active{display: block;}
#dots{position: absolute;/* bottom:20px; */ bottom:0px; /*left:270px;*/ width:234px; height:4px; z-index: 2; left:50%; margin-left:-125px;}
#dots span {float:left; width:50px; height:3px; background: #a7a4a4; margin-right: 8px; cursor: pointer;}
.arr{display:none;position: absolute; top: 140px; z-index: 2;width: 40px; height: 40px; line-height: 38px; text-align: center;; font-size: 36px; background: rgba(0,0,0,.3); color: #fff; text-decoration: none}
.arr:hover{background: rgba(0,0,0,.7); text-decoration: none;}
#hwslider:hover .arr{display: block; text-decoration: none;color: #fff}
#prev{left: 20px;}
#next{right: 20px;}
#dots span.active{background:#f26c1b;}
.site{height:300px;}
/*结束 视频轮播*/
@media (min-width:580px) and (max-width:767px){
    #hwslider{height:400px!important;}    
}
@media (max-width: 992px) and (min-width: 768px){
    .header-nav-box .nav li a{padding: 15px 18px !important;}   
}
@media (min-width:993px){
    #hwslider{height:250px!important;}    
}
@media (max-width:767px){
    .mqu-cn-logo {width: 100%; margin-top:0; margin-bottom:10px;}
    .tel-consult a{background: #ff7900;}
    .padding-null {padding-right: 0px!important;}
    .case-hide-box{display:none;}
    .padding-null{text-align:center;}
    .padding-r{width:70%; margin:0 auto; float:none; padding-top:20px;}
    .fudong{display:none;}
}
@media (min-width:768px){
    .footer-bottom{margin-bottom:45px;}    
}
@media (max-width:440px){
    .famous-btn{width:300px!important;}
    .famous-more,.famous-need{width:140px!important; background-position:124px center!important;}    
}
@media (max-width:1200px){
    .mcn-ad{display:none;}
}
@media (max-width:992px){
   .header-nav-box .nav li a {padding: 15px 8px !important;}
}
/*新增加板块 开始*/
.service-area{width:100%; max-width:1200px; margin:0 auto;}
.mcn-title{font-size:36px; color:#666666; text-align:center; line-height:70px;}
.mcn-detail{text-align:center; color:#666666;padding-bottom:20px; font-size:14px;}
.top-sr01{width:50%; float:left; display:table-cell; vertical-align:middle;}
.top-sr01-name{margin-top:12px; }
.top-sr01-name a{color:#243238; font-size:20px; margin-top:12px; line-height:30px;}
.cc-word01:hover,.top-sr01-name a:hover{color:#f3620a;}
.cc-word02:hover{color:#333;}
.sr01{padding-top:20px;}
.top-sr01-word{color:#606465; line-height:20px;}
.top-sr-mod{ border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada;padding-bottom:34px;}
/*.sr-bottom01{ text-align:center;}*/
.sr-bottom01{border-right: 1px solid #dadada; padding-top:15px; padding-bottom:15px; border-bottom: 1px solid #dadada;}
.sr-b01 h4{ font-size:20px; color:#243238; line-height:36px;}
.sr-b01 p{ color:#606465; line-height:16px;}
.service-area-wrap{background: #f6f6f6; width:100%; padding-bottom:100px;}
/*.news-mod{margin-top:50px;}*/
.classic-case-mod{width:100%; max-width:1200px; margin:0 auto 0;}
.classic-case-mod .cc-btn-wrap{margin-top:30px;}
.case-url{padding-bottom:6px;}
.case-url li{float:left; padding-right:12px; background:url(../images/mcn-cr.png) no-repeat right center; margin-right:15px; font-size:16px;}
.classic-case{margin:0 auto; text-align:center; padding:15px;}
.cc-word01{color:#000; font-size:14px;}
.cc-word{line-height:36px;}
.cc-word02{padding-left:6px; color:#999; }
.cc-btn-wrap{ display:block; width:150px; height:40px; color:#fff; background: #fd7201 url(../images/cc-r.png) 126px center no-repeat; margin:0 auto; text-align:center; line-height:40px; font-size:14px; border-radius:20px; cursor: pointer;}
.cc-btn-wrap:hover{ color:#fff;}
.famous-mod-wrap{background: #f6f6f6;}
.famous-mod{width:100%; max-width:1200px; margin:0 auto;}
.famous-cell{border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; margin-top:10px;}
.famous{width:20%; float:left; text-align:center; padding:15px; border:1px solid #dfdfdf; border-right:none; border-bottom:none; background: #fff;}
.famous-btn{width:310px; margin:46px auto 0;}
.famous-more{display:inline-block; width:140px; height:40px; line-height:40px; color:#fff; background: #505050 url(../images/famous-r.jpg) no-repeat 120px center; border-radius:20px; text-align:center; margin-right:20px;}
.famous-need{display:inline-block; width:146px; height:40px; line-height:40px; color:#fff; background:#ff6c07 url(../images/cc-r.png) no-repeat 126px center; border-radius:20px; text-align:center;}
.famous-more:hover,.famous-need:hover{color:#fff;}
.others-mod-wrap{ background:url(../images/sky-bg.jpg) center; margin-top:60px;}
.other-mod{width:100%; max-width:1200px; margin:0 auto;}
.mod-05{padding:30px;}
.mod-05-in{ text-align:center;}
.mod-05-in p{ font-size:18px; color:#fff; line-height:36px;}
.mod05-top{background:#ff6c07; height:60px; width:100%; line-height:60px; font-size:36px; font-weight:bold; color:#fff;}
.mod-08-wrap-out{position:relative; height:100px; margin:30px 0 30px;}
.mod-08-wrap{width:330px; position:absolute; left:50%; top:0; margin-left:-90px;}
.mod-08{float:left; width:50px; height:50px; margin:0 5px; background-color: #ff6c07; border-radius:25px;}
.mod-08:hover{background-color: #28ADFA;}
.mod08-01{background-image:url(../images/layout_phone.png); background-position:10px center; background-repeat:no-repeat; line-height:50px; text-align:center; color:#fff!important; font-size:18px;}
.mod08-01 span{display:none;}
.mod08-01:hover span{display:block;}
.mod08-02{background-image:url(../images/layout_qq.png); background-position:center; background-repeat:no-repeat;}
.mod08-03{background-image:url(../images/float_message.png); background-position:center; background-repeat:no-repeat;}
.mod0201{width:400px; margin:0 auto;}
.mod0201 div{float:left; width:50%;}
.mod02-url{width:174px; height:38px; line-height:38px; display:inline-block; text-align:center; color:#ffffff!important; font-size:16px; border-radius:19px;}
.mod02-l{ background: #ff7707 url(../images/cc-r.png) no-repeat 150px center;}
.mod02-r{ background: #505050 url(../images/cc-r.png) no-repeat 150px center;}
/*新增加板块 结束*/
/*案例页面 开始*/
.mcn-case-list{ width:100%; max-width:800px; margin:0 auto;}
.mcn-case-list div{ float:left; width:20%; text-align:center;}
.mcn-c002 a{display:inline-block; height:40px; line-height:40px; color:#000; font-size:18px; margin-bottom:20px; padding:0 15px; border-radius:20px;}
.mcn-c002:hover a,.mcn-c002 a.mcn-c002-on{
    background-color: #fe7201;
    color:#fff;
    transition:color 1s;
    -moz-transition:color 1s; /* Firefox 4 */
    -webkit-transition:color 1s; /* Safari and Chrome */
    -o-transition:color 1s; /* Opera */
    -ms-transition:color 1s; /* ie */
    transition:background-color 1s;
    -moz-transition:background-color 1s; /* Firefox 4 */
    -webkit-transition:background-color 1s; /* Safari and Chrome */
    -o-transition:background-color 1s; /* Opera */
    -ms-transition:background-color 1s; /* ie */
}
.mcn-case-list-wrap{width:100%; max-width:1200px; margin:0 auto; border-bottom: 1px solid #e2e2e2; padding:40px 15px 0;} 
.case{padding-top:0;}
@media (max-width:768px){
    .mcn-case-list div{ float:left; width:30%; text-align:center;}
    .case .container{border:none;}
    .mcn-case-list{border-bottom: 1px solid #e2e2e2;} 
    body {padding-bottom: 40px;}
    .mcn-c001,.mcn-c002 a{font-size:14px;}
}
/*案例页面 结束*/
.demo-effect-item{padding:15px;}
.check{color:#fff!important;}
.cc-btn-wrap{margin-bottom:30px;}
.mcn-title{margin-top:20px;}
.service-area-wrap{background: #f6f6f6;}
.tel-nav{border-color:#ff7900;}
.tel-nav li a:hover{color:#ff7900;}
.tel-consult,.header-wrap{ z-index:99!important;}
.two-video{overflow:hidden;}
.header-wrap{background: #fff; width:100%; box-shadow:0 3px 5px #999}
.header{margin:0 auto;}
.rp-conparion{background:url(../images/xys-bg.png) no-repeat;}
.top-sr0101 img:hover,.sr-b01 img:hover{
    transition:all 1.5s ease-in 0s;
                -webkit-transform: rotateY(360deg);
                   -moz-transform: rotateY(360deg);
                    -ms-transform: rotateY(360deg);
                     -o-transform: rotateY(360deg);
                        transform: rotateY(360deg);    
}
/*2016-08-17 14:37*/
.sr-bottom01,.sr01{position:relative;}
.mcn-show{display:none; position:absolute; left:0; top:0; width:600px; height:216px;}
.sr-bottom01-pic{position:absolute; left:0; top:0; width:300px; height:229px; display:none;}
.sr01:hover .mcn-show{display:block;}
.sr01:nth-child(1){border-right: 1px solid #dadada;}
.top-sr-mod{padding-bottom:0;}
.sr-bottom01:hover .sr-bottom01-pic{display:block;}
.case-url{width:528px; margin:0 auto; margin-bottom:26px;}
.case-url li span:hover,.case-url li span.case-url-on{color: #ff6c07; border-bottom: 1px solid #ff6c07; padding-bottom:6px; cursor: pointer;}
.classic-case{position:relative;}
@media (min-width:1200px) {
    .classic-case img{width:100%; max-height:190px;}
    /*.word-pic img{height:175px!important;}   */ 
}
.classic-case-word,.classic-case-bg{width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.classic-case-bg{background: #000; opacity:0.7; filter:alpha(opacity=70);}
.classic-case-word{color:#fff; text-align:center; padding:30% 15px 0;}
.classic-case-word h5{font-size:16px; color:#fff;}
.classic-case-word p{line-height:26px;}
.classic-case:hover .classic-case-word,.classic-case:hover .classic-case-bg{display:block;}
.mcn-classic{display:none;}
.header-wrap .container{width:100%; max-width:1300px;}
.footleft i{padding:0 3px;}
.service-area-wrap,.classic-case-mod-wrap,.famous-mod-wrap,.news-mod,.news_mod_wrap{ padding:30px 0 60px 0;}
@media (max-width:1200px){
    .sr-bottom01-pic,.mcn-show{display:none!important;}
}
@media (max-width:600px){
    .case-url{display:none!important;}
}
/*2016-08-18*/
.news_content dl dd{height:100px;}
.case button[type=button] {padding-left: 28px!important;}
/*案例页面 新修改 开始*/
.case-list .classic-case{display:block!important;}
.case-list .btn-wrap {text-align: center; margin: 10px 0 30px;}
.case-list button[type=button] {width: 124px; height: 36px; border: none; cursor: pointer; color: #fff; text-align: left; padding-left: 18px; line-height: 36px; margin: 0 8px; }
.case-list .view { background: url(../images/blue-btn.png);}
.case-list .consult { background: url(../images/orange-btn.png);}
.case-list {padding: 30px 0 0 0;}
@media (max-width:450px){
    .mcn-case-list div { float: left; width: 50%;}    
}
.case-list .col-xs-12.col-sm-6.col-md-4{padding-top:15px; padding-bottom:15px;}
/*案例页面 新修改 结束*/
/*案例页面3 样式 开始*/
.case-list .col-xs-12.col-sm-6.col-md-4 {padding-top:0;}
@media (min-width: 1200px){
    .classic-case img {
        width: 100%;
        height:100%;
        max-height:100%;
    }    
}
.img-wrap{width:100%; height:223px; overflow:hidden; text-align:center; margin:0 auto;}
.img-wrap a{ float:left; width:100%; height:223px; transition:all 0.5s ease 0s; }
.case03:hover{background: #fe7201; cursor: pointer;}
.case03:hover .img-wrap a{width:120%; height:120%; margin-left:-10%; margin-bottom:10%;}
.case03 .cc-word{margin-top:8px;}
.case03 .cc-word01{font-size:16px;}
.case03:hover .cc-word01{color:#fff;}
.classic-case {padding: 6px;}
/*案例页面3 样式 结束*/
/*右侧询盘 手机端 隐藏 开始*/
@media (max-width:768px){
    #floatTools,#mobile_icon_div{display:none!important;}
}
/*右侧询盘 手机端 隐藏 结束*/