@charset "utf-8";

/*公共样式2017-1-10*/
html,body{margin: 0;padding: 0;}
body{ font-size:14px; font-family:"Microsoft YaHei","微软雅黑","宋体", Arial, sans-serif; padding:0px; margin:0px; background:#fff; color:#555; line-height:26px;}
body.pagewd{min-width: 1200px;}
body.smallpage{min-width: 1000px;}
div,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,i,table,tr,td,th,fieldset,label,legend,button,input{ margin:0;padding:0; font-family:"微软雅黑";}
ul,li{list-style:none;}
a,img,a img{border:0px;}
a{text-decoration:none;cursor:pointer; color:#525252;}
a:hover{text-decoration:none; color:#e7691e;}
input{outline:none;}
input.text,select.text,textarea.text{outline:none; border:1px solid #e3e3e3; height:26px; line-height:26px; padding:3px 0px 3px 5px;font-size:12px; color:#555;} 
textarea{ outline:none; resize:none; border:1px solid #e3e3e3; font-size:12px;}
input.check{ vertical-align:middle; margin-right:2px;}
img{ vertical-align:middle;/*max-width: 100%;*/}
em { font-style: normal;}

.amin {  transition: all 0.5s;  opacity: 1;  -moz-transition: all 0.5s; /* Firefox 4 */  -webkit-transition: all 0.5s; /* Safari and Chrome */  }
.aminOut1 {  transition: all 0.5s;  opacity: 0;  -moz-transition: all 0.5s;  -webkit-transition: all 0.5s;  }
.amins2 {  transition: all 0.5s;  display: inline-block;  left: 0;  display: block;  -moz-transition: all 0.5s; /* Firefox 4 */  -webkit-transition: all 0.5s; /* Safari and Chrome */  }
.aminOut2 {  transition: all 0.8s;  left: -100%;  display: inline-block;  -moz-transition: all 0.8s; /* Firefox 4 */  -webkit-transition: all 0.8s; /* Safari and Chrome */  }
.hidden {  display: none;  }

.lt{float:left;}
.rt{float:right; }
.cl{ clear:both; height:0px;}
.none{ display:none;}
.img_cont{width: 100%;height: 350px;}
.fontcl1{ color:#27c27b;}
.fontcl2{ color:#ff9c00; padding-bottom: 10px;}
.fontcl3{color: #ea3200;}
.fontcl4{color: #f2c15a;}
.fontcl5{color: #848585;}
.fontcl6{color: #525252;}
.mar_1{ margin-bottom: 20px;}
.alont1_h3{ text-align: center}
.alont4_h3{color: #27C27B;font-size: 32px;text-align: center;height: 40px;}
.alont_title{    font-size: 25px;  text-align: center;  color: #FF9C00;}
/*.alont1_h1{ font-size: 18px;  line-height: 30px;}*/
.alont2_h1{font-size: 20px;  line-height: 32px;}
.alont3_h1{font-size: 18px;  line-height: 32px;  padding-left: 32px;}
.font_alont1{ padding-left: 10px; font-size: 14px;}
.index-link .link-tit .q_link{position: absolute;  right: 155px;  top: -2px;  font-size: 13px;  color: #7f7979;}

/*.borderb{border-bottom: 1px solid #E5E5E5;}*/
.borderall{border: 1px solid #E5E5E5;}
.content,.footer{min-width: 1220px;position: relative;}
.mainwd{width: 1220px;position: relative;margin:0px auto;}
.main-content{width: 890px;}
.side-content{width: 300px;}
.side-content h4{height: 35px;line-height: 35px;border-bottom: 1px solid #E5E5E5;font-weight: bold;}
.side-content h4 span{padding-left: 10px;border-left: 3px solid #FF9C00;color: #FF9C00;}
.subwd{ max-width:1220px;margin:0px auto;}

.mb5{margin-bottom: 5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;position: relative;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mlr20{margin: 0 20px;}
.mlr30{margin: 0 30px;}
.pt10{padding-top: 10px;}
.pdb20{padding-bottom: 20px;}
.pad_top{ padding-top: 20px;}
.pdtb10{padding: 10px 0;}
.pdtb15{padding: 15px 0;}
.pdtb20{padding: 20px 0;}
.pdlr20{padding: 0 20px;}
.alontDiv{overflow: hidden}
.alontDiv h4{width: 260px;}
.pdlr15{padding: 0 15px;}
.pding10{padding: 10px;}
.pding20{padding: 20px;}
.bgw{background-color: #ffffff;}
.clearfixs:after{content: '.';display: block;height: 0;clear: both;visibility: hidden;}

.w-70{width: 70px;}
.w-80{width: 80px;}
.w-81{width: 81px;}
.w-90{width: 90px;}
.w-100{width: 100px;}
.w-120{width: 120px;}
.w-135{width: 135px;}
.w-200{width: 200px;}
.w-295{width: 295px;}
.w-300{width: 300px;}
.w-350{width: 350px;}
.h-82{height: 82px;}
.h-122{height: 122px;}

/*标题样式*/
h1{ font-size:35px; line-height:45px; color:#333; font-weight:normal;}
.alont_h1{ font-size: 20px;}
h2{ font-size:20px; line-height:34px;height:34px;overflow: hidden; color:#333;font-weight:normal;}
h3{ font-size:18px; line-height:30px;height:30px;overflow: hidden; color:#333;font-weight:normal;}
h4{ font-size:16px; line-height:25px;height:25px;overflow: hidden; color:#333;font-weight:normal;}
h5{ font-size:14px; line-height:25px;height:25px;overflow: hidden; color:#333;font-weight:normal;}
.alonts_h3{text-align: center;  color: black;  padding-bottom: 10px;}
h3 a:hover{color:#ff9c00 }
/*标题样式*/

/*图标样式*/
.oringe-icon{display: inline-block;width: 5px;height: 5px;background: #ff9c00;vertical-align: middle;}
.gray-circular{display: inline-block;width: 5px;height: 5px;background: #E5E5E5;vertical-align: middle;border-radius: 50%;}
.green-icon{display: inline-block;width: 5px;height: 5px;background: #27C27B;vertical-align: middle;}
.green-circular{display: inline-block;width: 8px;height: 8px;background: #27C27B;border-radius: 50%;vertical-align: middle;}
.icon{display: inline-block;background: url(../../home/images/icon.png) no-repeat;vertical-align: middle;}
.about-icon{display: inline-block;background: url(../../home/about/icon.png) no-repeat;vertical-align: middle}
.article-icon{display: inline-block;background: url(../../home/images/article/article_icon.png) no-repeat;vertical-align: middle;}
.ask-icon{display: inline-block;background: url(../../home/images/ask/ask_icon.png) no-repeat;vertical-align: middle;}
.ask-nav ul li i:nth-child(3){background-position:0 -86px; }
.icon24{ background-position:0 -41px;}
.icon41{background-position:0 -90px; }
.icon61{background-position:0 -137px;}
.icon73{background-position:0 -185px;}
.icon93{background-position:0 -232px;}
.fot_over{display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}
.album-icon{display: inline-block;background: url(../../home/images/album/album_icon.png) no-repeat;vertical-align: middle;}
.case-icon{display: inline-block;background: url(../../home/images/case/case_icon.png) no-repeat;vertical-align: middle;}
.com-icon{display: inline-block;background: url(../../home/images/company/com_icon.png) no-repeat;vertical-align: middle;}
.company-sort ul li i.icon1{background:url(../../home/images/icon01.png); width: 45px;height: 45px}
.company-sort ul li i.icon2{background:url(../../home/images/icon04.png); width: 45px;height: 45px}
.company-sort ul li i.icon3{background:url(../../home/images/icon03.png); width: 45px;height: 45px}
.company-sort ul li i.icon4{background:url(../../home/images/icon02.png); width: 45px;height: 45px}
.company-sort ul li i.icon1:hover{background:url(../../home/images/icon_hover01.png);}
.company-sort ul li i.icon2:hover{background:url(../../home/images/icon_hover04.png); width: 45px;height: 45px}
.company-sort ul li i.icon3:hover{background:url(../../home/images/icon_hover03.png); width: 45px;height: 45px}
.company-sort ul li i.icon4:hover{background:url(../../home/images/icon_hover02.png); width: 45px;height: 45px}
.comdetail-icon{display: inline-block;background: url(../../home/images/company/comdetail_icon.png) no-repeat;vertical-align: middle;}
.deg-icon{display: inline-block;background: url(../../home/images/designer/deg_icon.png) no-repeat;vertical-align: middle;}
.site-icon{display: inline-block;background: url(../../home/images/site/site_icon.png) no-repeat;vertical-align: middle;}
.top-icon{display: inline-block;background: url(../../user/images/top_icon.png) no-repeat;vertical-align: middle;}
.share-icon{display: inline-block;background: url(../../home/images/share/share_icon.png) no-repeat;vertical-align: middle;}
/*灰色1000px头部样式开始 装修公司头部 */
.sub_nav{ width:100%;min-width:1220px;background:#f5f5f5; box-shadow:1px 1px 3px #ccc; height:40px; line-height:40px;padding: 4px 0;}
.sub_nav a.pic{ height: 40px;}
.sub_nav a.pic img{ height: 40px;}
.sub_nav a,.sub_nav span{padding:0px 6px;}
.sub_nav span{ padding-right:0px; color:#666;}
.sub_nav a span.ico_list,.sub_nav a span.login_ico{ padding:0px;}
.sub_nav div p{ color:#bbb;}
.sub_nav_login{ padding:0px;}
.top_nav_login .sub_nav_login_son a{ padding-right:10px;line-height:32px;text-align: center;}
p.sub_nav_prt{ line-height:40px;}
/*灰色1000px头部样式结束 */


/*面包屑导航样式开始*/
.crumbs{/*width:100%;*/ height:50px;line-height: 50px;font-size: 14px;}
.crumbs i{ width:11px; height:12px;margin: 0px 2px; background-position: -121px -60px;}
/*面包屑导航样式结束*/




/*筛选排序方式样式开始*/
.sort-list{ height: 40px;line-height: 40px;;border-bottom: 1px solid #E5E5E5;border-left: 2px solid #FF9C00;border-right: 1px solid #FF9C00;border-top: 1px solid #E5E5E5}
.alont_mar{ margin-top: 0; border-top: 1px solid #E5E5E5;}
.sort-list a{display: inline-block;padding: 0 20px;border-right: 1px solid #E5E5E5;font-size: 15px;color: #000000;}
.sort-list a.cur,.sort-list a:hover{color: #F2C15A;}

/*保障金*/
.bzj-icon i{width: 21px;height: 20px;background-position: -2px 0;}
.bzj-icon font{font-size: 12px;border: 1px solid #00ba97;padding: 1px 4px;position: relative;top: 0;left: -1px;color: #00ba97;}

/*切换标签标题*/
.tabs-tit li{cursor: pointer;}

/*按钮*/
/*qq与报价*/
.btn-qqandbj a{display: inline-block;width: 105px;height: 30px;line-height: 30px;text-align: center;}

.btn-qqandbj a.yuyue{background: #27C27B;border: 1px solid #27C27B;color: #FFFFFF;}
.btn-qqandbj a.qq{border:1px solid #FF9C00;color: #FF9C00;}
.btn-qqandbj a.qq i{width: 17px;height: 21px;background-position: -6px -27px;}
.btns a{display: inline-block;width: 90px;height: 30px;line-height: 30px;font-size: 12px;color: #FFFFFF;text-align: center;}
.btns a.attention{width: 65px;border: 1px solid #ffba15;color: #ffba15;}
.btns a.contact{background: #f2c15a;border: 1px solid #f2c15a;}
.btns a.yuyue{background: #27C27B;border: 1px solid #27C27B;}
.btns a.yuyue1{background: #27C27B;border: 1px solid #27C27B;color: #FFFFFF;}
.btns a.yuyue2{background: #27C27B;border: 1px solid #27C27B;color: #FFFFFF;}
.btns a:hover.attention{color: #ffba15;}
.btns a:hover{color: #FFFFFF;}
.btns a.no-attention{width: 65px;border: 1px solid #ffba15;color: #cccccc;border-color:#cccccc;}

/*背景颜色*/
.gray-bg{background: #e5e5e5 !important;border: 1px solid #E5E5E5 !important;}

.type{font-size: 14px;}
.btn{cursor: pointer;}