@charset "utf-8";

/*！

* lib CSS 网页模版库 v1.0 基于bootstrap或ZUI

* Copyright 2016-2017,XIAOBING TECH 

* XBUI PC

* Author:MR.YANGLIU

*/



/*通用组件开始 general component start*/



/*页头*/

.header{}

.header-body{height: 110px; background: #fff; border-bottom: 2px solid #ff5a5f;}

.logo{width:610px; height: 100%;}

.logo img{position: relative; top:25px;}



.hotline{width: 230px; height: 100%; float: right; position: relative;}

.hotline img{position: absolute; left: 0px; top: 40px;}

.hotline .zh{position: absolute; left: 43px; top: 38px; font-family: microsoft yahei; font-size: 12px; color: #666;}

.hotline .time{position: absolute; left: 43px; top: 56px; font-family: arial; font-size: 22px; font-weight: bold; color: #ff3440; font-style: italic;}







.header-nav{height: 50px; background: #fff;}

.header-offer{position: absolute; left: 0px; top: 115px; z-index: 99999;}



.offer-head{width: 280px; height: 50px; display: none; background: #d30000; text-align: center; line-height: 50px; font-family: microsoft yahei; font-size: 16px; color: #fff;}



.offer-body{width: 305px; height: 355px; background:#00a699; border: 5px solid rgba(255,255,255,0.5); border-radius: 5px;}

.offer-body .title{width: 100%; height: auto; padding: 20px 0; text-align: center; font-family:'黑体'; font-size: 18px; color: #fff; position: relative;}

.offer-body .title:before{content:''; width: 60px; height: 1px; display: block; background: rgba(255,255,255,0.5); position: absolute; left:20px; top:30px;}

.offer-body .title:after{content:''; width: 60px; height: 1px; display: block; background: rgba(255,255,255,0.5); position: absolute; right:20px; top:30px;}



.offer-body .form{}

.offer-body .form .row{padding: 0; margin: 0;}

.offer-body .form .list-item{width: 100%; height: 35px; margin-bottom: 12px; padding: 0 20px; font-size: 14px; color: #fff; line-height: 35px;}

.offer-body .form .list-item input{width: 100%; height: 100%; background: #f2f2f2; border:none; padding-left: 10px; border-radius: 3px;}

.offer-body .form .list-item input[type=text]:focus{background:#fff;}

.offer-body .form .list-item select{width: 82px; height: 35px; border:0; border-radius: 3px; padding-left: 8px;}

.offer-body .form .list-item input[type=submit]{background: #ff343e; color: #fff;}

.offer-body .form .list-item input[type=checkbox]{width: 15px;height: 15px; margin-right: 10px;}

.offer-body .note{width: 100%; height: auto; text-align: center; font-family: microsoft yahei; font-size: 14px; color: #fff;}

.offer-body .note span{color: #fff; font-family: arial; font-size: 18px; padding:0 5px;}



/*主导航*/

.nav-main{}

.nav-main .list-item{float: left; position: relative;}

.nav-main .list-item:after{content:''; width: 1px; height: 20px; background: #eee; position: absolute; right: 0; top: 15px;}

.nav-main .item-content{height: 50px; text-align: center;}

.nav-main .item-content a{display: block; line-height: 50px; padding: 0 45px; font-family: microsoft yahei; font-size: 14px; color: #333; position: relative;}

.nav-main .item-content a:before{content: ''; display: block; width: 1px; height: 10px; background: rgba(255,255,255,0.1); position: absolute; top: 21px; right: 0px;}

.nav-main .list-item:hover .item-content{background:#ff5a5f;}

.nav-main .list-item:hover .item-content a{color:#fff;}

.nav-main .list-item.hot-news:before{content: ''; display: block; width: 28px; height: 20px; position: absolute; top: 3px; right: 3px; background:url(../images/hot-news.png);}

.nav-main .list-item.active{background: #ff5a5f;}

.nav-main .list-item.active .item-content a{color: #fff;}

.nav-main .item-media{width: 150%; height: auto; background:#fff; -moz-box-shadow:0px 0 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0 5px rgba(0,0,0,0.2); box-shadow:0px 0 5px rgba(0,0,0,0.2); position: absolute; top: 50px; left: 0px; z-index: 999999; display: none;}

.nav-main .item-media .list-child{width: 100%; height: 50px; border-bottom: 1px solid #eee; text-align: center;}

.nav-main .item-media .list-child a{display: block; line-height: 50px;}

.nav-main .item-media .list-child:hover{background: #eee;}

.nav-main .list-item:hover .item-media{display: block;}

.nav-main .list-item.active:after{display: none;}

.nav-main .list-item:hover:after{display: none;}











/*内页导航*/

.nav-sub{

background-color: #fff;

border-top:1px solid #f0f0f0;

-webkit-box-shadow: 0 2px 3px 0 rgba(180,180,180,0.3) ;

box-shadow: 0 2px 3px 0 rgba(180,180,180,0.3) ;



}

.nav-sub .rowBlock{}

.nav-sub .header-top{b background-color: #fefefe;padding:20px 0 0 0}

.nav-sub .header-right{width: 637px;}

/*logo*/

.nav-sub .nav-brand{width: 314px; height: 72px;background-image: url(../images/logo.png);background-position: left center;background-repeat:no-repeat;background-size: cover; }

.nav-sub .logo{margin:0; display: block; width:inherit; height: inherit;}

.nav-sub .nav-top{margin-bottom: 0;padding-top: 8px}

.nav-sub .nav-tel {font-size: 14px;color: #333;height: 30px;line-height: 30px;margin-top: 3px;margin-right: 5px;}

/*

.nav-sub .nav-tel span{font-size: 20px;font-weight: 700;margin-right: 10px;margin-top: 5px;}

.nav-sub .nav-tel .icon{font-size: 23px;font-family: 700}

.nav-sub .nav-link{padding-top: 30px;margin-top: 5px;}

*/

.nav-sub .nav-qr{/*width: 291px; margin-top: 5px;*/}

/*搜索*/

.nav-sub .top-search{width: 160px; position: relative;background-color: #dde8f1;border-radius: 100px;-webkit-border-radius:100px;}

.nav-sub .top-search .input-search{width:34px; height:34px; background: none; border:none; color:#7797af;position: absolute;right: 0;}

.nav-sub .top-search .form-control{ height:34px;padding-right:12px;border:transparent;background-color: transparent;border-radius: 100px;-webkit-border-radius:100px;}

.nav-sub .top-search .form-control:focus{border-color: red}







/*导航风格模型*/

.nav-sub .nav-main{height: auto;width: 100%;}

.nav-sub .nav-main ul,

.nav-sub .nav-main li, 

.nav-sub .nav-main dl,

.nav-sub .nav-main dt,

.nav-sub .nav-main dd{padding: 0;margin:0;list-style: none}



.nav-sub .nav-main>li{float: left; height:52px;  text-align: center; color: #ffffff; font-size: 14px; text-decoration: none;position: relative;}

.nav-sub .nav-main>li:last-child{margin-right: 0}

.nav-sub .nav-main>li>a{height: 52px;line-height: 55px;overflow: hidden; color: #2e2e2e; margin: 0; padding:0 30px;}

.nav-sub .nav-main>li>a span{display: block; color: #9b9b9b; position: relative;}

.nav-sub .nav-main>li>.en{display: block;}

.nav-sub .nav-main>li>a:hover{background:transparent;}

.nav-sub .nav-main>.active >a{-webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; text-shadow:none; }

.nav-sub .nav-main>.active>a span{color: #ff6469;}

.nav-sub .nav-main>.active,

.nav-sub .nav-main>.on {}

.nav-sub .nav-main>.on >a{}

.nav-sub .nav-main>.on span{color: #ff6469;}

.nav-sub .nav-main>li.move{

border-bottom: 4px transparent solid;

}

.nav-sub .nav-main>li.move >a{color: #333!important; background: none !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; text-shadow:none!important;}

.nav-sub .nav-main .hot{display: block;width: 25px;height: 15px; position: absolute;top: 10px;right: 0; background: url(../images/hot.gif) no-repeat;}

.nav-sub .nav-main .aline{position: absolute; width: auto; background: #ffffff;width: 60px; height: 2px;bottom:0;display: none;}



/*.nav-sub 子菜单*/

.nav-sub  .submenu-wrap{

display:none ;

position: absolute; 

left: 50%;

margin-left: -91px;

top: 100%;

width: 192px;

overflow: hidden;

-moz-box-shadow: 0px 2px 2px rgba(102,102,102,.2); 

-webkit-box-shadow: 0px 2px 2px rgba(102,102,102,.2); 

box-shadow: 0px 2px 2px rgba(102,102,102,.2); 

}

.nav-sub .submenu-wrap .caretUp{

display: block;

margin:auto;

width: 0;

height: 0;

border-style: solid;

border-width: 0 10px 11px 10px;

border-color: transparent transparent #ffffff transparent;

line-height: 0px;

_border-color: #000000 #000000 #ffffff #000000;

_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}

.nav-sub  .submenu{ 

border-radius: 5px;

width: 100%;

overflow: hidden;

background-color: #fff;

-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

filter: progid: DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#888888');

-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#888888')";

} 

.nav-sub  .submenu li{font-size: 12px;height: auto;line-height: normal;border-top: 1px solid #e8e8e8}

.nav-sub  .submenu li:first-child{border-top: transparent;}

.nav-sub  .submenu li a{display: block;padding:10px 20px;color: #666;}

.nav-sub  .submenu li a:hover{background-color: #0b6aad;color: #fff}



.movingLine{display: none; position: absolute; bottom: 0; width: 100px; height:2px; overflow: visible !important; background: #ff6469;}

.movingLine:before{content: '';border-style: solid; border-width: 10px 6px 0 6px; border-color: #ff5a5f transparent transparent transparent;

position: relative; top: 12px; left: 50%; margin-left: -6px; z-index: 99;}



.subNav-consul{}

.subNav-consul a{ display: block; width: 120px; height: 35px; border-radius: 3px; text-align: center; background:#ff5a5f; line-height: 35px; color: #fff; position: relative; top: 9px;}

.subNav-consul a:hover{background: #fd767a; color: #fff;}





/*内页横幅*/

.sub-banner{display: table; width: 100%; height: auto; text-align: center; position: relative;}

.sub-banner .banner-title{margin-top:129px; text-transform: uppercase; text-shadow: 0 1px 3px #000;}

.sub-banner .banner-title span{display: block;}

.sub-banner .zh{font-size: 18px; color: #fff;}

.sub-banner .en{font-size: 14px; color: #fff;}



/*面包屑*/

.breadcrumb{height: 45px; margin: 0 auto; padding:0; line-height: 45px;}

.breadcrumb img{margin-right:5px;}

.breadcrumb a,.breadcrumb span{font-family: '黑体'; font-size: 12px; color: #999;}

.breadcrumb a:hover{color: #ff5a5f;}



/*//header页头001*/











/*skitter*/

.skitter{width: 100%;height: 465px; max-width: 100% !important; margin-bottom: 0 !important;background:#08b2ad;}

.full-slide{width:100% !important;max-width:100%;position:relative;overflow:hidden;height:200px;}

.skitter img{max-width:none!important;}

.skitter.with-dots{margin-bottom: 0}

.skitter .info_slide_dots{bottom: 30px !important; display: none !important;}

.skitter .info_slide_dots .image_number{background: transparent;box-shadow:none;width: 14px;height: 14px;border:2px solid #ffffff;}

.skitter .info_slide_dots .image_number.image_number_select{background: #ffffff;}



/*页尾*/

.footer{height: auto;}

.foot-consul{width: 100%; height: 240px; padding-top:70px; background: url(../images/consul-bg.jpg) top center no-repeat;background-size: cover; -moz-background-size: cover;}

.foot-consul .zh{ font-family: microsoft yahei; font-size: 42px; font-weight: bold; color: #fff;}

.foot-consul .note{ font-family: microsoft yahei; font-size: 18px; color: #fff;}

.foot-consul .view{ display: block;  width: 192px; height: 35px; background: #fff; border-radius: 3px; position: absolute; right: 0; top:25px;

	font-family:microsoft yahei;  font-size: 14px;  text-align: center; line-height: 35px; color:#00a699;}

.foot-consul .view:hover{background:#ff5a5f; color: #fff;}



.foot-subject{height:425px; background:url(../images/foot-bg.jpg) bottom center no-repeat #222222;}

.foot-nav{height: 80px; border-bottom: 1px solid #434343;}

.foot-nav a{font-family: '黑体'; font-size: 15px; color: #f2f2f2;  line-height: 80px; padding-right: 25px;}



.fr-link{padding-top:20px; padding-bottom: 30px; border-bottom: 1px solid #434343;}

.fr-link-light a{background: #121212; display: block; height: 32px; float: left; text-align: center; margin-right: 10px; padding: 0 20px; line-height: 32px;}

.fr-link-light a:hover{background: #394043; color: #fff;}



.fr-link-normal a{font-family: '黑体'; font-size: 14px; margin-right: 10px; line-height:26px;}

.fr-link-normal a:hover{color: #fff;}



.foot-copy{margin-top:50px;}

.copy span{ margin-right: 20px; line-height: 26px;}

.copy span i{margin-right: 5px;}

/*社会化分享*/

.social{}

.social a{

display: inline-block;

*display: inline; 

zoom:1; 

color: #fff;

font-size: 0;

margin-right: 5px; 

text-align: center;

position: relative; 

}

.social a i{

display: inline-block;

*display: inline; 

zoom:1;

width: 30px;

height: 30px;

line-height: 30px;

font-size: 18px;

background: #494949;

border-radius: 50%;

color: #222222;

}





.social i.icon-qq:hover{background: #58b3ec; color: #fff;}

.social i.icon-weibo:hover{background: #db8044; color: #fff;}

.social i.icon-wechat:hover{background: #329258; color: #fff;}



.social a img{display: none; position: absolute;width: 120px;height: 120px;max-width:120px; left:35px; top: -50%}

.social a:hover img{display: block; z-index: 9}





/*通用组件结束 general component end*/











/*首页栏目*/

.index-column{}

.column-head{display: block; padding: 50px 0; position: relative;}

.column-head .zh{font-family: microsoft yahei; font-size: 36px; font-weight: bold; color: #333; display: block; }

.column-head .note{font-family: microsoft yahei; font-size: 15px; color: #333; display: block; }

.column-head .note .more{font-family: microsoft yahei; font-size: 15px; color: #999; float: right;}

.column-head .note .more:hover{color: #ff5a5f;}

.column-head .note .more img{padding-left: 5px;}





/*主材包*/

.slider-stand{ width:232px; height:470px; overflow:hidden; position:relative; border:1px solid #ddd;  }

.slider-stand .hd{ height:15px; overflow:hidden; position:absolute; bottom:25px; left: 50%; margin-left: -8%; z-index:1;}

.slider-stand .hd ul li{ float:left; margin-right:10px;  width:11px; height:11px; border-radius: 50%; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

.slider-stand .hd ul li.on{ background:#ff5a5f; color:#fff; }

.slider-stand .bd{ position:relative; height:100%; z-index:0;   }

.slider-stand .bd li{ zoom:1; vertical-align:middle; }

.slider-stand .bd img{ width:232px; height:470px; display:block;  }



.slider-stand .prev,

.slider-stand .next{display:none; position:absolute; left:3%; top:50%; margin-top:-25px; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slider-stand .next{ left:auto; right:3%; background-position:8px 5px; }

.slider-stand .prev:hover,

.slider-stand .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slider-stand .prevStop{ display:none;  }

.slider-stand .nextStop{ display:none;  }

.slider-stand:hover .prev,.slider-stand:hover .next{display: block;}



.list-case{}

.list-case .row{}

.list-case .list-item{float: left; width: 230px; height: 230px; background: #eee; margin-left: 10px; margin-bottom: 10px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.list-case .item-media{width: 100%; height: 155px; overflow: hidden;}

.list-case .item-media img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.list-case .item-content{padding:15px 10px;}

.list-case .item-content .zh{font-family: '黑体'; font-size: 16px; color: #333;}

.list-case .item-content .note{font-family: '黑体'; font-size: 14px; color: #ff5a5f; margin-top: 5px;}

.list-case .list-item:hover{ background: #ff5a5f;}

.list-case .list-item:hover .item-content .zh,.list-case .list-item:hover .item-content .note{ color: #fff;}

.list-case .list-item:hover .item-media img{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);}





.list-options{}

.list-options .list-item{float: left; width: 340px; height: 480px; border-radius: 5px; margin-right: 90px; position: relative;}

.list-options .list-item:last-child{margin-right: 0;}

.list-options .list-item:before{content:''; width: 34px; height: 17px; display: block; background: url(../images/nextStep.png) top center no-repeat; position: absolute; bottom: 90px; right: -65px;}

.list-options .list-item:last-child:before{display: none;}

.list-options .list-item .item-media{width: 100%; height: 320px;}

.list-options .list-item .item-media img{width: 100%; height:100%;}

.list-options .list-item .item-content{width: 100%; height: 155px; padding:20px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #cacaca; border-radius:0 0 5px 5px;}

.list-options .list-item:nth-child(1) .item-content{ background: url(../images/option-bg-1.png) 170px 12px no-repeat;}

.list-options .list-item:nth-child(2) .item-content{ background: url(../images/option-bg-2.png) 170px 12px no-repeat;}

.list-options .list-item:nth-child(3) .item-content{ background: url(../images/option-bg-3.png) 180px 12px no-repeat;}

.list-options .list-item .item-content .zh{ font-family: '黑体'; font-size: 20px; color: #000; font-weight: 600; margin-bottom: 12px;}

.list-options .list-item .item-content .desc{ font-family: '黑体'; font-size: 14px; line-height: 20px; color: #666; }



/*施工包*/

.list-lie{}

.list-lie .list-item{ overflow: hidden; margin-bottom:10px;}

.list-lie .item-media{width:700px; height: 300px; background: #eee;}

.list-lie .item-media img{width: 100%; height: 100%:;}

.list-lie .item-content{width: 500px; height: 300px; padding: 90px;}

.list-lie .list-item:nth-child(1) .item-content{ background: #ff5a5f;}

.list-lie .list-item:nth-child(2) .item-content{ background: #00a699;}

.list-lie .item-content .zh{ font-size: 28px; color: #fff; margin-bottom: 10px;}

.list-lie .item-content .note{ font-size: 14px; color: #fff; margin-bottom: 20px;}

.list-lie .item-content .view{ font-size: 14px; color: #fff; border:1px solid #fff; border-radius: 5px; padding: 8px 20px;}



/*软装包*/

.slider-stand-2{ width:400px; height:360px; overflow:hidden; position:relative; border:1px solid #ddd;  }

.slider-stand-2 .hd{ height:15px; overflow:hidden; position:absolute; bottom:10px; right: 10px; z-index:1;}

.slider-stand-2 .hd ul li{ float:left; margin-right:10px;  width:11px; height:11px; border-radius: 50%; line-height:14px; text-align:center; background:#fff; cursor:pointer; position: relative;}



.slider-stand-2 .hd ul li.on{ background:#ff5a5f; color:#fff; }

.slider-stand-2 .bd{ position:relative; height:100%; z-index:0;   }

.slider-stand-2 .bd li{ zoom:1; vertical-align:middle; position: relative; }

.slider-stand-2 .bd li .title{width: 100%; height: 45px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; z-index: 9;}

.slider-stand-2 .bd li .title a{ font-family: microsoft yahei; font-size: 14px; color: #eee; padding-left: 15px; line-height: 45px;}

.slider-stand-2 .bd img{ width:400px; height:360px; display:block;  }

.slider-stand-2 .bd li:hover .title{background: rgba(255,90,95,0.8);}



.slider-stand-2 .prev,

.slider-stand-2 .next{display:none; position:absolute; left:3%; top:50%; margin-top:-25px; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slider-stand-2 .next{ left:auto; right:3%; background-position:8px 5px; }

.slider-stand-2 .prev:hover,

.slider-stand-2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slider-stand-2 .prevStop{ display:none;  }

.slider-stand-2 .nextStop{ display:none;  }

.slider-stand-2:hover .prev,.slider-stand-2:hover .next{display: block;}



.list-case-2{}

.list-case-2 .row{}

.list-case-2 .list-item{float: left; width: 255px; height:175px; background: #eee; margin-left: 10px; margin-bottom: 10px; position: relative; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.list-case-2 .item-media{width: 100%; height: 100%; overflow: hidden;}

.list-case-2 .item-media img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.list-case-2 .item-content{width: 100%; height: 35px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; z-index: 9;}

.list-case-2 .item-content .zh{font-family: '黑体'; font-size: 16px; color: #ddd; line-height: 35px;}

.list-case-2 .list-item:hover .item-content{background: rgba(255,90,95,0.8);}

.list-case-2 .list-item:hover .item-content .zh{ color: #fff;}

.list-case-2 .list-item:hover .item-media img{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);}





/*新闻资讯*/

.index-column .news-group:last-child{margin-right:0px;}

.news-group{width: 370px; height: auto; float: left; margin-right: 40px;}

.news-group .group-head{width: 100%; height: 45px; border-bottom: 1px dashed #aaa; margin-bottom: 12px; line-height: 45px; font-family: '黑体'; font-size: 18px; color: #333;}

.news-group .list-item{width: 100%; height: 30px; line-height: 30px; position: relative;}

.news-group .list-item .zh{ color: #333; padding-left: 15px;}

.news-group .list-item time{ color: #999;}

.news-group .list-item:before{content: ''; display: block; position: absolute; left: 0px; top: 10px; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #999;}

.news-group .list-item:hover:before{border-color: transparent transparent transparent #ff5a5f;}

.news-group .list-item .zh:hover{color: #ff5a5f;}











/*page inner start*/

/*主材包 标准*/

.zhucai-kjpz{}

.zhucai-kjpz .zhucai-head{padding: 50px 0;}

.zhucai-kjpz .zhucai-head .zh{font-family: microsoft yahei; font-size: 36px; font-weight: bold; color: #333; padding-bottom: 12px;}

.zhucai-kjpz .zhucai-head .note{font-family: microsoft yahei; font-size: 22px; color: #656565; letter-spacing: 3px;}



.kjpz-switch{height:auto; margin-bottom: 50px;}
.kjpz-switch .contain{width:100%; height:auto;}
.kjpz-switch .contain ul{width:100%;height: 600px; position: relative; padding: 0; margin: 0;}
.kjpz-switch .tempWrap{}
.kjpz-switch .tab{width:100%; height:auto; text-align:center;}
.kjpz-switch .tab .row{width:auto; margin-right:auto; margin-left:auto; display:inline-block;}
.kjpz-switch .tab .title .zh{font-family: microsoft yahei; font-size: 30px; padding-left: 10px; color: #00bfb2; position: relative;}
.kjpz-switch .tab .title .zh:before{content: ''; display: block; width: 2px; height: 30px; background: #00bfb2; position: absolute; left: 0; top: 7px;}
.kjpz-switch .tab .list-item{width:auto; height:auto; background:#f4f4f4; float: left; margin: 0 10px 10px 0; cursor: pointer;}
.kjpz-switch .tab .list-item.on{ background: #ff5a5f;}
.kjpz-switch .tab .list-item .item-media{height:auto; overflow:hidden; padding: 10px 20px;}
.kjpz-switch .tab .list-item .item-media a{display:block; width:auto; height:30px; overflow:hidden;}
.kjpz-switch .tab .list-item .item-media img{float:left; height:60px; position:relative; bottom:0;}
.kjpz-switch .tab .list-item .item-media span{float:left; font-size:14px; color:#333; line-height:30px; margin-left:10px;}
.kjpz-switch .tab .list-item.on .item-media img{bottom:30px;}
.kjpz-switch .tab .list-item.on .item-media span{color:#fff;}

.kjpz-switch .tab .list-item .item-content{font-family: microsoft yahei; font-size: 16px; font-weight: bold; color: #00bfb2;}

.kjpz-switch .contain .media{width: 100%;height: 100%;}
.kjpz-switch .contain .media img{width: 100%;height: 100%;}
.kjpz-switch .contain .content{width: 100%;height: auto; padding: 20px 30px; position: absolute; bottom: 0; background: rgba(0,0,0,0.66); font-size: 14px; color: #d0d0d0; line-height:24px;}


/*6大品牌*/
.quality{background: #fff; padding-bottom: 100px;}
.quality .title{padding: 100px 0 70px 0;}
.quality .title .zh{font-family: microsoft yahei; font-size: 36px; color: #222; font-weight:bold; padding-bottom: 8px;}
.quality .title .note{font-family: microsoft yahei; font-size: 22px; color: #929292;}
.quality-body{}
.quality-body ul{overflow:hidden;}
.quality-body li{float: left; width:15.8%; margin-right:1%; border:1px solid #e9e9e9;}
.quality-body li:nth-child(6n){margin-right:0;}
.quality-body li img{width:180px; height:auto;}
.quality-body .item{width:1200px; height:450px; background:#eee; margin-top:40px; padding:25px;}
.quality-body .item .data{width:310px; height:auto; background:rgba(0,0,0,0.4); padding:30px;}
.quality-body .item:nth-child(2n) .data{float:right;}
.quality-body .item .data .cover{width:100%; height:auto; padding-bottom:25px; border-bottom:1px solid #fff;}
.quality-body .item .data .note{padding-top:25px; font-size:14px; line-height:28px; color:#fff;}

/*温度*/
.temperature{height:730px;}
.temperature .title{padding:50px 0 50px 0;}
.temperature .title .zh{font-family: microsoft yahei; font-size: 36px; color: #fff; font-weight:bold; padding-bottom: 8px;}
.temperature .title .note{font-family: microsoft yahei; font-size: 22px; color: #fff;}
.temperature-body{}
.temperature-body ul{}
.temperature-body li{float:left; width:285px; height:auto; margin-right:20px;}
.temperature-body li:nth-child(4n){margin-right:0;}
.temperature-body li img{display:block; width:300px; height:auto;}
.temperature-body li p{font-size:14px; color:#fff; margin:20px 0;}

/*保障*/
.guarantee{background: #f3f2f2; padding-bottom: 100px;}
.guarantee .title{padding:100px 0 80px 0;}
.guarantee .title .zh{font-family: microsoft yahei; font-size: 36px; color: #222; font-weight:bold; padding-bottom: 8px;}
.guarantee .title .note{font-family: microsoft yahei; font-size: 22px; color: #929292;}

.guarantee .list-item{float: left; width: 150px; height: 150px; border:1px solid #a3a3a3; border-radius: 10px; margin-right: 60px;padding: 25px 0;}
.guarantee .list-item:last-child{margin-right: 0;}
.guarantee .list-item .zh{padding-top: 15px; font-family: microsoft yahei; font-size: 16px; color: #222;}
.guarantee .list-item:hover{border-color:#333;-moz-box-shadow:0px 5px 5px rgba(0,0,0,0.05);  -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.05); box-shadow:0px 5px 5px rgba(0,0,0,0.05);}

/*质感*/
.texture{background: #fff; padding-bottom: 100px;}
.texture .title{padding:100px 0 80px 0;}
.texture .title .zh{font-family: microsoft yahei; font-size: 36px; color: #222; font-weight:bold; padding-bottom: 8px;}
.texture .title .note{font-family: microsoft yahei; font-size: 22px; color: #929292;}

.slide-texture{ width:1200px; height:600px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slide-texture .hd{width:100%; height:20px; overflow:hidden; text-align:center; position:absolute; bottom:20px; z-index:1; }
.slide-texture .hd ul{ overflow:hidden; zoom:1; margin:0 auto; display:inline-block;}
.slide-texture .hd ul li{ float:left; margin:0 5px;  width:20px; height:20px; background:rgba(0,0,0,0.5); border-radius:50%; cursor:pointer; }
.slide-texture .hd ul li.on{ background:#dd001f; color:#fff; }
.slide-texture .bd{ position:relative; height:100%; z-index:0;   }
.slide-texture .bd li{ zoom:1; vertical-align:middle; }
.slide-texture .bd img{width:1200px; height:600px; display:block;  }
.slide-texture .prev,
.slide-texture .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slide-texture .next{ left:auto; right:3%; background-position:8px 5px; }
.slide-texture .prev:hover,
.slide-texture .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slide-texture .prevStop{ display:none;  }
.slide-texture .nextStop{ display:none;  }

.more-texture{text-align:center; margin-top:30px;}
.more-texture a{padding:12px 15px; border:1px solid #d2d2d2; border-radius:10px;}
.more-texture a:hover{background:#f9f9f9;}

/*工序*/
.process{ background:#f3f2f2; }
.process-head{padding:100px 0;}
.process-head .zh{ font-family: microsoft yahei; font-size: 36px; color: #000; font-weight: 600; margin-bottom:10px;}
.process-head .note{ font-family:'黑体'; font-size: 24px; color: #000;}
.process-body .hd li{width:184px; height:184px; background: #999; border-radius: 50%; margin-right: 70px; text-align:center; position: relative; cursor:pointer; float: left;}
.process-body .hd li span{ font-size: 16px; color: #fff; padding: 10px 0;}
.process-body .hd li:before{content: ''; display: block; width: 38px; height: 33px; background: url(../images/process-right.png) top center no-repeat; position: absolute; right: -50px; top: 65px;}
.process-body .hd li:last-child{margin-right: 0px;}
.process-body .hd li:last-child:before{display:none;}
.process-body .hd li.on{background: #d60613;}
.process-body .bd{margin-top:60px;}
.process-body .bd .item{width:100%; height:auto; zoom: 1;}
.process-body .bd .item ul{overflow:hidden; padding:0; margin:0;}
.process-body .bd .item li{float:left; width:285px; height:auto; margin-right:20px; margin-bottom:20px; overflow:hidden;}
.process-body .bd .item li:nth-child(4n){margin-right:0;}
.process-body .bd .item li img{width:285px; height:180px; display:block; margin-bottom:20px;}
.process-body .bd .item li p{display:block; overflow:hidden;}
.process-body .bd .item li .num{display:block; float:left; background:#dd001f; padding:0 8px; font-family:arial; color:#fff; font-weight:bold; line-height:24px; margin-right:10px;}
.process-body .bd .item li .zh{display:block; float:left;  font-family:microsoft yahei; color:#333; font-weight:bold; line-height:24px;}
.process-body .bd .item li .desc{display:block; float:left;  font-family:microsoft yahei; color:#333; line-height:20px; margin-top:10px;}

/*有礼*/
.gift{height: 405px; }

.gift-category{width: 65%; height: 100%; background:url(../images/gift-category.jpg) top right no-repeat; background-size: cover; -moz-background-size: cover;}
.gift-category .list-item{width: 415px; height: 300px; margin-right: 40px; margin-top: 50px; float: left; border: 1px solid #fff; position: relative;}
.gift-category .item-media{width: 40px; height: 30px; border-width: 0 1px 1px 0; border-style: solid; border-color: #fff; text-align: center; line-height: 30px; font-family: microsoft yahei; font-size: 14px; font-weight: 600; color: #fff; position:absolute; left: 0; top: 0;}
.gift-category .item-content{width: 100%; height: 100%; padding-top: 50px;}
.gift-category .item-content .zh{font-family: microsoft yahei; font-size: 32px; font-weight: 600; color: #fff; margin-bottom: 40px;}
.gift-category .item-content .note{font-family: microsoft yahei; font-size: 18px; line-height: 36px; color: #fff;}
.gift-category .item-content .note .key{color: #dd001f;}

.gift-receive{width: 35%; height: 100%; background: #dd001f; padding: 60px 0 60px 60px;}
.gift-receive .hr{width: 300px; height: 1px; background: rgba(255,255,255,0.4); margin:35px 0;}
.gift-receive .add{font-family: '黑体'; font-size: 18px; color: #fff;}
.gift-receive .tel{font-family: microsoft yahei; font-size: 22px; color: #fff; font-weight: bold;}


/*品牌*/
.brand{}
.brand .brand-head{padding: 70px 0;}
.brand .brand-head .zh{font-family: microsoft yahei; font-size: 36px; font-weight: 600; color: #333;}

.brand-zhucai{}
.brand-zhucai .list-item{float: left; width: 150px; height: 70px; border:1px solid #f6f6f6; text-align: center;  margin-right: 60px; margin-bottom: 25px;}
.brand-zhucai .list-item img{max-width: 90%;}
.brand-zhucai .list-item:nth-child(6),.brand-zhucai .list-item:nth-child(12),.brand-zhucai .list-item:nth-child(18){margin-right: 0px;}
.brand-zhucai .list-item:hover{border-color: #ccc;}

.page-gexing{height:40px; background:#f4f4f4; text-align:center;}
.page-gexing ul{padding:0; margin:0 auto; display:inline-block;}
.page-gexing li{float:left;}
.page-gexing li a{display:block; font-size:14px; color:#666; line-height:40px; padding:0 10px;}
.page-gexing li.active{border-bottom:1px solid #ff5a5f;}
.page-gexing li.active a{color:#ff5a5f;}


.page-case{padding: 20px 0; background: #eeeeee;}



/*案例导航*/
.nav-case{width: 225px; height: auto; min-height: 200px; background: #fff; border-top: 2px solid #ff5a5f;}
.nav-case .heading{padding:30px 40px; font-size:20px; color:#333;}
.nav-case .list-item{width: 100%; height: auto; border-top:1px dashed #e1e8ed;}
.nav-case .list-item:last-child{padding-bottom: 0px;}
.nav-case .list-item .item-head{padding:12px 0 12px 40px;}
.nav-case .list-item .item-head .zh{ font-family: '黑体'; font-size: 16px; color: #666;}
.nav-case .list-item .item-head img{padding-right:10px;}
.nav-case .list-item .item-content{}
.nav-case .list-item .item-content a{width: 100%;height: 32px; display: block; font-family: '黑体'; font-size: 14px; color: #333; line-height: 32px; padding-left: 40px;}
.nav-case .list-item .item-content a:hover{background: #f9f9f9; color: #ff5a5f;}
.nav-case .list-item .item-content a.active{background: #f9f9f9; color: #ff5a5f;}

.main-case{width:950px; min-height: 200px; border-top: 2px solid #;}





/*筛选*/

.module-filter{display: table; width: 100%; border-width:2px 1px 1px 1px; border-style: solid; border-color:#ff5a5f #dfdfdf #dfdfdf #dfdfdf;}

.module-filter ul{height: 100%; overflow: hidden; margin: 0; padding: 0;list-style: none}

.module-filter li{margin: 0; padding: 0;list-style: none}

.filter-row{height: 40px; background-color: #fff;}

.module-filter .filter-row:last-child{border-bottom: 0;}

.col-title{width: 8%; height: 100%; float: left; text-align: center; font-family: '黑体'; color: #333; font-weight: 600; line-height: 40px;}

.col-attr{width: 92%; height: 100%; float: left;background-color: #ffffff; }

.attr-collapse-list{}

.attr-collapse-list li{float: left; padding:0 15px;}

.attr-collapse-list li a{font-family: '黑体'; color: #333; line-height: 40px;}

.attr-collapse-list .active,.attr-collapse-list .active a{color:#ff5a5f;}

.filter-sort{background: #fbfbfb; border-top: 1px solid #dfdfdf;}

.filter-sort .col-attr{background-color: #fbfbfb; }

.filter-sort .attr-collapse-list li.active{ background: #fff; border-width: 0 1px 0 1px; border-style:solid; border-color: #dfdfdf;}





/*案例列表*/

.case-list{}

.case-list .row{}

.case-list .list-item{float: left; width: 290px; height: 285px; background: #fff; margin-right:40px; margin-bottom:40px;}

.case-list .list-item:nth-child(3n){margin-right: 0;}

.case-list .item-media{width: 100%; height: 195px; overflow: hidden;}

.case-list .item-media img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.case-list .item-content{ height: 90px; padding:25px 10px;}

.case-list .item-content .zh{font-family: '黑体'; font-size: 16px; color: #333;}

.case-list .item-content .note{font-family: '黑体'; font-size: 14px; color: #ff5a5f; margin-top: 5px;}

.case-list .list-item:hover{ background: #ff5a5f;}

.case-list .list-item:hover .item-content .zh,.case-list .list-item:hover .item-content .note{ color: #fff;}

.case-list .list-item:hover .item-media img{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);}





/*案例详情*/

.detail-case{padding:0 0 50px 0; background: #eeeeee;}



.detail-zhucai{padding:60px 100px; background: #fff;}



/*幻灯*/

.case-picFocus{ margin:0 auto;  width:600px; position:relative;  overflow:hidden;  zoom:1;   }

.case-picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }

.case-picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; padding: 0; margin: 0; }

.case-picFocus .hd ul li{width:100px; padding-top:5px; float:left;  text-align:center;  }

.case-picFocus .hd ul li img{ width:100%; height:65px; border:1px solid #fff; cursor:pointer; margin-right:5px;   }

.case-picFocus .hd ul li:last-child{margin-right: 0;}

.case-picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }

.case-picFocus .hd ul li.on img{ border-color:#ff6469;  }

.case-picFocus .bd{border:1px solid #e7e7e7;}

.case-picFocus .bd .tempWrap{width: 100% !important;}

.case-picFocus .bd ul{padding: 0; margin: 0;}

.case-picFocus .bd li{ vertical-align:middle; }

.case-picFocus .bd img{ width:695px; height:400px; display:block;  }





/*详情*/

.case-info{float:right; width:360px; height: auto; min-height: 400px; background: none;}

.case-info .zh{ font-family: microsoft yahei; font-size: 30px;  color: #333; display: block; padding-bottom:25px;}

.case-info .desc{ font-family: microsoft yahei; font-size: 12px;  color: #999999; line-height: 18px; display: block; padding-bottom:15px}



/*价格*/

.case-price{width: 100%; height: 80px; border-width: 1px 0 1px 0; border-style: solid; border-color: #e5e5e5; line-height: 85px;}

.case-price .title{font-family: microsoft yahei; font-size: 12px;  color: #999999;}

.case-price .count{font-family: microsoft yahei; font-size: 24px;  color: #333; padding: 0 20px;}

.case-price .unit{font-family: microsoft yahei; font-size: 12px;  color: #999999;}



/*套餐*/

.case-combo{ padding: 20px 0; border-bottom: 1px solid #e5e5e5;}

.case-combo .title{font-family: microsoft yahei; font-size: 12px;  color: #999999; display: block; float: left; margin-right: 20px;}

.case-combo ul{width: 310px;}

.case-combo .list-item{float: left; width: 60px; height:30px; border:1px solid #e7e7e7; margin-right: 10px; margin-bottom: 10px; text-align: center; line-height:30px; overflow: hidden;}

.case-combo .list-item:hover{ border:1px solid #ff5a5f;}

.case-combo .list-item:hover a{color: #ff5a5f;}

.case-combo .list-item.active{border-width: 2px; border-color: #ff5a5f;}

.case-combo .list-item img{width: 100%; height: 100%:;}



/*购买*/

.case-buy{ width: 100%; padding: 20px 0;}

.case-buy a{display: block; width: 100%; height: 40px; background: #000; text-align: center; line-height: 40px; color: #fff;}

.case-buy a:hover{color: #fff; background: #ff5a5f;}



.detail-content{border-top: 1px solid #e7e7e7; margin-top:50px;}

.detail-content .title{font-family:'黑体'; font-size: 24px;  color: #333; padding: 30px 0;}



/*产品推荐*/

.tshop{background: #fff;padding:30px 30px;}

.tshop .tshop-head{border-bottom: 1px solid #eee; padding-bottom: 20px;}





.list-tshop{padding-top: 20px;}

.list-tshop .row{}

.list-tshop .list-item{float: left; width: 282px; height: 240px; background: #eee; margin-right: 10px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.list-tshop .list-item:last-child{margin-right: 0;}

.list-tshop .item-media{width: 100%; height: 170px; overflow: hidden;}

.list-tshop .item-media img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.list-tshop .item-content{padding:15px 10px;}

.list-tshop .item-content .zh{font-family: '黑体'; font-size: 16px; color: #333;}

.list-tshop .item-content .note{font-family: '黑体'; font-size: 14px; color: #ff5a5f; margin-top: 5px;}

.list-tshop .list-item:hover{ background: #ff5a5f;}

.list-tshop .list-item:hover .item-content .zh,.list-tshop .list-item:hover .item-content .note{ color: #fff;}

.list-tshop .list-item:hover .item-media img{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);}





.column-slide{height: 465px; background: #fff;}

.column-slide img{width: 100%;height: 100%;}



.list-ruanz{}

.list-ruanz .row{}

.list-ruanz .list-item{float: left; width: 285px; height: 270px; background: #fff; margin-right:20px; margin-bottom:20px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.list-ruanz .list-item:nth-child(4n){margin-right: 0;}

.list-ruanz .item-media{width: 100%; height: 185px; overflow: hidden;}

.list-ruanz .item-media img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.list-ruanz .item-content{padding:15px 10px;}

.list-ruanz .item-content .zh{font-family: '黑体'; font-size: 16px; color: #333;}

.list-ruanz .item-content .note{font-family: '黑体'; font-size: 14px; color: #ff5a5f; margin-top: 5px;}

.list-ruanz .list-item:hover{ background: #ff5a5f;}

.list-ruanz .list-item:hover .item-content .zh,.list-ruanz .list-item:hover .item-content .note{ color: #fff;}

.list-ruanz .list-item:hover .item-media img{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);}







.list-designer{}

.list-designer .list-item{ float: left; width: 590px; height:200px; background: #fff; border:2px solid #fff; margin-right:20px; margin-bottom:20px; padding: 30px;}

.list-designer .list-item:nth-child(even){margin-right: 0px;}

.list-designer .item-media{width: 140px; height: 140px;}

.list-designer .item-media a,

.list-designer .item-media img{display: block; width: 100%; height: 100%;}

.list-designer .item-content{width: 360px; padding-left: 20px;}

.list-designer .item-content .zh{ font-family:'黑体'; font-size: 18px; color: #333; padding-bottom:8px;}

.list-designer .item-content .grade{ font-family:'黑体'; font-size: 14px; color: #ff5a5f; padding-bottom:8px;}

.list-designer .item-content .desc{ font-family:microsoft yahei; font-size: 14px; color: #999; line-height:24px;}

.list-designer .list-item:hover{border:2px solid #ff5a5f;}



.page-designer{background: #fafafa;}

.detail-designer{ width: 360px; height: auto; min-height:500px; background: #fafafa;}

.detail-designer .title{width: 100%; height: 55px; border-bottom: 1px solid #e8e8e8; padding-left: 20px; font-family:'黑体'; font-size: 16px; color: #333; line-height: 55px;}

.detail-designer .name{width: 100%;height: auto; border-bottom: 1px solid #e8e8e8; padding:20px;}

.detail-designer .name img{width: 140px; height:auto; float: left;}

.detail-designer .name .content{float: left; padding-left: 20px; padding-top: 20px;}

.detail-designer .name .zh{font-family: '黑体'; font-size: 18px; color: #333; margin-bottom: 8px;}

.detail-designer .name .grade{font-family: '黑体'; font-size: 14px; color: #ff5a5f;}

.detail-designer .num-case{width: 100%;height: 60px; border-bottom: 1px solid #e8e8e8; padding:0 20px; line-height: 60px;}

.detail-designer .num-case .zh{font-family: '黑体'; font-size: 14px; font-weight: bold; color: #333;}

.detail-designer .desc{width: 100%;height: auto; padding:20px;}

.detail-designer .desc .zh{font-family: '黑体'; font-size: 14px; font-weight: bold; padding-bottom: 10px; color: #333;}



.case-designer{width: 840px; height: auto; min-height: 500px; background: #fff;}

.case-designer .title{width: 100%; height: 55px; border-bottom: 1px solid #e8e8e8; padding-left: 20px; font-family:'黑体'; font-size: 16px; color: #333; line-height: 55px;}





/*作品列表*/

.works-list{}

.works-list .row{}

.works-list .list-item{float: left; width: 240px; height: 230px; background: #fff; margin-right:30px; margin-bottom:30px; -moz-box-shadow:0px 5px 5px rgba(0,0,0,0.08); -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.08); box-shadow:0px 5px 5px rgba(0,0,0,0.08);}

.works-list .list-item:nth-child(3),

.works-list .list-item:nth-child(6),

.works-list .list-item:nth-child(9),

.works-list .list-item:nth-child(12),

.works-list .list-item:nth-child(15),

.works-list .list-item:nth-child(18){margin-right: 0;}

.works-list .item-media{width: 100%; height: 155px; overflow: hidden;}

.works-list .item-media img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.works-list .item-content{ height: 90px; padding:15px 10px;}

.works-list .item-content .zh{font-family: '黑体'; font-size: 16px; color: #333;}

.works-list .item-content .note{font-family: '黑体'; font-size: 14px; color: #999; margin-top: 5px;}

.works-list .list-item:hover{ background: #ff5a5f;}

.works-list .list-item:hover .item-content .zh,.works-list .list-item:hover .item-content .note{ color: #fff;}

.works-list .list-item:hover .item-media img{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);}





.guarantee-shigong{}

.guarantee-shigong .list-item{float: left; width:25%; padding: 0 20px; text-align: center; cursor: pointer;}

.guarantee-shigong .list-item .zh{display: block; padding: 70px 0; font-family:microsoft yahei; font-size: 24px; font-weight: bold; color: #333;}

.guarantee-shigong .list-item .item-media{width: 215px; height: 215px; border: 3px solid #fff; border-radius: 50%; margin-left: auto; margin-right: auto; overflow: hidden;position: relative; top:0;}

.guarantee-shigong .list-item .item-media img{width: 100%;height: 100%;}

.guarantee-shigong .list-item .item-content{padding:30px 0 50px 0; font-family:microsoft yahei; font-size:14px; color: #666; line-height: 24px;}

.guarantee-shigong .list-item:hover .item-media{ border:3px solid rgba(255,90,95,0.5); position: relative; top: -10px;}



.process-shigong{height: 755px; background: url(../images/process-shigong.jpg) top center no-repeat; background-size: cover; -moz-background-size: cover;}

.process-shigong-list{height: 450px; background: #d60613; padding: 20px; position: relative; top: 150px;}

.process-shigong-list .border{width: 100%;height: 100%; border:1px solid #fff;}

.process-shigong-list .title{}

.process-shigong-list .title .zh{font-family:microsoft yahei; font-size:36px; font-weight: bold; color: #fff; padding:50px 0 10px 0;}

.process-shigong-list .title .note{font-family:microsoft yahei; font-size:24px; color: #fff; }

.process-shigong-list .row{padding: 70px 170px 0 170px;}

.process-shigong-list .list-item{width: 20%; float: left; text-align: center;}

.process-shigong-list .list-item .item-media{width: 100px; height:100px; margin-left: auto; margin-right: auto; border-radius: 50%; border:2px solid #fff; text-align: center; }

.process-shigong-list .list-item .item-media a{ display: block; padding-top: 15px;}

.process-shigong-list .list-item .item-content{padding-top:20px;font-family:microsoft yahei; font-size:18px; color: #fff;}

.process-shigong-list .list-item:hover .item-media{background: rgba(255,255,255,0.2);}



.order{background:url(../images/order-bg.jpg) repeat;}

.order .order-head{height: 125px; padding-top:40px; text-align: center;}

.order .order-head .zh{font-family: microsoft yahei; font-size: 36px; color: #333; font-weight: bold; line-height:40px;}

.order .order-body{height: 400px; background:url(../images/order-body.jpg) top center no-repeat; background-size: cover; -moz-background-size: cover;}

.order-list{height: 100%;}

.order-list ul{height: 100%;}

.order-list .list-item{height: 100%; border-left:1px solid #8f8f8f; padding: 0; overflow: hidden; position: relative;}

.order-list .list-item:before{content: ''; width:0;height: 100%; display: block; background: rgba(255,90,95,0.7); position: absolute; z-index: 7; top: 0; left:50%; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.order-list .list-item:last-child{border-right:1px solid #8f8f8f;}

.order-list .list-item .item-media{width:30%; padding: 80px 0 10px 0; margin-bottom: 30px; border-bottom: 2px solid #fff; position: relative; z-index: 9; font-family: arial; font-size: 50px; color: #fff; margin-left:25px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.order-list .list-item .item-media:before{content: ''; display: block; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; position: absolute; left: -25px; top: 100px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.order-list .list-item .item-content{padding-left:25px; position: relative; z-index: 8;}

.order-list .list-item .item-content span{display: block; font-family: microsoft yahei; font-size: 14px; color: #fff; line-height: 24px;}



/*.order-list .list-item.active:before{left: 0; width: 100%;}*/

.order-list .list-item:hover:before{left: 0; width: 100%;}

.order-list .list-item:hover .item-media{width:40%;padding-top: 70px;}

.order-list .list-item:hover  .item-media:before{top:132px;}



.tech-shigong{}

.tech-shigong .title{height: 125px; background: #fff; text-align: center; font-family: microsoft yahei; font-size: 36px; color: #333; font-weight: bold; line-height:125px;}

.tech-shigong .tech-body{background: #eee;}



.list-tech{}

.list-tech .list-item{ float: left; width: 590px; height:200px; background: #fff; border:2px solid #fff; margin-right:20px; margin-bottom:20px; padding: 30px;}

.list-tech .list-item:nth-child(even){margin-right: 0px;}

.list-tech .item-media{width: 180px; height: 135px; border-radius:8px; overflow: hidden;}

.list-tech .item-media img{width: 100%; height: 100%;}

.list-tech .item-content{width: 340px; padding-left: 20px;}

.list-tech .item-content .zh{ font-family:'黑体'; font-size: 18px; color: #333; padding-bottom:8px;}

.list-tech .item-content .desc{ font-family:microsoft yahei; font-size: 14px; color: #999; line-height:24px;}

.list-tech .list-item:hover{border:2px solid #ff5a5f;}



.service-shigong{height: 400px; background:#392c22;}

.service-shigong .fl{width: 65%; height: 100%;}

.service-shigong .fl img{height: 100%;}

.service-shigong .fr{width: 35%; height: 100%; background: #dd001f; padding:60px 0 0 60px;}

.service-shigong .fr .zh{font-family: microsoft yahei; font-size: 32px; font-weight: 600; color: #fff;}

.service-shigong .fr .en{font-family: arial; font-size: 18px; text-transform: uppercase; line-height: 24px; color:rgba(255,255,255,0.4);}

.service-shigong .fr .hr{width: 300px; height: 1px; background: rgba(255,255,255,0.4); margin:35px 0;}

.service-shigong .fr .add{font-family: '黑体'; font-size: 18px; color: #fff;}

.service-shigong .fr .tel{font-family: microsoft yahei; font-size: 22px; color: #fff; font-weight: bold;}

.service-shigong .fr .more{display: block; width: 170px; height: 40px; border:1px solid #fff; margin-top: 40px; text-align: center; font-size: 14px; line-height: 40px; color: #fff;}

.service-shigong .fr .more:hover{background: #fff; color:#dd001f; }



.brand-shigong{background: #fff;}

.brand-shigong .head{height: 140px; text-align: center; line-height: 140px; font-family:microsoft yahei; font-size: 36px; font-weight: bold; color: #333;}





.case-reco-tab{width: 100%; height:60px; border-bottom: 2px solid #e5e5e5;}

.case-reco-tab .tabs{width:100%; height: 100%; float:left; background:none;}

.case-reco-tab .tabs .more{line-height: 60px; padding-right:30px;}

.case-reco-tab .tabs ul{padding: 0; width:90%; height: 100%; float: left;}

.case-reco-tab .tabs li{float: left; width:auto; height: 100%; text-align:center;}

.case-reco-tab .tabs li a{display: block; height: 100%; line-height:60px; padding: 0 30px;border-bottom: 2px solid transparent;}

.case-reco-tab .tabs li.active a{height:60px; color: #ff5a5f; border-bottom: 2px solid #ff5a5f;}

.case-reco-list{}

.case-reco-list .list-item{width: 150px; height: 150px; background: #f5f5f5; text-align: center; float: left; margin-right: 60px; margin-bottom: 25px; padding-top:35px;}

.case-reco-list .list-item:nth-child(6),

.case-reco-list .list-item:nth-child(12),

.case-reco-list .list-item:nth-child(18),

.case-reco-list .list-item:nth-child(24){margin-right: 0;}

.case-reco-list .list-item img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.case-reco-list .list-item:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}







/*施工包详情*/

.page-title{padding: 90px 0;}

.page-title .zh{font-family: '宋体'; font-size: 58px; color: #282828; font-weight: bold; position: relative;}

.page-title .zh:before{content: '{'; font-family:'Bodoni Bk BT'; font-size: 150px; color:rgba(69,69,69,0.5); position: absolute; left:-80px; top: -50px;}

.page-title .zh:after{content: '}'; font-family:'Bodoni Bk BT'; font-size: 150px; color:rgba(69,69,69,0.5); position: absolute; right:-80px; top: -50px;}

.page-title .note{font-family: '宋体'; font-size: 20px; color: #414141; font-weight: bold; position: relative; top:25px;}

.page-title .note:before{content: ''; display: block; width:50px; height: 2px; background: #e73b65; position:absolute; top: -15px; left: 50%; margin-left: -25px;}



.column-shigong{margin-bottom:50px;}

.column-shigong .title{font-family: microsoft yahei; font-size: 26px; content: #393939; padding-bottom: 20px;}

.column-shigong .content table{width: 1200px; border-bottom: 2px solid #cccccc;}

.column-shigong .content table th{font-weight: normal; font-size: 14px; content: #666;}

.column-shigong .content table td{padding:15px 20px; border-right: 1px solid #e5e5e5;}

.column-shigong .content table tr td:last-child{border:0;}

.column-shigong .content table th{background:#eeeeee; font-family: microsoft yahei; font-size: 14px; padding: 12px 20px;}

.column-shigong .notes{height: 100px; border:1px solid #dddddd; margin-top: 20px; clear: both;}

.column-shigong .notes .zh{display: block; width: 35px; height: 100%; background: #f6f6f6; padding: 20px 10px; font-family: microsoft yahei; font-size: 14px; color: #272727;}

.column-shigong .notes .desc{display: block; padding: 20px;}







.switch-gexingshigong .hd{ height:35px; line-height:35px; background:#969696;}

.switch-gexingshigong .hd ul{ float:left; height:35px;   }

.switch-gexingshigong .hd ul li{ float:left; padding:0 40px; border-right: 1px solid #fff;  color: #fff; cursor:pointer;  }

.switch-gexingshigong .hd ul li.on{background:#ff5a5f;}

.switch-gexingshigong .hd ul li.on a{color:#fff;}



.switch-gexingshigong .bd{border-width: 0 1px 1px 1px; border-style: solid; border-color: #dcdcdc;}

.switch-gexingshigong .bd ul{background: #fff; padding:30px;  zoom:1;  }

.switch-gexingshigong .bd ul span{font-size: 14px; line-height:34px;}



/*工程列表*/

.list-gongcheng{padding: 50px; background: #fff;}

.list-gongcheng .list-item{margin-bottom: 50px;}

.list-gongcheng .list-item:last-child{margin-bottom:0;}

.list-gongcheng .list-item .item-media{width: 1100px; height: 500px; overflow: hidden;}

.list-gongcheng .list-item .item-media img{width: 100%; height: 100%;}

.list-gongcheng .list-item .item-content{width: 100%; height:60px; background: #f2f2f2; line-height: 60px; padding: 0 20px;}



.detail-gongcheng{background: #fff;}

.detail-gongcheng .detail-head{width: 100%; height: 50px; border-bottom: 1px solid #e8e8e8; line-height: 50px;}

.detail-gongcheng .detail-head .back{width: 210px; height: 100%; border-right: 1px solid #e8e8e8; text-align: center; font-family: microsoft yahei; font-size: 14px; color: #999999;}

.detail-gongcheng .detail-head .back:hover{color:#ff5a5f;}

.detail-gongcheng .detail-head .flip{width: 640px; height: 100%; padding: 0 20px;}

.detail-gongcheng .detail-head .share{width: 350px; height: 100%; border-left: 1px solid #e8e8e8; padding:0 20px;}

.detail-gongcheng .detail-body{background: #fff; padding:50px 100px;}

.detail-gongcheng .detail-body .title{margin-bottom:30px;}

.detail-gongcheng .detail-body .title .zh{font-family: microsoft yahei; font-size: 30px; font-weight: bold; color: #333; margin-bottom: 20px;}

.detail-gongcheng .detail-body .title .add,

.detail-gongcheng .detail-body .title .mianji,

.detail-gongcheng .detail-body .title .time{font-family: '宋体'; font-size: 14px; color: #333; line-height: 24px; margin-bottom: 10px;}

.detail-gongcheng .detail-body .title .add .en,

.detail-gongcheng .detail-body .title .mianji .en,

.detail-gongcheng .detail-body .title .time .en{color: #999;}



/*关于我们*/

.about-slogn{padding: 70px 0 250px 0;}

.about-slogn .slogn-1{font-family: arial; font-size: 54px; color: #ff5a5f; text-transform: uppercase;}

.about-slogn .slogn-2{font-family: arial; font-size: 30px; color: #ff5a5f;}

.about-slogn .slogn-3{padding: 30px 0;}

.about-slogn .note{font-family:microsoft yahei; font-size: 24px; color: #323232; line-height: 48px;}



.page-about{height: 613px; background:url(../images/about-bg.jpg) top center no-repeat #eee; background-size: cover; -moz-background-size: cover; overflow: visible;}

.detail-about{width: 1000px; height: 525px; padding: 90px; margin-right: auto; margin-left: auto; background: #f5f5f5; position: relative; top: -95px; overflow: visible; position: relative;}

.detail-about .detail-icon{width: 48px; height: 48px; border-radius: 50%; background: #00bfb2; text-align: center; position: absolute; left: 50%; margin-left: -24px; top: -24px;}

.detail-about .detail-icon i{font-size: 30px; color: #fff; line-height: 48px;}

.detail-about .content{font-family: microsoft yahei; font-size: 14px; line-height:26px; color: #313131;}



/*团队*/

.list-team {}

.list-team .list-item{width:23.5%; float: left; margin-right:2%; position: relative; top: 0;}

.list-team .list-item:nth-child(4n){margin-right: 0;}

.list-team .list-item .item-media{width: 100%; height: 290px;}

.list-team .list-item .item-media img{width: 100%; height: 100%;}

.list-team .list-item .item-content{width: 100%; height: 200px; margin-bottom: 24px; padding: 0 30px; border-width: 1px 1px 1px 1px; border-style:solid; border-color:transparent  transparent  #ababab transparent;}

.list-team .list-item .item-content .zh{display: block; padding: 30px 0 15px 0;}

.list-team .list-item .item-content .grade{display: block; padding-bottom:15px;}

.list-team .list-item .item-content .desc{display: block; }

.list-team .list-item:hover{top: -12px;}

.list-team .list-item:hover .item-content{border-width: 1px 1px 1px 1px; border-style:solid; border-color:#e6e5e5;-moz-box-shadow:0px 5px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.1); box-shadow:0px 5px 5px rgba(0,0,0,0.1);}





.top-contact.on{border-top: 1px solid #c9c9c9;}





/*新闻*/

.nav-news{height: 60px; margin-top:20px; border-bottom: 2px solid #c9c9c9; overflow: visible;}

.nav-news ul{width:70%; float: left;}

.nav-news li{float: left; height: 100%; text-align: center;}

.nav-news .breadcrumb{float: right; position: relative;top:7px;}



.nav-news li a{display: block; height: 60px; line-height: 60px; padding:0 20px; border-bottom:3px solid transparent;}

.nav-news li.active a{color:#ff5a5f; border-bottom:3px solid #ff5a5f;}

.nav-news li:hover a{color:#ff5a5f; border-bottom:3px solid #ff5a5f;}

.list-news{}

.list-news .list-item{width:32%; float: left; margin-right:2%; margin-bottom:60px; position: relative; top: 0;}

.list-news .list-item:nth-child(3n){margin-right: 0;}

.list-news .list-item .zh{font-family: microsoft yahei; font-size: 16px; color: #656565; padding-bottom: 15px;}

.list-news .list-item .desc{font-family: microsoft yahei; font-size: 14px; color: #959595; padding: 15px 0; border-top: 1px solid #cccccc;}

.list-news .list-item time{font-family: microsoft yahei; font-size: 12px; color: #676767; padding:10px 0 20px 0;}

.list-news .list-item .more{width: 120px; height: 36px; border:1px solid #ccc; position: relative;}

.list-news .list-item .more span{font-family: microsoft yahei; font-size: 14px;  color: #ff5a5f; text-transform: uppercase; position: absolute; left:35px; top: 10px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.list-news .list-item .more i{color: #ccc; position: absolute; right:55px; top: 13px;}

.list-news .list-item:hover .zh{color: #ff5a5f;}

.list-news .list-item:hover .more{background: #ff5a5f; border:1px solid #ff5a5f;}

.list-news .list-item:hover .more span{left: 25px; color:#fff; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.list-news .list-item:hover .more i{right: 25px; color:#fff; }





/*新闻详情*/

.detail-news{}

.detail-news .detail-head{text-align: center; padding:30px 0; border-bottom: 1px solid #cccccc;}

.detail-news .detail-head .zh{display: block; font-family: microsoft yahei; font-size: 20px; color: #353535;}

.detail-news .detail-head .note{display: block; font-family: microsoft yahei; font-size:12px; color: #676767;}

.detail-news .detail-body{padding-top: 30px;}

.detail-news .detail-foot{height:60px; line-height:60px;}