@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}


/*banner*/
.banner{ height:540px; overflow:hidden; position: relative;}
.banner .bd div{ height:540px; overflow:hidden; }
.banner a{ background:url("Img/Index/banner.jpg") no-repeat center top; height:540px; display:block; overflow: hidden;}

.banner .hd{ height:15px; overflow:hidden; position:absolute; left:36.5%; bottom:40px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:130px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#fe5615; color:#fff; opacity: .6;}


.banners{height: 540px;}
.fullSlide {width:100%;position:relative;height:540px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;}
.fullSlide .bd ul {}
.fullSlide .bd li { float:left; background-repeat: no-repeat;width:100%;height:540px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;height:540px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;border-radius: 10px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */
                   display:inline-block;*display:inline;zoom:1;width:130px;height:10px;margin:5px 10px;overflow:hidden;background:#fff;line-height:999px;filter:alpha(opacity=80);opacity:0.8;}
.fullSlide .hd ul .on {background:#fe5615 ;width:130px;filter:alpha(opacity=100);opacity:1;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-45px;left:5%;z-index:1;width:128px;height:128px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .prev{ background:url(img/bleft.png) no-repeat; }
.fullSlide .next {left:auto;right:5%;background:url(img/bright.png) no-repeat;}



/*配送·安装服务*/
.brand{ height: 390px; overflow: hidden;}
.brand h2{ text-align: center; margin: 76px 0 52px;}
.brand h2 span{ display: block; font-size: 18px; color: #888888; font-weight: normal; margin-top: 5px;}
.brand dl{ width: 360px; height: 108px; float: left; overflow: hidden; margin-right: 60px;}
.brand dl.none{ margin-right: 0;}
.brand dt{ width: 108px; height: 108px; float: left;}
.brand dt img{ display: block; width: 108px; height: 108px;}
.brand dd{ width: 228px; overflow: hidden; float: right;}
.brand dd h3{ font-size: 18px; color: #666666; margin: 12px 0 6px;}
.brand dd h3 span{ font-weight: normal;}
.brand dd p{ font-size: 14px; color: #888888;}
.brand dd a{ text-decoration:none;}
.brand dd .a1{ margin-top: 12px; display: block; width: 143px; height: 31px; line-height: 31px; text-align: center; border: 1px solid #888888;}
.brand dd .a1:hover{ color: #fb7418;border:1px solid #fb7418; }


/*公司介绍*/
.about{ height: 624px; background: #f5f5f5; overflow: hidden;font-family: "Microsoft Yahei";}
.about h2{ text-align: center; margin: 76px 0 52px;}
.about h2 span{ display: block; font-size: 10px; color: #d0d0d0; font-weight: normal; margin-top: 5px; text-transform: uppercase;}
.about dl{ height: 370px; overflow: hidden;}

.about dd{ padding:67px 160px 0 60px; float:left; margin-top: 25px; position: relative; z-index: 1; width: 449px;height: 280px; overflow: hidden; background: #fff;}
.about dd h3{ font-size: 15px; color: #666666; margin-bottom: 25px;}
.about dd h3 a{ color: #666666;}
.about dd p{ overflow: hidden; font-size: 14px; color: #666666; line-height: 26px;}
.about dd i{margin-top:30px; display: block; width: 107px; height: 40px; background: #f18d00; text-align: center; line-height: 40px; font-size: 14px;}
.about dd i a{ color: #fff;}
.about dt{ float: right; width: 611px; height: 349px; overflow: hidden; position: relative; z-index: 2; margin-left: -80px;}
.about dt .video{ width:611px; height:349px;  overflow:hidden; position:relative;}
.about dt .video a.a_video{background:url(/Skins/Default/Img/Index/vedio.jpg) no-repeat;width: 611px; height: 349px;display: block; position:absolute;top:0;left:0;} 
.about dt .mt5{width: 611px;height: 349px;display: block;}

.about dt img{ display: block; width: 611px; height: 349px;}


/*服务*/
.service{ background: url("Img/Index/service_bg.jpg") no-repeat center 0; height: 825px; overflow: hidden;}
.service h2{ text-align: center; margin: 76px 0 52px;}
.service h2 span{ display: block; font-size: 10px; color: #d0d0d0; font-weight: normal; margin-top: 5px; text-transform: uppercase;}
.service li{ width: 399px; height:276px; float:left; overflow: hidden; background: #fff; text-align: center;}
.service .service1{ background: url("Img/Index/service_img1.jpg") no-repeat;}
.service .service2{ background: url("Img/Index/service_img2.jpg") no-repeat;}
.service .service3{ background: url("Img/Index/service_img3.jpg") no-repeat;}
.service .service4{ background: url("Img/Index/service_img4.jpg") no-repeat;}
.service .service5{ background: url("Img/Index/service_img5.jpg") no-repeat;}
.service .service6{ background: url("Img/Index/service_img6.jpg") no-repeat;}
.service li span{ font-size: 20px; color: #666666; display: block; padding-top: 188px;}
.service .service1 a span,.service .service3 a span,.service .service5 a span{ color: #fff;}
.service li:hover span{ display: none;}
.service .service1:hover{background: url("Img/Index/service_img1-1.jpg") no-repeat;}
.service .service2:hover{background: url("Img/Index/service_img2-2.jpg") no-repeat;}
.service .service3:hover{background: url("Img/Index/service_img3-3.jpg") no-repeat;}
.service .service4:hover{background: url("Img/Index/service_img4-4.jpg") no-repeat;}
.service .service5:hover{background: url("Img/Index/service_img5-5.jpg") no-repeat;}
.service .service6:hover{background: url("Img/Index/service_img6-6.jpg") no-repeat;}

.service .service1 span, .service .service3 span, .service .service5 span{ color:#fff;}



/*标准*/
.standard{  background: url("Img/Index/feature_bg.jpg") no-repeat center 0; height: 507px; overflow: hidden;}
.standard h2{ background: url("Img/Index/standard_title_bg.png") no-repeat 0 0; font-size: 17px; color: #666666; margin-top: 128px; width: 398px; height: 40px; font-weight: normal; padding: 165px 0 0 41px;}
.standard_list{ width: 525px; margin-top: 82px;}
.standard_list dl{ height: 85px; margin-bottom: 38px;}
.standard_list dt{ font-size: 50px; color: #888888; float: left; border-bottom: 1px solid #888888;}
.standard_list dd{ width: 450px; float: right;}
.standard_list dd h3{ font-size: 24px; font-weight: normal; color: #333333; margin: 5px 0 12px;}
.standard_list dd p{ font-size: 14px; line-height: 26px; color: #666666;}
.standard_list dl:hover h3{ color: #ff6600;}
.standard_list dl:hover dt{ color: #ff6600; border-bottom: 1px solid #ff6600;}


/*团队*/
.team{ overflow: hidden; margin-bottom: 85px; }
.team h2{ text-align: center; margin: 76px 0 52px;}
.team h2 span{ display: block; font-size: 18px; color: #888888; font-weight: normal; margin-top: 5px;}

.team_hd{ overflow: hidden; height: 76px; margin-left: 112px;}
.team_hd li{ float: left; margin-right: 12px;}
.team_hd li a{ display:inline-block; width:148px; height: 76px; overflow: hidden; text-align: center; line-height: 43px; font-size: 18px; color: #333333;}
.team_hd li.on a{background: url(Img/Index/team_onicon.jpg) no-repeat center 0;text-decoration:none; color: #fff;}

.team_bd{ height: 502px; overflow: hidden;}
.team_bd dl dt { width:768px; height:502px; float: left; overflow: hidden;}
.team_bd dt img{ width: 768px; height: 502px;}
.team_bd dd{ float: left; width: 340px; height: 397px; margin: 52px 0 0 0; border: 1px solid #b5b5b5; border-left: none; padding: 0 45px; }
.team_bd dd h3{ font-size: 28px; color: #333333; font-weight: normal; border-bottom: 1px dashed #cacaca; height: 50px; margin: 78px 0 25px 0;}
.team_bd dd h3 a{ color: #333;}
.team_bd dd b{display: block; font-size: 18px; color: #666666; font-weight: normal; margin-bottom: 15px;}
.team_bd dd p{ font-size: 14px; line-height: 26px; color: #959595;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.team_bd dd span{ display: block; margin: 65px 0 0 0; width: 125px; height: 42px; text-align: center;background: #ff6600; line-height: 42px; font-size: 16px; color: #fff; }
.team_bd dd span a{ color: #fff;}


/*创造价值*/
.quality{ background: url("Img/Index/quality_bg.jpg") no-repeat center 0; height: 870px; overflow: hidden;}
.quality h2{ text-align: center; margin: 76px 0 52px;}
.quality h2 span{ display: block; font-size: 18px; color: #888888; font-weight: normal; margin-top: 5px;}
.quality li{ width: 281px; height: 173px; background: #fff; text-align: center; margin: 0 25px 25px 0; float: left; position: relative;}
.quality li.none{ margin-right: 0;}
.quality li span{ margin: 32px auto 12px; display: block; width: 54px; height: 46px;}
.quality li p{ font-size: 16px; color: #333333; margin-bottom: 10px;}
.quality li .quality_desc{ display: none; background: #0086e4; position: absolute; left: 0; top: 0; color: #fff; font-size: 14px; line-height: 24px; text-align: left; padding: 40px 35px 0; height: 133px;}
.quality li:hover .quality_desc{ display: block;}
.quality .last{ background: url("Img/Index/quality_tel.jpg") no-repeat; width: 586px;}
.quality_tel{ font-size: 16px; color: #333333; background: url("Img/Index/quality_tel_icon.jpg") no-repeat 0 5px; padding-left: 48px; margin: 64px 75px 0 59px; float: left; text-align: left;}
.quality_tel b{ display: block; font-size: 28px; color: #ff6600;}
.quality_btn{ text-align:left; background: url("Img/Index/quality_btn.jpg") no-repeat; float: left; color: #fff; display: block; width: 170px; height: 44px; line-height: 44px; margin-top: 66px;}
.quality_btn a{ color: #fff; font-size: 16px; padding-left: 38px;}


/*案例中心*/
.case{ overflow: hidden; margin-bottom: 85px;}
.case h2{ text-align: center; margin: 76px 0 52px;}
.case h2 span{ display: block; font-size: 10px; color: #d0d0d0; font-weight: normal; margin-top: 5px; text-transform: uppercase;}

.case_hd{ height: 78px; overflow: hidden; width: 757px; margin: 0 auto;}
.case_hd li{ float: left; width: 188px; height: 41px; text-align: center; border: 1px solid #a0a0a0;}
.case_hd li a{ display:inline-block; width:190px; height: 78px; overflow: hidden; line-height: 40px; font-size: 16px; color: #333333;}
.case_hd li.on a{background: url("Img/Index/case_onicon.jpg") no-repeat center 0;text-decoration:none; color: #fff;}
.case_hd .case2{ border-left: none;}
.case_hd .case3{ border-right: none;border-left: none;}

.case_hd span{ float: left; width: 188px; height: 41px; text-align: center; border: 1px solid #a0a0a0;}
.case_hd span a{ display:inline-block; width:190px; height: 78px; overflow: hidden; line-height: 40px; font-size: 16px; color: #333333;}


.case_bd{ height: 570px; overflow: hidden;}
.case_c{ height: 570px; overflow: hidden;}
.case_big{ width: 776px; height: 570px; overflow: hidden; position: relative;}
.case_big p{ position: absolute; left: 0; bottom: 0; background: url("Img/Index/case_png2.png") ; height: 80px; line-height: 35px; font-size: 14px; color: #fff; padding:0 16px; padding-top: 10px; width: 96%;}
.case_big p span{color:#fff;padding:2px 8px;border:1px solid #fff;margin-left:15px;}
.case_small{ width: 410px; height: 570px; overflow: hidden;}
.case_small li{ width: 410px; height: 277px; margin-bottom: 15px; overflow: hidden; position: relative;}
.case_small li img{width:100%;}
.case_small li span{display: none; position: absolute; left: 0; top: 0; background: url("Img/Index/case_png1.png") no-repeat; text-align: center; font-size: 14px; color: #fff; width: 100%; padding-top: 165px; height: 112px;}
.case_small li:hover span{ display: block;}



/*合作伙伴*/
.partner{ height: 570px; background: #f5f5f5; overflow: hidden;}
.partner h2{ text-align: center; margin: 76px 0 52px;}
.partner h2 span{ display: block; font-size: 10px; color: #d0d0d0; font-weight: normal; margin-top: 5px; text-transform: uppercase;}
.partner ul{ height: 297px; background: #fff; border: 1px solid #dddcdc;}
.partner li{ width: 238px; height: 148px; float: left; overflow: hidden; border-right: 1px solid #dddcdc; border-bottom: 1px solid #dddcdc; position: relative;}
.partner li.none{ border-right: none;}
.partner li img{ display: block; width: 238px; height: 148px;}
.partner li span,.partner li em{ display: block; width: 238px; height: 148px; position: absolute; left: 0; top: 0;}
.partner li span{ z-index: 8;}
.partner li span img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); filter: gray;}
.partner li em{ z-index: 1;}
.partner li:hover em{ z-index: 10;}



/*有情怀的企业*/
.company{ overflow: hidden;}
.company h2{ text-align: center; margin: 76px 0 52px;}
.company h2 span{ display: block; font-size: 10px; color: #d0d0d0; font-weight: normal; margin-top: 5px; text-transform: uppercase;}
.company_slide{ height: 441px; overflow: hidden;}
.company_hd{ width: 288px; height: 441px; float: left;}
.company_hd li{ width: 288px; height: 146px; padding-top: 68px; overflow: hidden; margin-bottom: 13px; background: #f5f5f5; text-align: center; font-size: 22px; color: #666666;}
.company_hd li span{ display: block; font-size: 22px; text-transform: uppercase; color: #b6b6b6; margin-top: 5px;}
.company_hd li.on{ background: url("Img/Index/company_icon.jpg") no-repeat; color: #fff;}
.company_hd li.on span{ color: #a6caf2;}
.company_hd li.on a{ color: #fff; text-decoration:none;}

.company_bd{ width: 900px; height: 441px; float: right; overflow: hidden;}
.company_bd li{ float: left; width: 289px; height: 214px; margin-bottom: 13px;}
.company_bd li img{ width: 289px; height: 214px;}
.company_bd .company_big{ width: 595px; height: 441px; margin-right: 15px;}
.company_bd .company_big img{ display: block; width: 595px; height: 441px;}





/*新闻*/
.info{ min-height: 475px; background: #f5f5f5; overflow: hidden; padding-top: 80px; margin-top: 85px;}
.news{ height: 700px; width: 577px; overflow: hidden; }
.n_nav{ height: 40px; background:url(Img/Index/news_icon1.jpg) no-repeat 0 3px; padding-left: 33px; border-bottom: 3px solid #e6e6e6; margin-bottom: 30px;}
.n_nav span a{ font-size: 14px; color: #ababab; line-height: 32px;}
.n_nav li{ float: left; margin-right: 20px;}
.n_nav li a{ display: inline-block; height: 40px; font-size: 18px; color: #666666; padding-right: 25px;  }
.n_nav li a:hover , .n_nav .on a{ color: #0086e4; border-bottom: 3px solid #0086e4; text-decoration: none;}
/*
.news_c{ height:560px; overflow:hidden; padding-left: 30px;}
.news_c dl{ margin:0 0 35px 0; height:106px; overflow:hidden; border-bottom: 1px dashed #999999;}
.news_c dt{ width:75px; text-align:center; overflow:hidden; font-size: 26px; color: #0086e4;background:url(Img/Index/news_icon2.jpg) no-repeat center bottom; height: 80px;}
.news_c dd{ width:405px; overflow:hidden;}
*/
.news .fl{ width: 577px;height: 700px;overflow: hidden;}
.news_c{ overflow:hidden; padding-left: 30px;}
.news_c dl {width:547px; height: 209px;overflow: hidden;background-color:#fff;}
.news_c .fl{overflow: hidden;width: 260px;height: 200px;float: left;}
.news_c .fl img {display: block;width: 281px;height: 209px;}
.news_c .fr{overflow: hidden;width: 235px;float: right;}
.news_c .fr h3 {font-size: 15px;color: #0086e4;overflow: hidden;margin-bottom: 12px;font-weight: normal;}
.news_c .fr h3 a {color: #0086e4;display: block;width: 220px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_c .fr p {font-size: 14px;line-height: 24px;max-height: 235px;color: #888888;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.news_c .fr .more {margin-top: 20px;width: 106px;height: 36px;line-height: 36px;text-align: center;display: block;background: #ff6600;color: #fff;text-transform: uppercase;font-size: 14px;}
/* .news_c dd{ width:257px; overflow:hidden;float:right;}
.news_c dd h3{ font-size:15px; color: #0086e4; overflow:hidden; margin-bottom: 12px; font-weight: normal;}
.news_c dd h3 a{ color:#0086e4;}
.news_c dd p{ height:70px; font-size:14px; line-height:24px; overflow:hidden; color: #888888;}  
*/

.news_c dl.none{ border-bottom: none;}


.wt{ width:577px; height:700px; overflow:hidden; }
.wt h2 {height: 40px; border-bottom: 3px solid #e6e6e6; margin-bottom: 30px; font-weight: normal;}
.wt h2 span a{ font-size: 14px; color: #ababab; line-height: 32px;}
.wt h2 i{ display: block; height: 40px; font-size: 18px; color: #666666;}
.wt h2 i a{ color: #0086e4; border-bottom: 3px solid #0086e4; text-decoration: none; background:url(Img/Index/news_icon3.jpg) no-repeat 0 2px; padding-left: 30px; display: inline-block; height: 40px;}

.wt dl{ height: 209px; overflow: hidden;}
.wt dt{ overflow:hidden; width: 260px; height: 200px; float: left;}
.wt dt img{ display: block;  width: 281px; height: 209px;}
.wt dd{ overflow:hidden;width: 267px; float: right;}
.wt dd h3{ font-size:15px; color: #0086e4; overflow:hidden; margin-bottom: 12px; font-weight: normal;}
.wt dd h3 a{ color:#0086e4;display: block;width: 255px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wt dd p{ font-size:14px; line-height:24px; max-height: 235px; color: #888888; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;} 
.wt dd .more{ margin-top: 20px; width: 106px; height: 36px; line-height: 36px; text-align: center; display: block; background: #ff6600; color: #fff; text-transform: uppercase; font-size: 14px;}


.link {border: 1px solid #ece0ec;height: auto;margin: 17px auto 13px;overflow: hidden;}
.link a{display: inline-block;margin: 10px 20px 0 0;padding: 5px; border: 1px solid #f5f5f5;}
.link .link_m a:hover{border: 1px dashed #999999;color: #0086e4; font-family: "微软雅黑";outline: medium none;text-decoration: none;transition: all 0.1s ease-in-out 0s;}
.link .content .link_l b{color: #08498d;font-size: 27px;padding: 5px;}
.link .content .link_l em{color: rgb(0, 134, 228);font-size: 16px;}
.link .content .link_r{margin: 10px;}
.link .content .link_m{margin:10px;width: 100%;}