﻿@charset "utf-8";
 .content {
    color: #666;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    width: 100%;
    height: auto;
}


/*================================================文章列表页开始=============================================*/

.detailbox {
    width: 1190px;
    margin: 15px auto 0;
    overflow: hidden;
}

/*================================文章左侧开始====================================*/
.left {
    float: left;
    overflow: hidden;
    width: 895px;
}
/*广告位*/
.ad {
    width: 1190px;
    margin:auto;
}

/*banner轮播*/
.flexslider {
    margin: auto;
    position: relative;
    width: 100%;
    height: 483px;
    overflow: hidden;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.flexslider .slides {
    zoom: 1;
}
.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(/images/common/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}
.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}
.flex-direction-nav .flex-prev {
    left: 0;
}
.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}
.flex-control-nav {
    width: 99%;
    position: absolute;
    bottom: 5px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    background: url(/images/common/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: 9999em;
    width: 16px;
    cursor: pointer;
}
.flex-control-paging li a.flex-active {
    background-position: 0 0;
}
.flexslider li {
    height: 100%;
    width: 100%;
}
.flexslider .img img {
    width: 100%;
    height: 483px;
}
/*标题*/
/*标题*/
.biaoti {
    width: 895px;
    height: 52px;
    margin: 20px 35px 20px 0;
    float: left;
    border-bottom: 1px solid #e0e5e9;
}
.articlemenu ul li.zxbt {
    width: 180px;
    float: left;
    color: #333;
    font-size: 23px;
    height: 50px;
    line-height: 50px;
    font-weight: normal;
    font-family: "microsoft yahei";
}
.articlemenu {
    width: 855px;
    float: left;
    margin:0;
}
 .articlemenu ul {
    overflow: hidden;
    float: left;
    margin-top: 1px;
}
.articlemenu ul li {
    float: left;
    width: 168px;
    height: 50px;
    font-size: 17px;
    color: #333;
    line-height: 50px;
    text-align: center;
}
.articlemenu ul li:hover,
.articlemenu ul li.current {
    cursor: pointer;
    border-bottom: 2px solid #36c348;
}
/*文章列表显示*/
.article_list {
    position: relative;
    overflow: hidden;
    height: auto;
    width: 895px;
    margin:0;
}
/*.article_list .subbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 9999em;
}*/
.article_list .list_con {
    overflow: hidden;
    width: 895px;
    float: left;
}
.article_list .list_con ul {
    overflow: hidden;
}
.article_list .list_con ul li{
    overflow: hidden;
    width: 895px;
    height: 290px;
    border-top: 1px dotted #e1e1e1;
    margin-top: -1px;
}
.article_list .list_con ul li:first-child{
    border-top: 0;
}
.article_list .list_con ul li .atricle_pic {
    width: 386px;
    height: 290px;
    padding:45px 25px;
    float: left;
    text-align: center;
}

.article_list .list_con ul li .atricle_pic img{
    width: 336px;
    height: 200px;
}
.caseinfo {
    float: left;
    display: block;
    width: 480px;
    margin:35px 17px 30px 10px;
    height: auto;   
}
.caseinfo dt {
    display: block;
    overflow: hidden;
    height: 35px;
    line-height: 35px;
    color: #666;
    font-size: 18px;
}



.caseinfo dd {
    overflow: hidden;
    width: 480px;
    color: #999;
}

.caseinfo .ddcon {
    height: auto;
    position: relative;
    margin-top: 20px;
}

.caseinfo .ddcon a p {
    float: left;
    overflow: hidden;
    width: 480px;
    line-height: 25px;
    height: 75px;
    font-size: 14px;
    color: #666;
}
.caseinfo .ddcon a:hover p{
    color: #ff5500;
} 
.caseinfo .gsmc {
    margin-top: 10px;
    width: 100%;
}
.caseinfo .gsmc a{
    color: #999;
    font-size: 14px;
    text-align: left;
    padding-right: 20px;
}
.caseinfo .ddbot {
    height: 30px;
    line-height: 30px;
    margin-top: 30px;
}

.caseinfo .ddbot p.fl {
    color: #999;
    padding-left: 30px;
}
.caseinfo .ddbot span{
    height: 30px;
    line-height: 30px;
    border:1px solid #e4e4e4;
    padding:0 15px;
    color: #666;
    width: 80px;
    border-radius: 5px;
    margin-right: 30px;
}

.caseinfo .ddbot p.fl span.liulan em{
    background: url(../../images/Article/icon1.png) no-repeat center -1px;
    width: 27px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.caseinfo .ddbot p.fl span.shoucang em {
    background: url(../../images/Article/icon2.png) no-repeat center 0;
    width: 20px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.caseinfo .ddbot p.fl span.comment em {
    background: url(../../images/Article/icon3.png) no-repeat center -1px;
    width: 27px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

/*============================================================文章左侧结束====================================================*/
/*===================================================================右侧开始==============================================*/
.right {
    float: right;
    margin-left: 20px;
    overflow: hidden;
    width: 275px;
}
/*搜索区*/
.tksearch {
    background: #fff;
    height: 30px;
    margin: 22px 2px 40px;
    width: 271px;
    border-radius: 15px;
    -webkit-box-shadow: #333 0px 0px 2px;
    -moz-box-shadow: #333 0px 0px 2px;
    box-shadow: #333 0px 0px 2px;
}
.tksearch .tkscbar_txt {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #333;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    width: 228px;
    margin-left: 15px;
}
.tksearch .tkscbar_sub {
    background: url("../../images/Article/icon5.png") no-repeat scroll center 2px;
    border: medium none;
    cursor: pointer;
    display: block;
    float: rifht;
    height: 30px;
    width: 26px;
}
/*===================申请区开始=================================*/
.sqboxcon {
    background: #fff;
    height: auto;
    width: 275px;
}

.sqbox{    
    width: 275px;
    height: 370px;
    margin-top:70px;
    background-color: #464857;
    padding: 15px 30px;
    background-image: url(../../images/company/sqboxbg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
.sqbox .tit {
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    height: 50px;
    width: 213px;
    margin-bottom: 9px;
    text-align: left;
    padding-left: 40px;
    background: url(../../images/company/icon6.jpg) no-repeat 0px 5px #464857;
}
.sqbox .tit h3 {
    font-size: 18px;
}
.sqbox .txtbox,.sqbox .selectbox,.sqbox .txtbox2,.sqbox .anniu{
    margin: 0 auto 0px;
    overflow: hidden;

}

.sqbox .txtbox input{
    display: block;
    width: 213px;
    padding: 7px 10px;
    color: #333;
    height: 34px;
    border:1px solid #e9e9e9;
    font-family: "microsoft yahei";
}
.sqbox .txtbox2 input {
    display: inline-block;
    width: 85px;
    padding: 7px 10px;
    color: #333;
    height: 33px;
    background: #fff;
    font-size: 12px;
    border:1px solid #e9e9e9;
}

.sqbox .txtbox2 a.code_img {
    width: 60px;
    height: 33px;
    line-height: 33px;
    display: inline-block;
    margin: 0 10px;
}
.sqbox .txtbox2 a.code_img img {
    width: 60px;
    height: 100%;
}
.sqbox .txtbox2 a.code_img2 {
    display: inline-block;
    width: auto;
    height: 33px;
    line-height: 33px;
}

.sqbox .selectbox select {
    display: inline;
    float: left;
    width: 100px;
    border: 0;
    color: #333;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 5px;
    font-family: "microsoft yahei";
    border:1px solid #e9e9e9;
}
.sqbox .selectbox input {
    display: inline-block;
    width: 78px;
    height: 34px;
    padding: 7px 11px;
    color: #333;
    border:1px solid #e9e9e9;
    font-family: "microsoft yahei";
}
.sqbox .selectbox select:first-child {
    margin-right: 10px;
}

.sqbox .anniu a {
    display: block;
    width: 213px;
    background: #f38e00;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    transition: color 0.4s ease 0s, background 0.4s ease 0s, opacity 0.2s ease 0s;
}

.sqbox .anniu a:hover {
    color: #fff;
    opacity: .8;
    filter: alpha(opacity=80);
}
.sqbox p.hint {
    margin-top: 5px;
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: right;
}
.sqbox p.hint span{
    color: #fff600;
    padding:0 3px;
}

.piao {
    position: fixed;
    top: 0px;
    z-index: 9999;
    background: #fff;
}
/*===================申请区结束==============================*/

/*右侧区块*/
.zxactivity{
    margin: 20px auto 0;
    overflow: hidden;
}

/*小banner轮播*/
.zxactivity h3 ,.news_tj h3 ,.anli h3 {
    font-weight: normal;
    font-size: 18px;
    height: 40px;
    line-height: 36px;
    color: #666;
}
.flexslider2 {
    margin-bottom: 20px;
    position: relative;
    width: 275px;
    height: 170px;
    overflow: hidden;
    zoom: 1;
}

.flexslider2 .slides {
    zoom: 1;
}
.flexslider2 .flex-direction-nav a {
    width: 28px;
    height: 45px;
    line-height: 99em;
    overflow: hidden;
    margin: -22.5px 0 0;
    display: block;
    background: url(/images/common/ad_ctr2.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 0;
}
.flexslider2 .flex-direction-nav .flex-next {
    background-position: 0 -45px;
    right: 0;
}
.flexslider2 .flex-direction-nav .flex-prev {
    left: 0;
}
.flexslider2:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
.flexslider2:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
.flexslider2:hover .flex-next:hover, .flexslider2:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}
.flexslider2 .flex-control-nav {
    bottom: 5px;
    text-align: center;
}
.flexslider2 .img img {
    width: 275px;
    height: 170px;
}
/*资讯推荐*/
.news_tj {
    width: 275px;

}
.news_tj dl {
    width: 265px;
    height:130px;
    margin-left: 10px;
    padding: 15px 0;
    float: left;
    position: relative;
    overflow: hidden;
    border-top: 1px dotted #e9e9e9;
}
.news_tj dl:first-child{
    margin-left: 0px;
    border-top: 0;
}

.news_tj dl dt {
    width:95px;
    height: 95px;
    overflow: hidden;
    float: left;
}
.news_tj dl dt img {
    width: 95px;
    height: 95px;
}
.news_tj dl:hover dt{
    opacity: .8;
    filter: alpha(opacity=80);
}
.news_tj dl dd{
    float: left;
    width:160px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    transition:all ease .3s;
    border:none;
    margin-left: 10px;
}

.news_tj dl dd p a{
    font-size: 14px;
    display: block;
    width: 160px;
    height: 60px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}
.news_tj dl dd a.bot {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: left;
}
/*装修风格*/
.anli dl {
    width: 275px;
    height: 170px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.anli dl dt {
    width:100%;
    height: 170px;
    overflow: hidden;
}
.anli dl dt img {
    width: 275px;
    height: 170px;
}
.anli dl:hover dt{
    opacity: .8;
    filter: alpha(opacity=80);
}
/*热门标签*/
.hot_search {
    background: #fff none repeat scroll 0 0;
    margin: 20px 0;
    padding: 10px 0;
    width: 275px;
    overflow: hidden;
}
.hot_search strong{
    color: #6f6c6b;
    display: inline-block;
    font-size: 17px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    text-indent: 10px;
}
.hot_search .hot_tag {
    overflow: hidden;
    padding: 5px 0;
}
.hot_search .hot_tag a {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #9a9a9a;
    display: inline;
    float: left;
    font-family: "Microsoft YaHei";
    margin: 5px;
    padding: 5px 10px;
    white-space: nowrap;
    font-size: 14px;
}
.hot_search .hot_tag a:hover {
    background: #e8e8e8 none repeat scroll 0 0;
    text-decoration: none;
}
/*=========================列表页右侧end===========================*/

/*下拉框样式*/
.selectpick_div {
    background-color:#f4f4f4;
    line-height:34px;
}
/***********************************************************************************文章列表页面结束****************************************/