﻿@charset "utf-8";
/* banner */
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-initialized .slick-slide{display:block}
.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:0}
.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}

.banner-slider{ position: relative; margin-top:126px;}
.banner-slider.slick-slider{ padding-top: 0;}
.banner-slider .slick-dots{ bottom:30px;}
.banner-slider .slick-dots li{ width: auto; height:10px; margin:0 6px;}
.banner-slider .slick-dots li button:before{ display: none;}
.banner-slider .slick-dots li button{ width: 10px; height:10px; cursor: pointer; border-radius: 4px; border: 2px solid #F5F5F5; transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
.banner-slider .slick-dots li.slick-active button{ opacity: 1; width:36px; border-color: #F7AC1B; background-color: #F7AC1B;}
.banner-slider .ban-con img{ display: block; width: 100%; z-index: 1;}
.banner-slider img{ position: absolute; left: 0; top: 0; width: 100%; }
.banner-slider.slick-slider img{ position: relative;}
.banner-slider .slick-prev:before, .banner-slider .slick-next:before { content: ''; filter:alpha(opacity=80); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.banner-slider .slick-prev { left: 25px; background: url(../img/ban-fl.png) no-repeat; background-size:100% 100%; width: 40px; height: 80px; margin-top: -40px;}
.banner-slider .slick-next { right: 25px; background: url(../img/ban-fr.png) no-repeat; background-size:100% 100%; width: 40px; height: 80px;margin-top: -40px;}
.banner-slider .slick-prev, .banner-slider .slick-next{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.banner-slider:hover .slick-prev, .banner-slider:hover .slick-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

/*推荐产品*/
.recommend{clear: both; width:1300px; margin:0 auto; padding:30px 0; border-bottom:1px solid #eee;}
.recommend li{display:inline-block; padding:0 5px; font-size:14px;}
.recommend li a{font-size:14px;}
.more{float:right;}

/*公司优势*/
.advantage{clear:both; width:1300px; height:auto; overflow:hidden; margin:0 auto; padding:40px 0 50px;}
.advantage h2{text-align:center; font-size:45px;}
.advantage p{text-align:center; font-size:15px; line-height:100px;}
.digital {
    margin: 30px 0;
    width: 100%;
    overflow: hidden;
}
.digital ul li {
    width: 325px;
    float: left;
}
.mun_top {
    text-align: center;
}
.mumping_mun b {
    font-size: 92px;
    font-weight: normal;
    color: #f3782a;
    font-family: Impact,Arial;
    text-align: center;
    border-bottom: none;
    display: inline-block;
    background: none;
    line-height: 72px;
}
.digital ul li p {
    text-align: center;
    font-size: 16px;
    line-height: 17px;
    height: 17px;
    display: block;
    margin-top: 30px;
}

.title{width:100%; text-align:center; font-size:45px; font-weight:bold; padding:25px 0 15px; background:url(../img/tit_bg.png) center 28px no-repeat; }
.title span{color:#f3782a;font-size:45px; font-weight:bold;}

/*产品推荐*/
.wrap_bg{ position:relative; width:100%; height:auto; padding-bottom:150px; overflow:hidden; background-color:#f5f5f5; padding-top:30px; margin:30px auto 0;}
.b_margin{margin-bottom:30px;}
.hot-slider{ margin-top: 25px; padding-left:1.5%;}
.hot-txt{ display: block; color: #FFF; font-size: 18px; height: 55px; text-align: center; line-height: 55px; margin-right:6%; background-color: #FF8000; filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.hot-slider .slick-prev{ position: absolute; left: 46%; top: auto; bottom: 60px; width: 48px; height: 48px; background: url(../img/tab-arrow05.png) no-repeat center;}
.hot-slider .slick-next{ position: absolute; right: 46%; top: auto; bottom: 60px; width: 48px; height: 48px; background: url(../img/tab-arrow06.png) no-repeat center;}
.hot-slider .slick-prev:hover{ background: url(../img/tab-arrow07.png) no-repeat center;}
.hot-slider .slick-next:hover{ background: url(../img/tab-arrow08.png) no-repeat center;}
.hot-slider .slick-prev:before, .hot-slider .slick-next:before{ content: '';}
.hot-pic{ outline: none;}
.hot-pic img{ display: block; width: 100%;}
.hot-pic{ position: relative; clear: both; overflow: hidden; display: block; margin-right: 6%;}
.hot-pic i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 128, 0, 0.3); transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s;-moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.hot-slider .hot-pic:hover i { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.hot-slider .hot-show{ float: left; width: 25%;}

/*案例推荐*/
/* layout */
.hd .changeBnt i{background:url(../img/bntIcon.png) no-repeat ;}
.layout{margin:0 auto;width:1300px;}
.hd {height:48px;line-height:36px;position:relative; }
/*.border{display:block;overflow:hidden;height:0px;position:absolute;width:1100px;border-top:1px solid #eee;top:18px;left:0 }*/
.hd .changeBnt{width:67px;height:23px;background:#fff;border:1px solid #d8dcdd;position:absolute;top:7px;right:0px;text-indent:25px;line-height:23px;}
.hd .changeBnt i{width:18px;height:18px;position:absolute;left:4px;top:2px;background-position:-1px 1px;}
.hd .changeBnt:hover{background:#f3782a;border:1px solid #f3782a;color:#fff;text-decoration:none;}
.hd .changeBnt:hover i{background-position:-1px -26px ;}

/* 影像力 */
.picLB{margin-left:-5px;}
.picLB li{width:1300px;height:319px;margin:16px 0 0 5px;overflow:hidden;background:#fff;position:relative;}
.picLB{overflow:hidden;zoom:1;}
.picLB li{float:left;display:inline;}
.picDl{width:1300px;zoom:1;;height:319px;position:absolute;top:0;left:0 }
.picDl dd{float:left;width:403px; margin-right:45px; text-align:center; overflow:hidden; }
.picDl dd a{ display:inline-block; overflow:hidden;}
.picDl dd a img{transition: all 0.5s;}
.picDl dd:hover img{
	transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;}
.picDl dd:nth-child(3),.picDl dd:last-child{margin-right:0;}
.picLB .ftBox{overflow:hidden;zoom:1;}
.picLB .ftBox .tit{font-family:'微软雅黑','黑体';font-size:16px;line-height:30px;margin-top:10px; font-weight:normal;}
.picLB .ftBox{position:relative;height:70px;}

/*question*/
.question{width:1300px; margin:40px auto 65px;}
.border_b{display:block;overflow:hidden;height:0px;position:absolute;width:800px;border-bottom:1px solid #eee;top:18px;right:0;}
.question span{font-size:25px;}
.clearfix {margin-top:30px;}
.clearfix li{
    float: left;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    color: #333;
    margin-right: 7px;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 15px;
    padding: 0 16px;
	border:1px solid #ddd;
}

/*media*/
.news_bg{height:auto; overflow:hidden; padding-bottom:35px;}
.news_con{width:1300px; height:auto; overflow:hidden; margin: 30px auto 50px;}
.news_l{ float: left;width: 483px;}
.news_l p img{ float: left;width:150px ;height: 31px;}
.news_l .dnext img{ float: right;width:73px ;height: 20px;margin-top: 11px;}
.news_g{ margin-top: 50px; clear:both;}
.news_g dt{display: block;width: 483px;height: 299px;overflow:hidden;}
.news_g dt img{display: block;width: 483px;height: 299px;transition: all 0.5s;}
.news_g dl:hover img{transform: scale(1.1);}
.news_g dd{padding: 0 30px;background: #fff;height: 160px;}
.news_g dd h3 a{display: block;font-size:20px ;line-height: 18px;color: #333333;font-weight: bold;padding-top:30px ;}
.news_g dd p{font-size:14px ;line-height:25px ;color: #666666;padding-top: 16px;}

.news_r{ float: right;width: 750px;}
.news_q { height: 36px;border-bottom: 1px solid #dcdcdc; margin:15px auto 5px;}
.news_q ul{ float: left;}
.news_q ul li{ float: left;padding-left: 18px;margin-right: 60px;height: 36px;font-size: 20px;font-weight: bold;color: #666666;background:url(../img/icon1.png) no-repeat 0 8px;}
.news_q ul li a{ color: #666;}
.news_q ul li:hover,.news_q ul li.cur{ background:url(../img/icon1h.png) no-repeat 0 8px;border-bottom: 1px solid #90c43c;}
.news_q ul li:hover a,.news_q ul li.cur a{ color: #90c43c;}

.news_q p{float: right;}
.news_q p a{display: block;width: 27px;height:27px ;background:url(../img/news_ic.png) no-repeat center;}
.news_q p a:hover{ background:url(../img/news_ich.png) no-repeat center;}
.news_f dl{ padding-left: 15px;height: 110px;border-bottom: 1px dashed #cccccc;}
.news_f dl:last-child{ border-bottom: 0;}
.news_f dt h3 a{ display: block;font-size:18px ;line-height: 18px;padding-top:20px ;color: #333333;font-weight: normal;}
.news_f dd{ font-size:14px ;line-height: 20px;padding-top:12px ;color: #999999;}

/*友情链接*/
.f_links_b{width:1300px; margin:0 auto; padding:30px 0;}
.f_links_b dt{ display:inline-block; font-size:15px; line-height:35px;}
.f_links_b dd{width:auto; display:inline-block; margin-right:15px; font-size:15px; line-height:35px;}


